/*! tailwindcss v4.1.13 | 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-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-tracking:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-content:"";--tw-outline-style:solid;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-mono:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-sky-400:oklch(74.6% .16 232.661);--color-gray-100:var(--gray-100);--color-gray-200:var(--gray-200);--color-gray-300:var(--gray-300);--color-gray-400:var(--gray-400);--color-gray-500:var(--gray-500);--color-gray-600:var(--gray-600);--color-gray-700:var(--gray-700);--color-gray-900:var(--gray-900);--color-gray-950:var(--gray-950);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--leading-loose:2;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--default-mono-font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-primary-400:var(--primary-400)}}@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%;-moz-tab-size:4;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{vertical-align:middle;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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}:root.dark{color-scheme:dark}[data-field-wrapper]{scroll-margin-top:8rem}}@layer components{.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.tippy-box[data-theme~=light]{color:#26323d;background-color:#fff;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.fi-avatar{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);border-radius:var(--radius-md);object-fit:cover;object-position:center}.fi-avatar.fi-circular{border-radius:3.40282e38px}.fi-avatar.fi-size-sm{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.fi-avatar.fi-size-lg{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.fi-badge{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*1);border-radius:var(--radius-md);background-color:var(--gray-50);min-width:1.5rem;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-600);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.fi-badge{--tw-ring-color:color-mix(in oklab,var(--gray-600)10%,transparent)}}.fi-badge{--tw-ring-inset:inset}.fi-badge:where(.dark,.dark *){background-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-badge:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-400)10%,transparent)}}.fi-badge:where(.dark,.dark *){color:var(--gray-200);--tw-ring-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-badge:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--gray-400)20%,transparent)}}.fi-badge:not(.fi-wrapped){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fi-badge.fi-disabled:not(.fi-force-enabled),.fi-badge[disabled]:not(.fi-force-enabled){cursor:default;opacity:.7}:is(.fi-badge.fi-disabled:not(.fi-force-enabled),.fi-badge[disabled]:not(.fi-force-enabled)):not([x-tooltip]){pointer-events:none}.fi-badge .fi-badge-label-ctn{display:grid}.fi-badge .fi-badge-label.fi-wrapped{text-wrap:wrap;word-break:break-word}.fi-badge .fi-badge-label:not(.fi-wrapped){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fi-badge .fi-icon{flex-shrink:0}.fi-badge.fi-size-xs{min-width:1rem;padding-inline:calc(var(--spacing)*.5);padding-block:calc(var(--spacing)*0);--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.fi-badge.fi-size-sm{min-width:1.25rem;padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.fi-badge.fi-color{background-color:var(--color-50);color:var(--text);--tw-ring-color:var(--color-600)}@supports (color:color-mix(in lab,red,red)){.fi-badge.fi-color{--tw-ring-color:color-mix(in oklab,var(--color-600)10%,transparent)}}.fi-badge.fi-color:where(.dark,.dark *){background-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-badge.fi-color:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-badge.fi-color:where(.dark,.dark *){color:var(--dark-text);--tw-ring-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-badge.fi-color:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-400)30%,transparent)}}.fi-badge.fi-color .fi-badge-delete-btn>.fi-icon{color:var(--color-700)}@supports (color:color-mix(in lab,red,red)){.fi-badge.fi-color .fi-badge-delete-btn>.fi-icon{color:color-mix(in oklab,var(--color-700)50%,transparent)}}.fi-badge.fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *){color:var(--color-300)}@supports (color:color-mix(in lab,red,red)){.fi-badge.fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *){color:color-mix(in oklab,var(--color-300)50%,transparent)}}.fi-badge:not(.fi-color) .fi-icon{color:var(--gray-400)}.fi-badge:not(.fi-color) .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-badge .fi-badge-delete-btn{margin-block:calc(var(--spacing)*-1);padding:calc(var(--spacing)*1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;justify-content:center;align-items:center;margin-inline-start:calc(var(--spacing)*-1);margin-inline-end:calc(var(--spacing)*-2);transition-duration:75ms;display:flex}.fi-badge .fi-badge-delete-btn>.fi-icon{color:var(--gray-700)}@supports (color:color-mix(in lab,red,red)){.fi-badge .fi-badge-delete-btn>.fi-icon{color:color-mix(in oklab,var(--gray-700)50%,transparent)}}.fi-badge .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *){color:var(--gray-300)}@supports (color:color-mix(in lab,red,red)){.fi-badge .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *){color:color-mix(in oklab,var(--gray-300)50%,transparent)}}:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:focus-visible{color:var(--gray-700)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:focus-visible{color:color-mix(in oklab,var(--gray-700)75%,transparent)}}@media(hover:hover){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):hover{color:var(--gray-300)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):hover{color:color-mix(in oklab,var(--gray-300)75%,transparent)}}}:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):focus-visible{color:var(--gray-300)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):focus-visible{color:color-mix(in oklab,var(--gray-300)75%,transparent)}}@media(hover:hover){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:hover{color:var(--color-700)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:hover{color:color-mix(in oklab,var(--color-700)75%,transparent)}}}:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:focus-visible{color:var(--color-700)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:focus-visible{color:color-mix(in oklab,var(--color-700)75%,transparent)}}@media(hover:hover){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):hover{color:var(--color-300)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):hover{color:color-mix(in oklab,var(--color-300)75%,transparent)}}}:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):focus-visible{color:var(--color-300)}@supports (color:color-mix(in lab,red,red)){:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn>.fi-icon:where(.dark,.dark *):focus-visible{color:color-mix(in oklab,var(--color-300)75%,transparent)}}.fi-breadcrumbs ol{align-items:center;column-gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.fi-breadcrumbs ol li{align-items:center;column-gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);display:flex}.fi-breadcrumbs ol li:where(.dark,.dark *){color:var(--gray-400)}.fi-breadcrumbs ol li a{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-breadcrumbs ol li a:hover{color:var(--gray-700)}.fi-breadcrumbs ol li a:where(.dark,.dark *):hover{color:var(--gray-200)}}.fi-breadcrumbs ol li .fi-icon{color:var(--gray-400);display:flex}.fi-breadcrumbs ol li .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-breadcrumbs ol li .fi-icon.fi-ltr:where(:dir(rtl),[dir=rtl],[dir=rtl] *),.fi-breadcrumbs ol li .fi-icon.fi-rtl:where(:dir(ltr),[dir=ltr],[dir=ltr] *){display:none}.fi-btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;grid-auto-flow:column;transition-duration:75ms;display:inline-grid;position:relative}:is(.fi-btn.fi-force-enabled,.fi-btn:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.fi-btn.fi-disabled:not(.fi-force-enabled),.fi-btn[disabled]:not(.fi-force-enabled){cursor:default;opacity:.7}:is(.fi-btn.fi-disabled:not(.fi-force-enabled),.fi-btn[disabled]:not(.fi-force-enabled)):not([x-tooltip]){pointer-events:none}.fi-btn>.fi-icon{color:var(--gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-btn>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-btn.fi-size-xs{gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-btn.fi-size-sm{gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-btn.fi-size-lg{gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-btn.fi-size-xl{gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-btn.fi-outlined{color:var(--gray-950);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-300)}.fi-btn.fi-outlined:where(.dark,.dark *){color:var(--color-white);--tw-ring-color:var(--gray-700)}@media(hover:hover){:is(.fi-btn.fi-outlined.fi-force-enabled,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover{background-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-force-enabled,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover{background-color:color-mix(in oklab,var(--gray-400)10%,transparent)}}}:is(.fi-btn.fi-outlined.fi-force-enabled,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-force-enabled,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--gray-400)40%,transparent)}}.fi-btn.fi-outlined.fi-color{color:var(--text);--tw-ring-color:var(--color-600)}.fi-btn.fi-outlined.fi-color:where(.dark,.dark *){color:var(--dark-text);--tw-ring-color:var(--color-500)}@media(hover:hover){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover{background-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover{background-color:color-mix(in oklab,var(--color-500)10%,transparent)}}}:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-500)40%,transparent)}}@media(hover:hover){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:var(--color-600)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-600)10%,transparent)}}}:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-400)40%,transparent)}}.fi-btn.fi-outlined.fi-color>.fi-icon{color:var(--color-600)}.fi-btn.fi-outlined.fi-color>.fi-icon:where(.dark,.dark *){color:var(--color-400)}.fi-btn:not(.fi-outlined){background-color:var(--color-white);color:var(--gray-950)}.fi-btn:not(.fi-outlined):where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-btn:not(.fi-outlined):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-btn:not(.fi-outlined):where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){:is(.fi-btn:not(.fi-outlined).fi-force-enabled,.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover{background-color:var(--gray-50)}:is(.fi-btn:not(.fi-outlined).fi-force-enabled,.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn:not(.fi-outlined).fi-force-enabled,.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}input:checked+label.fi-btn:not(.fi-outlined){background-color:var(--gray-400);color:var(--color-white);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}input:checked+label.fi-btn:not(.fi-outlined):where(.dark,.dark *){background-color:var(--gray-600)}@media(hover:hover){:is(input:checked+label.fi-btn:not(.fi-outlined).fi-force-enabled,input:checked+label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover{background-color:var(--gray-300)}:is(input:checked+label.fi-btn:not(.fi-outlined).fi-force-enabled,input:checked+label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:var(--gray-500)}}.fi-btn:not(.fi-outlined).fi-color:not(label){background-color:var(--bg);color:var(--text)}.fi-btn:not(.fi-outlined).fi-color:not(label):where(.dark,.dark *){background-color:var(--dark-bg);color:var(--dark-text)}@media(hover:hover){:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):hover{background-color:var(--hover-bg);color:var(--hover-text)}}:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-500)50%,transparent)}}@media(hover:hover){:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:var(--dark-hover-bg);color:var(--dark-hover-text)}}:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-400)50%,transparent)}}.fi-btn:not(.fi-outlined).fi-color:not(label)>.fi-icon{color:var(--text)}.fi-btn:not(.fi-outlined).fi-color:not(label)>.fi-icon:where(.dark,.dark *){color:var(--dark-text)}input:checked+:is(label.fi-btn:not(.fi-outlined).fi-color){background-color:var(--bg);color:var(--text);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}input:checked+:is(label.fi-btn:not(.fi-outlined).fi-color):where(.dark,.dark *){background-color:var(--dark-bg);color:var(--dark-text)}@media(hover:hover){input:checked+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):hover{background-color:var(--hover-bg);color:var(--hover-text)}input:checked+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{background-color:var(--dark-hover-bg);color:var(--dark-hover-text)}}input:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])){z-index:10;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){input:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])){--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent)}}input:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){input:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}input:checked:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])){--tw-ring-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){input:checked:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])){--tw-ring-color:color-mix(in oklab,var(--color-500)50%,transparent)}}input:checked:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *){--tw-ring-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){input:checked:focus-visible+:is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-400)50%,transparent)}}label.fi-btn{cursor:pointer}label.fi-btn>.fi-icon:is(:checked+label>.fi-icon){color:var(--text)}label.fi-btn>.fi-icon:is(:checked+label>.fi-icon):where(.dark,.dark *){color:var(--dark-text)}.fi-btn:not(.fi-color),label.fi-btn{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-btn:not(.fi-color),label.fi-btn{--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent)}}:is(.fi-btn:not(.fi-color),label.fi-btn):where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){:is(.fi-btn:not(.fi-color),label.fi-btn):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-btn.fi-labeled-from-sm,.fi-btn.fi-labeled-from-md,.fi-btn.fi-labeled-from-lg,.fi-btn.fi-labeled-from-xl,.fi-btn.fi-labeled-from-2xl{display:none}@media(min-width:40rem){.fi-btn.fi-labeled-from-sm{display:inline-grid}}@media(min-width:48rem){.fi-btn.fi-labeled-from-md{display:inline-grid}}@media(min-width:64rem){.fi-btn.fi-labeled-from-lg{display:inline-grid}}@media(min-width:80rem){.fi-btn.fi-labeled-from-xl{display:inline-grid}}@media(min-width:96rem){.fi-btn.fi-labeled-from-2xl{display:inline-grid}}.fi-btn .fi-btn-badge-ctn{inset-inline-start:100%;top:calc(var(--spacing)*0);z-index:1;--tw-translate-x: -50% ;--tw-translate-y: -50% ;width:max-content;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-md);background-color:var(--color-white);display:flex;position:absolute}.fi-btn .fi-btn-badge-ctn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-btn .fi-btn-badge-ctn:where(.dark,.dark *){background-color:var(--gray-900)}.fi-btn-group{border-radius:var(--radius-lg);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);grid-auto-flow:column;display:grid}.fi-btn-group:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-btn-group:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-btn-group>.fi-btn{border-radius:0;flex:1}.fi-btn-group>.fi-btn:nth-child(1 of.fi-btn){border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.fi-btn-group>.fi-btn:nth-last-child(1 of.fi-btn){border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.fi-btn-group>.fi-btn:not(:nth-child(1 of.fi-btn)){--tw-shadow:-1px 0 0 0 var(--tw-shadow-color,var(--color-gray-200));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.fi-btn-group>.fi-btn:not(:nth-child(1 of.fi-btn)):where(.dark,.dark *){--tw-shadow:-1px 0 0 0 var(--tw-shadow-color,#fff3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.fi-btn-group>.fi-btn:not(:nth-last-child(1 of.fi-btn)){margin-inline-end:1px}.fi-btn-group>.fi-btn.fi-processing:enabled{cursor:wait;opacity:.7}.fi-btn-group>.fi-btn:not(.fi-outlined){--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)}.fi-btn-group>.fi-btn:not(.fi-color),label:is(.fi-btn-group>.fi-btn){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-dropdown-header{gap:calc(var(--spacing)*2);width:100%;padding:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.fi-dropdown-header .fi-icon{color:var(--gray-400)}.fi-dropdown-header .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-dropdown-header span{text-overflow:ellipsis;white-space:nowrap;text-align:start;color:var(--gray-700);flex:1;overflow:hidden}.fi-dropdown-header span:where(.dark,.dark *){color:var(--gray-200)}.fi-dropdown-header.fi-color .fi-icon{color:var(--color-500)}.fi-dropdown-header.fi-color .fi-icon:where(.dark,.dark *){color:var(--color-400)}.fi-dropdown-header.fi-color span{color:var(--text)}.fi-dropdown-header.fi-color span:where(.dark,.dark *){color:var(--dark-text)}:scope .fi-dropdown-trigger{cursor:pointer;display:flex}:scope .fi-dropdown-panel{z-index:20;border-radius:var(--radius-lg);background-color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);width:100vw;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;max-width:14rem!important}:scope .fi-dropdown-panel:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:scope .fi-dropdown-panel:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}:where(:scope .fi-dropdown-panel:not(.fi-dropdown-list)>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-100)}:where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:scope .fi-dropdown-panel.fi-opacity-0{opacity:0}:scope .fi-dropdown-panel.fi-width-xs{max-width:var(--container-xs)!important}:scope .fi-dropdown-panel.fi-width-sm{max-width:var(--container-sm)!important}:scope .fi-dropdown-panel.fi-width-md{max-width:var(--container-md)!important}:scope .fi-dropdown-panel.fi-width-lg{max-width:var(--container-lg)!important}:scope .fi-dropdown-panel.fi-width-xl{max-width:var(--container-xl)!important}:scope .fi-dropdown-panel.fi-width-2xl{max-width:var(--container-2xl)!important}:scope .fi-dropdown-panel.fi-width-3xl{max-width:var(--container-3xl)!important}:scope .fi-dropdown-panel.fi-width-4xl{max-width:var(--container-4xl)!important}:scope .fi-dropdown-panel.fi-width-5xl{max-width:var(--container-5xl)!important}:scope .fi-dropdown-panel.fi-width-6xl{max-width:var(--container-6xl)!important}:scope .fi-dropdown-panel.fi-width-7xl{max-width:var(--container-7xl)!important}:scope .fi-dropdown-panel.fi-scrollable{overflow-y:auto}.fi-dropdown-list{padding:calc(var(--spacing)*1);gap:1px;display:grid}.fi-dropdown-list>.fi-grid{overflow-x:hidden}.fi-dropdown-list-item{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);width:100%;padding:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;transition-duration:75ms;display:flex;overflow:hidden}@media(hover:hover){.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):hover{background-color:var(--gray-50)}}.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):focus-visible{background-color:var(--gray-50)}@media(hover:hover){.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected{background-color:var(--gray-50)}.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-dropdown-list-item.fi-disabled,.fi-dropdown-list-item[disabled]{cursor:default;opacity:.7}:is(.fi-dropdown-list-item.fi-disabled,.fi-dropdown-list-item[disabled]):not([x-tooltip]){pointer-events:none}.fi-dropdown-list-item .fi-icon{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-dropdown-list-item .fi-dropdown-list-item-image{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);background-position:50%;background-size:cover;border-radius:3.40282e38px}.fi-dropdown-list-item>.fi-icon{color:var(--gray-400)}.fi-dropdown-list-item>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-dropdown-list-item>.fi-icon.fi-color{color:var(--color-500)}.fi-dropdown-list-item>.fi-icon.fi-color:where(.dark,.dark *){color:var(--color-400)}@media(hover:hover){.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):hover{background-color:var(--color-50)}}.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):focus-visible{background-color:var(--color-50)}@media(hover:hover){.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover{background-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-400)10%,transparent)}}}.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible{background-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected{background-color:var(--color-50)}.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *){background-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label{color:var(--text)}@media(hover:hover){.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:hover{color:var(--hover-text)}}.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(.dark,.dark *){color:var(--dark-text)}@media(hover:hover){.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(.dark,.dark *):hover{color:var(--dark-hover-text)}}.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label.fi-selected{color:var(--hover-text)}.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label.fi-selected:where(.dark,.dark *){color:var(--dark-hover-text)}.fi-dropdown-list-item .fi-badge{min-width:1.25rem;padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.fi-dropdown-list-item-label{text-overflow:ellipsis;white-space:nowrap;text-align:start;color:var(--gray-700);flex:1;overflow:hidden}.fi-dropdown-list-item-label:where(.dark,.dark *){color:var(--gray-200)}.fi-empty-state{border-radius:var(--radius-xl);background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*12);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-empty-state:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-empty-state:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-empty-state .fi-empty-state-content{max-width:var(--container-lg);text-align:center;justify-items:center;margin-inline:auto;display:grid}.fi-empty-state .fi-empty-state-icon-bg{margin-bottom:calc(var(--spacing)*4);background-color:var(--gray-100);padding:calc(var(--spacing)*3);border-radius:3.40282e38px}.fi-empty-state .fi-empty-state-icon-bg:where(.dark,.dark *){background-color:var(--gray-500)}@supports (color:color-mix(in lab,red,red)){.fi-empty-state .fi-empty-state-icon-bg:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-500)20%,transparent)}}.fi-empty-state .fi-empty-state-icon-bg.fi-color{background-color:var(--color-100)}.fi-empty-state .fi-empty-state-icon-bg.fi-color:where(.dark,.dark *){background-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){.fi-empty-state .fi-empty-state-icon-bg.fi-color:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-500)20%,transparent)}}.fi-empty-state .fi-empty-state-icon-bg .fi-icon{color:var(--gray-500)}.fi-empty-state .fi-empty-state-icon-bg .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-empty-state .fi-empty-state-icon-bg .fi-icon.fi-color{color:var(--color-500)}.fi-empty-state .fi-empty-state-icon-bg .fi-icon.fi-color:where(.dark,.dark *){color:var(--color-400)}.fi-empty-state .fi-empty-state-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-empty-state .fi-empty-state-heading:where(.dark,.dark *){color:var(--color-white)}.fi-empty-state .fi-empty-state-description{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-empty-state .fi-empty-state-description:where(.dark,.dark *){color:var(--gray-400)}.fi-empty-state .fi-empty-state-footer{margin-top:calc(var(--spacing)*6)}.fi-fieldset>legend{padding-inline:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950);margin-inline-start:calc(var(--spacing)*-2)}.fi-fieldset>legend:where(.dark,.dark *){color:var(--color-white)}.fi-fieldset>legend .fi-fieldset-label-required-mark{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--danger-600)}.fi-fieldset>legend .fi-fieldset-label-required-mark:where(.dark,.dark *){color:var(--danger-400)}.fi-fieldset.fi-fieldset-label-hidden>legend{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fi-fieldset:not(.fi-fieldset-not-contained){border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-200);padding:calc(var(--spacing)*6)}.fi-fieldset:not(.fi-fieldset-not-contained):where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fieldset:not(.fi-fieldset-not-contained):where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fieldset.fi-fieldset-not-contained{padding-top:calc(var(--spacing)*6)}.fi-grid:not(.fi-grid-direction-col){grid-template-columns:var(--cols-default);display:grid}@media(min-width:40rem){.fi-grid:not(.fi-grid-direction-col).sm\:fi-grid-cols{grid-template-columns:var(--cols-sm)}}@media(min-width:48rem){.fi-grid:not(.fi-grid-direction-col).md\:fi-grid-cols{grid-template-columns:var(--cols-md)}}@media(min-width:64rem){.fi-grid:not(.fi-grid-direction-col).lg\:fi-grid-cols{grid-template-columns:var(--cols-lg)}}@media(min-width:80rem){.fi-grid:not(.fi-grid-direction-col).xl\:fi-grid-cols{grid-template-columns:var(--cols-xl)}}@media(min-width:96rem){.fi-grid:not(.fi-grid-direction-col).\32xl\:fi-grid-cols{grid-template-columns:var(--cols-2xl)}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-grid:not(.fi-grid-direction-col).\@3xs\:fi-grid-cols{grid-template-columns:var(--cols-c3xs)}}@container (min-width:18rem){.fi-grid:not(.fi-grid-direction-col).\@2xs\:fi-grid-cols{grid-template-columns:var(--cols-c2xs)}}@container (min-width:20rem){.fi-grid:not(.fi-grid-direction-col).\@xs\:fi-grid-cols{grid-template-columns:var(--cols-cxs)}}@container (min-width:24rem){.fi-grid:not(.fi-grid-direction-col).\@sm\:fi-grid-cols{grid-template-columns:var(--cols-csm)}}@container (min-width:28rem){.fi-grid:not(.fi-grid-direction-col).\@md\:fi-grid-cols{grid-template-columns:var(--cols-cmd)}}@container (min-width:32rem){.fi-grid:not(.fi-grid-direction-col).\@lg\:fi-grid-cols{grid-template-columns:var(--cols-clg)}}@container (min-width:36rem){.fi-grid:not(.fi-grid-direction-col).\@xl\:fi-grid-cols{grid-template-columns:var(--cols-cxl)}}@container (min-width:42rem){.fi-grid:not(.fi-grid-direction-col).\@2xl\:fi-grid-cols{grid-template-columns:var(--cols-c2xl)}}@container (min-width:48rem){.fi-grid:not(.fi-grid-direction-col).\@3xl\:fi-grid-cols{grid-template-columns:var(--cols-c3xl)}}@container (min-width:56rem){.fi-grid:not(.fi-grid-direction-col).\@4xl\:fi-grid-cols{grid-template-columns:var(--cols-c4xl)}}@container (min-width:64rem){.fi-grid:not(.fi-grid-direction-col).\@5xl\:fi-grid-cols{grid-template-columns:var(--cols-c5xl)}}@container (min-width:72rem){.fi-grid:not(.fi-grid-direction-col).\@6xl\:fi-grid-cols{grid-template-columns:var(--cols-c6xl)}}@container (min-width:80rem){.fi-grid:not(.fi-grid-direction-col).\@7xl\:fi-grid-cols{grid-template-columns:var(--cols-c7xl)}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-grid:not(.fi-grid-direction-col).\!\@sm\:fi-grid-cols{grid-template-columns:var(--cols-ncsm)}}@media(min-width:48rem){.fi-grid:not(.fi-grid-direction-col).\!\@md\:fi-grid-cols{grid-template-columns:var(--cols-ncmd)}}@media(min-width:64rem){.fi-grid:not(.fi-grid-direction-col).\!\@lg\:fi-grid-cols{grid-template-columns:var(--cols-nclg)}}@media(min-width:80rem){.fi-grid:not(.fi-grid-direction-col).\!\@xl\:fi-grid-cols{grid-template-columns:var(--cols-ncxl)}}@media(min-width:96rem){.fi-grid:not(.fi-grid-direction-col).\!\@2xl\:fi-grid-cols{grid-template-columns:var(--cols-nc2xl)}}}.fi-grid.fi-grid-direction-col{columns:var(--cols-default)}@media(min-width:40rem){.fi-grid.fi-grid-direction-col.sm\:fi-grid-cols{columns:var(--cols-sm)}}@media(min-width:48rem){.fi-grid.fi-grid-direction-col.md\:fi-grid-cols{columns:var(--cols-md)}}@media(min-width:64rem){.fi-grid.fi-grid-direction-col.lg\:fi-grid-cols{columns:var(--cols-lg)}}@media(min-width:80rem){.fi-grid.fi-grid-direction-col.xl\:fi-grid-cols{columns:var(--cols-xl)}}@media(min-width:96rem){.fi-grid.fi-grid-direction-col.\32xl\:fi-grid-cols{columns:var(--cols-2xl)}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-grid.fi-grid-direction-col.\@3xs\:fi-grid-cols{columns:var(--cols-c3xs)}}@container (min-width:18rem){.fi-grid.fi-grid-direction-col.\@2xs\:fi-grid-cols{columns:var(--cols-c2xs)}}@container (min-width:20rem){.fi-grid.fi-grid-direction-col.\@xs\:fi-grid-cols{columns:var(--cols-cxs)}}@container (min-width:24rem){.fi-grid.fi-grid-direction-col.\@sm\:fi-grid-cols{columns:var(--cols-csm)}}@container (min-width:28rem){.fi-grid.fi-grid-direction-col.\@md\:fi-grid-cols{columns:var(--cols-cmd)}}@container (min-width:32rem){.fi-grid.fi-grid-direction-col.\@lg\:fi-grid-cols{columns:var(--cols-clg)}}@container (min-width:36rem){.fi-grid.fi-grid-direction-col.\@xl\:fi-grid-cols{columns:var(--cols-cxl)}}@container (min-width:42rem){.fi-grid.fi-grid-direction-col.\@2xl\:fi-grid-cols{columns:var(--cols-c2xl)}}@container (min-width:48rem){.fi-grid.fi-grid-direction-col.\@3xl\:fi-grid-cols{columns:var(--cols-c3xl)}}@container (min-width:56rem){.fi-grid.fi-grid-direction-col.\@4xl\:fi-grid-cols{columns:var(--cols-c4xl)}}@container (min-width:64rem){.fi-grid.fi-grid-direction-col.\@5xl\:fi-grid-cols{columns:var(--cols-c5xl)}}@container (min-width:72rem){.fi-grid.fi-grid-direction-col.\@6xl\:fi-grid-cols{columns:var(--cols-c6xl)}}@container (min-width:80rem){.fi-grid.fi-grid-direction-col.\@7xl\:fi-grid-cols{columns:var(--cols-c7xl)}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-grid.fi-grid-direction-col.\!\@sm\:fi-grid-cols{columns:var(--cols-ncsm)}}@media(min-width:48rem){.fi-grid.fi-grid-direction-col.\!\@md\:fi-grid-cols{columns:var(--cols-ncmd)}}@media(min-width:64rem){.fi-grid.fi-grid-direction-col.\!\@lg\:fi-grid-cols{columns:var(--cols-nclg)}}@media(min-width:80rem){.fi-grid.fi-grid-direction-col.\!\@xl\:fi-grid-cols{columns:var(--cols-ncxl)}}@media(min-width:96rem){.fi-grid.fi-grid-direction-col.\!\@2xl\:fi-grid-cols{columns:var(--cols-nc2xl)}}}@supports (container-type:inline-size){.fi-grid-ctn{container-type:inline-size}}.fi-grid-col{grid-column:var(--col-span-default)}@media(min-width:40rem){.fi-grid-col.sm\:fi-grid-col-span{grid-column:var(--col-span-sm)}}@media(min-width:48rem){.fi-grid-col.md\:fi-grid-col-span{grid-column:var(--col-span-md)}}@media(min-width:64rem){.fi-grid-col.lg\:fi-grid-col-span{grid-column:var(--col-span-lg)}}@media(min-width:80rem){.fi-grid-col.xl\:fi-grid-col-span{grid-column:var(--col-span-xl)}}@media(min-width:96rem){.fi-grid-col.\32xl\:fi-grid-col-span{grid-column:var(--col-span-2xl)}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-grid-col.\@3xs\:fi-grid-col-span{grid-column:var(--col-span-c3xs)}}@container (min-width:18rem){.fi-grid-col.\@2xs\:fi-grid-col-span{grid-column:var(--col-span-c2xs)}}@container (min-width:20rem){.fi-grid-col.\@xs\:fi-grid-col-span{grid-column:var(--col-span-cxs)}}@container (min-width:24rem){.fi-grid-col.\@sm\:fi-grid-col-span{grid-column:var(--col-span-csm)}}@container (min-width:28rem){.fi-grid-col.\@md\:fi-grid-col-span{grid-column:var(--col-span-cmd)}}@container (min-width:32rem){.fi-grid-col.\@lg\:fi-grid-col-span{grid-column:var(--col-span-clg)}}@container (min-width:36rem){.fi-grid-col.\@xl\:fi-grid-col-span{grid-column:var(--col-span-cxl)}}@container (min-width:42rem){.fi-grid-col.\@2xl\:fi-grid-col-span{grid-column:var(--col-span-c2xl)}}@container (min-width:48rem){.fi-grid-col.\@3xl\:fi-grid-col-span{grid-column:var(--col-span-c3xl)}}@container (min-width:56rem){.fi-grid-col.\@4xl\:fi-grid-col-span{grid-column:var(--col-span-c4xl)}}@container (min-width:64rem){.fi-grid-col.\@5xl\:fi-grid-col-span{grid-column:var(--col-span-c5xl)}}@container (min-width:72rem){.fi-grid-col.\@6xl\:fi-grid-col-span{grid-column:var(--col-span-c6xl)}}@container (min-width:80rem){.fi-grid-col.\@7xl\:fi-grid-col-span{grid-column:var(--col-span-c7xl)}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-grid-col.\!\@sm\:fi-grid-col-span{grid-column:var(--col-span-ncsm)}}@media(min-width:48rem){.fi-grid-col.\!\@md\:fi-grid-col-span{grid-column:var(--col-span-ncmd)}}@media(min-width:64rem){.fi-grid-col.\!\@lg\:fi-grid-col-span{grid-column:var(--col-span-nclg)}}@media(min-width:80rem){.fi-grid-col.\!\@xl\:fi-grid-col-span{grid-column:var(--col-span-ncxl)}}@media(min-width:96rem){.fi-grid-col.\!\@2xl\:fi-grid-col-span{grid-column:var(--col-span-nc2xl)}}}.fi-grid-col.fi-grid-col-start{grid-column-start:var(--col-start-default)}@media(min-width:40rem){.fi-grid-col.sm\:fi-grid-col-start{grid-column-start:var(--col-start-sm)}}@media(min-width:48rem){.fi-grid-col.md\:fi-grid-col-start{grid-column-start:var(--col-start-md)}}@media(min-width:64rem){.fi-grid-col.lg\:fi-grid-col-start{grid-column-start:var(--col-start-lg)}}@media(min-width:80rem){.fi-grid-col.xl\:fi-grid-col-start{grid-column-start:var(--col-start-xl)}}@media(min-width:96rem){.fi-grid-col.\32xl\:fi-grid-col-start{grid-column-start:var(--col-start-2xl)}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-grid-col.\@3xs\:fi-grid-col-start{grid-column-start:var(--col-start-c3xs)}}@container (min-width:18rem){.fi-grid-col.\@2xs\:fi-grid-col-start{grid-column-start:var(--col-start-c2xs)}}@container (min-width:20rem){.fi-grid-col.\@xs\:fi-grid-col-start{grid-column-start:var(--col-start-cxs)}}@container (min-width:24rem){.fi-grid-col.\@sm\:fi-grid-col-start{grid-column-start:var(--col-start-csm)}}@container (min-width:28rem){.fi-grid-col.\@md\:fi-grid-col-start{grid-column-start:var(--col-start-cmd)}}@container (min-width:32rem){.fi-grid-col.\@lg\:fi-grid-col-start{grid-column-start:var(--col-start-clg)}}@container (min-width:36rem){.fi-grid-col.\@xl\:fi-grid-col-start{grid-column-start:var(--col-start-cxl)}}@container (min-width:42rem){.fi-grid-col.\@2xl\:fi-grid-col-start{grid-column-start:var(--col-start-c2xl)}}@container (min-width:48rem){.fi-grid-col.\@3xl\:fi-grid-col-start{grid-column-start:var(--col-start-c3xl)}}@container (min-width:56rem){.fi-grid-col.\@4xl\:fi-grid-col-start{grid-column-start:var(--col-start-c4xl)}}@container (min-width:64rem){.fi-grid-col.\@5xl\:fi-grid-col-start{grid-column-start:var(--col-start-c5xl)}}@container (min-width:72rem){.fi-grid-col.\@6xl\:fi-grid-col-start{grid-column-start:var(--col-start-c6xl)}}@container (min-width:80rem){.fi-grid-col.\@7xl\:fi-grid-col-start{grid-column-start:var(--col-start-c7xl)}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-grid-col.\!\@sm\:fi-grid-col-start{grid-column-start:var(--col-start-ncsm)}}@media(min-width:48rem){.fi-grid-col.\!\@md\:fi-grid-col-start{grid-column-start:var(--col-start-ncmd)}}@media(min-width:64rem){.fi-grid-col.\!\@lg\:fi-grid-col-start{grid-column-start:var(--col-start-nclg)}}@media(min-width:80rem){.fi-grid-col.\!\@xl\:fi-grid-col-start{grid-column-start:var(--col-start-ncxl)}}@media(min-width:96rem){.fi-grid-col.\!\@2xl\:fi-grid-col-start{grid-column-start:var(--col-start-nc2xl)}}}.fi-grid-col.fi-grid-col-order{order:var(--col-order-default)}@media(min-width:40rem){.fi-grid-col.sm\:fi-grid-col-order{order:var(--col-order-sm)}}@media(min-width:48rem){.fi-grid-col.md\:fi-grid-col-order{order:var(--col-order-md)}}@media(min-width:64rem){.fi-grid-col.lg\:fi-grid-col-order{order:var(--col-order-lg)}}@media(min-width:80rem){.fi-grid-col.xl\:fi-grid-col-order{order:var(--col-order-xl)}}@media(min-width:96rem){.fi-grid-col.\32xl\:fi-grid-col-order{order:var(--col-order-2xl)}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-grid-col.\@3xs\:fi-grid-col-order{order:var(--col-order-c3xs)}}@container (min-width:18rem){.fi-grid-col.\@2xs\:fi-grid-col-order{order:var(--col-order-c2xs)}}@container (min-width:20rem){.fi-grid-col.\@xs\:fi-grid-col-order{order:var(--col-order-cxs)}}@container (min-width:24rem){.fi-grid-col.\@sm\:fi-grid-col-order{order:var(--col-order-csm)}}@container (min-width:28rem){.fi-grid-col.\@md\:fi-grid-col-order{order:var(--col-order-cmd)}}@container (min-width:32rem){.fi-grid-col.\@lg\:fi-grid-col-order{order:var(--col-order-clg)}}@container (min-width:36rem){.fi-grid-col.\@xl\:fi-grid-col-order{order:var(--col-order-cxl)}}@container (min-width:42rem){.fi-grid-col.\@2xl\:fi-grid-col-order{order:var(--col-order-c2xl)}}@container (min-width:48rem){.fi-grid-col.\@3xl\:fi-grid-col-order{order:var(--col-order-c3xl)}}@container (min-width:56rem){.fi-grid-col.\@4xl\:fi-grid-col-order{order:var(--col-order-c4xl)}}@container (min-width:64rem){.fi-grid-col.\@5xl\:fi-grid-col-order{order:var(--col-order-c5xl)}}@container (min-width:72rem){.fi-grid-col.\@6xl\:fi-grid-col-order{order:var(--col-order-c6xl)}}@container (min-width:80rem){.fi-grid-col.\@7xl\:fi-grid-col-order{order:var(--col-order-c7xl)}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-grid-col.\!\@sm\:fi-grid-col-order{order:var(--col-order-ncsm)}}@media(min-width:48rem){.fi-grid-col.\!\@md\:fi-grid-col-order{order:var(--col-order-ncmd)}}@media(min-width:64rem){.fi-grid-col.\!\@lg\:fi-grid-col-order{order:var(--col-order-nclg)}}@media(min-width:80rem){.fi-grid-col.\!\@xl\:fi-grid-col-order{order:var(--col-order-ncxl)}}@media(min-width:96rem){.fi-grid-col.\!\@2xl\:fi-grid-col-order{order:var(--col-order-nc2xl)}}}.fi-grid-col.fi-hidden{display:none}.fi-icon{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.fi-icon.fi-size-xs{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.fi-icon.fi-size-sm{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.fi-icon.fi-size-md{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.fi-icon.fi-size-lg{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.fi-icon.fi-size-xl{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.fi-icon.fi-size-2xl{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.fi-icon-btn{margin:calc(var(--spacing)*-2);width:calc(var(--spacing)*9);height:calc(var(--spacing)*9);border-radius:var(--radius-lg);color:var(--gray-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;justify-content:center;align-items:center;transition-duration:75ms;display:flex;position:relative}.fi-icon-btn:where(.dark,.dark *){color:var(--gray-500)}@media(hover:hover){:is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):hover{color:var(--gray-600)}}:is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600)}@media(hover:hover){:is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{color:var(--gray-400)}}:is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:var(--primary-500)}.fi-icon-btn.fi-disabled:not(.fi-force-enabled),.fi-icon-btn[disabled]:not(.fi-force-enabled){cursor:default;opacity:.7}:is(.fi-icon-btn.fi-disabled:not(.fi-force-enabled),.fi-icon-btn[disabled]:not(.fi-force-enabled)):not([x-tooltip]){pointer-events:none}.fi-icon-btn.fi-size-xs{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-sm){margin:calc(var(--spacing)*-1.5)}.fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-md){margin:calc(var(--spacing)*-1)}.fi-icon-btn.fi-size-xs:has(.fi-icon.fi-size-lg){margin:calc(var(--spacing)*-.5)}.fi-icon-btn.fi-size-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-sm){margin:calc(var(--spacing)*-2)}.fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-md){margin:calc(var(--spacing)*-1.5)}.fi-icon-btn.fi-size-sm:has(.fi-icon.fi-size-lg){margin:calc(var(--spacing)*-1)}.fi-icon-btn.fi-size-md:has(.fi-icon.fi-size-sm){margin:calc(var(--spacing)*-2.5)}.fi-icon-btn.fi-size-md:has(.fi-icon.fi-size-lg){margin:calc(var(--spacing)*-1.5)}.fi-icon-btn.fi-size-lg{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-sm){margin:calc(var(--spacing)*-3)}.fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-md){margin:calc(var(--spacing)*-2.5)}.fi-icon-btn.fi-size-lg:has(.fi-icon.fi-size-lg){margin:calc(var(--spacing)*-2)}.fi-icon-btn.fi-size-xl{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-sm){margin:calc(var(--spacing)*-3.5)}.fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-md){margin:calc(var(--spacing)*-3)}.fi-icon-btn.fi-size-xl:has(.fi-icon.fi-size-lg){margin:calc(var(--spacing)*-2.5)}.fi-icon-btn.fi-color{color:var(--text)}.fi-icon-btn.fi-color:where(.dark,.dark *){color:var(--dark-text)}@media(hover:hover){:is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):hover{color:var(--hover-text)}}:is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):focus-visible{--tw-ring-color:var(--color-600)}@media(hover:hover){:is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover{color:var(--dark-hover-text)}}:is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible{--tw-ring-color:var(--color-500)}.fi-icon-btn>.fi-icon-btn-badge-ctn{inset-inline-start:100%;top:calc(var(--spacing)*1);z-index:1;--tw-translate-x: -50% ;--tw-translate-y: -50% ;width:max-content;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-md);background-color:var(--color-white);display:flex;position:absolute}.fi-icon-btn>.fi-icon-btn-badge-ctn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-icon-btn>.fi-icon-btn-badge-ctn:where(.dark,.dark *){background-color:var(--gray-900)}@media(min-width:40rem){.fi-icon-btn:has(+.fi-btn.fi-labeled-from-sm){display:none}}@media(min-width:48rem){.fi-icon-btn:has(+.fi-btn.fi-labeled-from-md){display:none}}@media(min-width:64rem){.fi-icon-btn:has(+.fi-btn.fi-labeled-from-lg){display:none}}@media(min-width:80rem){.fi-icon-btn:has(+.fi-btn.fi-labeled-from-xl){display:none}}@media(min-width:96rem){.fi-icon-btn:has(+.fi-btn.fi-labeled-from-2xl){display:none}}input[type=checkbox].fi-checkbox-input{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-border-style:none;background-color:var(--color-white);vertical-align:middle;color:var(--primary-600);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);border-style:none;border-radius:.25rem}input[type=checkbox].fi-checkbox-input:checked{background-color:var(--primary-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}input[type=checkbox].fi-checkbox-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}input[type=checkbox].fi-checkbox-input:checked:focus{--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:checked:focus{--tw-ring-color:color-mix(in oklab,var(--primary-500)50%,transparent)}}input[type=checkbox].fi-checkbox-input:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-50)}input[type=checkbox].fi-checkbox-input:disabled:checked{background-color:var(--gray-400);color:var(--gray-400)}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *){color:var(--primary-500);--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):checked{background-color:var(--primary-500)}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):focus{--tw-ring-color:var(--primary-500)}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):checked:focus{--tw-ring-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):checked:focus{--tw-ring-color:color-mix(in oklab,var(--primary-400)50%,transparent)}}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):disabled{--tw-ring-color:#ffffff1a;background-color:#0000}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):disabled{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}input[type=checkbox].fi-checkbox-input:where(.dark,.dark *):disabled:checked{background-color:var(--gray-600)}input[type=checkbox].fi-checkbox-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}input[type=checkbox].fi-checkbox-input:indeterminate{background-color:var(--primary-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}input[type=checkbox].fi-checkbox-input:indeterminate:where(.dark,.dark *){background-color:var(--primary-500)}input[type=checkbox].fi-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.75a1.25 1.25 0 0 0 0 2.5h7a1.25 1.25 0 0 0 0-2.5h-7z'/%3E%3C/svg%3E")}input[type=checkbox].fi-checkbox-input:indeterminate:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:indeterminate:focus{--tw-ring-color:color-mix(in oklab,var(--primary-500)50%,transparent)}}input[type=checkbox].fi-checkbox-input:indeterminate:focus:where(.dark,.dark *){--tw-ring-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input:indeterminate:focus:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--primary-400)50%,transparent)}}input[type=checkbox].fi-checkbox-input:indeterminate:disabled{background-color:var(--gray-400)}input[type=checkbox].fi-checkbox-input:indeterminate:disabled:where(.dark,.dark *){background-color:var(--gray-600)}input[type=checkbox].fi-checkbox-input.fi-invalid{color:var(--danger-600);--tw-ring-color:var(--danger-600)}input[type=checkbox].fi-checkbox-input.fi-invalid:checked{background-color:var(--danger-600)}input[type=checkbox].fi-checkbox-input.fi-invalid:focus{--tw-ring-color:var(--danger-600)}input[type=checkbox].fi-checkbox-input.fi-invalid:checked:focus{--tw-ring-color:var(--danger-500)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input.fi-invalid:checked:focus{--tw-ring-color:color-mix(in oklab,var(--danger-500)50%,transparent)}}input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark,.dark *){color:var(--danger-500);--tw-ring-color:var(--danger-500)}input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark,.dark *):checked{background-color:var(--danger-500)}input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark,.dark *):focus{--tw-ring-color:var(--danger-500)}input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark,.dark *):checked:focus{--tw-ring-color:var(--danger-400)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input.fi-invalid:where(.dark,.dark *):checked:focus{--tw-ring-color:color-mix(in oklab,var(--danger-400)50%,transparent)}}input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate{background-color:var(--danger-600)}input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:where(.dark,.dark *){background-color:var(--danger-500)}input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus{--tw-ring-color:var(--danger-500)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus{--tw-ring-color:color-mix(in oklab,var(--danger-500)50%,transparent)}}input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus:where(.dark,.dark *){--tw-ring-color:var(--danger-400)}@supports (color:color-mix(in lab,red,red)){input[type=checkbox].fi-checkbox-input.fi-invalid:indeterminate:focus:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--danger-400)50%,transparent)}}input.fi-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-border-style:none;background-color:#0000;border-style:none;width:100%;display:block}@supports (color:color-mix(in lab,red,red)){input.fi-input{background-color:color-mix(in oklab,var(--color-white)0%,transparent)}}input.fi-input{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-950);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}input.fi-input::placeholder{color:var(--gray-400)}input.fi-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-outline-style:none;outline-style:none}input.fi-input:disabled{color:var(--gray-500);-webkit-text-fill-color:var(--color-gray-500)}input.fi-input:disabled::placeholder{-webkit-text-fill-color:var(--color-gray-400)}input.fi-input:where(.dark,.dark *){color:var(--color-white)}input.fi-input:where(.dark,.dark *)::placeholder{color:var(--gray-500)}input.fi-input:where(.dark,.dark *):disabled{color:var(--gray-400);-webkit-text-fill-color:var(--color-gray-400)}input.fi-input:where(.dark,.dark *):disabled::placeholder{-webkit-text-fill-color:var(--color-gray-500)}@supports (-webkit-touch-callout:none){input.fi-input{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}input.fi-input.fi-input-has-inline-prefix{padding-inline-start:calc(var(--spacing)*0)}input.fi-input.fi-input-has-inline-suffix{padding-inline-end:calc(var(--spacing)*0)}input.fi-input.fi-align-center{text-align:center}input.fi-input.fi-align-end{text-align:end}input.fi-input.fi-align-left{text-align:left}input.fi-input.fi-align-right{text-align:end}input.fi-input.fi-align-justify,input.fi-input.fi-align-between{text-align:justify}input[type=range].fi-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:calc(100% - 1.5rem);margin-inline:auto}input[type=text].fi-one-time-code-input{inset-block:calc(var(--spacing)*0);--tw-border-style:none;padding-inline:calc(var(--spacing)*3);font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--tw-tracking:1.72rem;letter-spacing:1.72rem;color:var(--gray-950);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;background-color:#0000;border-style:none;transition-duration:75ms;display:block;position:absolute;inset-inline-start:calc(var(--spacing)*0);inset-inline-end:calc(var(--spacing)*-8)}input[type=text].fi-one-time-code-input::placeholder{color:var(--gray-400)}input[type=text].fi-one-time-code-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-outline-style:none;outline-style:none}input[type=text].fi-one-time-code-input:disabled{color:var(--gray-500);-webkit-text-fill-color:var(--color-gray-500)}input[type=text].fi-one-time-code-input:disabled::placeholder{-webkit-text-fill-color:var(--color-gray-400)}input[type=text].fi-one-time-code-input:where(.dark,.dark *){color:var(--color-white)}input[type=text].fi-one-time-code-input:where(.dark,.dark *)::placeholder{color:var(--gray-500)}input[type=text].fi-one-time-code-input:where(.dark,.dark *):disabled{color:var(--gray-400);-webkit-text-fill-color:var(--color-gray-400)}input[type=text].fi-one-time-code-input:where(.dark,.dark *):disabled::placeholder{-webkit-text-fill-color:var(--color-gray-500)}input[type=text].fi-one-time-code-input.fi-valid{caret-color:#0000}.fi-one-time-code-input-ctn{height:calc(var(--spacing)*12);position:relative}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field{height:100%;width:calc(var(--spacing)*8);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-950);display:inline-block}@supports (color:color-mix(in lab,red,red)){.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field{border-color:color-mix(in oklab,var(--gray-950)10%,transparent)}}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field{background-color:var(--color-white)}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field.fi-active{border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary-600)}.fi-one-time-code-input-ctn>.fi-one-time-code-input-digit-field.fi-active:where(.dark,.dark *){border-color:var(--primary-500)}input[type=radio].fi-radio-input{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-border-style:none;background-color:var(--color-white);color:var(--primary-600);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);border-style:none;border-radius:3.40282e38px}input[type=radio].fi-radio-input:checked{background-color:var(--primary-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}input[type=radio].fi-radio-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}input[type=radio].fi-radio-input:checked:focus{--tw-ring-color:var(--primary-500)}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input:checked:focus{--tw-ring-color:color-mix(in oklab,var(--primary-500)50%,transparent)}}input[type=radio].fi-radio-input:disabled{background-color:var(--gray-50);color:var(--gray-50)}input[type=radio].fi-radio-input:disabled:checked{background-color:var(--gray-400);color:var(--gray-400)}input[type=radio].fi-radio-input:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}input[type=radio].fi-radio-input:where(.dark,.dark *){color:var(--primary-500);--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}input[type=radio].fi-radio-input:where(.dark,.dark *):checked{background-color:var(--primary-500)}input[type=radio].fi-radio-input:where(.dark,.dark *):focus{--tw-ring-color:var(--primary-500)}input[type=radio].fi-radio-input:where(.dark,.dark *):checked:focus{--tw-ring-color:var(--primary-400)}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input:where(.dark,.dark *):checked:focus{--tw-ring-color:color-mix(in oklab,var(--primary-400)50%,transparent)}}input[type=radio].fi-radio-input:where(.dark,.dark *):disabled{--tw-ring-color:#ffffff1a;background-color:#0000}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input:where(.dark,.dark *):disabled{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}input[type=radio].fi-radio-input:where(.dark,.dark *):disabled:checked{background-color:var(--gray-600)}input[type=radio].fi-radio-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}input[type=radio].fi-radio-input.fi-invalid{color:var(--danger-600);--tw-ring-color:var(--danger-600)}input[type=radio].fi-radio-input.fi-invalid:checked{background-color:var(--danger-600)}input[type=radio].fi-radio-input.fi-invalid:focus{--tw-ring-color:var(--danger-600)}input[type=radio].fi-radio-input.fi-invalid:checked:focus{--tw-ring-color:var(--danger-500)}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input.fi-invalid:checked:focus{--tw-ring-color:color-mix(in oklab,var(--danger-500)50%,transparent)}}input[type=radio].fi-radio-input.fi-invalid:where(.dark,.dark *){color:var(--danger-500);--tw-ring-color:var(--danger-500)}input[type=radio].fi-radio-input.fi-invalid:where(.dark,.dark *):checked{background-color:var(--danger-500)}input[type=radio].fi-radio-input.fi-invalid:where(.dark,.dark *):focus{--tw-ring-color:var(--danger-500)}input[type=radio].fi-radio-input.fi-invalid:where(.dark,.dark *):checked:focus{--tw-ring-color:var(--danger-400)}@supports (color:color-mix(in lab,red,red)){input[type=radio].fi-radio-input.fi-invalid:where(.dark,.dark *):checked:focus{--tw-ring-color:color-mix(in oklab,var(--danger-400)50%,transparent)}}select.fi-select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-border-style:none;width:100%;padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-950);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;background-color:#0000;border-style:none;padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*8);transition-duration:75ms;display:block}select.fi-select-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-outline-style:none;outline-style:none}select.fi-select-input:disabled{color:var(--gray-500);-webkit-text-fill-color:var(--color-gray-500)}select.fi-select-input:where(.dark,.dark *){color:var(--color-white)}select.fi-select-input:where(.dark,.dark *):disabled{color:var(--gray-400);-webkit-text-fill-color:var(--color-gray-400)}select.fi-select-input optgroup{background-color:var(--color-white)}select.fi-select-input optgroup:where(.dark,.dark *){background-color:var(--gray-900)}select.fi-select-input option{background-color:var(--color-white)}select.fi-select-input option:where(.dark,.dark *){background-color:var(--gray-900)}@supports (-webkit-touch-callout:none){select.fi-select-input{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}select.fi-select-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}select.fi-select-input:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-position:.5rem}select.fi-select-input.fi-select-input-has-inline-prefix{padding-inline-start:calc(var(--spacing)*0)}.fi-select-input .fi-select-input-ctn{position:relative}.fi-select-input div[x-ref=select]{min-height:calc(var(--spacing)*9)}.fi-select-input .fi-select-input-btn{min-height:calc(var(--spacing)*9);border-radius:var(--radius-lg);width:100%;padding-block:calc(var(--spacing)*1.5);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-950);padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*8);display:flex}.fi-select-input .fi-select-input-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-outline-style:none;outline-style:none}.fi-select-input .fi-select-input-btn:where(.dark,.dark *){color:var(--color-white)}.fi-select-input .fi-select-input-btn{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.fi-select-input .fi-select-input-btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-position:.5rem}.fi-select-input .fi-select-input-value-ctn{text-wrap:wrap;word-break:break-word;align-items:center;width:100%;display:flex}.fi-select-input .fi-select-input-value-badges-ctn{gap:calc(var(--spacing)*1.5);flex-wrap:wrap;display:flex}.fi-select-input .fi-select-input-value-label{flex:1}.fi-select-input .fi-select-input-value-remove-btn{color:var(--gray-500);margin-inline-start:calc(var(--spacing)*2)}@media(hover:hover){.fi-select-input .fi-select-input-value-remove-btn:hover{color:var(--gray-600)}}.fi-select-input .fi-select-input-value-remove-btn:focus-visible{color:var(--gray-600);--tw-outline-style:none;outline-style:none}@media(hover:hover){.fi-select-input .fi-select-input-value-remove-btn:where(.dark,.dark *):hover{color:var(--gray-300)}}.fi-select-input .fi-select-input-value-remove-btn:where(.dark,.dark *):focus-visible{color:var(--gray-300)}.fi-select-input .fi-dropdown-panel{max-height:calc(var(--spacing)*60);max-width:100%!important}:where(.fi-select-input .fi-select-input-options-ctn>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-100)}:where(.fi-select-input .fi-select-input-options-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-select-input .fi-select-input-options-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:where(.fi-select-input .fi-select-input-option-group>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-100)}:where(.fi-select-input .fi-select-input-option-group:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-select-input .fi-select-input-option-group:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-select-input .fi-select-input-search-ctn{top:calc(var(--spacing)*0);z-index:10;background-color:var(--color-white);position:sticky}.fi-select-input .fi-select-input-search-ctn:where(.dark,.dark *){background-color:var(--gray-900)}.fi-select-input .fi-select-input-option{text-wrap:wrap;word-break:break-word;min-width:1px}.fi-select-input .fi-select-input-placeholder{color:var(--gray-400)}.fi-select-input .fi-select-input-placeholder:where(.dark,.dark *){color:var(--gray-500)}.fi-select-input .fi-disabled{cursor:not-allowed;opacity:.7}.fi-select-input .fi-disabled .fi-select-input-placeholder{color:var(--gray-400)}.fi-select-input .fi-disabled .fi-select-input-placeholder:where(.dark,.dark *){color:var(--gray-500)}.fi-select-input .fi-select-input-message{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-select-input .fi-select-input-message:where(.dark,.dark *){color:var(--gray-400)}.fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-value-ctn>span{text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden}.fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-option>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fi-input-wrp{border-radius:var(--radius-lg);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms;display:flex}.fi-input-wrp:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-input-wrp:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-input-wrp:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-input-wrp:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600)}.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):where(.dark,.dark *):focus-within{--tw-ring-color:var(--primary-500)}.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within{--tw-ring-color:var(--danger-600)}.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:where(.dark,.dark *):focus-within{--tw-ring-color:var(--danger-500)}.fi-input-wrp.fi-disabled{background-color:var(--gray-50)}.fi-input-wrp.fi-disabled:where(.dark,.dark *){background-color:#0000}.fi-input-wrp.fi-disabled:not(.fi-invalid):where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-input-wrp.fi-disabled:not(.fi-invalid):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-input-wrp.fi-invalid{--tw-ring-color:var(--danger-600)}.fi-input-wrp.fi-invalid:where(.dark,.dark *){--tw-ring-color:var(--danger-500)}.fi-input-wrp .fi-input-wrp-prefix{align-items:center;column-gap:calc(var(--spacing)*3);padding-inline-start:calc(var(--spacing)*3);display:none}.fi-input-wrp .fi-input-wrp-prefix.fi-input-wrp-prefix-has-content{display:flex}.fi-input-wrp .fi-input-wrp-prefix.fi-inline{padding-inline-end:calc(var(--spacing)*2)}.fi-input-wrp .fi-input-wrp-prefix.fi-inline.fi-input-wrp-prefix-has-label{padding-inline-end:calc(var(--spacing)*1)}.fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:var(--gray-200);padding-inline-start:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*3)}.fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-input-wrp .fi-input-wrp-content-ctn,.fi-input-wrp:not(:has(.fi-input-wrp-content-ctn))>*{min-width:calc(var(--spacing)*0);flex:1}:is(.fi-input-wrp .fi-input-wrp-content-ctn,.fi-input-wrp:not(:has(.fi-input-wrp-content-ctn))>*).fi-input-wrp-content-ctn-ps{padding-inline-start:calc(var(--spacing)*3)}.fi-input-wrp .fi-input-wrp-suffix{align-items:center;column-gap:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*3);display:flex}.fi-input-wrp .fi-input-wrp-suffix.fi-inline{padding-inline-start:calc(var(--spacing)*2)}.fi-input-wrp .fi-input-wrp-suffix.fi-inline.fi-input-wrp-suffix-has-label{padding-inline-start:calc(var(--spacing)*1)}.fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:var(--gray-200);padding-inline-start:calc(var(--spacing)*3)}.fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-input-wrp .fi-input-wrp-actions{align-items:center;gap:calc(var(--spacing)*3);display:flex}.fi-input-wrp .fi-input-wrp-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;color:var(--gray-500)}.fi-input-wrp .fi-input-wrp-label:where(.dark,.dark *),:is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon{color:var(--gray-400)}:is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon:where(.dark,.dark *){color:var(--gray-500)}:is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon.fi-color{color:var(--color-500)}.fi-link{justify-content:center;align-items:center;gap:calc(var(--spacing)*1.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);--tw-outline-style:none;outline-style:none;display:inline-flex;position:relative}.fi-link:where(.dark,.dark *){color:var(--gray-200)}@media(hover:hover){:is(.fi-link.fi-force-enabled,.fi-link:not(.fi-disabled):not([disabled])):hover{text-decoration-line:underline}}:is(.fi-link.fi-force-enabled,.fi-link:not(.fi-disabled):not([disabled])):focus-visible{text-decoration-line:underline}.fi-link.fi-disabled:not(.fi-force-enabled),.fi-link[disabled]:not(.fi-force-enabled){cursor:default;opacity:.7}:is(.fi-link.fi-disabled:not(.fi-force-enabled),.fi-link[disabled]:not(.fi-force-enabled)):not([x-tooltip]){pointer-events:none}.fi-link.fi-size-xs{gap:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-link.fi-size-sm{gap:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-link.fi-size-md,.fi-link.fi-size-lg,.fi-link.fi-size-xl{gap:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-link.fi-font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.fi-link.fi-font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.fi-link.fi-font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.fi-link.fi-font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.fi-link.fi-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.fi-link.fi-font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fi-link.fi-font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.fi-link.fi-font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.fi-link.fi-color{color:var(--text)}.fi-link.fi-color:where(.dark,.dark *){color:var(--dark-text)}.fi-link:not(.fi-color)>.fi-icon{color:var(--gray-400)}.fi-link:not(.fi-color)>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-link .fi-link-badge-ctn{inset-inline-start:100%;top:calc(var(--spacing)*0);z-index:1;--tw-translate-x: -25% ;--tw-translate-y: -75% ;width:max-content;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-md);background-color:var(--color-white);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);display:flex;position:absolute}@media(hover:hover){.fi-link .fi-link-badge-ctn:hover{text-decoration-line:none}}.fi-link .fi-link-badge-ctn:focus-visible{text-decoration-line:none}.fi-link .fi-link-badge-ctn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x: 25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-link .fi-link-badge-ctn:where(.dark,.dark *){background-color:var(--gray-900)}p>.fi-link,span>.fi-link{vertical-align:middle;text-align:inherit;padding-bottom:2px}.fi-loading-indicator{animation:var(--animate-spin)}.fi-loading-section{animation:var(--animate-pulse)}:is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen)>.fi-modal-window-ctn>.fi-modal-window{height:100dvh}:is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content{flex:1}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window{margin-inline-start:auto;overflow-y:auto}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start,.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start,.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-end,.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-start{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header{column-gap:calc(var(--spacing)*3)}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg{margin-block:calc(var(--spacing)*-2);padding:calc(var(--spacing)*2);margin-inline-start:calc(var(--spacing)*-2)}.fi-modal.fi-modal-slide-over>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn{inset-inline-end:calc(var(--spacing)*6);top:calc(var(--spacing)*6)}.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn{overflow-y:auto}.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-footer.fi-sticky{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-start,.fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-end{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}.fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter-end,.fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave-start{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.fi-modal:not(.fi-modal-slide-over)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn{inset-inline-end:calc(var(--spacing)*4);top:calc(var(--spacing)*4)}.fi-modal.fi-align-start>.fi-modal-window-ctn>.fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-content,.fi-modal.fi-align-start>.fi-modal-window-ctn>.fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center){padding-inline-start:5.25rem;padding-inline-end:calc(var(--spacing)*6)}.fi-modal:not(.fi-align-start)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content,.fi-modal:not(.fi-align-start)>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer{padding-inline:calc(var(--spacing)*6)}.fi-modal>.fi-modal-close-overlay{inset:calc(var(--spacing)*0);z-index:40;background-color:var(--gray-950);position:fixed}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-close-overlay{background-color:color-mix(in oklab,var(--gray-950)50%,transparent)}}.fi-modal>.fi-modal-close-overlay:where(.dark,.dark *){background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-close-overlay:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-950)75%,transparent)}}.fi-modal>.fi-modal-window-ctn{inset:calc(var(--spacing)*0);z-index:40;grid-template-rows:1fr auto 1fr;justify-items:center;min-height:100%;display:grid;position:fixed}@media(min-width:40rem){.fi-modal>.fi-modal-window-ctn{grid-template-rows:1fr auto 3fr}}.fi-modal>.fi-modal-window-ctn.fi-clickable{cursor:pointer}.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn{padding:calc(var(--spacing)*4)}.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-window{border-radius:var(--radius-xl);margin-inline:auto}.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen)>.fi-modal-window-ctn .fi-modal-window .fi-modal-header.fi-sticky{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window{pointer-events:auto;cursor:default;background-color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);flex-direction:column;grid-row-start:2;display:flex;position:relative}.fi-modal>.fi-modal-window-ctn>.fi-modal-window:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-window-ctn>.fi-modal-window:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header{padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*6);display:flex}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-vertical-align-center{align-items:center}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky{top:calc(var(--spacing)*0);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--color-white);padding-bottom:calc(var(--spacing)*6);position:sticky}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *){background-color:var(--gray-900)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-heading:where(.dark,.dark *){color:var(--color-white)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-description{margin-top:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-description:where(.dark,.dark *){color:var(--gray-400)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-content{row-gap:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);flex-direction:column;display:flex}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-start,.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-left) .fi-modal-header{column-gap:calc(var(--spacing)*5)}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-start,.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-left) .fi-modal-icon-bg{padding:calc(var(--spacing)*2)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-header{text-align:center;flex-direction:column}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-icon-ctn{margin-bottom:calc(var(--spacing)*5);justify-content:center;align-items:center;display:flex}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-align-center .fi-modal-icon-bg{padding:calc(var(--spacing)*3)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-hidden{display:none}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-xs{max-width:var(--container-xs)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-sm{max-width:var(--container-sm)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-md{max-width:var(--container-md)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-lg{max-width:var(--container-lg)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-xl{max-width:var(--container-xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-2xl{max-width:var(--container-2xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-3xl{max-width:var(--container-3xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-4xl{max-width:var(--container-4xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-5xl{max-width:var(--container-5xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-6xl{max-width:var(--container-6xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-7xl{max-width:var(--container-7xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-full{max-width:100%}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-min{max-width:min-content}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-max{max-width:max-content}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-fit{max-width:fit-content}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-prose{max-width:65ch}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-sm{max-width:var(--breakpoint-sm)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-md{max-width:var(--breakpoint-md)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-lg{max-width:var(--breakpoint-lg)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-xl{max-width:var(--breakpoint-xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen-2xl{max-width:var(--breakpoint-2xl)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-width-screen{inset:calc(var(--spacing)*0);position:fixed}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-transition-enter,.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-transition-leave{--tw-duration:.3s;transition-duration:.3s}.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-content) .fi-modal-footer:not(.fi-sticky){margin-top:calc(var(--spacing)*6)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) .fi-modal-header{padding-bottom:calc(var(--spacing)*6)}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-content,:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-footer{padding-inline:calc(var(--spacing)*6)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading{margin-inline-start:calc(var(--spacing)*6)}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-start,.fi-modal>.fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading{margin-inline-end:calc(var(--spacing)*6)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-close-btn{position:absolute}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer{width:100%}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky{bottom:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);background-color:var(--color-white);padding-block:calc(var(--spacing)*5);position:sticky}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *){background-color:var(--gray-900)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer:not(.fi-sticky){padding-bottom:calc(var(--spacing)*6)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer:is(.fi-modal-slide-over .fi-modal-footer){margin-top:auto}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer .fi-modal-footer-actions{gap:calc(var(--spacing)*3)}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-start,.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-left) .fi-modal-footer-actions{flex-wrap:wrap;align-items:center;display:flex}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center{padding-inline:calc(var(--spacing)*6)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions{flex-direction:column-reverse;display:flex}:is(.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-end,.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-right) .fi-modal-footer-actions{flex-flow:row-reverse wrap;align-items:center;display:flex}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg{background-color:var(--gray-100);border-radius:3.40282e38px}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *){background-color:var(--gray-500)}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-500)20%,transparent)}}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg>.fi-icon{color:var(--gray-500)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg>.fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color{background-color:var(--color-100)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *){background-color:var(--color-500)}@supports (color:color-mix(in lab,red,red)){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-500)20%,transparent)}}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color>.fi-icon{color:var(--color-600)}.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-icon-bg.fi-color>.fi-icon:where(.dark,.dark *){color:var(--color-400)}@supports (container-type:inline-size){.fi-modal>.fi-modal-window-ctn>.fi-modal-window{container-type:inline-size}@container (min-width:24rem){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-modal>.fi-modal-window-ctn>.fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}}}:scope .fi-modal-trigger{display:flex}.fi-pagination{align-items:center;column-gap:calc(var(--spacing)*3);grid-template-columns:1fr auto 1fr;display:grid}.fi-pagination:empty{display:none}.fi-pagination .fi-pagination-previous-btn{justify-self:flex-start}.fi-pagination .fi-pagination-overview{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);display:none}.fi-pagination .fi-pagination-overview:where(.dark,.dark *){color:var(--gray-200)}.fi-pagination .fi-pagination-records-per-page-select-ctn{grid-column-start:2;justify-self:center}.fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact){display:none}.fi-pagination .fi-pagination-next-btn{grid-column-start:3;justify-self:flex-end}.fi-pagination .fi-pagination-items{border-radius:var(--radius-lg);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);justify-self:flex-end;display:none}.fi-pagination .fi-pagination-items:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-pagination .fi-pagination-items:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-pagination .fi-pagination-items:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-pagination .fi-pagination-items:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-pagination .fi-pagination-item{border-inline-style:var(--tw-border-style);border-inline-width:.5px;border-color:var(--gray-200)}.fi-pagination .fi-pagination-item:first-child{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.fi-pagination .fi-pagination-item:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.fi-pagination .fi-pagination-item:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-pagination .fi-pagination-item:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn{background-color:var(--gray-50)}.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label{color:var(--primary-700)}.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label:where(.dark,.dark *){color:var(--primary-400)}.fi-pagination .fi-pagination-item:first-of-type .fi-pagination-item-btn{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.fi-pagination .fi-pagination-item:last-of-type .fi-pagination-item-btn{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.fi-pagination .fi-pagination-item.fi-disabled .fi-pagination-item-label{color:var(--gray-500)}.fi-pagination .fi-pagination-item.fi-disabled .fi-pagination-item-label:where(.dark,.dark *){color:var(--gray-400)}.fi-pagination .fi-pagination-item-btn{padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;transition-duration:75ms;display:flex;position:relative;overflow:hidden}@media(hover:hover){.fi-pagination .fi-pagination-item-btn:enabled:hover{background-color:var(--gray-50)}}.fi-pagination .fi-pagination-item-btn:enabled:focus-visible{z-index:10;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600)}@media(hover:hover){.fi-pagination .fi-pagination-item-btn:enabled:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-pagination .fi-pagination-item-btn:enabled:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-pagination .fi-pagination-item-btn:enabled:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--primary-500)}.fi-pagination .fi-pagination-item-btn:hover .fi-icon{color:var(--gray-500)}.fi-pagination .fi-pagination-item-btn:hover .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-pagination .fi-pagination-item-btn .fi-icon{color:var(--gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-pagination .fi-pagination-item-btn .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-pagination .fi-pagination-item-btn .fi-pagination-item-label{padding-inline:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700)}.fi-pagination .fi-pagination-item-btn .fi-pagination-item-label:where(.dark,.dark *){color:var(--gray-200)}@supports (container-type:inline-size){.fi-pagination{container-type:inline-size}@container (min-width:28rem){.fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact){display:inline}.fi-pagination .fi-pagination-records-per-page-select.fi-compact{display:none}}@container (min-width:56rem){.fi-pagination:not(.fi-simple) .fi-pagination-previous-btn,.fi-pagination:not(.fi-simple) .fi-pagination-next-btn{display:none}.fi-pagination .fi-pagination-overview{display:inline}.fi-pagination .fi-pagination-items{display:flex}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-pagination .fi-pagination-records-per-page-select:not(.fi-compact){display:inline}.fi-pagination .fi-pagination-records-per-page-select.fi-compact{display:none}}@media(min-width:48rem){.fi-pagination:not(.fi-simple) .fi-pagination-previous-btn,.fi-pagination:not(.fi-simple) .fi-pagination-next-btn{display:none}.fi-pagination .fi-pagination-overview{display:inline}.fi-pagination .fi-pagination-items{display:flex}}}.fi-section:not(.fi-section-not-contained):not(.fi-divided)>.fi-section-content-ctn>.fi-section-content,.fi-section:not(.fi-section-not-contained).fi-divided>.fi-section-content-ctn>.fi-section-content>*{padding:calc(var(--spacing)*6)}.fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4)}.fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained)>.fi-section-content-ctn>.fi-section-footer:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-section:not(.fi-section-not-contained):not(.fi-aside){border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-compact{border-radius:var(--radius-lg)}.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary{background-color:var(--gray-50)}.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-section:not(.fi-section-not-contained):not(.fi-aside)>.fi-section-header{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4)}.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed)>.fi-section-content-ctn:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}@media(min-width:48rem){.fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn{grid-column:span 2/span 2}}.fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained).fi-aside>.fi-section-content-ctn:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-section:not(.fi-section-not-contained).fi-aside.fi-compact>.fi-section-content-ctn{border-radius:var(--radius-lg)}.fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn{background-color:var(--gray-50)}.fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary>.fi-section-content-ctn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-aside)>.fi-section-header{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2.5)}.fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-divided)>.fi-section-content-ctn>.fi-section-content,.fi-section:not(.fi-section-not-contained).fi-compact.fi-divided>.fi-section-content-ctn>.fi-section-content>*{padding:calc(var(--spacing)*4)}.fi-section:not(.fi-section-not-contained).fi-compact>.fi-section-footer{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2.5)}@media(min-width:48rem){.fi-section.fi-section-not-contained.fi-aside>.fi-section-content-ctn{grid-column:span 2/span 2}}.fi-section.fi-section-not-contained:not(.fi-aside),.fi-section.fi-section-not-contained:not(.fi-aside)>.fi-section-content-ctn{row-gap:calc(var(--spacing)*4);display:grid}.fi-section.fi-section-not-contained:not(.fi-aside).fi-divided>.fi-section-content-ctn>.fi-section-content>*{padding-block:calc(var(--spacing)*6)}.fi-section.fi-section-not-contained:not(.fi-aside).fi-compact,.fi-section.fi-section-not-contained:not(.fi-aside).fi-compact>.fi-section-content-ctn{row-gap:calc(var(--spacing)*2.5)}.fi-section.fi-section-not-contained:not(.fi-aside).fi-compact.fi-divided>.fi-section-content-ctn>.fi-section-content>*{padding-block:calc(var(--spacing)*4)}:where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-section.fi-divided>.fi-section-content-ctn>.fi-section-content:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-section.fi-aside{align-items:flex-start;column-gap:calc(var(--spacing)*6);row-gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){.fi-section.fi-aside{grid-template-columns:repeat(3,minmax(0,1fr))}}.fi-section.fi-collapsible>.fi-section-header{cursor:pointer}.fi-section.fi-collapsed>.fi-section-header>.fi-section-collapse-btn{rotate:180deg}.fi-section.fi-collapsed>.fi-section-content-ctn{visibility:hidden;height:calc(var(--spacing)*0);--tw-border-style:none;border-style:none;position:absolute;overflow:hidden}@media(min-width:48rem){.fi-section.fi-section-has-content-before>.fi-section-content-ctn{order:-9999}}.fi-section>.fi-section-header{align-items:center;gap:calc(var(--spacing)*3);display:flex}.fi-section>.fi-section-header>.fi-icon{color:var(--gray-400);flex-shrink:0}.fi-section>.fi-section-header>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-section>.fi-section-header>.fi-icon.fi-color{color:var(--color-500)}.fi-section>.fi-section-header>.fi-icon.fi-color:where(.dark,.dark *){color:var(--color-400)}.fi-section>.fi-section-header>.fi-icon.fi-size-sm{margin-top:calc(var(--spacing)*1)}.fi-section>.fi-section-header>.fi-icon.fi-size-md{margin-top:calc(var(--spacing)*.5)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-sc-text,.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-link{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-xs{margin-block:calc(var(--spacing)*-.5)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-sm{margin-block:calc(var(--spacing)*-1)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-md{margin-block:calc(var(--spacing)*-1.5)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-lg{margin-block:calc(var(--spacing)*-2)}.fi-section>.fi-section-header>.fi-section-header-after-ctn .fi-btn.fi-size-xl{margin-block:calc(var(--spacing)*-2.5)}.fi-section>.fi-section-header>.fi-section-collapse-btn{margin-block:calc(var(--spacing)*-1.5);flex-shrink:0}.fi-section .fi-section-header-text-ctn{row-gap:calc(var(--spacing)*1);flex:1;display:grid}.fi-section .fi-section-header-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-section .fi-section-header-heading:where(.dark,.dark *){color:var(--color-white)}.fi-section .fi-section-header-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow-wrap:break-word;color:var(--gray-500);overflow:hidden}.fi-section .fi-section-header-description:where(.dark,.dark *){color:var(--gray-400)}.fi-tabs{column-gap:calc(var(--spacing)*1);max-width:100%;display:flex;overflow-x:auto}.fi-tabs.fi-contained{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2.5)}.fi-tabs.fi-contained:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-tabs.fi-contained:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-tabs:not(.fi-contained){border-radius:var(--radius-xl);background-color:var(--color-white);padding:calc(var(--spacing)*2);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);margin-inline:auto}.fi-tabs:not(.fi-contained):where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-tabs:not(.fi-contained):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-tabs.fi-vertical{column-gap:calc(var(--spacing)*0);row-gap:calc(var(--spacing)*1);flex-direction:column;overflow:hidden auto}.fi-tabs.fi-vertical.fi-contained{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0}.fi-tabs.fi-vertical:not(.fi-contained){margin-inline:calc(var(--spacing)*0)}.fi-tabs.fi-vertical .fi-tabs-item{justify-content:flex-start}.fi-tabs-item{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;--tw-outline-style:none;outline-style:none;transition-duration:75ms;display:flex}@media(hover:hover){.fi-tabs-item:hover{background-color:var(--gray-50)}}.fi-tabs-item:focus-visible{background-color:var(--gray-50)}@media(hover:hover){.fi-tabs-item:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-tabs-item:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-tabs-item:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-tabs-item:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-tabs-item.fi-active{background-color:var(--gray-50)}.fi-tabs-item.fi-active:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-tabs-item.fi-active:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-tabs-item.fi-active .fi-tabs-item-label,.fi-tabs-item.fi-active .fi-icon{color:var(--primary-700)}:is(.fi-tabs-item.fi-active .fi-tabs-item-label,.fi-tabs-item.fi-active .fi-icon):where(.dark,.dark *){color:var(--primary-400)}.fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label,.fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:is(:where(.group):focus-visible *){color:var(--gray-700)}.fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(.dark,.dark *),.fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(.dark,.dark *):is(:where(.group):focus-visible *){color:var(--gray-200)}.fi-tabs-item :not(.fi-active):focus-visible .fi-tabs-item-label{color:var(--gray-700)}.fi-tabs-item :not(.fi-active):focus-visible .fi-tabs-item-label:where(.dark,.dark *){color:var(--gray-200)}.fi-tabs-item .fi-tabs-item-label{color:var(--gray-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-tabs-item .fi-tabs-item-label:where(.dark,.dark *){color:var(--gray-400)}.fi-tabs-item .fi-icon{color:var(--gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;flex-shrink:0;transition-duration:75ms}.fi-tabs-item .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-tabs-item .fi-badge{width:max-content}.fi-toggle{height:calc(var(--spacing)*6);width:calc(var(--spacing)*11);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--gray-200);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);--tw-outline-style:none;border-width:2px;border-color:#0000;border-radius:3.40282e38px;outline-style:none;flex-shrink:0;display:inline-flex;position:relative}.fi-toggle:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.fi-toggle:disabled{pointer-events:none;opacity:.7}.fi-toggle:where(.dark,.dark *){background-color:var(--gray-700)}.fi-toggle:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--primary-500);--tw-ring-offset-color:var(--gray-900)}.fi-toggle:disabled,.fi-toggle[disabled]{pointer-events:none;opacity:.7}.fi-toggle.fi-color{background-color:var(--bg)}.fi-toggle.fi-color:where(.dark,.dark *){background-color:var(--dark-bg)}.fi-toggle.fi-color .fi-icon{color:var(--text)}.fi-toggle.fi-hidden{display:none}.fi-toggle>:first-child{pointer-events:none;width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);border-radius:3.40282e38px;display:inline-block;position:relative}.fi-toggle>:first-child>*{inset:calc(var(--spacing)*0);width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex;position:absolute}.fi-toggle .fi-icon{color:var(--gray-400)}.fi-toggle .fi-icon:where(.dark,.dark *){color:var(--gray-700)}.fi-toggle.fi-toggle-on>:first-child{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-toggle.fi-toggle-on>:first-child:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-5);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-toggle.fi-toggle-on>:first-child>:first-child{opacity:0;--tw-duration:.1s;--tw-ease:var(--ease-out);transition-duration:.1s;transition-timing-function:var(--ease-out)}.fi-toggle.fi-toggle-on>:first-child>:last-child{opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.fi-toggle.fi-toggle-off>:first-child{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-toggle.fi-toggle-off>:first-child>:first-child{opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.fi-toggle.fi-toggle-off>:first-child>:last-child{opacity:0;--tw-duration:.1s;--tw-ease:var(--ease-out);transition-duration:.1s;transition-timing-function:var(--ease-out)}.fi-sortable-ghost{opacity:.3}.fi-ac{gap:calc(var(--spacing)*3)}.fi-ac:not(.fi-width-full){flex-wrap:wrap;align-items:center;display:flex}.fi-ac:not(.fi-width-full).fi-align-start,.fi-ac:not(.fi-width-full).fi-align-left{justify-content:flex-start}.fi-ac:not(.fi-width-full).fi-align-center{justify-content:center}.fi-ac:not(.fi-width-full).fi-align-end,.fi-ac:not(.fi-width-full).fi-align-right{flex-direction:row-reverse}.fi-ac:not(.fi-width-full).fi-align-between,.fi-ac:not(.fi-width-full).fi-align-justify{justify-content:space-between}.fi-ac.fi-width-full{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.CodeMirror{color:#000;direction:ltr;height:300px;font-family:monospace}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{white-space:nowrap;background-color:#f7f7f7;border-right:1px solid #ddd}.CodeMirror-linenumber{text-align:right;color:#999;white-space:nowrap;min-width:20px;padding:0 3px 0 5px}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;width:auto;border:0!important}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span::-moz-selection{background:0 0}.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:#0000}@keyframes blink{50%{background-color:#0000}}.cm-tab{-webkit-text-decoration:inherit;text-decoration:inherit;display:inline-block}.CodeMirror-rulers{position:absolute;top:-50px;right:0;bottom:0;left:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute;top:0;bottom:0}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;position:relative;overflow:hidden}.CodeMirror-scroll{z-index:0;outline:0;height:100%;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;position:relative;overflow:scroll!important}.CodeMirror-sizer{border-right:50px solid #0000;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{z-index:6;outline:0;display:none;position:absolute}.CodeMirror-vscrollbar{top:0;right:0;overflow:hidden scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow:scroll hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{z-index:3;min-height:100%;position:absolute;top:0;left:0}.CodeMirror-gutter{white-space:normal;vertical-align:top;height:100%;margin-bottom:-50px;display:inline-block}.CodeMirror-gutter-wrapper{z-index:4;position:absolute;background:0 0!important;border:none!important}.CodeMirror-gutter-background{z-index:4;position:absolute;top:0;bottom:0}.CodeMirror-gutter-elt{cursor:default;z-index:4;position:absolute}.CodeMirror-gutter-wrapper ::selection{background-color:#0000}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;background:0 0;border-width:0;border-radius:0;margin:0;position:relative;overflow:visible}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0}.CodeMirror-linewidget{z-index:2;padding:.1px;position:relative}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{visibility:hidden;width:100%;height:0;position:absolute;overflow:hidden}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;z-index:3;position:relative}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection{background:#d7d4f0}.CodeMirror-line>span::selection{background:#d7d4f0}.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection{background:#d7d4f0}.CodeMirror-line>span::-moz-selection{background:#d7d4f0}.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{flex-flow:wrap;display:flex}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;font:inherit;z-index:0;word-wrap:break-word;border:1px solid #ced4da;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:10px}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{z-index:8;background:#fff;height:auto;top:50px;right:0;bottom:0;left:0;border-right:none!important;border-bottom-right-radius:0!important;position:fixed!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-bottom-right-radius:0;flex:auto;position:relative;border-right:none!important}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{-webkit-user-select:none;user-select:none;-o-user-select:none;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-top-left-radius:4px;border-top-right-radius:4px;padding:9px 10px;position:relative}.editor-toolbar.fullscreen{box-sizing:border-box;opacity:1;z-index:9;background:#fff;border:0;width:100%;height:50px;padding-top:10px;padding-bottom:10px;position:fixed;top:0;left:0}.editor-toolbar.fullscreen:before{background:-o-linear-gradient(270deg,#fff 0,#fff0 100%);background:-ms-linear-gradient(left,#fff 0,#fff0 100%);background:linear-gradient(90deg,#fff 0,#fff0);width:20px;height:50px;margin:0;padding:0;position:fixed;top:0;left:0}.editor-toolbar.fullscreen:after{background:-o-linear-gradient(270deg,#fff0 0,#fff 100%);background:-ms-linear-gradient(left,#fff0 0,#fff 100%);background:linear-gradient(90deg,#fff0 0,#fff);width:20px;height:50px;margin:0;padding:0;position:fixed;top:0;right:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;height:30px;margin:0;padding:0;display:inline-block;text-decoration:none!important}.editor-toolbar button{white-space:nowrap;min-width:30px;padding:0 6px;font-weight:700}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{color:#0000;text-indent:-10px;border-left:1px solid #d9d9d9;border-right:1px solid #fff;width:0;margin:0 6px;display:inline-block}.editor-toolbar button:after{vertical-align:text-bottom;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{color:#959694;text-align:right;padding:8px 10px;font-size:12px}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{min-width:4em;margin-left:1em;display:inline-block}.editor-statusbar .lines:before{content:"lines: "}.editor-statusbar .words:before{content:"words: "}.editor-statusbar .characters:before{content:"characters: "}.editor-preview-full{z-index:7;box-sizing:border-box;width:100%;height:100%;display:none;position:absolute;top:0;left:0;overflow:auto}.editor-preview-side{z-index:9;box-sizing:border-box;word-wrap:break-word;border:1px solid #ddd;width:50%;display:none;position:fixed;top:50px;bottom:0;right:0;overflow:auto}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{background:#fafafa;padding:10px}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:calc(1.375rem + 1.5vw)}.cm-s-easymde .cm-header-2{font-size:calc(1.325rem + .9vw)}.cm-s-easymde .cm-header-3{font-size:calc(1.3rem + .6vw)}.cm-s-easymde .cm-header-4{font-size:calc(1.275rem + .3vw)}.cm-s-easymde .cm-header-5{font-size:1.25rem}.cm-s-easymde .cm-header-6{font-size:1rem}.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{margin-bottom:.5rem;line-height:1.2}.cm-s-easymde .cm-comment{background:#0000000d;border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333);border:1px solid #fff;border-radius:0;position:relative}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333)}.easymde-dropdown-content{visibility:hidden;z-index:2;background-color:#f9f9f9;padding:8px;display:block;position:absolute;top:30px;box-shadow:0 8px 16px #0003}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}.easymde-dropdown-content button{display:block}span[data-img-src]:after{content:"";background-image:var(--bg-image);max-width:100%;height:0;max-height:100%;padding-top:var(--height);width:var(--width);background-repeat:no-repeat;background-size:contain;display:block}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:#ff000026}.cropper-container{-webkit-touch-callout:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:after,.cropper-center:before{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media(min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media(min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media(min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.filepond--assistant{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.filepond--browser.filepond--browser{opacity:0;width:calc(100% - 2em);margin:0;padding:0;font-size:0;position:absolute;top:1.75em;left:1em}.filepond--data{visibility:hidden;pointer-events:none;contain:strict;border:none;width:0;height:0;margin:0;padding:0;position:absolute}.filepond--drip{opacity:.1;pointer-events:none;background:#00000003;border-radius:.5em;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.filepond--drip-blob{transform-origin:50%;background:#292625;border-radius:50%;width:8em;height:8em;margin-top:-4em;margin-left:-4em}.filepond--drip-blob,.filepond--drop-label{will-change:transform,opacity;position:absolute;top:0;left:0}.filepond--drop-label{color:#4f4f4f;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:0;margin:0;display:flex;right:0}.filepond--drop-label.filepond--drop-label label{margin:0;padding:.5em;display:block}.filepond--drop-label label{cursor:default;text-align:center;font-size:.875em;font-weight:400;line-height:1.5}.filepond--label-action{-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;cursor:pointer;-webkit-text-decoration:underline #a7a4a4;text-decoration:underline #a7a4a4}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{width:1.625em;height:1.625em;font-family:inherit;font-size:1em;line-height:inherit;will-change:transform,opacity;border:none;outline:none;margin:0;padding:0}.filepond--file-action-button.filepond--file-action-button span{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button:after{content:"";position:absolute;top:-.75em;right:-.75em;bottom:-.75em;left:-.75em}.filepond--file-action-button{cursor:auto;color:#fff;background-color:#00000080;background-image:none;border-radius:50%;transition:box-shadow .25s ease-in;box-shadow:0 0 #fff0}.filepond--file-action-button:focus,.filepond--file-action-button:hover{box-shadow:0 0 0 .125em #ffffffe6}.filepond--file-action-button[disabled]{color:#ffffff80;background-color:#00000040}.filepond--file-action-button[hidden]{display:none}.filepond--file-info{will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:flex-start;min-width:0;margin:0 .5em 0 0;display:flex;position:static}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.75em;line-height:1.2;overflow:hidden}.filepond--file-info .filepond--file-info-sub{opacity:.5;white-space:nowrap;font-size:.625em;transition:opacity .25s ease-in-out}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex-grow:0;flex-shrink:0;align-items:flex-end;min-width:2.25em;margin:0;display:flex;position:static}.filepond--file-status *{white-space:nowrap;margin:0}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{opacity:.5;font-size:.625em;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;min-width:0;height:100%;margin:0;padding:0}.filepond--file-wrapper.filepond--file-wrapper>legend{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.filepond--file{color:#fff;border-radius:.5em;align-items:flex-start;height:100%;padding:.5625em;display:flex;position:static}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--file-action-button,.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state*=error] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state=cancelled] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{animation:.5s linear .125s both fall}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--file-info-sub,[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=error] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=invalid] .filepond--panel{animation:.65s linear both shake}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes shake{10%,90%{transform:translate(-.0625em)}20%,80%{transform:translate(.125em)}30%,50%,70%{transform:translate(-.25em)}40%,60%{transform:translate(.25em)}}@keyframes fall{0%{opacity:0;animation-timing-function:ease-out;transform:scale(.5)}70%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.1)}to{animation-timing-function:ease-out;transform:scale(1)}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]:after{content:"";z-index:100;position:absolute;top:0;right:0;bottom:0;left:0}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{z-index:1;will-change:transform,opacity;touch-action:auto;margin:.25em;padding:0;position:absolute;top:0;left:0;right:0}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -.0625em #00000040}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 #0000}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em #00000053}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=error] .filepond--item-panel,[data-filepond-item-state*=invalid] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{will-change:transform;margin:0;position:absolute;top:0;left:0;right:0}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{-webkit-overflow-scrolling:touch;overflow:hidden scroll;-webkit-mask:linear-gradient(#000 calc(100% - .5em),#0000);mask:linear-gradient(#000 calc(100% - .5em),#0000)}.filepond--list-scroller::-webkit-scrollbar{background:0 0}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:#0000004d;background-clip:content-box;border:.3125em solid #0000;border-radius:99999px}.filepond--list.filepond--list{will-change:transform;margin:0;padding:0;list-style-type:none;position:absolute;top:0}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;max-width:none;height:100%;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7;justify-content:center;align-items:center;height:auto;display:flex;bottom:0}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{height:100%;margin-top:0;margin-bottom:0;overflow:hidden}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{height:100%;left:0;right:0}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*,.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}@media not all and (min-resolution:.001dpcm){@supports ((-webkit-appearance:none)) and (stroke-color:transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{background-color:#f1f0ef;border-radius:.5em}.filepond--panel{pointer-events:none;margin:0;position:absolute;top:0;left:0;right:0;height:100%!important}.filepond-panel:not([data-scalable=false]){height:auto!important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:#0000!important;border:none!important}.filepond--panel-bottom,.filepond--panel-center,.filepond--panel-top{margin:0;padding:0;position:absolute;top:0;left:0;right:0}.filepond--panel-bottom,.filepond--panel-top{height:.5em}.filepond--panel-top{border-bottom:none!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.filepond--panel-top:after{content:"";background-color:inherit;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filepond--panel-bottom,.filepond--panel-center{will-change:transform;backface-visibility:hidden;transform-origin:0 0;transform:translateY(.5em)}.filepond--panel-bottom{border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.filepond--panel-bottom:before{content:"";background-color:inherit;height:2px;position:absolute;top:-1px;left:0;right:0}.filepond--panel-center{border-top:none!important;border-bottom:none!important;border-radius:0!important;height:100px!important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{color:#fff;pointer-events:none;will-change:transform,opacity;width:1.25em;height:1.25em;margin:0;position:static}.filepond--progress-indicator svg{vertical-align:top;transform-box:fill-box;width:100%;height:100%}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;text-align:left;text-rendering:optimizeLegibility;contain:layout style size;direction:ltr;margin-bottom:1em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:450;line-height:normal;position:relative}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root :not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{opacity:.4;color:inherit;z-index:3;font-size:11px;line-height:.85;text-decoration:none;position:absolute;bottom:-14px;right:0}.filepond--root .filepond--credits[style]{margin-top:14px;top:0;bottom:auto}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-.1875em}.filepond--action-edit-item-alt{line-height:inherit;color:inherit;pointer-events:all;background:0 0;border:none;outline:none;margin:0 0 0 .25em;padding:0;font-family:inherit;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{opacity:0;font-size:0}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1!important;visibility:visible!important}.filepond--image-preview-markup{position:absolute;top:0;left:0}.filepond--image-preview-wrapper{z-index:2}.filepond--image-preview-overlay{opacity:0;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-height:5rem;max-height:7rem;margin:0;display:block;position:absolute;top:0;left:0}.filepond--image-preview-overlay svg{width:100%;height:auto;color:inherit;max-height:inherit}.filepond--image-preview-overlay-idle{mix-blend-mode:multiply;color:#282828d9}.filepond--image-preview-overlay-success{mix-blend-mode:normal;color:#369763}.filepond--image-preview-overlay-failure{mix-blend-mode:normal;color:#c44e47}@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)){.filepond--image-preview-overlay-idle{mix-blend-mode:normal}}.filepond--image-preview-wrapper{-webkit-user-select:none;user-select:none;background:#00000003;border-radius:.45em;height:100%;margin:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.filepond--image-preview{z-index:1;pointer-events:none;will-change:transform,opacity;background:#222;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.filepond--image-clip{margin:0 auto;position:relative;overflow:hidden}.filepond--image-clip[data-transparency-indicator=grid] img,.filepond--image-clip[data-transparency-indicator=grid] canvas{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");background-size:1.25em 1.25em}.filepond--image-bitmap,.filepond--image-vector{will-change:transform;position:absolute;top:0;left:0}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper{border-radius:0}.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview{justify-content:center;align-items:center;height:100%;display:flex}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{border-radius:99999rem}.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay{top:auto;bottom:0;transform:scaleY(-1)}.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]){margin-bottom:.325em}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left]{left:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right]{right:calc(50% - 3em)}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right]{margin-bottom:.5125em}.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center]{margin-top:0;margin-bottom:.1875em;margin-left:.1875em}.filepond--media-preview audio{display:none}.filepond--media-preview .audioplayer{width:calc(100% - 1.4em);margin:2.3em auto auto}.filepond--media-preview .playpausebtn{float:left;cursor:pointer;background-position:50%;background-repeat:no-repeat;border:none;border-radius:25px;outline:none;width:25px;height:25px;margin-top:.3em;margin-right:.3em}.filepond--media-preview .playpausebtn:hover{background-color:#00000080}.filepond--media-preview .play{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=)}.filepond--media-preview .pause{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC)}.filepond--media-preview .timeline{float:left;background:#ffffff4d;border-radius:15px;width:calc(100% - 2.5em);height:3px;margin-top:1em}.filepond--media-preview .playhead{background:#fff;border-radius:50%;width:13px;height:13px;margin-top:-5px}.filepond--media-preview-wrapper{pointer-events:auto;background:#00000003;border-radius:.45em;height:100%;margin:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.filepond--media-preview-wrapper:before{content:" ";width:100%;height:2em;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00000000",GradientType=0);z-index:3;background:linear-gradient(#000,#0000);position:absolute}.filepond--media-preview{z-index:1;transform-origin:50%;will-change:transform,opacity;width:100%;height:100%;display:block;position:relative}.filepond--media-preview video,.filepond--media-preview audio{will-change:transform;width:100%}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{z-index:1;width:100%;height:100%;position:relative}.noUi-connects{z-index:0;overflow:hidden}.noUi-connect,.noUi-origin{will-change:transform;z-index:1;transform-origin:0 0;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:flat;position:absolute;top:0;right:0}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0;top:-100%}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{width:100%;height:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;top:-6px;right:-17px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;bottom:-17px;right:-6px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border:1px solid #d3d3d3;border-radius:4px;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{cursor:default;background:#fff;border:1px solid #d9d9d9;border-radius:3px;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";background:#e8e7e6;width:1px;height:14px;display:block;position:absolute;top:6px;left:14px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;top:14px;left:6px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{color:#999;position:absolute}.noUi-value{white-space:nowrap;text-align:center;position:absolute}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#ccc;position:absolute}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{width:100%;height:80px;padding:10px 0;top:100%;left:0}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{width:2px;height:5px;margin-left:-1px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{height:100%;padding:0 10px;top:0;left:100%}.noUi-value-vertical{padding-left:25px;transform:translateY(-50%)}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{color:#000;text-align:center;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:3px;padding:5px;display:block;position:absolute}.noUi-horizontal .noUi-tooltip{bottom:120%;left:50%;transform:translate(-50%)}.noUi-vertical .noUi-tooltip{top:50%;right:120%;transform:translateY(-50%)}.noUi-horizontal .noUi-origin>.noUi-tooltip{bottom:10px;left:auto;transform:translate(50%)}.noUi-vertical .noUi-origin>.noUi-tooltip{top:auto;right:28px;transform:translateY(-18px)}.fi-fo-builder{row-gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.fi-fo-builder .fi-fo-builder-actions{column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-builder .fi-fo-builder-actions.fi-hidden{display:none}.fi-fo-builder .fi-fo-builder-items{row-gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.fi-fo-builder .fi-fo-builder-item{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-fo-builder .fi-fo-builder-item:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-builder .fi-fo-builder-item:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-builder .fi-fo-builder-item:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-builder .fi-fo-builder-item:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-builder .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapsible-actions{rotate:-180deg}.fi-fo-builder .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapse-action,.fi-fo-builder .fi-fo-builder-item:not(.fi-collapsed) .fi-fo-builder-item-header-expand-action{pointer-events:none;opacity:0}.fi-fo-builder.fi-fo-builder-not-contained>.fi-fo-builder-items>.fi-fo-builder-item{--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);background-color:#0000;border-radius:0}.fi-fo-builder.fi-fo-builder-not-contained>.fi-fo-builder-items>.fi-fo-builder-item>.fi-fo-builder-item-content{padding:calc(var(--spacing)*0)}.fi-fo-builder.fi-fo-builder-not-contained>.fi-fo-builder-items>.fi-fo-builder-label-between-items-ctn>.fi-fo-builder-label-between-items-divider-before{width:calc(var(--spacing)*0)}.fi-fo-builder.fi-fo-builder-not-contained>.fi-fo-builder-items>.fi-fo-builder-label-between-items-ctn>.fi-fo-builder-label-between-items{padding-inline-start:calc(var(--spacing)*0)}.fi-fo-builder .fi-fo-builder-item-header{align-items:center;column-gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);display:flex;overflow:hidden}.fi-fo-builder.fi-collapsible .fi-fo-builder-item-header{cursor:pointer;-webkit-user-select:none;user-select:none}.fi-fo-builder .fi-fo-builder-item-header-start-actions{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-builder .fi-fo-builder-item-header-icon{color:var(--gray-400)}.fi-fo-builder .fi-fo-builder-item-header-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-fo-builder .fi-fo-builder-item-header-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-fo-builder .fi-fo-builder-item-header-label:where(.dark,.dark *){color:var(--color-white)}.fi-fo-builder .fi-fo-builder-item-header-label.fi-truncated{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fi-fo-builder .fi-fo-builder-item-header-end-actions{align-items:center;column-gap:calc(var(--spacing)*3);margin-inline-start:auto;display:flex}.fi-fo-builder .fi-fo-builder-item-header-collapsible-actions{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:relative}.fi-fo-builder .fi-fo-builder-item-header-collapse-action{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fi-fo-builder .fi-fo-builder-item-header-expand-action{inset:calc(var(--spacing)*0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;rotate:180deg}.fi-fo-builder .fi-fo-builder-item-content:not(.fi-fo-builder-item-content-has-preview){padding:calc(var(--spacing)*4)}.fi-fo-builder .fi-fo-builder-item-content.fi-fo-builder-item-content-has-preview{position:relative}.fi-fo-builder .fi-fo-builder-item-has-header>.fi-fo-builder-item-content{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100)}.fi-fo-builder .fi-fo-builder-item-has-header>.fi-fo-builder-item-content:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-builder .fi-fo-builder-item-has-header>.fi-fo-builder-item-content:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-builder .fi-fo-builder-item-preview:not(.fi-interactive){pointer-events:none}.fi-fo-builder .fi-fo-builder-item-preview-edit-overlay{inset:calc(var(--spacing)*0);z-index:1;cursor:pointer;position:absolute}.fi-fo-builder .fi-fo-builder-block-picker-ctn{border-radius:var(--radius-lg);background-color:var(--color-white)}.fi-fo-builder .fi-fo-builder-block-picker-ctn:where(.dark,.dark *){background-color:var(--gray-900)}.fi-fo-builder .fi-fo-builder-add-between-items-ctn{justify-content:center;width:100%;display:flex}.fi-fo-builder .fi-fo-builder-add-between-items{border-radius:var(--radius-lg);background-color:var(--color-white)}.fi-fo-builder .fi-fo-builder-add-between-items:where(.dark,.dark *){background-color:var(--gray-900)}.fi-fo-builder .fi-fo-builder-label-between-items-ctn{margin-block:calc(var(--spacing)*-2);align-items:center;display:flex;position:relative}.fi-fo-builder .fi-fo-builder-label-between-items-divider-before{width:calc(var(--spacing)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);flex-shrink:0}.fi-fo-builder .fi-fo-builder-label-between-items-divider-before:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-builder .fi-fo-builder-label-between-items-divider-before:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-builder .fi-fo-builder-label-between-items{padding-inline:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);flex-shrink:0}.fi-fo-builder .fi-fo-builder-label-between-items:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-builder .fi-fo-builder-label-between-items-divider-after{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);flex:1}.fi-fo-builder .fi-fo-builder-label-between-items-divider-after:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-builder .fi-fo-builder-label-between-items-divider-after:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-builder .fi-fo-builder-block-picker{justify-content:center;display:flex}.fi-fo-builder .fi-fo-builder-block-picker.fi-align-start,.fi-fo-builder .fi-fo-builder-block-picker.fi-align-left{justify-content:flex-start}.fi-fo-builder .fi-fo-builder-block-picker.fi-align-end,.fi-fo-builder .fi-fo-builder-block-picker.fi-align-right{justify-content:flex-end}.fi-fo-checkbox-list .fi-fo-checkbox-list-search-input-wrp{margin-bottom:calc(var(--spacing)*4)}.fi-fo-checkbox-list .fi-fo-checkbox-list-actions{margin-bottom:calc(var(--spacing)*2)}.fi-fo-checkbox-list .fi-fo-checkbox-list-options{gap:calc(var(--spacing)*4)}.fi-fo-checkbox-list .fi-fo-checkbox-list-options.fi-grid-direction-col{margin-top:calc(var(--spacing)*-4)}.fi-fo-checkbox-list .fi-fo-checkbox-list-options.fi-grid-direction-col .fi-fo-checkbox-list-option-ctn{break-inside:avoid;padding-top:calc(var(--spacing)*4)}.fi-fo-checkbox-list .fi-fo-checkbox-list-option{column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-checkbox-input{margin-top:calc(var(--spacing)*1);flex-shrink:0}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);display:grid}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);overflow-wrap:break-word;color:var(--gray-950);overflow:hidden}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label:where(.dark,.dark *){color:var(--color-white)}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description{color:var(--gray-500)}.fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-checkbox-list .fi-fo-checkbox-list-no-search-results-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-fo-checkbox-list .fi-fo-checkbox-list-no-search-results-message:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-code-editor{overflow:hidden}.fi-fo-code-editor .cm-editor.cm-focused{--tw-outline-style:none!important;outline-style:none!important}.fi-fo-code-editor .cm-editor .cm-gutters{min-height:calc(var(--spacing)*48)!important;border-inline-end-color:var(--gray-300)!important;background-color:var(--gray-100)!important}.fi-fo-code-editor .cm-editor .cm-gutters:where(.dark,.dark *){border-inline-end-color:var(--gray-800)!important;background-color:var(--gray-950)!important}.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md);margin-inline-start:calc(var(--spacing)*1)}.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter{background-color:var(--gray-200)!important}.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *){background-color:var(--gray-800)!important}.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter{background-color:var(--gray-200)!important}.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *){background-color:var(--gray-800)!important}.fi-fo-code-editor .cm-editor .cm-scroller{min-height:calc(var(--spacing)*48)!important}.fi-fo-code-editor .cm-editor .cm-line{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);margin-inline-end:calc(var(--spacing)*1)}.fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter,.fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter,.fi-fo-code-editor.fi-disabled .cm-editor .cm-line.cm-activeLine{background-color:#0000!important}.fi-fo-color-picker .fi-input-wrp-content{display:flex}.fi-fo-color-picker .fi-fo-color-picker-preview{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);-webkit-user-select:none;user-select:none;border-radius:3.40282e38px;flex-shrink:0;margin-block:auto;margin-inline-end:calc(var(--spacing)*3)}.fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-200);--tw-ring-inset:inset}.fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-color-picker .fi-fo-color-picker-panel{z-index:10;border-radius:var(--radius-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);display:none;position:absolute}.fi-fo-date-time-picker input::-webkit-datetime-edit{padding:0;display:block}.fi-fo-date-time-picker .fi-fo-date-time-picker-trigger{width:100%}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input{--tw-border-style:none;width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-950);--tw-outline-style:none;background-color:#0000;border-style:none;outline-style:none}@media(forced-colors:active){.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input{outline-offset:2px;outline:2px solid #0000}}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input::placeholder{color:var(--gray-400)}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:disabled{color:var(--gray-500);-webkit-text-fill-color:var(--color-gray-500)}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *){color:var(--color-white)}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *)::placeholder{color:var(--gray-500)}.fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *):disabled{color:var(--gray-400);-webkit-text-fill-color:var(--color-gray-400)}.fi-fo-date-time-picker .fi-fo-date-time-picker-panel{z-index:10;position:absolute}:where(.fi-fo-date-time-picker .fi-fo-date-time-picker-panel>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.fi-fo-date-time-picker .fi-fo-date-time-picker-panel{border-radius:var(--radius-lg);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-date-time-picker .fi-fo-date-time-picker-panel .fi-fo-date-time-picker-panel-header{justify-content:space-between;align-items:center;display:flex}.fi-fo-date-time-picker .fi-fo-date-time-picker-month-select{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950);background-color:#0000;border-style:none;flex-grow:1}.fi-fo-date-time-picker .fi-fo-date-time-picker-month-select:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-fo-date-time-picker .fi-fo-date-time-picker-month-select:where(.dark,.dark *){background-color:var(--gray-900);color:var(--color-white)}.fi-fo-date-time-picker .fi-fo-date-time-picker-year-input{width:calc(var(--spacing)*16);--tw-border-style:none;padding:calc(var(--spacing)*0);text-align:right;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-950);background-color:#0000;border-style:none}.fi-fo-date-time-picker .fi-fo-date-time-picker-year-input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-fo-date-time-picker .fi-fo-date-time-picker-year-input:where(.dark,.dark *){color:var(--color-white)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header{gap:calc(var(--spacing)*1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar{grid-template-columns:repeat(7,minmax(calc(var(--spacing)*7),1fr));gap:calc(var(--spacing)*1);display:grid}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-loose);line-height:var(--leading-loose);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;border-radius:3.40282e38px;transition-duration:75ms}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-disabled{pointer-events:none;opacity:.5}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-disabled){cursor:pointer}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected{background-color:var(--gray-50);color:var(--primary-600)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *){color:var(--primary-400)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled){background-color:var(--gray-100)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled){color:var(--primary-600)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark,.dark *){color:var(--primary-400)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected){color:var(--gray-950)}.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(.dark,.dark *){color:var(--color-white)}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs{justify-content:center;align-items:center;display:flex}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input{width:calc(var(--spacing)*10);--tw-border-style:none;padding:calc(var(--spacing)*0);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-950);background-color:#0000;border-style:none;margin-inline-end:calc(var(--spacing)*1)}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input:where(.dark,.dark *){color:var(--color-white)}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500)}.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-field{row-gap:calc(var(--spacing)*2);display:grid}@media(min-width:40rem){.fi-fo-field.fi-fo-field-has-inline-label{align-items:flex-start;column-gap:calc(var(--spacing)*4);grid-template-columns:repeat(3,minmax(0,1fr))}.fi-fo-field.fi-fo-field-has-inline-label .fi-fo-field-content-col{grid-column:span 2/span 2}}.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label{align-items:flex-start;column-gap:calc(var(--spacing)*3);display:flex}:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label)>.fi-checkbox-input{margin-top:calc(var(--spacing)*.5)}:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label)>.fi-toggle{margin-block:calc(var(--spacing)*-.5)}:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label)>.fi-sc:first-child{flex-grow:0}:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label).fi-hidden{display:none}.fi-fo-field .fi-fo-field-label-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-fo-field .fi-fo-field-label-content:where(.dark,.dark *){color:var(--color-white)}.fi-fo-field .fi-fo-field-label-content .fi-fo-field-label-required-mark{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--danger-600)}.fi-fo-field .fi-fo-field-label-content .fi-fo-field-label-required-mark:where(.dark,.dark *){color:var(--danger-400)}.fi-fo-field .fi-fo-field-label-col{row-gap:calc(var(--spacing)*2);grid-auto-columns:minmax(0,1fr);height:100%;display:grid}@media(min-width:40rem){.fi-fo-field .fi-fo-field-label-col.fi-vertical-align-start{align-items:flex-start}.fi-fo-field .fi-fo-field-label-col.fi-vertical-align-center{align-items:center}.fi-fo-field .fi-fo-field-label-col.fi-vertical-align-end{align-items:flex-end}}.fi-fo-field .fi-fo-field-content-col{row-gap:calc(var(--spacing)*2);grid-auto-columns:minmax(0,1fr);display:grid}.fi-fo-field .fi-fo-field-content-ctn{align-items:center;column-gap:calc(var(--spacing)*3);width:100%;display:flex}.fi-fo-field .fi-fo-field-content{width:100%}.fi-fo-field .fi-fo-field-wrp-error-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--danger-600)}.fi-fo-field .fi-fo-field-wrp-error-message:where(.dark,.dark *){color:var(--danger-400)}.fi-fo-field .fi-fo-field-wrp-error-list{list-style-type:disc;list-style-position:inside}:where(.fi-fo-field .fi-fo-field-wrp-error-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}.fi-fo-file-upload{row-gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.fi-fo-file-upload.fi-align-start,.fi-fo-file-upload.fi-align-left{align-items:flex-start}.fi-fo-file-upload.fi-align-center{align-items:center}.fi-fo-file-upload.fi-align-end,.fi-fo-file-upload.fi-align-right{align-items:flex-end}.fi-fo-file-upload .fi-fo-file-upload-input-ctn{width:100%;height:100%}.fi-fo-file-upload.fi-fo-file-upload-avatar .fi-fo-file-upload-input-ctn{height:100%;width:calc(var(--spacing)*32)}.fi-fo-file-upload .fi-fo-file-upload-error-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--danger-600)}.fi-fo-file-upload .fi-fo-file-upload-error-message:where(.dark,.dark *){color:var(--danger-400)}.fi-fo-file-upload .filepond--root{margin-bottom:calc(var(--spacing)*0);border-radius:var(--radius-lg);background-color:var(--color-white);font-family:var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);overflow:hidden}.fi-fo-file-upload .filepond--root:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--root:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-file-upload .filepond--root:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--root:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-file-upload .filepond--root[data-disabled=disabled]{background-color:var(--gray-50)}.fi-fo-file-upload .filepond--root[data-disabled=disabled]:where(.dark,.dark *){--tw-ring-color:#ffffff1a;background-color:#0000}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--root[data-disabled=disabled]:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-file-upload .filepond--root[data-style-panel-layout="compact circle"]{border-radius:3.40282e38px}.fi-fo-file-upload .filepond--panel-root{background-color:#0000}.fi-fo-file-upload .filepond--drop-label label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600);padding:calc(var(--spacing)*3)!important}.fi-fo-file-upload .filepond--drop-label label:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-file-upload .filepond--label-action{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--primary-600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;text-decoration-line:none;transition-duration:75ms}@media(hover:hover){.fi-fo-file-upload .filepond--label-action:hover{color:var(--primary-500)}}.fi-fo-file-upload .filepond--label-action:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.fi-fo-file-upload .filepond--label-action:where(.dark,.dark *):hover{color:var(--primary-500)}}.fi-fo-file-upload .filepond--drip-blob{background-color:var(--gray-400)}.fi-fo-file-upload .filepond--drip-blob:where(.dark,.dark *){background-color:var(--gray-500)}.fi-fo-file-upload .filepond--root[data-style-panel-layout=grid] .filepond--item{width:calc(50% - .5rem);display:inline}@media(min-width:64rem){.fi-fo-file-upload .filepond--root[data-style-panel-layout=grid] .filepond--item{width:calc(33.33% - .5rem)}}.fi-fo-file-upload .filepond--download-icon{pointer-events:auto;width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);background-color:var(--color-white);vertical-align:bottom;margin-inline-end:calc(var(--spacing)*1);display:inline-block}@media(hover:hover){.fi-fo-file-upload .filepond--download-icon:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--download-icon:hover{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}}.fi-fo-file-upload .filepond--download-icon{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fi-fo-file-upload .filepond--open-icon{pointer-events:auto;width:calc(var(--spacing)*4);height:calc(var(--spacing)*4);background-color:var(--color-white);vertical-align:bottom;margin-inline-end:calc(var(--spacing)*1);display:inline-block}@media(hover:hover){.fi-fo-file-upload .filepond--open-icon:hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--open-icon:hover{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}}.fi-fo-file-upload .filepond--open-icon{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fi-fo-file-upload .filepond--file-action-button.filepond--action-edit-item{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .filepond--file-action-button.filepond--action-edit-item{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor{inset:calc(var(--spacing)*0);isolation:isolate;z-index:50;width:100vw;height:100dvh;padding:calc(var(--spacing)*2);position:fixed}@media(min-width:40rem){.fi-fo-file-upload .fi-fo-file-upload-editor{padding:calc(var(--spacing)*10)}}@media(min-width:48rem){.fi-fo-file-upload .fi-fo-file-upload-editor{padding:calc(var(--spacing)*20)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay{inset:calc(var(--spacing)*0);cursor:pointer;background-color:var(--gray-950);width:100%;height:100%;position:fixed}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay{background-color:color-mix(in oklab,var(--gray-950)50%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark,.dark *){background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-950)75%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay{will-change:transform}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window{isolation:isolate;border-radius:var(--radius-xl);background-color:var(--color-white);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);width:100%;height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--gray-900);flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window{--tw-ring-color:color-mix(in oklab,var(--gray-900)10%,transparent)}}@media(min-width:64rem){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window{flex-direction:row}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark,.dark *){background-color:var(--gray-800);--tw-ring-color:var(--gray-50)}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--gray-50)10%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image-ctn{margin:calc(var(--spacing)*4);flex:1;max-width:100%;max-height:100%}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image{width:auto;height:100%}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel{background-color:var(--gray-50);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow-y:auto}@media(min-width:64rem){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel{max-width:var(--container-xs)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *){background-color:var(--gray-900)}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-900)30%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main{flex:1}:where(.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main{padding:calc(var(--spacing)*4);overflow:auto}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group{gap:calc(var(--spacing)*3);display:grid}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn-group{width:100%}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active{background-color:var(--gray-50)}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(.dark,.dark *){background-color:var(--gray-700)}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--gray-950)}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(.dark,.dark *){color:var(--color-white)}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-footer{align-items:center;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);display:flex}.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-reset-action{margin-left:auto}.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal{background-color:var(--gray-100)}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal{background-color:color-mix(in oklab,var(--gray-100)50%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal{opacity:1}.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *){background-color:var(--gray-900)}@supports (color:color-mix(in lab,red,red)){.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-900)80%,transparent)}}.fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-view-box,.fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-face{border-radius:50%}:where(.fi-fo-key-value .fi-fo-key-value-table-ctn>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-key-value .fi-fo-key-value-table{table-layout:auto;width:100%}:where(.fi-fo-key-value .fi-fo-key-value-table>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-fo-key-value .fi-fo-key-value-table:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-key-value .fi-fo-key-value-table:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-key-value .fi-fo-key-value-table>thead>tr>th{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700)}.fi-fo-key-value .fi-fo-key-value-table>thead>tr>th:where(.dark,.dark *){color:var(--gray-200)}.fi-fo-key-value .fi-fo-key-value-table>thead>tr>th.fi-has-action{width:calc(var(--spacing)*9);padding:calc(var(--spacing)*0)}:where(.fi-fo-key-value .fi-fo-key-value-table>tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-fo-key-value .fi-fo-key-value-table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-key-value .fi-fo-key-value-table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)));border-color:var(--gray-200)}:where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}:where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-key-value .fi-fo-key-value-table>tbody>tr:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td{width:50%;padding:calc(var(--spacing)*0)}.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td.fi-has-action{width:auto;padding:calc(var(--spacing)*.5)}.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td.fi-has-action .fi-fo-key-value-table-row-sortable-handle{display:flex}.fi-fo-key-value .fi-fo-key-value-table>tbody>tr>td .fi-input{font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.fi-fo-key-value .fi-fo-key-value-add-action-ctn{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);justify-content:center;display:flex}@media(min-width:40rem){.fi-fo-key-value-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col{padding-top:calc(var(--spacing)*1.5)}}.fi-fo-markdown-editor{--color-cm-red:#991b1b;--color-cm-orange:#9a3412;--color-cm-amber:#92400e;--color-cm-yellow:#854d0e;--color-cm-lime:#3f6212;--color-cm-green:#166534;--color-cm-emerald:#065f46;--color-cm-teal:#115e59;--color-cm-cyan:#155e75;--color-cm-sky:#075985;--color-cm-blue:#1e40af;--color-cm-indigo:#3730a3;--color-cm-violet:#5b21b6;--color-cm-purple:#6b21a8;--color-cm-fuchsia:#86198f;--color-cm-pink:#9d174d;--color-cm-rose:#9f1239;--color-cm-gray:#18181b;--color-cm-gray-muted:#71717a;--color-cm-gray-background:#e4e4e7}.fi-fo-markdown-editor:not(.fi-disabled){max-width:100%;font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-950);overflow:hidden}.fi-fo-markdown-editor:not(.fi-disabled):where(.dark,.dark *){color:var(--color-white)}.fi-fo-markdown-editor.fi-disabled{border-radius:var(--radius-lg);background-color:var(--gray-50);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);display:block}.fi-fo-markdown-editor.fi-disabled:where(.dark,.dark *){color:var(--gray-400);--tw-ring-color:#ffffff1a;background-color:#0000}@supports (color:color-mix(in lab,red,red)){.fi-fo-markdown-editor.fi-disabled:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-markdown-editor .EasyMDEContainer .CodeMirror{padding-inline:calc(var(--spacing)*4)!important;padding-block:calc(var(--spacing)*3)!important}.fi-fo-markdown-editor .cm-s-easymde .cm-comment{color:var(--color-cm-gray-muted);background-color:#0000}.fi-fo-markdown-editor .EasyMDEContainer .CodeMirror-cursor{border-color:currentColor}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-keyword{color:var(--color-cm-violet)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-atom{color:var(--color-cm-blue)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-number{color:var(--color-cm-green)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-def{color:var(--color-cm-blue)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable{color:var(--color-cm-yellow)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable-2{color:var(--color-cm-blue)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-variable-3{color:var(--color-cm-emerald)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-property,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-operator{color:var(--color-cm-gray)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-string,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-string-2{color:var(--color-cm-rose)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-meta{color:var(--color-cm-gray-muted)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-error{color:var(--color-cm-red)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-qualifier{color:var(--color-cm-gray-muted)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-builtin{color:var(--color-cm-violet)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-bracket,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-hr{color:var(--color-cm-gray-muted)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-quote{color:var(--color-cm-sky)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-quote+.cm-quote{color:var(--color-cm-gray-muted)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-list,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-list+.cm-variable-2,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab+.cm-variable-2{color:var(--color-cm-gray)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-link{color:var(--color-cm-blue)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tag{color:var(--color-cm-red)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-attribute{color:var(--color-cm-amber)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-attribute+.cm-string{color:var(--color-cm-green)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-code+.cm-comment:not(.cm-formatting-code){background-color:var(--color-cm-gray-background);color:var(--color-cm-gray)}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-4{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-5{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-header-6{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-comment{background-image:none}.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-code-block,.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab+.cm-comment{color:inherit;background-color:#0000}.fi-fo-markdown-editor .EasyMDEContainer .CodeMirror{--tw-border-style:none;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);color:inherit;background-color:#0000;border-style:none}.fi-fo-markdown-editor .EasyMDEContainer .CodeMirror-scroll{height:auto}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar{gap:calc(var(--spacing)*1);border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);border-radius:0;flex-wrap:wrap;display:flex}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);border-radius:var(--radius-lg);--tw-border-style:none;padding:calc(var(--spacing)*0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;border-style:none;place-content:center;transition-duration:75ms;display:grid}@media(hover:hover){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:hover{background-color:var(--gray-50)}}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:focus-visible{background-color:var(--gray-50)}@media(hover:hover){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active{background-color:var(--gray-50)}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:before{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);background-color:var(--gray-700);content:"";display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:before{background-color:var(--primary-600)}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .separator{width:calc(var(--spacing)*1);--tw-border-style:none;border-style:none;margin:calc(var(--spacing)*0)!important}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .bold:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .italic:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .strikethrough:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .link:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .heading:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .quote:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .code:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .unordered-list:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .ordered-list:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .table:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .upload-image:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .undo:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar .redo:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.fi-fo-markdown-editor .EasyMDEContainer .editor-statusbar{display:none}.fi-fo-markdown-editor:where(.dark,.dark *){--color-cm-red:#f87171;--color-cm-orange:#fb923c;--color-cm-amber:#fbbf24;--color-cm-yellow:#facc15;--color-cm-lime:#a3e635;--color-cm-green:#4ade80;--color-cm-emerald:#4ade80;--color-cm-teal:#2dd4bf;--color-cm-cyan:#22d3ee;--color-cm-sky:#38bdf8;--color-cm-blue:#60a5fa;--color-cm-indigo:#818cf8;--color-cm-violet:#a78bfa;--color-cm-purple:#c084fc;--color-cm-fuchsia:#e879f9;--color-cm-pink:#f472b6;--color-cm-rose:#fb7185;--color-cm-gray:#fafafa;--color-cm-gray-muted:#a1a1aa;--color-cm-gray-background:#52525b}.fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer .cm-s-easymde span.CodeMirror-selectedtext{filter:invert()}.fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer .editor-toolbar button:before{background-color:var(--gray-300)}.fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer .editor-toolbar button.active:before{background-color:var(--primary-400)}.fi-fo-modal-table-select:not(.fi-fo-modal-table-select-multiple){align-items:flex-start;column-gap:calc(var(--spacing)*3);--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);display:flex}.fi-fo-modal-table-select.fi-fo-modal-table-select-multiple{gap:calc(var(--spacing)*2);display:grid}.fi-fo-modal-table-select.fi-fo-modal-table-select-multiple .fi-fo-modal-table-select-badges-ctn{gap:calc(var(--spacing)*1.5);flex-wrap:wrap;display:flex}.fi-fo-modal-table-select .fi-fo-modal-table-select-placeholder{color:var(--gray-400)}.fi-fo-modal-table-select .fi-fo-modal-table-select-placeholder:where(.dark,.dark *){color:var(--gray-500)}.fi-fo-radio{gap:calc(var(--spacing)*4)}.fi-fo-radio.fi-inline{flex-wrap:wrap;display:flex}.fi-fo-radio:not(.fi-inline).fi-grid-direction-col{margin-top:calc(var(--spacing)*-4)}.fi-fo-radio:not(.fi-inline).fi-grid-direction-col>.fi-fo-radio-label{break-inside:avoid;padding-top:calc(var(--spacing)*4)}.fi-fo-radio>.fi-fo-radio-label{column-gap:calc(var(--spacing)*3);align-self:flex-start;display:flex}.fi-fo-radio>.fi-fo-radio-label>.fi-radio-input{margin-top:calc(var(--spacing)*1);flex-shrink:0}.fi-fo-radio>.fi-fo-radio-label>.fi-fo-radio-label-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950);display:grid}.fi-fo-radio>.fi-fo-radio-label>.fi-fo-radio-label-text:where(.dark,.dark *){color:var(--color-white)}.fi-fo-radio>.fi-fo-radio-label .fi-fo-radio-label-description{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--gray-500)}.fi-fo-radio>.fi-fo-radio-label .fi-fo-radio-label-description:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-repeater{row-gap:calc(var(--spacing)*4);display:grid}.fi-fo-repeater .fi-fo-repeater-actions{column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-repeater .fi-fo-repeater-actions.fi-hidden{display:none}.fi-fo-repeater .fi-fo-repeater-items{align-items:flex-start;gap:calc(var(--spacing)*4)}.fi-fo-repeater .fi-fo-repeater-item{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-fo-repeater .fi-fo-repeater-item:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-repeater .fi-fo-repeater-item:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-repeater .fi-fo-repeater-item:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-repeater .fi-fo-repeater-item:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-repeater .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapsible-actions{rotate:-180deg}.fi-fo-repeater .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapse-action,.fi-fo-repeater .fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item-header-expand-action{pointer-events:none;opacity:0}.fi-fo-repeater .fi-fo-repeater-item-header{align-items:center;column-gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);display:flex;overflow:hidden}.fi-fo-repeater.fi-collapsible .fi-fo-repeater-item-header{cursor:pointer;-webkit-user-select:none;user-select:none}.fi-fo-repeater .fi-fo-repeater-item-header-start-actions{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-repeater .fi-fo-repeater-item-header-icon{color:var(--gray-400)}.fi-fo-repeater .fi-fo-repeater-item-header-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-fo-repeater .fi-fo-repeater-item-header-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-fo-repeater .fi-fo-repeater-item-header-label:where(.dark,.dark *){color:var(--color-white)}.fi-fo-repeater .fi-fo-repeater-item-header-label.fi-truncated{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fi-fo-repeater .fi-fo-repeater-item-header-end-actions{align-items:center;column-gap:calc(var(--spacing)*3);margin-inline-start:auto;display:flex}.fi-fo-repeater .fi-fo-repeater-item-header-collapsible-actions{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:relative}.fi-fo-repeater .fi-fo-repeater-item-header-collapse-action{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fi-fo-repeater .fi-fo-repeater-item-header-expand-action{inset:calc(var(--spacing)*0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;rotate:180deg}.fi-fo-repeater .fi-fo-repeater-item-has-header>.fi-fo-repeater-item-content{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100)}.fi-fo-repeater .fi-fo-repeater-item-has-header>.fi-fo-repeater-item-content:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-repeater .fi-fo-repeater-item-has-header>.fi-fo-repeater-item-content:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-repeater .fi-fo-repeater-item-content{padding:calc(var(--spacing)*4)}.fi-fo-repeater .fi-fo-repeater-add-between-items-ctn{justify-content:center;width:100%;display:flex}.fi-fo-repeater .fi-fo-repeater-add-between-items{border-radius:var(--radius-lg);background-color:var(--color-white)}.fi-fo-repeater .fi-fo-repeater-add-between-items:where(.dark,.dark *){background-color:var(--gray-900)}.fi-fo-repeater .fi-fo-repeater-label-between-items-ctn{margin-block:calc(var(--spacing)*-2);align-items:center;display:flex;position:relative}.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-before{width:calc(var(--spacing)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);flex-shrink:0}.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-before:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-before:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-repeater .fi-fo-repeater-label-between-items{padding-inline:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);flex-shrink:0}.fi-fo-repeater .fi-fo-repeater-label-between-items:where(.dark,.dark *){color:var(--gray-400)}.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-after{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);flex:1}.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-after:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-after:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-repeater .fi-fo-repeater-add{justify-content:center;width:100%;display:flex}.fi-fo-repeater .fi-fo-repeater-add.fi-align-start,.fi-fo-repeater .fi-fo-repeater-add.fi-align-left{justify-content:flex-start}.fi-fo-repeater .fi-fo-repeater-add.fi-align-end,.fi-fo-repeater .fi-fo-repeater-add.fi-align-right{justify-content:flex-end}.fi-fo-simple-repeater{row-gap:calc(var(--spacing)*4);display:grid}.fi-fo-simple-repeater .fi-fo-simple-repeater-items{gap:calc(var(--spacing)*4)}.fi-fo-simple-repeater .fi-fo-simple-repeater-item{justify-content:flex-start;column-gap:calc(var(--spacing)*3);display:flex}.fi-fo-simple-repeater .fi-fo-simple-repeater-item-content{flex:1}.fi-fo-simple-repeater .fi-fo-simple-repeater-item-actions{align-items:center;column-gap:calc(var(--spacing)*1);display:flex}.fi-fo-simple-repeater .fi-fo-simple-repeater-add{justify-content:center;width:100%;display:flex}.fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-start,.fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-left{justify-content:flex-start}.fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-end,.fi-fo-simple-repeater .fi-fo-simple-repeater-add.fi-align-right{justify-content:flex-end}.fi-fo-table-repeater{gap:calc(var(--spacing)*3);display:grid}.fi-fo-table-repeater>table{width:100%;display:block}:where(.fi-fo-table-repeater>table>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-fo-table-repeater>table{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}:where(.fi-fo-table-repeater>table:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-table-repeater>table:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-table-repeater>table:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-table-repeater>table:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-table-repeater>table>thead{white-space:nowrap;display:none}.fi-fo-table-repeater>table>thead>tr>th{border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-fo-table-repeater>table>thead>tr>th:first-of-type{border-top-left-radius:var(--radius-xl)}.fi-fo-table-repeater>table>thead>tr>th:last-of-type{border-top-right-radius:var(--radius-xl)}.fi-fo-table-repeater>table>thead>tr>th:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-table-repeater>table>thead>tr>th:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-table-repeater>table>thead>tr>th:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-table-repeater>table>thead>tr>th:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-table-repeater>table>thead>tr>th:where(.dark,.dark *){color:var(--color-white)}.fi-fo-table-repeater>table>thead>tr>th:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-fo-table-repeater>table>thead>tr>th:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-fo-table-repeater>table>thead>tr>th.fi-align-start,.fi-fo-table-repeater>table>thead>tr>th.fi-align-left{text-align:start}.fi-fo-table-repeater>table>thead>tr>th.fi-align-end,.fi-fo-table-repeater>table>thead>tr>th.fi-align-right{text-align:end}.fi-fo-table-repeater>table>thead>tr>th.fi-wrapped{white-space:normal}.fi-fo-table-repeater>table>thead>tr>th:not(.fi-wrapped){white-space:nowrap}.fi-fo-table-repeater>table>thead>tr>th.fi-fo-table-repeater-empty-header-cell{width:calc(var(--spacing)*1)}.fi-fo-table-repeater>table>tbody{display:block}:where(.fi-fo-table-repeater>table>tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-fo-table-repeater>table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-table-repeater>table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-table-repeater>table>tbody>tr{gap:calc(var(--spacing)*6);padding:calc(var(--spacing)*6);display:grid}.fi-fo-table-repeater>table>tbody>tr>td{display:block}.fi-fo-table-repeater>table>tbody>tr>td.fi-hidden{display:none}.fi-fo-table-repeater>table .fi-fo-table-repeater-header-required-mark{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--danger-600)}.fi-fo-table-repeater>table .fi-fo-table-repeater-header-required-mark:where(.dark,.dark *){color:var(--danger-400)}.fi-fo-table-repeater>table .fi-fo-table-repeater-actions{align-items:center;column-gap:calc(var(--spacing)*3);height:100%;display:flex}@supports (container-type:inline-size){.fi-fo-table-repeater{container-type:inline-size}@container (min-width:36rem){.fi-fo-table-repeater>table{display:table}.fi-fo-table-repeater>table>thead{display:table-header-group}.fi-fo-table-repeater>table>tbody{display:table-row-group}.fi-fo-table-repeater>table>tbody>tr{padding:calc(var(--spacing)*0);display:table-row}.fi-fo-table-repeater>table>tbody>tr>td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:table-cell}.fi-fo-table-repeater>table>tbody>tr>td.fi-hidden{display:table-cell}.fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field,.fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry{row-gap:calc(var(--spacing)*0)}.fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field-label-content,.fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry-label{display:none}.fi-fo-table-repeater>table .fi-fo-table-repeater-actions{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2)}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td{border-color:var(--gray-200);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1)}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-fo-table-repeater.fi-compact .fi-input-wrp{--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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;background-color:#0000!important}.fi-fo-table-repeater.fi-compact .fi-fo-field-wrp-error-message{padding-inline:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*2)}.fi-fo-table-repeater.fi-compact .fi-in-entry-content{padding-inline:calc(var(--spacing)*3)}}}@supports not (container-type:inline-size){@media(min-width:64rem){.fi-fo-table-repeater>table{display:table}.fi-fo-table-repeater>table>thead{display:table-header-group}.fi-fo-table-repeater>table>tbody{display:table-row-group}.fi-fo-table-repeater>table>tbody>tr{padding:calc(var(--spacing)*0);display:table-row}.fi-fo-table-repeater>table>tbody>tr>td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:table-cell}.fi-fo-table-repeater>table>tbody>tr>td.fi-hidden{display:table-cell}.fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field,.fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry{row-gap:calc(var(--spacing)*0)}.fi-fo-table-repeater>table>tbody>tr>td .fi-fo-field-label-content,.fi-fo-table-repeater>table>tbody>tr>td .fi-in-entry-label{display:none}.fi-fo-table-repeater>table .fi-fo-table-repeater-actions{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2)}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td{border-color:var(--gray-200);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*1)}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-fo-table-repeater.fi-compact>table>tbody>tr>td:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-fo-table-repeater.fi-compact .fi-input-wrp{--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);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;background-color:#0000!important}.fi-fo-table-repeater.fi-compact .fi-fo-field-wrp-error-message{padding-inline:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*2)}.fi-fo-table-repeater.fi-compact .fi-in-entry-content{padding-inline:calc(var(--spacing)*3)}}}.fi-fo-table-repeater .fi-fo-table-repeater-add{justify-content:center;width:100%;display:flex}.fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-start,.fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-left{justify-content:flex-start}.fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-end,.fi-fo-table-repeater .fi-fo-table-repeater-add.fi-align-right{justify-content:flex-end}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file{pointer-events:none;cursor:wait;opacity:.5}.fi-fo-rich-editor .fi-fo-rich-editor-toolbar{column-gap:calc(var(--spacing)*3);row-gap:calc(var(--spacing)*1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*2);flex-wrap:wrap;display:flex;position:relative}.fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-floating-toolbar{visibility:hidden;z-index:20;margin-top:calc(var(--spacing)*-1);column-gap:calc(var(--spacing)*3);row-gap:calc(var(--spacing)*1);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--color-white);max-width:100%;padding:calc(var(--spacing)*1);--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);flex-wrap:wrap;display:flex;position:absolute}.fi-fo-rich-editor .fi-fo-rich-editor-floating-toolbar:where(.dark,.dark *){border-color:var(--gray-600);background-color:var(--gray-800)}.fi-fo-rich-editor .fi-fo-rich-editor-toolbar-group{column-gap:calc(var(--spacing)*1);display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-tool{height:calc(var(--spacing)*8);min-width:calc(var(--spacing)*8);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;justify-content:center;align-items:center;transition-duration:75ms;display:flex}@media(hover:hover){.fi-fo-rich-editor .fi-fo-rich-editor-tool:hover{background-color:var(--gray-50)}}.fi-fo-rich-editor .fi-fo-rich-editor-tool:focus-visible{background-color:var(--gray-50)}.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark,.dark *){color:var(--gray-200)}@media(hover:hover){.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-tool[disabled]{pointer-events:none;cursor:default;opacity:.7}.fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active{background-color:var(--gray-50);color:var(--primary-600)}.fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *){color:var(--primary-400)}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message{align-items:center;column-gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *){color:var(--gray-200)}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator{color:var(--gray-400)}.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator:where(.dark,.dark *){color:var(--gray-500)}.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message{align-items:center;column-gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--danger-200);background-color:var(--danger-50);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--danger-700);display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *){color:var(--danger-200)}.fi-fo-rich-editor .fi-fo-rich-editor-main{flex-direction:column-reverse;display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-content{min-height:calc(var(--spacing)*12);width:100%;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*3);flex:1;position:relative}.fi-fo-rich-editor span[data-type=mergeTag]:before{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);opacity:.6;content:"{{";margin-inline-end:calc(var(--spacing)*1)}.fi-fo-rich-editor span[data-type=mergeTag]:after{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);opacity:.6;content:"}}";margin-inline-start:calc(var(--spacing)*1)}.fi-fo-rich-editor .fi-fo-rich-editor-panels{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);width:100%}.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark,.dark *){background-color:var(--gray-900)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-900)30%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-panel-header{align-items:flex-start;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-panel-heading{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950);flex:1}.fi-fo-rich-editor .fi-fo-rich-editor-panel-heading:where(.dark,.dark *){color:var(--color-white)}.fi-fo-rich-editor .fi-fo-rich-editor-panel-close-btn-ctn{flex-shrink:0}.fi-fo-rich-editor .fi-fo-rich-editor-panel{display:grid}:where(.fi-fo-rich-editor .fi-fo-rich-editor-panel>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-merge-tags-list{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn{cursor:move;border-radius:var(--radius-lg);background-color:var(--color-white);padding:calc(var(--spacing)*1);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-600)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn{--tw-ring-color:color-mix(in oklab,var(--gray-600)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *){background-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-400)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *){color:var(--gray-200);--tw-ring-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--gray-400)20%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-custom-blocks-list{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn{cursor:move;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-lg);background-color:var(--color-white);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-600);display:flex}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn{--tw-ring-color:color-mix(in oklab,var(--gray-600)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *){background-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-400)10%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *){color:var(--gray-200);--tw-ring-color:var(--gray-400)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--gray-400)20%,transparent)}}.fi-fo-rich-editor .tiptap{height:100%}.fi-fo-rich-editor .tiptap:focus{--tw-outline-style:none;outline-style:none}div:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)[data-type=customBlock],img:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600)}:is(div:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)[data-type=customBlock],img:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)):where(.dark,.dark *){--tw-ring-color:var(--primary-500)}.fi-fo-rich-editor .tiptap p.is-editor-empty:first-child:before{pointer-events:none;float:inline-start;height:calc(var(--spacing)*0);color:var(--gray-400);content:attr(data-placeholder)}.fi-fo-rich-editor .tiptap p.is-editor-empty:first-child:where(.dark,.dark *):before{color:var(--gray-500)}.fi-fo-rich-editor .tiptap [data-type=details]{margin-block:calc(var(--spacing)*6);gap:calc(var(--spacing)*1);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-950);display:flex}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap [data-type=details]{border-color:color-mix(in oklab,var(--gray-950)20%,transparent)}}.fi-fo-rich-editor .tiptap [data-type=details]{padding:calc(var(--spacing)*4)}.fi-fo-rich-editor .tiptap [data-type=details]:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap [data-type=details]:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-rich-editor .tiptap [data-type=details]>div:first-of-type{margin-top:calc(var(--spacing)*0)!important}.fi-fo-rich-editor .tiptap [data-type=details] summary{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);list-style-type:none}.fi-fo-rich-editor .tiptap [data-type=details]>button{margin-top:1px;margin-right:calc(var(--spacing)*2);width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);border-radius:var(--radius-md);padding:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;background-color:#0000;justify-content:center;align-items:center;line-height:1;display:flex}@media(hover:hover){.fi-fo-rich-editor .tiptap [data-type=details]>button:hover{background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap [data-type=details]>button:hover{background-color:color-mix(in oklab,var(--gray-950)5%,transparent)}}.fi-fo-rich-editor .tiptap [data-type=details]>button:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap [data-type=details]>button:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-fo-rich-editor .tiptap [data-type=details]>button:before{content:"▶"}.fi-fo-rich-editor .tiptap [data-type=details].is-open>button:before{transform:rotate(90deg)}.fi-fo-rich-editor .tiptap [data-type=details]>div{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex}.fi-fo-rich-editor .tiptap [data-type=details]>div>[data-type=detailsContent]{margin-top:calc(var(--spacing)*0)!important}.fi-fo-rich-editor .tiptap [data-type=details]>div>[data-type=detailsContent]>:last-child{margin-bottom:calc(var(--spacing)*4)}.fi-fo-rich-editor .tiptap table{margin:calc(var(--spacing)*0);table-layout:fixed;border-collapse:collapse;width:100%;overflow:hidden}.fi-fo-rich-editor .tiptap table:first-child{margin-top:calc(var(--spacing)*0)}.fi-fo-rich-editor .tiptap table td,.fi-fo-rich-editor .tiptap table th{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);vertical-align:top;min-width:1em;position:relative;padding:calc(var(--spacing)*2)!important}:is(.fi-fo-rich-editor .tiptap table td,.fi-fo-rich-editor .tiptap table th):where(.dark,.dark *){border-color:var(--gray-600)}:is(.fi-fo-rich-editor .tiptap table td,.fi-fo-rich-editor .tiptap table th)>*{margin-bottom:calc(var(--spacing)*0)}.fi-fo-rich-editor .tiptap table th{background-color:var(--gray-100);text-align:start;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fi-fo-rich-editor .tiptap table th:where(.dark,.dark *){background-color:var(--gray-800);color:var(--color-white)}.fi-fo-rich-editor .tiptap table .selectedCell:after{pointer-events:none;inset-inline-start:calc(var(--spacing)*0);inset-inline-end:calc(var(--spacing)*0);top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);z-index:2;background-color:var(--gray-200);position:absolute}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap table .selectedCell:after{background-color:color-mix(in oklab,var(--gray-200)80%,transparent)}}.fi-fo-rich-editor .tiptap table .selectedCell:after{--tw-content:"";content:var(--tw-content)}.fi-fo-rich-editor .tiptap table .selectedCell:where(.dark,.dark *):after{background-color:var(--gray-800)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap table .selectedCell:where(.dark,.dark *):after{background-color:color-mix(in oklab,var(--gray-800)80%,transparent)}}.fi-fo-rich-editor .tiptap table .column-resize-handle{pointer-events:none;inset-inline-end:calc(var(--spacing)*0);top:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);width:calc(var(--spacing)*1);background-color:var(--primary-600);position:absolute;margin:calc(var(--spacing)*0)!important}.fi-fo-rich-editor .tiptap .tableWrapper{overflow-x:auto}.fi-fo-rich-editor .tiptap.resize-cursor{cursor:col-resize;cursor:ew-resize}.fi-fo-rich-editor .tiptap .grid-layout>.grid-layout-col{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap .grid-layout>.grid-layout-col{border-color:color-mix(in oklab,var(--gray-950)20%,transparent)}}.fi-fo-rich-editor .tiptap .grid-layout>.grid-layout-col{padding:calc(var(--spacing)*4)}.fi-fo-rich-editor .tiptap .grid-layout>.grid-layout-col:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .tiptap .grid-layout>.grid-layout-col:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-rich-editor img{display:inline-block}.fi-fo-rich-editor div[data-type=customBlock]{display:grid}:where(.fi-fo-rich-editor div[data-type=customBlock]>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-fo-rich-editor div[data-type=customBlock]{border-radius:var(--radius-lg);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);overflow:hidden}:where(.fi-fo-rich-editor div[data-type=customBlock]:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-fo-rich-editor div[data-type=customBlock]:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-rich-editor div[data-type=customBlock]:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor div[data-type=customBlock]:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header{align-items:flex-start;gap:calc(var(--spacing)*3);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);display:flex}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(.dark,.dark *){background-color:var(--gray-900)}@supports (color:color-mix(in lab,red,red)){.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-900)30%,transparent)}}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-heading{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950);flex:1}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-heading:where(.dark,.dark *){color:var(--color-white)}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-edit-btn-ctn,.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-delete-btn-ctn{flex-shrink:0}.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-preview{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}@supports (container-type:inline-size){.fi-fo-rich-editor{container-type:inline-size}@container (min-width:42rem){.fi-fo-rich-editor .fi-fo-rich-editor-main{flex-direction:row}.fi-fo-rich-editor .fi-fo-rich-editor-panels{max-width:var(--container-3xs);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-end-end-radius:var(--radius-lg)}}}@supports not (container-type:inline-size){@media(min-width:48rem){.fi-fo-rich-editor .fi-fo-rich-editor-main{flex-direction:row}.fi-fo-rich-editor .fi-fo-rich-editor-panels{max-width:var(--container-3xs);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-end-end-radius:var(--radius-lg)}}}:scope .fi-fo-rich-editor-text-color-select-option{align-items:center;gap:calc(var(--spacing)*2);display:flex}:scope .fi-fo-rich-editor-text-color-select-option .fi-fo-rich-editor-text-color-select-option-preview{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);background-color:var(--color);border-radius:3.40282e38px;flex-shrink:0}:scope .fi-fo-rich-editor-text-color-select-option .fi-fo-rich-editor-text-color-select-option-preview:where(.dark,.dark *){background-color:var(--dark-color)}.fi-fo-select .fi-hidden{display:none}@media(min-width:40rem){.fi-fo-select-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col{padding-top:calc(var(--spacing)*1.5)}}.fi-fo-slider{gap:calc(var(--spacing)*4);border-radius:var(--radius-lg);border-style:var(--tw-border-style);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);background-color:#0000;border-width:0}.fi-fo-slider:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-slider .noUi-connect{background-color:var(--primary-500)}.fi-fo-slider .noUi-connect:where(.dark,.dark *){background-color:var(--primary-600)}.fi-fo-slider .noUi-connects{border-radius:var(--radius-lg);background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider .noUi-connects{background-color:color-mix(in oklab,var(--gray-950)5%,transparent)}}.fi-fo-slider .noUi-connects:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider .noUi-connects:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-fo-slider .noUi-handle{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-950);position:absolute}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider .noUi-handle{border-color:color-mix(in oklab,var(--gray-950)10%,transparent)}}.fi-fo-slider .noUi-handle{background-color:var(--color-white);--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);backface-visibility:hidden}.fi-fo-slider .noUi-handle:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--primary-600)}.fi-fo-slider .noUi-handle:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider .noUi-handle:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-slider .noUi-handle:where(.dark,.dark *){background-color:var(--gray-700)}.fi-fo-slider .noUi-handle:where(.dark,.dark *):focus{outline-color:var(--primary-500)}.fi-fo-slider .noUi-handle:before,.fi-fo-slider .noUi-handle:after{border-style:var(--tw-border-style);background-color:var(--gray-400);border-width:0}.fi-fo-slider .noUi-tooltip{border-radius:var(--radius-md);border-style:var(--tw-border-style);background-color:var(--color-white);color:var(--gray-950);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);border-width:0}.fi-fo-slider .noUi-tooltip:where(.dark,.dark *){background-color:var(--gray-800);color:var(--color-white);--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-fo-slider .noUi-tooltip:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-fo-slider .noUi-pips .noUi-value{color:var(--gray-950)}.fi-fo-slider .noUi-pips .noUi-value:where(.dark,.dark *){color:var(--color-white)}.fi-fo-slider.fi-fo-slider-vertical{margin-top:calc(var(--spacing)*4);height:calc(var(--spacing)*40)}.fi-fo-slider.fi-fo-slider-vertical.fi-fo-slider-has-tooltips{margin-inline-start:calc(var(--spacing)*10)}.fi-fo-slider:not(.fi-fo-slider-vertical).fi-fo-slider-has-pips{margin-bottom:calc(var(--spacing)*8)}.fi-fo-slider:not(.fi-fo-slider-vertical).fi-fo-slider-has-tooltips{margin-top:calc(var(--spacing)*10)}.fi-fo-slider:not(.fi-fo-slider-vertical) .noUi-pips .noUi-value{margin-top:calc(var(--spacing)*1)}.fi-fo-tags-input.fi-disabled .fi-badge-delete-btn{display:none}.fi-fo-tags-input .fi-fo-tags-input-tags-ctn{gap:calc(var(--spacing)*1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--gray-200);width:100%;padding:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(.dark,.dark *){border-top-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(.dark,.dark *){border-top-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-fo-tags-input .fi-fo-tags-input-tags-ctn>template{display:none}.fi-fo-tags-input .fi-fo-tags-input-tags-ctn>.fi-badge.fi-reorderable{cursor:move}.fi-fo-tags-input .fi-fo-tags-input-tags-ctn>.fi-badge .fi-badge-label-ctn{text-align:start;-webkit-user-select:none;user-select:none}@media(min-width:40rem){.fi-fo-tags-input-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col{padding-top:calc(var(--spacing)*1.5)}}.fi-fo-text-input{overflow:hidden}.fi-fo-text-input input.fi-revealable::-ms-reveal{display:none}.fi-fo-textarea{overflow:hidden}.fi-fo-textarea textarea{--tw-border-style:none;width:100%;height:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-950);background-color:#0000;border-style:none;display:block}.fi-fo-textarea textarea::placeholder{color:var(--gray-400)}.fi-fo-textarea textarea:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);--tw-outline-style:none;outline-style:none}.fi-fo-textarea textarea:disabled{color:var(--gray-500);-webkit-text-fill-color:var(--color-gray-500)}.fi-fo-textarea textarea:disabled::placeholder{-webkit-text-fill-color:var(--color-gray-400)}.fi-fo-textarea textarea:where(.dark,.dark *){color:var(--color-white)}.fi-fo-textarea textarea:where(.dark,.dark *)::placeholder{color:var(--gray-500)}.fi-fo-textarea textarea:where(.dark,.dark *):disabled{color:var(--gray-400);-webkit-text-fill-color:var(--color-gray-400)}.fi-fo-textarea textarea:where(.dark,.dark *):disabled::placeholder{-webkit-text-fill-color:var(--color-gray-500)}@supports (-webkit-touch-callout:none){.fi-fo-textarea textarea{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.fi-fo-textarea.fi-autosizable textarea{resize:none}@media(min-width:40rem){.fi-fo-textarea-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col{padding-top:calc(var(--spacing)*1.5)}}.fi-fo-toggle-buttons.fi-btn-group{width:max-content}.fi-fo-toggle-buttons:not(.fi-btn-group){gap:calc(var(--spacing)*3)}.fi-fo-toggle-buttons:not(.fi-btn-group).fi-inline{flex-wrap:wrap;display:flex}.fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col{margin-top:calc(var(--spacing)*-3)}.fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col .fi-fo-toggle-buttons-btn-ctn{break-inside:avoid;padding-top:calc(var(--spacing)*3)}.fi-fo-toggle-buttons .fi-fo-toggle-buttons-input{pointer-events:none;opacity:0;position:absolute}@media(min-width:40rem){.fi-fo-toggle-buttons-wrp.fi-fo-field-has-inline-label .fi-fo-field-label-col{padding-top:calc(var(--spacing)*1.5)}}.fi-in-code .phiki{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent);overflow-x:auto}.fi-in-code .phiki:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-in-code .phiki:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-in-code:where(.dark,.dark *) .phiki,.fi-in-code:where(.dark,.dark *) .phiki span{color:var(--phiki-dark-color)!important;background-color:var(--phiki-dark-background-color)!important;font-style:var(--phiki-dark-font-style)!important;font-weight:var(--phiki-dark-font-weight)!important;-webkit-text-decoration:var(--phiki-dark-text-decoration)!important;text-decoration:var(--phiki-dark-text-decoration)!important}.fi-in-code.fi-copyable{cursor:pointer}.fi-in-color{gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-in-color.fi-wrapped{flex-wrap:wrap}.fi-in-color.fi-align-start,.fi-in-color.fi-align-left{justify-content:flex-start}.fi-in-color.fi-align-center{justify-content:center}.fi-in-color.fi-align-end,.fi-in-color.fi-align-right{justify-content:flex-end}.fi-in-color.fi-align-justify,.fi-in-color.fi-align-between{justify-content:space-between}.fi-in-color>.fi-in-color-item{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-md)}.fi-in-color>.fi-in-color-item.fi-copyable{cursor:pointer}.fi-in-entry{row-gap:calc(var(--spacing)*2);display:grid}@media(min-width:40rem){.fi-in-entry.fi-in-entry-has-inline-label{align-items:flex-start;column-gap:calc(var(--spacing)*4);grid-template-columns:repeat(3,minmax(0,1fr))}.fi-in-entry.fi-in-entry-has-inline-label .fi-in-entry-content-col{grid-column:span 2/span 2}}.fi-in-entry .fi-in-entry-label-ctn{align-items:flex-start;column-gap:calc(var(--spacing)*3);display:flex}.fi-in-entry .fi-in-entry-label-ctn>.fi-sc:first-child{flex-grow:0}.fi-in-entry .fi-in-entry-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-in-entry .fi-in-entry-label:where(.dark,.dark *){color:var(--color-white)}.fi-in-entry .fi-in-entry-label.fi-hidden{display:none}.fi-in-entry .fi-in-entry-label-col,.fi-in-entry .fi-in-entry-content-col{row-gap:calc(var(--spacing)*2);grid-auto-columns:minmax(0,1fr);display:grid}.fi-in-entry .fi-in-entry-content-ctn{align-items:center;column-gap:calc(var(--spacing)*3);width:100%;display:flex}.fi-in-entry .fi-in-entry-content{text-align:start;width:100%;display:block}.fi-in-entry .fi-in-entry-content.fi-align-center{text-align:center}.fi-in-entry .fi-in-entry-content.fi-align-end{text-align:end}.fi-in-entry .fi-in-entry-content.fi-align-left{text-align:left}.fi-in-entry .fi-in-entry-content.fi-align-right{text-align:right}.fi-in-entry .fi-in-entry-content.fi-align-justify,.fi-in-entry .fi-in-entry-content.fi-align-between{text-align:justify}.fi-in-entry .fi-in-placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-400)}.fi-in-entry .fi-in-placeholder:where(.dark,.dark *){color:var(--gray-500)}.fi-in-key-value{table-layout:auto;width:100%}:where(.fi-in-key-value>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-in-key-value{border-radius:var(--radius-lg);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}:where(.fi-in-key-value:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-in-key-value:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-key-value:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-in-key-value:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-key-value:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-in-key-value:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-in-key-value th{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700)}.fi-in-key-value th:where(.dark,.dark *){color:var(--gray-200)}:where(.fi-in-key-value tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-in-key-value tbody{font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media(min-width:40rem){.fi-in-key-value tbody{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}}:where(.fi-in-key-value tbody:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-in-key-value tbody:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:where(.fi-in-key-value tr>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)));border-color:var(--gray-200)}:where(.fi-in-key-value tr:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}:where(.fi-in-key-value tr:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-in-key-value tr:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-key-value td{width:50%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);overflow-wrap:anywhere}.fi-in-key-value td.fi-in-placeholder{width:100%;padding-block:calc(var(--spacing)*2);text-align:center;font-family:var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.fi-in-icon{gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-in-icon.fi-wrapped{flex-wrap:wrap}.fi-in-icon.fi-in-icon-has-line-breaks{flex-direction:column}.fi-in-icon.fi-align-start,.fi-in-icon.fi-align-left{justify-content:flex-start}.fi-in-icon.fi-align-center{justify-content:center}.fi-in-icon.fi-align-end,.fi-in-icon.fi-align-right{justify-content:flex-end}.fi-in-icon.fi-align-justify,.fi-in-icon.fi-align-between{justify-content:space-between}.fi-in-icon>.fi-icon{color:var(--gray-400)}.fi-in-icon>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-in-icon>.fi-icon.fi-color{color:var(--text)}.fi-in-icon>.fi-icon.fi-color:where(.dark,.dark *){color:var(--dark-text)}.fi-in-image{align-items:center;gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-in-image img{object-fit:cover;object-position:center;max-width:none}.fi-in-image.fi-circular img{border-radius:3.40282e38px}.fi-in-image.fi-in-image-ring img,.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--color-white)}:is(.fi-in-image.fi-in-image-ring img,.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text):where(.dark,.dark *){--tw-ring-color:var(--gray-900)}.fi-in-image.fi-in-image-ring.fi-in-image-ring-1 img,.fi-in-image.fi-in-image-ring.fi-in-image-ring-1 .fi-in-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.fi-in-image.fi-in-image-ring.fi-in-image-ring-2 img,.fi-in-image.fi-in-image-ring.fi-in-image-ring-2 .fi-in-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.fi-in-image.fi-in-image-ring.fi-in-image-ring-4 img,.fi-in-image.fi-in-image-ring.fi-in-image-ring-4 .fi-in-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.fi-in-image.fi-in-image-overlap-1{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-2{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-3{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-4{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-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)))}.fi-in-image.fi-in-image-overlap-5{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-5)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-6{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-6)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-7{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-7>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-7)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-7)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-in-image-overlap-8{column-gap:calc(var(--spacing)*0)}:where(.fi-in-image.fi-in-image-overlap-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-8)*calc(1 - var(--tw-space-x-reverse)))}.fi-in-image.fi-wrapped{flex-wrap:wrap}.fi-in-image.fi-align-start,.fi-in-image.fi-align-left{justify-content:flex-start}.fi-in-image.fi-align-center{justify-content:center}.fi-in-image.fi-align-end,.fi-in-image.fi-align-right{justify-content:flex-end}.fi-in-image.fi-align-justify,.fi-in-image.fi-align-between{justify-content:space-between}.fi-in-image.fi-stacked .fi-in-image-limited-remaining-text{background-color:var(--gray-100);border-radius:3.40282e38px}.fi-in-image.fi-stacked .fi-in-image-limited-remaining-text:where(.dark,.dark *){background-color:var(--gray-800)}.fi-in-image .fi-in-image-limited-remaining-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);justify-content:center;align-items:center;display:flex}.fi-in-image .fi-in-image-limited-remaining-text:where(.dark,.dark *){color:var(--gray-400)}.fi-in-image .fi-in-image-limited-remaining-text.fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-in-image .fi-in-image-limited-remaining-text.fi-size-base,.fi-in-image .fi-in-image-limited-remaining-text.fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-in-image .fi-in-image-limited-remaining-text.fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}ul.fi-in-repeatable{gap:calc(var(--spacing)*4)}.fi-in-repeatable .fi-in-repeatable-item{display:block}.fi-in-repeatable.fi-contained .fi-in-repeatable-item{border-radius:var(--radius-xl);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-in-table-repeatable{gap:calc(var(--spacing)*3);display:grid}.fi-in-table-repeatable>table{width:100%;display:block}:where(.fi-in-table-repeatable>table>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-in-table-repeatable>table{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}:where(.fi-in-table-repeatable>table:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-in-table-repeatable>table:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-in-table-repeatable>table:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-in-table-repeatable>table:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-in-table-repeatable>table>thead{white-space:nowrap;display:none}.fi-in-table-repeatable>table>thead>tr>th{border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-in-table-repeatable>table>thead>tr>th:first-of-type{border-top-left-radius:var(--radius-xl)}.fi-in-table-repeatable>table>thead>tr>th:last-of-type{border-top-right-radius:var(--radius-xl)}.fi-in-table-repeatable>table>thead>tr>th:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-in-table-repeatable>table>thead>tr>th:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-table-repeatable>table>thead>tr>th:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-in-table-repeatable>table>thead>tr>th:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-table-repeatable>table>thead>tr>th:where(.dark,.dark *){color:var(--color-white)}.fi-in-table-repeatable>table>thead>tr>th:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-in-table-repeatable>table>thead>tr>th:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-in-table-repeatable>table>thead>tr>th.fi-align-center{text-align:center}.fi-in-table-repeatable>table>thead>tr>th.fi-align-end,.fi-in-table-repeatable>table>thead>tr>th.fi-align-right{text-align:end}.fi-in-table-repeatable>table>thead>tr>th.fi-wrapped{white-space:normal}.fi-in-table-repeatable>table>thead>tr>th:not(.fi-wrapped){white-space:nowrap}.fi-in-table-repeatable>table>thead>tr>th.fi-in-table-repeatable-empty-header-cell{width:calc(var(--spacing)*1)}.fi-in-table-repeatable>table>tbody{display:block}:where(.fi-in-table-repeatable>table>tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-in-table-repeatable>table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-in-table-repeatable>table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-in-table-repeatable>table>tbody>tr{gap:calc(var(--spacing)*6);padding:calc(var(--spacing)*6);display:grid}.fi-in-table-repeatable>table>tbody>tr>td{display:block}.fi-in-table-repeatable>table>tbody>tr>td.fi-hidden{display:none}@supports (container-type:inline-size){.fi-in-table-repeatable{container-type:inline-size}@container (min-width:36rem){.fi-in-table-repeatable>table{display:table}.fi-in-table-repeatable>table>thead{display:table-header-group}.fi-in-table-repeatable>table>tbody{display:table-row-group}.fi-in-table-repeatable>table>tbody>tr{padding:calc(var(--spacing)*0);display:table-row}.fi-in-table-repeatable>table>tbody>tr>td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:table-cell}.fi-in-table-repeatable>table>tbody>tr>td.fi-hidden{display:table-cell}.fi-in-table-repeatable>table>tbody>tr>td .fi-in-entry{row-gap:calc(var(--spacing)*0)}.fi-in-table-repeatable>table>tbody>tr>td .fi-in-entry-label{display:none}.fi-in-table-repeatable>table .fi-in-table-repeatable-actions{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2)}}}@supports not (container-type:inline-size){@media(min-width:64rem){.fi-in-table-repeatable>table{display:table}.fi-in-table-repeatable>table>thead{display:table-header-group}.fi-in-table-repeatable>table>tbody{display:table-row-group}.fi-in-table-repeatable>table>tbody>tr{padding:calc(var(--spacing)*0);display:table-row}.fi-in-table-repeatable>table>tbody>tr>td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:table-cell}.fi-in-table-repeatable>table>tbody>tr>td.fi-hidden{display:table-cell}.fi-in-table-repeatable>table>tbody>tr>td .fi-in-entry{row-gap:calc(var(--spacing)*0)}.fi-in-table-repeatable>table>tbody>tr>td .fi-in-entry-label{display:none}}}.fi-in-text{width:100%}.fi-in-text.fi-in-text-affixed{gap:calc(var(--spacing)*3);display:flex}.fi-in-text .fi-in-text-affixed-content{min-width:calc(var(--spacing)*0);flex:1}.fi-in-text .fi-in-text-affix{align-items:center;gap:calc(var(--spacing)*3);align-self:stretch;display:flex}.fi-in-text.fi-in-text-list-limited{flex-direction:column;display:flex}.fi-in-text.fi-in-text-list-limited.fi-in-text-has-badges{row-gap:calc(var(--spacing)*2)}.fi-in-text.fi-in-text-list-limited:not(.fi-in-text-has-badges){row-gap:calc(var(--spacing)*1)}ul.fi-in-text.fi-bulleted,.fi-in-text.fi-bulleted ul{list-style-type:disc;list-style-position:inside}ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul{column-gap:calc(var(--spacing)*1.5);display:flex}:is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul).fi-wrapped,:is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul):is(.fi-wrapped ul){row-gap:calc(var(--spacing)*1);flex-wrap:wrap}:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul).fi-in-text-has-line-breaks,:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):is(.fi-in-text-has-line-breaks ul){row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul){column-gap:calc(var(--spacing)*1.5);display:flex}:is(:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)).fi-wrapped,:is(:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)):is(.fi-wrapped ul){row-gap:calc(var(--spacing)*1);flex-wrap:wrap}.fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks){white-space:normal;overflow-wrap:break-word}.fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-badge,.fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-in-text-list-limited-message{white-space:nowrap}.fi-in-text>.fi-in-text-list-limited-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-in-text>.fi-in-text-list-limited-message:where(.dark,.dark *){color:var(--gray-400)}.fi-in-text.fi-align-center{text-align:center}ul.fi-in-text.fi-align-center,.fi-in-text.fi-align-center ul{justify-content:center}.fi-in-text.fi-align-end,.fi-in-text.fi-align-right{text-align:end}ul:is(.fi-in-text.fi-align-end,.fi-in-text.fi-align-right),:is(.fi-in-text.fi-align-end,.fi-in-text.fi-align-right) ul{justify-content:flex-end}.fi-in-text.fi-align-justify,.fi-in-text.fi-align-between{text-align:justify}ul:is(.fi-in-text.fi-align-justify,.fi-in-text.fi-align-between),:is(.fi-in-text.fi-align-justify,.fi-in-text.fi-align-between) ul{justify-content:space-between}.fi-in-text-item{color:var(--gray-950)}.fi-in-text-item:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.fi-in-text-item a:hover{text-decoration-line:underline}}.fi-in-text-item a:focus-visible{text-decoration-line:underline}.fi-in-text-item:not(.fi-bulleted li.fi-in-text-item){-webkit-line-clamp:var(--line-clamp,none);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fi-in-text-item>.fi-copyable{cursor:pointer}.fi-in-text-item.fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-in-text-item.fi-size-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-in-text-item.fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-in-text-item.fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-in-text-item.fi-font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.fi-in-text-item.fi-font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.fi-in-text-item.fi-font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.fi-in-text-item.fi-font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.fi-in-text-item.fi-font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fi-in-text-item.fi-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.fi-in-text-item.fi-font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fi-in-text-item.fi-font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.fi-in-text-item.fi-font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.fi-in-text-item.fi-font-sans{font-family:var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.fi-in-text-item.fi-font-serif{font-family:var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.fi-in-text-item.fi-font-mono{font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.fi-in-text-item.fi-color{color:var(--text)}.fi-in-text-item.fi-color:where(.dark,.dark *){color:var(--dark-text)}li.fi-in-text-item.fi-color::marker{color:var(--gray-950)}li.fi-in-text-item.fi-color:where(.dark,.dark *)::marker{color:var(--color-white)}.fi-in-text-item.fi-color-gray{color:var(--gray-500)}.fi-in-text-item.fi-color-gray:where(.dark,.dark *){color:var(--gray-400)}li.fi-in-text-item.fi-color-gray::marker{color:var(--gray-950)}.fi-in-text-item>.fi-icon,.fi-in-text-item>span:not(.fi-badge)>.fi-icon{color:var(--gray-400);flex-shrink:0;display:inline-block}:is(.fi-in-text-item>.fi-icon,.fi-in-text-item>span:not(.fi-badge)>.fi-icon):where(.dark,.dark *){color:var(--gray-500)}:is(.fi-in-text-item>.fi-icon,.fi-in-text-item>span:not(.fi-badge)>.fi-icon).fi-color{color:var(--color-500)}.fi-no-database{display:flex}.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-heading{display:inline-block;position:relative}.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-heading .fi-badge{inset-inline-start:100%;top:calc(var(--spacing)*-1);width:max-content;margin-inline-start:calc(var(--spacing)*1);position:absolute}.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-header .fi-ac{margin-top:calc(var(--spacing)*2)}.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content{margin-inline:calc(var(--spacing)*-6);margin-top:calc(var(--spacing)*-6);row-gap:calc(var(--spacing)*0)}:where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-no-database .fi-modal-window-ctn>.fi-modal-window .fi-modal-content:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-no-database .fi-modal-window-ctn>.fi-modal-window:not(.fi-modal-window-has-footer) .fi-modal-content{margin-bottom:calc(var(--spacing)*-6)}.fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200)}.fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-no-database .fi-modal-window-ctn>.fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-no-database .fi-no-notification-unread-ctn{position:relative}.fi-no-database .fi-no-notification-unread-ctn:before{height:100%;width:calc(var(--spacing)*.5);content:var(--tw-content);background-color:var(--primary-600);position:absolute;inset-inline-start:calc(var(--spacing)*0)}.fi-no-database .fi-no-notification-unread-ctn:where(.dark,.dark *):before{content:var(--tw-content);background-color:var(--primary-500)}.fi-no-notification{pointer-events:auto;visibility:hidden;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex-shrink:0;transition-duration:.3s;display:flex;overflow:hidden}.fi-no-notification .fi-no-notification-icon{color:var(--gray-400)}.fi-no-notification .fi-no-notification-icon.fi-color{color:var(--color-400)}.fi-no-notification .fi-no-notification-main{margin-top:calc(var(--spacing)*.5);gap:calc(var(--spacing)*3);flex:1;display:grid}.fi-no-notification .fi-no-notification-text{gap:calc(var(--spacing)*1);display:grid}.fi-no-notification .fi-no-notification-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-no-notification .fi-no-notification-title:where(.dark,.dark *){color:var(--color-white)}.fi-no-notification .fi-no-notification-date{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-no-notification .fi-no-notification-date:where(.dark,.dark *){color:var(--gray-400)}.fi-no-notification .fi-no-notification-body{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:pretty;overflow-wrap:break-word;color:var(--gray-500);overflow:hidden}.fi-no-notification .fi-no-notification-body:where(.dark,.dark *){color:var(--gray-400)}.fi-no-notification .fi-no-notification-body>p:not(:first-of-type){margin-top:calc(var(--spacing)*1)}.fi-no-notification:not(.fi-inline){max-width:var(--container-sm);gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);display:flex}.fi-no-notification:not(.fi-inline):where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-no-notification:not(.fi-inline):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-no-notification:not(.fi-inline).fi-color{--tw-ring-color:var(--color-600)}@supports (color:color-mix(in lab,red,red)){.fi-no-notification:not(.fi-inline).fi-color{--tw-ring-color:color-mix(in oklab,var(--color-600)20%,transparent)}}.fi-no-notification:not(.fi-inline).fi-color:where(.dark,.dark *){--tw-ring-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-no-notification:not(.fi-inline).fi-color:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-400)30%,transparent)}}.fi-no-notification:not(.fi-inline).fi-transition-leave-end{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.fi-no-notification.fi-color{background-color:var(--color-50)}.fi-no-notification.fi-color:where(.dark,.dark *){background-color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-no-notification.fi-color:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-no-notification.fi-transition-enter-start,.fi-no-notification.fi-transition-leave-end{opacity:0}:is(.fi-no.fi-align-start,.fi-no.fi-align-left) .fi-no-notification.fi-transition-enter-start{--tw-translate-x:calc(var(--spacing)*-12);translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.fi-no.fi-align-end,.fi-no.fi-align-right) .fi-no-notification.fi-transition-enter-start{--tw-translate-x:calc(var(--spacing)*12);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-no.fi-align-center.fi-vertical-align-start .fi-no-notification.fi-transition-enter-start{--tw-translate-y:calc(var(--spacing)*-12);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-no.fi-align-center.fi-vertical-align-end .fi-no-notification.fi-transition-enter-start{--tw-translate-y:calc(var(--spacing)*12);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-no{pointer-events:none;inset:calc(var(--spacing)*4);z-index:50;gap:calc(var(--spacing)*3);margin-inline:auto;display:flex;position:fixed}.fi-no.fi-align-start,.fi-no.fi-align-left{align-items:flex-start}.fi-no.fi-align-center{align-items:center}.fi-no.fi-align-end,.fi-no.fi-align-right{align-items:flex-end}.fi-no.fi-vertical-align-start{flex-direction:column-reverse;justify-content:flex-end}.fi-no.fi-vertical-align-center{flex-direction:column;justify-content:center}.fi-no.fi-vertical-align-end{flex-direction:column;justify-content:flex-end}.fi-sc-actions{gap:calc(var(--spacing)*2);flex-direction:column;height:100%;display:flex}.fi-sc-actions .fi-sc-actions-label-ctn{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-sc-actions .fi-sc-actions-label-ctn .fi-sc-actions-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-sc-actions .fi-sc-actions-label-ctn .fi-sc-actions-label:where(.dark,.dark *){color:var(--color-white)}.fi-sc-actions.fi-sticky .fi-ac{bottom:calc(var(--spacing)*0);margin-inline:calc(var(--spacing)*-4);width:100%;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:fixed}@media(min-width:48rem){.fi-sc-actions.fi-sticky .fi-ac{bottom:calc(var(--spacing)*4);border-radius:var(--radius-xl)}}.fi-sc-actions.fi-sticky .fi-ac:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sc-actions.fi-sticky .fi-ac:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sc-actions.fi-vertical-align-start{justify-content:flex-start}.fi-sc-actions.fi-vertical-align-center{justify-content:center}.fi-sc-actions.fi-vertical-align-end{justify-content:flex-end}.fi-sc-flex{gap:calc(var(--spacing)*6);display:flex}.fi-sc-flex.fi-dense{gap:calc(var(--spacing)*3)}.fi-sc-flex>.fi-hidden{display:none}.fi-sc-flex>.fi-growable{flex:1;width:100%}.fi-sc-flex.fi-from-default{align-items:flex-start}.fi-sc-flex.fi-from-default.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-default.fi-vertical-align-end{align-items:flex-end}.fi-sc-flex.fi-from-sm{flex-direction:column}@media(min-width:40rem){.fi-sc-flex.fi-from-sm{flex-direction:row;align-items:flex-start}.fi-sc-flex.fi-from-sm.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-sm.fi-vertical-align-end{align-items:flex-end}}.fi-sc-flex.fi-from-md{flex-direction:column}@media(min-width:48rem){.fi-sc-flex.fi-from-md{flex-direction:row;align-items:flex-start}.fi-sc-flex.fi-from-md.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-md.fi-vertical-align-end{align-items:flex-end}}.fi-sc-flex.fi-from-lg{flex-direction:column}@media(min-width:64rem){.fi-sc-flex.fi-from-lg{flex-direction:row;align-items:flex-start}.fi-sc-flex.fi-from-lg.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-lg.fi-vertical-align-end{align-items:flex-end}}.fi-sc-flex.fi-from-xl{flex-direction:column}@media(min-width:80rem){.fi-sc-flex.fi-from-xl{flex-direction:row;align-items:flex-start}.fi-sc-flex.fi-from-xl.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-xl.fi-vertical-align-end{align-items:flex-end}}.fi-sc-flex.fi-from-2xl{flex-direction:column}@media(min-width:96rem){.fi-sc-flex.fi-from-2xl{flex-direction:row;align-items:flex-start}.fi-sc-flex.fi-from-2xl.fi-vertical-align-center{align-items:center}.fi-sc-flex.fi-from-2xl.fi-vertical-align-end{align-items:flex-end}}.fi-sc-form{gap:calc(var(--spacing)*6);flex-direction:column;display:flex}.fi-sc-form.fi-dense{gap:calc(var(--spacing)*3)}.fi-sc-fused-group>.fi-sc{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)10%,transparent)}.fi-sc-fused-group>.fi-sc:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary-600)}.fi-sc-fused-group>.fi-sc:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-sc-fused-group>.fi-sc:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-sc-fused-group>.fi-sc:where(.dark,.dark *):focus-within{--tw-ring-color:var(--primary-500)}.fi-sc-fused-group .fi-sc{border-radius:var(--radius-lg);background-color:var(--gray-950);gap:1px}@supports (color:color-mix(in lab,red,red)){.fi-sc-fused-group .fi-sc{background-color:color-mix(in oklab,var(--gray-950)10%,transparent)}}.fi-sc-fused-group .fi-sc:where(.dark,.dark *){background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-sc-fused-group .fi-sc:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-sc-fused-group .fi-sc .fi-sc-component,.fi-sc-fused-group .fi-sc .fi-sc-component .fi-fo-field,.fi-sc-fused-group .fi-sc .fi-sc-component .fi-input{height:100%}.fi-sc-fused-group .fi-sc>:first-child .fi-input-wrp{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc>:last-child .fi-input-wrp{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}@media(min-width:40rem){.fi-sc-fused-group .fi-sc.sm\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.sm\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:48rem){.fi-sc-fused-group .fi-sc.md\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.md\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:64rem){.fi-sc-fused-group .fi-sc.lg\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.lg\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:80rem){.fi-sc-fused-group .fi-sc.xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:96rem){.fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@supports (container-type:inline-size){@container (min-width:16rem){.fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:18rem){.fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:20rem){.fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:24rem){.fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:28rem){.fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:32rem){.fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:36rem){.fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:42rem){.fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:48rem){.fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:56rem){.fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:64rem){.fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:72rem){.fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@container (min-width:80rem){.fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:48rem){.fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:64rem){.fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:80rem){.fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}@media(min-width:96rem){.fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols>:first-child .fi-input-wrp{border-start-end-radius:0;border-end-start-radius:var(--radius-lg)}.fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols>:last-child .fi-input-wrp{border-start-end-radius:var(--radius-lg);border-end-start-radius:0}}}.fi-sc-fused-group .fi-input-wrp{--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);border-radius:0}.fi-sc-fused-group .fi-input-wrp:where(.dark,.dark *){background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-sc-fused-group .fi-input-wrp:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-950)75%,transparent)}}.fi-sc-fused-group .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within,.fi-sc-fused-group .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.fi-sc-icon{color:var(--gray-400)}.fi-sc-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-sc-icon.fi-color{color:var(--color-500)}.fi-sc-icon.fi-color:where(.dark,.dark *){color:var(--color-400)}.fi-sc-image{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300)}.fi-sc-image:where(.dark,.dark *){border-color:#0000}.fi-sc-image.fi-align-center{margin-inline:auto}.fi-sc-image.fi-align-end,.fi-sc-image.fi-align-right{margin-inline-start:auto}.fi-sc-section{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.fi-sc-section .fi-sc-section-label-ctn{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-sc-section .fi-sc-section-label-ctn .fi-sc-section-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-sc-section .fi-sc-section-label-ctn .fi-sc-section-label:where(.dark,.dark *){color:var(--color-white)}.fi-sc-tabs{flex-direction:column;display:flex}.fi-sc-tabs .fi-sc-tabs-tab{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.fi-sc-tabs .fi-sc-tabs-tab{outline-offset:2px;outline:2px solid #0000}}.fi-sc-tabs .fi-sc-tabs-tab.fi-active{margin-top:calc(var(--spacing)*6)}.fi-sc-tabs .fi-sc-tabs-tab:not(.fi-active){visibility:hidden;height:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);position:absolute;overflow:hidden}.fi-sc-tabs.fi-contained{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-sc-tabs.fi-contained:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sc-tabs.fi-contained:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sc-tabs.fi-contained .fi-sc-tabs-tab.fi-active{margin-top:calc(var(--spacing)*0);padding:calc(var(--spacing)*6)}.fi-sc-tabs.fi-vertical{flex-direction:row}.fi-sc-tabs.fi-vertical .fi-sc-tabs-tab.fi-active{margin-inline-start:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*0);flex:1}.fi-sc-text.fi-copyable{cursor:pointer}.fi-sc-text.fi-font-sans{font-family:var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.fi-sc-text.fi-font-serif{font-family:var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.fi-sc-text.fi-font-mono{font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.fi-sc-text:not(.fi-badge){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow-wrap:break-word;color:var(--gray-600);display:inline-block}.fi-sc-text:not(.fi-badge):where(.dark,.dark *){color:var(--gray-400)}.fi-sc-text:not(.fi-badge).fi-font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.fi-sc-text:not(.fi-badge).fi-font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.fi-sc-text:not(.fi-badge).fi-font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.fi-sc-text:not(.fi-badge).fi-font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.fi-sc-text:not(.fi-badge).fi-font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fi-sc-text:not(.fi-badge).fi-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.fi-sc-text:not(.fi-badge).fi-font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fi-sc-text:not(.fi-badge).fi-font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.fi-sc-text:not(.fi-badge).fi-font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.fi-sc-text:not(.fi-badge).fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-sc-text:not(.fi-badge).fi-color-neutral{color:var(--gray-950)}.fi-sc-text:not(.fi-badge).fi-color-neutral:where(.dark,.dark *){color:var(--color-white)}.fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral){color:var(--text)}.fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral):where(.dark,.dark *){color:var(--dark-text)}.fi-sc-text:not(.fi-badge).fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-sc-text:not(.fi-badge).fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-sc-unordered-list{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-inline-start:calc(var(--spacing)*3);list-style-type:disc}@media(min-width:40rem){.fi-sc-unordered-list{columns:2}}.fi-sc-unordered-list.fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-sc-unordered-list.fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-sc-unordered-list.fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-sc-wizard{flex-direction:column;display:flex}.fi-sc-wizard .fi-sc-wizard-header{display:grid}@media(min-width:48rem){.fi-sc-wizard .fi-sc-wizard-header{grid-auto-flow:column;overflow-x:auto}}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step{display:flex;position:relative}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active){display:none}@media(min-width:48rem){.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active){display:flex}}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn{align-items:center;column-gap:calc(var(--spacing)*4);height:100%;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);text-align:start;display:flex}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text{justify-items:start;display:grid}@media(min-width:48rem){.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text{width:max-content;max-width:calc(var(--spacing)*60)}}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description{text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark,.dark *){color:var(--gray-400)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator{height:100%;width:calc(var(--spacing)*5);color:var(--gray-200);display:none;position:absolute;inset-inline-end:calc(var(--spacing)*0)}@media(min-width:48rem){.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator{display:block}}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *){color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *){color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn{background-color:var(--primary-600)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *){background-color:var(--primary-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon{color:var(--color-white)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label{color:var(--gray-950)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *){color:var(--color-white)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn{border-style:var(--tw-border-style);border-width:2px}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon{color:var(--primary-600)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *){color:var(--primary-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon{color:var(--gray-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn{border-color:var(--primary-600)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *){border-color:var(--primary-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number{color:var(--primary-600)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *){color:var(--primary-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label{color:var(--primary-700)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *){color:var(--primary-400)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn{border-color:var(--gray-300)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *){border-color:var(--gray-600)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number{color:var(--gray-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *){color:var(--gray-400)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label{color:var(--gray-500)}.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *){color:var(--gray-400)}.fi-sc-wizard .fi-sc-wizard-step{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.fi-sc-wizard .fi-sc-wizard-step{outline-offset:2px;outline:2px solid #0000}}.fi-sc-wizard .fi-sc-wizard-step:not(.fi-active){visibility:hidden;height:calc(var(--spacing)*0);padding:calc(var(--spacing)*0);position:absolute;overflow:hidden}.fi-sc-wizard:not(.fi-sc-wizard-header-hidden) .fi-sc-wizard-step.fi-active{margin-top:calc(var(--spacing)*6)}.fi-sc-wizard .fi-sc-wizard-footer{justify-content:space-between;align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-sc-wizard .fi-sc-wizard-footer>.fi-hidden{display:none}.fi-sc-wizard .fi-sc-wizard-footer>.fi-disabled{pointer-events:none;opacity:.7}.fi-sc-wizard.fi-contained{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-sc-wizard.fi-contained:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sc-wizard.fi-contained:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sc-wizard.fi-contained .fi-sc-wizard-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200)}.fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sc-wizard.fi-contained .fi-sc-wizard-step.fi-active{margin-top:calc(var(--spacing)*0);padding:calc(var(--spacing)*6)}.fi-sc-wizard.fi-contained .fi-sc-wizard-footer{padding-inline:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*6)}.fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-footer{margin-top:calc(var(--spacing)*6)}.fi-sc{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.fi-sc.fi-inline{flex-wrap:wrap;flex-grow:1;align-items:center;display:flex}.fi-sc.fi-sc-has-gap{gap:calc(var(--spacing)*6)}.fi-sc.fi-sc-has-gap.fi-sc-dense{gap:calc(var(--spacing)*3)}.fi-sc.fi-align-start,.fi-sc.fi-align-left{justify-content:flex-start}.fi-sc.fi-align-center{justify-content:center}.fi-sc.fi-align-end,.fi-sc.fi-align-right{justify-content:flex-end}.fi-sc.fi-align-between,.fi-sc.fi-align-justify{justify-content:space-between}.fi-sc>.fi-hidden{display:none}.fi-sc>.fi-grid-col.fi-width-xs{max-width:var(--container-xs)}.fi-sc>.fi-grid-col.fi-width-sm{max-width:var(--container-sm)}.fi-sc>.fi-grid-col.fi-width-md{max-width:var(--container-md)}.fi-sc>.fi-grid-col.fi-width-lg{max-width:var(--container-lg)}.fi-sc>.fi-grid-col.fi-width-xl{max-width:var(--container-xl)}.fi-sc>.fi-grid-col.fi-width-2xl{max-width:var(--container-2xl)}.fi-sc>.fi-grid-col.fi-width-3xl{max-width:var(--container-3xl)}.fi-sc>.fi-grid-col.fi-width-4xl{max-width:var(--container-4xl)}.fi-sc>.fi-grid-col.fi-width-5xl{max-width:var(--container-5xl)}.fi-sc>.fi-grid-col.fi-width-6xl{max-width:var(--container-6xl)}.fi-sc>.fi-grid-col.fi-width-7xl{max-width:var(--container-7xl)}.fi-sc>.fi-grid-col>.fi-sc-component{height:100%}.fi-ta-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);flex-shrink:0;max-width:100%;display:flex}.fi-ta-actions>*{flex-shrink:0}.fi-ta-actions.fi-wrapped{flex-wrap:wrap}@media(min-width:40rem){.fi-ta-actions.sm\:fi-not-wrapped{flex-wrap:nowrap}}.fi-ta-actions.fi-align-center{justify-content:center}.fi-ta-actions.fi-align-start{justify-content:flex-start}.fi-ta-actions.fi-align-between{justify-content:space-between}@media(min-width:48rem){.fi-ta-actions.md\:fi-align-end{justify-content:flex-end}}.fi-ta-cell{padding:calc(var(--spacing)*0)}.fi-ta-cell:first-of-type{padding-inline-start:calc(var(--spacing)*1)}.fi-ta-cell:last-of-type{padding-inline-end:calc(var(--spacing)*1)}@media(min-width:40rem){.fi-ta-cell:first-of-type{padding-inline-start:calc(var(--spacing)*3)}.fi-ta-cell:last-of-type{padding-inline-end:calc(var(--spacing)*3)}}.fi-ta-cell.fi-vertical-align-start{vertical-align:top}.fi-ta-cell.fi-vertical-align-end{vertical-align:bottom}@media(min-width:40rem){.fi-ta-cell.sm\:fi-hidden{display:none}}@media(min-width:48rem){.fi-ta-cell.md\:fi-hidden{display:none}}@media(min-width:64rem){.fi-ta-cell.lg\:fi-hidden{display:none}}@media(min-width:80rem){.fi-ta-cell.xl\:fi-hidden{display:none}}@media(min-width:96rem){.fi-ta-cell.\32xl\:fi-hidden{display:none}}.fi-ta-cell.sm\:fi-visible{display:none}@media(min-width:40rem){.fi-ta-cell.sm\:fi-visible{display:table-cell}}.fi-ta-cell.md\:fi-visible{display:none}@media(min-width:48rem){.fi-ta-cell.md\:fi-visible{display:table-cell}}.fi-ta-cell.lg\:fi-visible{display:none}@media(min-width:64rem){.fi-ta-cell.lg\:fi-visible{display:table-cell}}.fi-ta-cell.xl\:fi-visible{display:none}@media(min-width:80rem){.fi-ta-cell.xl\:fi-visible{display:table-cell}}.fi-ta-cell.\32xl\:fi-visible{display:none}@media(min-width:96rem){.fi-ta-cell.\32xl\:fi-visible{display:table-cell}}.fi-ta-cell>.fi-ta-col{text-align:start;justify-content:flex-start;width:100%;display:flex}.fi-ta-cell>.fi-ta-col:disabled{pointer-events:none}.fi-ta-cell:has(.fi-ta-reorder-handle){width:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}.fi-ta-cell:has(.fi-ta-reorder-handle):first-of-type{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-cell:has(.fi-ta-reorder-handle):last-of-type{padding-inline-end:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-cell:has(.fi-ta-reorder-handle):first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-cell:has(.fi-ta-reorder-handle):last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-cell:has(.fi-ta-actions){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);white-space:nowrap}.fi-ta-cell:has(.fi-ta-actions):first-of-type{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-cell:has(.fi-ta-actions):last-of-type{padding-inline-end:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-cell:has(.fi-ta-actions):first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-cell:has(.fi-ta-actions):last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-cell:has(.fi-ta-record-checkbox){width:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-cell:has(.fi-ta-record-checkbox):first-of-type{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-cell:has(.fi-ta-record-checkbox):last-of-type{padding-inline-end:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-cell:has(.fi-ta-record-checkbox):first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-cell:has(.fi-ta-record-checkbox):last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-cell .fi-ta-placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--gray-400)}.fi-ta-cell .fi-ta-placeholder:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-cell.fi-ta-summary-row-heading-cell{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-cell.fi-ta-summary-row-heading-cell:where(.dark,.dark *){color:var(--color-white)}.fi-ta-cell.fi-align-start{text-align:start}.fi-ta-cell.fi-align-center{text-align:center}.fi-ta-cell.fi-align-end{text-align:end}.fi-ta-cell.fi-align-left{text-align:left}.fi-ta-cell.fi-align-right{text-align:right}.fi-ta-cell.fi-align-justify,.fi-ta-cell.fi-align-between{text-align:justify}.fi-ta-cell.fi-ta-summary-header-cell{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}@media(min-width:40rem){.fi-ta-cell.fi-ta-summary-header-cell:first-of-type{padding-inline-start:calc(var(--spacing)*6)}}.fi-ta-cell.fi-ta-summary-header-cell:where(.dark,.dark *){color:var(--color-white)}.fi-ta-cell.fi-ta-summary-header-cell.fi-wrapped,.fi-ta-cell.fi-ta-summary-header-cell:not(.fi-wrapped){white-space:nowrap}.fi-ta-cell.fi-ta-individual-search-cell{min-width:calc(var(--spacing)*48);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2)}.fi-ta-cell .fi-ta-reorder-handle{cursor:move}.fi-ta-cell.fi-ta-selection-cell{width:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-cell.fi-ta-selection-cell:first-of-type{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-cell.fi-ta-selection-cell:last-of-type{padding-inline-end:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-cell.fi-ta-selection-cell:first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-cell.fi-ta-selection-cell:last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-cell.fi-ta-group-selection-cell{width:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3)}.fi-ta-cell.fi-ta-group-selection-cell:first-of-type{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-cell.fi-ta-group-selection-cell:last-of-type{padding-inline-end:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-cell.fi-ta-group-selection-cell:first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-cell.fi-ta-group-selection-cell:last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-checkbox{width:100%}.fi-ta-checkbox:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-checkbox.fi-align-center{text-align:center}.fi-ta-checkbox.fi-align-end,.fi-ta-checkbox.fi-align-right{text-align:end}.fi-ta-color{gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-ta-color.fi-wrapped{flex-wrap:wrap}.fi-ta-color:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-color.fi-align-start,.fi-ta-color.fi-align-left{justify-content:flex-start}.fi-ta-color.fi-align-center{justify-content:center}.fi-ta-color.fi-align-end,.fi-ta-color.fi-align-right{justify-content:flex-end}.fi-ta-color.fi-align-justify,.fi-ta-color.fi-align-between{justify-content:space-between}.fi-ta-color>.fi-ta-color-item{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);border-radius:var(--radius-md)}.fi-ta-color>.fi-ta-color-item.fi-copyable{cursor:pointer}.fi-ta-icon{gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-ta-icon.fi-wrapped{flex-wrap:wrap}.fi-ta-icon.fi-ta-icon-has-line-breaks{flex-direction:column}.fi-ta-icon:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-icon.fi-align-start,.fi-ta-icon.fi-align-left{justify-content:flex-start}.fi-ta-icon.fi-align-center{justify-content:center}.fi-ta-icon.fi-align-end,.fi-ta-icon.fi-align-right{justify-content:flex-end}.fi-ta-icon.fi-align-justify,.fi-ta-icon.fi-align-between{justify-content:space-between}.fi-ta-icon>.fi-icon{color:var(--gray-400)}.fi-ta-icon>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-icon>.fi-icon.fi-color{color:var(--text)}.fi-ta-icon>.fi-icon.fi-color:where(.dark,.dark *){color:var(--dark-text)}.fi-ta-image{align-items:center;gap:calc(var(--spacing)*1.5);width:100%;display:flex}.fi-ta-image img{object-fit:cover;object-position:center;max-width:none}.fi-ta-image.fi-circular img{border-radius:3.40282e38px}.fi-ta-image.fi-ta-image-ring img,.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--color-white)}:is(.fi-ta-image.fi-ta-image-ring img,.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text):where(.dark,.dark *){--tw-ring-color:var(--gray-900)}.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-1 img,.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-1 .fi-ta-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-2 img,.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-2 .fi-ta-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-4 img,.fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-4 .fi-ta-image-limited-remaining-text{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.fi-ta-image.fi-ta-image-overlap-1{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-2{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-3{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-4{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-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)))}.fi-ta-image.fi-ta-image-overlap-5{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-5)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-6{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-6)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-7{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-7>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-7)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-7)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-ta-image-overlap-8{column-gap:calc(var(--spacing)*0)}:where(.fi-ta-image.fi-ta-image-overlap-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-8)*calc(1 - var(--tw-space-x-reverse)))}.fi-ta-image.fi-wrapped{flex-wrap:wrap}.fi-ta-image:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-image.fi-align-start,.fi-ta-image.fi-align-left{justify-content:flex-start}.fi-ta-image.fi-align-center{justify-content:center}.fi-ta-image.fi-align-end,.fi-ta-image.fi-align-right{justify-content:flex-end}.fi-ta-image.fi-align-justify,.fi-ta-image.fi-align-between{justify-content:space-between}.fi-ta-image.fi-stacked .fi-ta-image-limited-remaining-text{background-color:var(--gray-100);border-radius:3.40282e38px}.fi-ta-image.fi-stacked .fi-ta-image-limited-remaining-text:where(.dark,.dark *){background-color:var(--gray-800)}.fi-ta-image .fi-ta-image-limited-remaining-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);justify-content:center;align-items:center;display:flex}.fi-ta-image .fi-ta-image-limited-remaining-text:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-base,.fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-ta-image .fi-ta-image-limited-remaining-text.fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-ta-select{width:100%;min-width:calc(var(--spacing)*48)}.fi-ta-select:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-text{width:100%}.fi-ta-text.fi-ta-text-has-descriptions,.fi-ta-text.fi-ta-text-list-limited{flex-direction:column;display:flex}:is(.fi-ta-text.fi-ta-text-has-descriptions,.fi-ta-text.fi-ta-text-list-limited).fi-ta-text-has-badges{row-gap:calc(var(--spacing)*2)}:is(.fi-ta-text.fi-ta-text-has-descriptions,.fi-ta-text.fi-ta-text-list-limited):not(.fi-ta-text-has-badges){row-gap:calc(var(--spacing)*1)}.fi-ta-text:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}ul.fi-ta-text.fi-bulleted,.fi-ta-text.fi-bulleted ul{list-style-type:disc;list-style-position:inside}ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul{column-gap:calc(var(--spacing)*1.5);display:flex}:is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul).fi-wrapped,:is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul):is(.fi-wrapped ul){row-gap:calc(var(--spacing)*1);flex-wrap:wrap}:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul).fi-ta-text-has-line-breaks,:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):is(.fi-ta-text-has-line-breaks ul){row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul){column-gap:calc(var(--spacing)*1.5);display:flex}:is(:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)).fi-wrapped,:is(:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)):is(.fi-wrapped ul){row-gap:calc(var(--spacing)*1);flex-wrap:wrap}.fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks){white-space:normal}.fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-badge,.fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-ta-text-list-limited-message{white-space:nowrap}.fi-ta-text>.fi-ta-text-description,.fi-ta-text>.fi-ta-text-list-limited-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}:is(.fi-ta-text>.fi-ta-text-description,.fi-ta-text>.fi-ta-text-list-limited-message):where(.dark,.dark *){color:var(--gray-400)}.fi-ta-text.fi-align-center{text-align:center}ul.fi-ta-text.fi-align-center,.fi-ta-text.fi-align-center ul{justify-content:center}.fi-ta-text.fi-align-end,.fi-ta-text.fi-align-right{text-align:end}ul:is(.fi-ta-text.fi-align-end,.fi-ta-text.fi-align-right),:is(.fi-ta-text.fi-align-end,.fi-ta-text.fi-align-right) ul{justify-content:flex-end}.fi-ta-text.fi-align-justify,.fi-ta-text.fi-align-between{text-align:justify}ul:is(.fi-ta-text.fi-align-justify,.fi-ta-text.fi-align-between),:is(.fi-ta-text.fi-align-justify,.fi-ta-text.fi-align-between) ul{justify-content:space-between}.fi-ta-text-item{color:var(--gray-950)}.fi-ta-text-item:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.fi-ta-text-item a:hover{text-decoration-line:underline}}.fi-ta-text-item a:focus-visible{text-decoration-line:underline}.fi-ta-text-item:not(.fi-bulleted li.fi-ta-text-item){-webkit-line-clamp:var(--line-clamp,none);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fi-ta-text-item>.fi-copyable{cursor:pointer}.fi-ta-text-item.fi-size-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.fi-ta-text-item.fi-size-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.fi-ta-text-item.fi-size-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fi-ta-text-item.fi-size-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.fi-ta-text-item.fi-font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.fi-ta-text-item.fi-font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.fi-ta-text-item.fi-font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.fi-ta-text-item.fi-font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.fi-ta-text-item.fi-font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.fi-ta-text-item.fi-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.fi-ta-text-item.fi-font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.fi-ta-text-item.fi-font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.fi-ta-text-item.fi-font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.fi-ta-text-item.fi-font-sans{font-family:var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.fi-ta-text-item.fi-font-serif{font-family:var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.fi-ta-text-item.fi-font-mono{font-family:var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.fi-ta-text-item.fi-color{color:var(--text)}.fi-ta-text-item.fi-color:where(.dark,.dark *){color:var(--dark-text)}li.fi-ta-text-item.fi-color::marker{color:var(--gray-950)}li.fi-ta-text-item.fi-color:where(.dark,.dark *)::marker{color:var(--color-white)}.fi-ta-text-item.fi-color-gray{color:var(--gray-500)}.fi-ta-text-item.fi-color-gray:where(.dark,.dark *){color:var(--gray-400)}li.fi-ta-text-item.fi-color-gray::marker{color:var(--gray-950)}li.fi-ta-text-item.fi-color-gray:where(.dark,.dark *)::marker{color:var(--color-white)}.fi-ta-text-item>.fi-icon,.fi-ta-text-item>span:not(.fi-badge)>.fi-icon{color:var(--gray-400);flex-shrink:0;display:inline-block}:is(.fi-ta-text-item>.fi-icon,.fi-ta-text-item>span:not(.fi-badge)>.fi-icon):where(.dark,.dark *){color:var(--gray-500)}:is(.fi-ta-text-item>.fi-icon,.fi-ta-text-item>span:not(.fi-badge)>.fi-icon).fi-color{color:var(--color-500)}@media(hover:hover){.fi-ta-col-has-column-url .fi-ta-text-item:hover{text-decoration-line:underline}}.fi-ta-col-has-column-url .fi-ta-text-item:focus-visible{text-decoration-line:underline}@media(hover:hover){.fi-ta-col-has-column-url .fi-ta-text-item .fi-icon:hover{text-decoration-line:none}}.fi-ta-col-has-column-url .fi-ta-text-item .fi-icon:focus-visible{text-decoration-line:none}@media(hover:hover){.fi-ta-col-has-column-url .fi-ta-text-item>.fi-badge:hover{text-decoration-line:none}}.fi-ta-col-has-column-url .fi-ta-text-item>.fi-badge:focus-visible{text-decoration-line:none}.fi-ta-text-input{width:100%;min-width:calc(var(--spacing)*48)}.fi-ta-text-input:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-toggle{width:100%}.fi-ta-toggle:not(.fi-inline){padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4)}.fi-ta-toggle.fi-align-center{text-align:center}.fi-ta-toggle.fi-align-end,.fi-ta-toggle.fi-align-right{text-align:end}.fi-ta-grid.fi-gap-sm{gap:calc(var(--spacing)*1)}@media(min-width:40rem){.fi-ta-grid.sm\:fi-gap-sm{gap:calc(var(--spacing)*1)}}@media(min-width:48rem){.fi-ta-grid.md\:fi-gap-sm{gap:calc(var(--spacing)*1)}}@media(min-width:64rem){.fi-ta-grid.lg\:fi-gap-sm{gap:calc(var(--spacing)*1)}}@media(min-width:80rem){.fi-ta-grid.xl\:fi-gap-sm{gap:calc(var(--spacing)*1)}}@media(min-width:96rem){.fi-ta-grid.\32xl\:fi-gap-sm{gap:calc(var(--spacing)*1)}}.fi-ta-grid.fi-gap-lg{gap:calc(var(--spacing)*3)}@media(min-width:40rem){.fi-ta-grid.sm\:fi-gap-lg{gap:calc(var(--spacing)*3)}}@media(min-width:48rem){.fi-ta-grid.md\:fi-gap-lg{gap:calc(var(--spacing)*3)}}@media(min-width:64rem){.fi-ta-grid.lg\:fi-gap-lg{gap:calc(var(--spacing)*3)}}@media(min-width:80rem){.fi-ta-grid.xl\:fi-gap-lg{gap:calc(var(--spacing)*3)}}@media(min-width:96rem){.fi-ta-grid.\32xl\:fi-gap-lg{gap:calc(var(--spacing)*3)}}.fi-ta-panel{border-radius:var(--radius-lg);background-color:var(--gray-50);padding:calc(var(--spacing)*4);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-ta-panel{--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}}.fi-ta-panel{--tw-ring-inset:inset}.fi-ta-panel:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-panel:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-panel:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-panel:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-split{display:flex}.fi-ta-split.default\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3)}.fi-ta-split.sm\:fi-ta-split,.fi-ta-split.md\:fi-ta-split,.fi-ta-split.lg\:fi-ta-split,.fi-ta-split.xl\:fi-ta-split,.fi-ta-split.\32xl\:fi-ta-split{gap:calc(var(--spacing)*2);flex-direction:column}@media(min-width:40rem){.fi-ta-split.sm\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3);flex-direction:row}}@media(min-width:48rem){.fi-ta-split.md\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3);flex-direction:row}}@media(min-width:64rem){.fi-ta-split.lg\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3);flex-direction:row}}@media(min-width:80rem){.fi-ta-split.xl\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3);flex-direction:row}}@media(min-width:96rem){.fi-ta-split.\32xl\:fi-ta-split{align-items:center;gap:calc(var(--spacing)*3);flex-direction:row}}.fi-ta-stack{flex-direction:column;display:flex}.fi-ta-stack.fi-align-start,.fi-ta-stack.fi-align-left{align-items:flex-start}.fi-ta-stack.fi-align-center{align-items:center}.fi-ta-stack.fi-align-end,.fi-ta-stack.fi-align-right{align-items:flex-end}:where(.fi-ta-stack.fi-gap-sm>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.fi-ta-stack.fi-gap-md>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.fi-ta-stack.fi-gap-lg>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.fi-ta-icon-count-summary{row-gap:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:grid}.fi-ta-icon-count-summary:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-icon-count-summary>.fi-ta-icon-count-summary-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-icon-count-summary>.fi-ta-icon-count-summary-label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-icon-count-summary>ul{row-gap:calc(var(--spacing)*1.5);display:grid}.fi-ta-icon-count-summary>ul>li{justify-content:flex-end;align-items:center;column-gap:calc(var(--spacing)*1.5);display:flex}.fi-ta-icon-count-summary>ul>li>.fi-icon{color:var(--gray-400)}.fi-ta-icon-count-summary>ul>li>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-icon-count-summary>ul>li>.fi-icon.fi-color{color:var(--text)}.fi-ta-icon-count-summary>ul>li>.fi-icon.fi-color:where(.dark,.dark *){color:var(--dark-text)}.fi-ta-range-summary{row-gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:grid}.fi-ta-range-summary:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-range-summary>.fi-ta-range-summary-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-range-summary>.fi-ta-range-summary-label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-text-summary{row-gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:grid}.fi-ta-text-summary:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-text-summary>.fi-ta-text-summary-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-text-summary>.fi-ta-text-summary-label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-values-summary{row-gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:grid}.fi-ta-values-summary:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-values-summary>.fi-ta-values-summary-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-values-summary>.fi-ta-values-summary-label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-values-summary>ul.fi-bulleted{list-style-type:disc;list-style-position:inside}.fi-ta-ctn{border-radius:var(--radius-xl);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-ta-ctn:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn:not(.fi-ta-ctn-with-header){overflow:hidden}.fi-ta-ctn.fi-loading{animation:var(--animate-pulse)}.fi-ta-ctn .fi-ta-header-ctn{margin-top:-1px}.fi-ta-ctn .fi-ta-header{gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding:calc(var(--spacing)*4);flex-direction:column;display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-header{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-header:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-header:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}@media(min-width:40rem){.fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position{flex-direction:row;align-items:center}.fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position .fi-ta-actions{margin-inline-start:auto}}.fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) .fi-ta-actions{margin-inline-start:auto}.fi-ta-ctn .fi-ta-header .fi-ta-header-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-ta-ctn .fi-ta-header .fi-ta-header-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-ctn .fi-ta-header .fi-ta-header-description{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600)}.fi-ta-ctn .fi-ta-header .fi-ta-header-description:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-ctn .fi-ta-header-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-header-toolbar{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-header-toolbar:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-header-toolbar:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-header-toolbar>*{align-items:center;column-gap:calc(var(--spacing)*4);display:flex}.fi-ta-ctn .fi-ta-header-toolbar>:first-child{flex-shrink:0}.fi-ta-ctn .fi-ta-header-toolbar>:nth-child(2){margin-inline-start:auto}@media(min-width:40rem){.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown.sm\:fi-hidden{display:none}}.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields{row-gap:calc(var(--spacing)*6);padding:calc(var(--spacing)*6);display:grid}.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label{row-gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950);display:grid}.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings>.fi-ta-grouping-settings-fields{align-items:center;column-gap:calc(var(--spacing)*3);display:none}@media(min-width:40rem){.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings>.fi-ta-grouping-settings-fields{display:flex}}.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-ta-filters,.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-ta-col-manager{padding:calc(var(--spacing)*6)}.fi-ta-ctn .fi-ta-filters{row-gap:calc(var(--spacing)*4);display:grid}.fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);padding:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header{justify-content:space-between;align-items:center;display:flex}.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator{color:var(--gray-400)}.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-ctn .fi-ta-filters-above-content-ctn{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);display:grid}@media(min-width:40rem){.fi-ta-ctn .fi-ta-filters-above-content-ctn{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-filters-above-content-ctn:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-filters-above-content-ctn:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-filters-above-content-ctn .fi-ta-filters-trigger-action-ctn{margin-inline-start:auto}.fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open .fi-ta-filters-trigger-action-ctn{margin-top:calc(var(--spacing)*3)}.fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open:has(.fi-ta-filters-apply-action-ctn) .fi-ta-filters-trigger-action-ctn{margin-top:calc(var(--spacing)*-7)}.fi-ta-ctn .fi-ta-reorder-indicator{align-items:center;column-gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-reorder-indicator{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-reorder-indicator:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-reorder-indicator:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-reorder-indicator:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-reorder-indicator:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-ctn .fi-ta-reorder-indicator:where(.dark,.dark *){color:var(--gray-200)}.fi-ta-ctn .fi-ta-reorder-indicator .fi-loading-indicator{color:var(--gray-400)}.fi-ta-ctn .fi-ta-reorder-indicator .fi-loading-indicator:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-ctn .fi-ta-selection-indicator{justify-content:space-between;row-gap:calc(var(--spacing)*1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);flex-direction:column;display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-selection-indicator{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*1.5);flex-direction:row;align-items:center}}.fi-ta-ctn .fi-ta-selection-indicator:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-selection-indicator:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-selection-indicator:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-selection-indicator:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-ctn .fi-ta-selection-indicator .fi-loading-indicator{color:var(--gray-400)}.fi-ta-ctn .fi-ta-selection-indicator .fi-loading-indicator:where(.dark,.dark *){color:var(--gray-500)}.fi-ta-ctn .fi-ta-selection-indicator .fi-ta-selection-indicator-actions-ctn,.fi-ta-ctn .fi-ta-selection-indicator>*{column-gap:calc(var(--spacing)*3);display:flex}.fi-ta-ctn .fi-ta-selection-indicator>:first-child{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700)}.fi-ta-ctn .fi-ta-selection-indicator>:first-child:where(.dark,.dark *){color:var(--gray-200)}.fi-ta-ctn .fi-ta-selection-indicator>:nth-child(2){margin-inline-start:auto}.fi-ta-ctn .fi-ta-filter-indicators{justify-content:space-between;align-items:flex-start;column-gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-filter-indicators{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-ta-filter-indicators:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-filter-indicators:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-filter-indicators:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-ta-filter-indicators:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-ctn .fi-ta-filter-indicators>:first-child{column-gap:calc(var(--spacing)*3);row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}@media(min-width:40rem){.fi-ta-ctn .fi-ta-filter-indicators>:first-child{flex-direction:row}}.fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--gray-700)}.fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-label:where(.dark,.dark *){color:var(--gray-200)}.fi-ta-ctn .fi-ta-filter-indicators>:first-child .fi-ta-filter-indicators-badges-ctn{gap:calc(var(--spacing)*1.5);flex-wrap:wrap;display:flex}.fi-ta-ctn .fi-ta-filter-indicators>:nth-child(2).fi-icon-btn{margin-top:calc(var(--spacing)*-1)}.fi-ta-ctn .fi-pagination{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3)}@media(min-width:40rem){.fi-ta-ctn .fi-pagination{padding-inline:calc(var(--spacing)*6)}}.fi-ta-ctn .fi-pagination:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-ctn .fi-pagination:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-ctn .fi-ta-table-loading-ctn{height:calc(var(--spacing)*32);justify-content:center;align-items:center;display:flex}.fi-ta-content-ctn{position:relative}:where(.fi-ta-content-ctn>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-ta-content-ctn{overflow-x:auto}:where(.fi-ta-content-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-ta-content-ctn:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-content-ctn:where(.dark,.dark *){border-top-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn:where(.dark,.dark *){border-top-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-content-ctn .fi-ta-content-header{align-items:center;gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*6);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*4);display:flex}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content-header{padding-inline:calc(var(--spacing)*6)}}.fi-ta-content-ctn .fi-ta-content-header:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content-header:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content-header .fi-ta-page-checkbox{margin-block:calc(var(--spacing)*4);flex-shrink:0}.fi-ta-content-ctn .fi-ta-content-header .fi-ta-sorting-settings{column-gap:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);display:flex}.fi-ta-content-ctn:not(.fi-ta-ctn-with-footer .fi-ta-content-ctn){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.fi-ta-content-ctn:not(.fi-ta-ctn-with-header .fi-ta-content-ctn){border-top-style:var(--tw-border-style);border-top-width:0}.fi-ta-content-ctn .fi-ta-content{display:grid}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid{gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid{padding-inline:calc(var(--spacing)*6)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid.fi-ta-content-grouped{padding-top:calc(var(--spacing)*0)}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header{margin-inline:calc(var(--spacing)*-4);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--gray-200)}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:first-child{border-top-style:var(--tw-border-style);border-top-width:0}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header{margin-inline:calc(var(--spacing)*-6)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header{width:calc(100% + 2rem)}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header{width:calc(100% + 3rem)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record{border-radius:var(--radius-xl);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}@media(hover:hover){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *){--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected){background-color:var(--color-white)}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions{padding-inline-start:calc(var(--spacing)*2)}.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions{padding-inline-end:calc(var(--spacing)*2)}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid){background-color:var(--gray-200);row-gap:1px}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}@media(hover:hover){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:before{inset-block:calc(var(--spacing)*0);width:calc(var(--spacing)*.5);content:var(--tw-content);background-color:var(--primary-600);position:absolute;inset-inline-start:calc(var(--spacing)*0)}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *):before{content:var(--tw-content);background-color:var(--primary-500)}@media(min-width:48rem){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-record-content-ctn{flex-direction:row;align-items:center}}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions{padding-inline-end:calc(var(--spacing)*6)}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix{padding-inline-start:calc(var(--spacing)*3)}}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions{padding-inline-start:calc(var(--spacing)*3)}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix{padding-inline-end:calc(var(--spacing)*3)}}.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions{padding-inline-end:calc(var(--spacing)*3)}@media(min-width:48rem){.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-actions{padding-inline-start:calc(var(--spacing)*3)}}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header{align-items:center;column-gap:calc(var(--spacing)*3);background-color:var(--gray-50);width:100%;padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*2);grid-column:1/-1;display:flex}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header{padding-inline:calc(var(--spacing)*3)}}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header.fi-collapsible{cursor:pointer}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn{rotate:-180deg}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-heading{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-description:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-checkbox{margin-inline:calc(var(--spacing)*3)}.fi-ta-content-ctn .fi-ta-content .fi-ta-table{grid-column:1/-1}.fi-ta-content-ctn .fi-ta-content .fi-ta-record{background-color:var(--color-white);height:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;align-items:center;transition-duration:75ms;display:flex;position:relative}.fi-ta-content-ctn .fi-ta-content .fi-ta-record:where(.dark,.dark *){background-color:var(--gray-900)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-with-content-prefix{padding-inline-start:calc(var(--spacing)*1)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-with-content-suffix{padding-inline-end:calc(var(--spacing)*1)}@media(hover:hover){.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-clickable:hover{background-color:var(--gray-50)}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-collapsed{display:none}.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-selected{background-color:var(--gray-50)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-reorder-handle{margin-inline:calc(var(--spacing)*1);margin-block:calc(var(--spacing)*2)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-checkbox{margin-inline:calc(var(--spacing)*3);margin-block:calc(var(--spacing)*4);flex-shrink:0}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn{row-gap:calc(var(--spacing)*3);width:100%;height:100%;padding-block:calc(var(--spacing)*4);flex-direction:column;display:flex}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn>:first-child{flex:1}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content{width:100%;display:block}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col{text-align:start;justify-content:flex-start;display:flex}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col:disabled{pointer-events:none}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-growable{width:100%}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-center{text-align:center;justify-content:center}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-end{text-align:end;justify-content:flex-end}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-left{text-align:left;justify-content:flex-start}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-right{text-align:right;justify-content:flex-end}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-justify,.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-between{text-align:justify;justify-content:space-between}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content.fi-collapsible{margin-top:calc(var(--spacing)*3)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-growable{flex:1;width:100%}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-hidden{display:none}}@media(min-width:48rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-hidden{display:none}}@media(min-width:64rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-hidden{display:none}}@media(min-width:80rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-hidden{display:none}}@media(min-width:96rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-hidden{display:none}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible{display:none}@media(min-width:40rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible{display:block}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible{display:none}@media(min-width:48rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible{display:block}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible{display:none}@media(min-width:64rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible{display:block}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible{display:none}@media(min-width:80rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible{display:block}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-visible{display:none}@media(min-width:96rem){.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32xl\:fi-visible{display:block}}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-collapse-btn{margin-inline:calc(var(--spacing)*1);margin-block:calc(var(--spacing)*2);flex-shrink:0}.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-actions.fi-ta-actions-before-columns-position{order:-9999}.fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions{padding-inline-start:calc(var(--spacing)*4)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content,.fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions{padding-inline-end:calc(var(--spacing)*4)}.fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-collapsed .fi-ta-record-collapse-btn{rotate:180deg}.fi-ta-empty-state{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*12)}.fi-ta-empty-state:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state){border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.fi-ta-empty-state:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-ta-empty-state:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-ta-empty-state .fi-ta-empty-state-content{max-width:var(--container-lg);text-align:center;justify-items:center;margin-inline:auto;display:grid}.fi-ta-empty-state .fi-ta-empty-state-icon-bg{margin-bottom:calc(var(--spacing)*4);background-color:var(--gray-100);padding:calc(var(--spacing)*3);border-radius:3.40282e38px}.fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(.dark,.dark *){background-color:var(--gray-500)}@supports (color:color-mix(in lab,red,red)){.fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-500)20%,transparent)}}.fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon{color:var(--gray-500)}.fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-empty-state .fi-ta-empty-state-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-ta-empty-state .fi-ta-empty-state-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-empty-state .fi-ta-empty-state-description{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-ta-empty-state .fi-ta-empty-state-description:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-empty-state .fi-ta-actions{margin-top:calc(var(--spacing)*6)}.fi-ta-header-cell{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3.5);text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}@media(min-width:40rem){.fi-ta-header-cell:first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-header-cell:last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-header-cell:where(.dark,.dark *){color:var(--color-white)}.fi-ta-header-cell.fi-growable{width:100%}.fi-ta-header-cell.fi-grouped{border-color:var(--gray-200)}.fi-ta-header-cell.fi-grouped:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-header-cell.fi-grouped:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-header-cell.fi-grouped:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-ta-header-cell.fi-grouped:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-ta-header-cell.fi-align-center{text-align:center}.fi-ta-header-cell.fi-align-center .fi-ta-header-cell-sort-btn{justify-content:center}.fi-ta-header-cell.fi-align-end{text-align:end}.fi-ta-header-cell.fi-align-end .fi-ta-header-cell-sort-btn{justify-content:flex-end}.fi-ta-header-cell.fi-align-left{text-align:left}.fi-ta-header-cell.fi-align-left .fi-ta-header-cell-sort-btn{justify-content:flex-start}.fi-ta-header-cell.fi-align-left .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.fi-ta-header-cell.fi-align-right{text-align:right}.fi-ta-header-cell.fi-align-right .fi-ta-header-cell-sort-btn{justify-content:flex-end}.fi-ta-header-cell.fi-align-right .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.fi-ta-header-cell.fi-align-justify,.fi-ta-header-cell.fi-align-between{text-align:justify}:is(.fi-ta-header-cell.fi-align-justify,.fi-ta-header-cell.fi-align-between) .fi-ta-header-cell-sort-btn{justify-content:space-between}.fi-ta-header-cell.fi-ta-header-cell-sorted .fi-icon{color:var(--gray-950)}.fi-ta-header-cell.fi-ta-header-cell-sorted .fi-icon:where(.dark,.dark *){color:var(--color-white)}.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-icon{color:var(--gray-400)}.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-icon:where(.dark,.dark *),.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon{color:var(--gray-500)}.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon{color:var(--gray-500)}.fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon:where(.dark,.dark *){color:var(--gray-400)}@media(min-width:40rem){.fi-ta-header-cell.sm\:fi-hidden{display:none}}@media(min-width:48rem){.fi-ta-header-cell.md\:fi-hidden{display:none}}@media(min-width:64rem){.fi-ta-header-cell.lg\:fi-hidden{display:none}}@media(min-width:80rem){.fi-ta-header-cell.xl\:fi-hidden{display:none}}@media(min-width:96rem){.fi-ta-header-cell.\32xl\:fi-hidden{display:none}}.fi-ta-header-cell.sm\:fi-visible{display:none}@media(min-width:40rem){.fi-ta-header-cell.sm\:fi-visible{display:table-cell}}.fi-ta-header-cell.md\:fi-visible{display:none}@media(min-width:48rem){.fi-ta-header-cell.md\:fi-visible{display:table-cell}}.fi-ta-header-cell.lg\:fi-visible{display:none}@media(min-width:64rem){.fi-ta-header-cell.lg\:fi-visible{display:table-cell}}.fi-ta-header-cell.xl\:fi-visible{display:none}@media(min-width:80rem){.fi-ta-header-cell.xl\:fi-visible{display:table-cell}}.fi-ta-header-cell.\32xl\:fi-visible{display:none}@media(min-width:96rem){.fi-ta-header-cell.\32xl\:fi-visible{display:table-cell}}.fi-ta-header-cell.fi-wrapped{white-space:normal}.fi-ta-header-cell:not(.fi-wrapped){white-space:nowrap}.fi-ta-header-cell .fi-ta-header-cell-sort-btn{cursor:pointer;justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing)*1);width:100%;display:flex}.fi-ta-header-cell .fi-icon{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;flex-shrink:0;transition-duration:75ms}.fi-ta-header-group-cell{border-color:var(--gray-200);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}@media(min-width:40rem){.fi-ta-header-group-cell:first-of-type{padding-inline-start:calc(var(--spacing)*6)}.fi-ta-header-group-cell:last-of-type{padding-inline-end:calc(var(--spacing)*6)}}.fi-ta-header-group-cell:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-header-group-cell:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-header-group-cell:where(.dark,.dark *){color:var(--color-white)}.fi-ta-header-group-cell:not(:first-of-type){border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.fi-ta-header-group-cell:not(:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.fi-ta-header-group-cell.fi-align-start{text-align:start}.fi-ta-header-group-cell.fi-align-center{text-align:center}.fi-ta-header-group-cell.fi-align-end{text-align:end}.fi-ta-header-group-cell.fi-align-left{text-align:left}.fi-ta-header-group-cell.fi-align-right{text-align:right}.fi-ta-header-group-cell.fi-align-justify,.fi-ta-header-group-cell.fi-align-between{text-align:justify}@media(min-width:40rem){.fi-ta-header-group-cell.sm\:fi-hidden{display:none}}@media(min-width:48rem){.fi-ta-header-group-cell.md\:fi-hidden{display:none}}@media(min-width:64rem){.fi-ta-header-group-cell.lg\:fi-hidden{display:none}}@media(min-width:80rem){.fi-ta-header-group-cell.xl\:fi-hidden{display:none}}@media(min-width:96rem){.fi-ta-header-group-cell.\32xl\:fi-hidden{display:none}}.fi-ta-header-group-cell.sm\:fi-visible{display:none}@media(min-width:40rem){.fi-ta-header-group-cell.sm\:fi-visible{display:table-cell}}.fi-ta-header-group-cell.md\:fi-visible{display:none}@media(min-width:48rem){.fi-ta-header-group-cell.md\:fi-visible{display:table-cell}}.fi-ta-header-group-cell.lg\:fi-visible{display:none}@media(min-width:64rem){.fi-ta-header-group-cell.lg\:fi-visible{display:table-cell}}.fi-ta-header-group-cell.xl\:fi-visible{display:none}@media(min-width:80rem){.fi-ta-header-group-cell.xl\:fi-visible{display:table-cell}}.fi-ta-header-group-cell.\32xl\:fi-visible{display:none}@media(min-width:96rem){.fi-ta-header-group-cell.\32xl\:fi-visible{display:table-cell}}.fi-ta-header-group-cell.fi-wrapped{white-space:normal}.fi-ta-header-group-cell:not(.fi-wrapped){white-space:nowrap}.fi-ta-empty-header-cell{width:calc(var(--spacing)*1)}@media(hover:hover){.fi-ta-row{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-ta-row.fi-clickable:hover{background-color:var(--gray-50)}.fi-ta-row.fi-clickable:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-row.fi-clickable:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-ta-row.fi-striped{background-color:var(--gray-50)}.fi-ta-row.fi-striped:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-row.fi-striped:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-row.fi-collapsed{display:none}.fi-ta-row.fi-ta-group-header-row>td{background-color:var(--gray-50)}.fi-ta-row.fi-ta-group-header-row>td:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-row.fi-ta-group-header-row>td:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-row .fi-ta-group-header{align-items:center;column-gap:calc(var(--spacing)*3);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.fi-ta-row .fi-ta-group-header.fi-collapsible{cursor:pointer}.fi-ta-row .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn{rotate:-180deg}.fi-ta-row .fi-ta-group-header .fi-ta-group-heading{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-ta-row .fi-ta-group-header .fi-ta-group-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-row .fi-ta-group-header .fi-ta-group-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-ta-row .fi-ta-group-header .fi-ta-group-description:where(.dark,.dark *){color:var(--gray-400)}.fi-ta-row.fi-selected:not(.fi-striped){background-color:var(--gray-50)}.fi-ta-row.fi-selected:not(.fi-striped):where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-row.fi-selected:not(.fi-striped):where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-row.fi-selected>:first-child{position:relative}.fi-ta-row.fi-selected>:first-child:before{inset-block:calc(var(--spacing)*0);width:calc(var(--spacing)*.5);background-color:var(--primary-600);content:"";position:absolute;inset-inline-start:calc(var(--spacing)*0)}.fi-ta-row.fi-selected>:first-child:where(.dark,.dark *):before{background-color:var(--primary-500)}.fi-ta-reordering .fi-ta-row:not(.fi-ta-row-not-reorderable){cursor:move}.fi-ta-table{table-layout:auto;width:100%}:where(.fi-ta-table>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-ta-table{text-align:start}:where(.fi-ta-table:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-ta-table:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}:where(.fi-ta-table>thead>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-ta-table>thead:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-ta-table>thead:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-table>thead>tr{background-color:var(--gray-50)}.fi-ta-table>thead>tr:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-table>thead>tr:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-table>thead>tr.fi-ta-table-head-groups-row{background-color:var(--gray-100)}.fi-ta-table>thead>tr.fi-ta-table-head-groups-row:where(.dark,.dark *){background-color:#0000}:where(.fi-ta-table>tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}.fi-ta-table>tbody{white-space:nowrap}:where(.fi-ta-table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:where(.fi-ta-table>tbody:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-table>tfoot{background-color:var(--gray-50)}.fi-ta-table>tfoot:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-ta-table>tfoot:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-ta-col-manager{row-gap:calc(var(--spacing)*4);display:grid}.fi-ta-col-manager .fi-ta-col-manager-ctn{gap:calc(var(--spacing)*4);display:grid}.fi-ta-col-manager .fi-ta-col-manager-header{justify-content:space-between;align-items:center;display:flex}.fi-ta-col-manager .fi-ta-col-manager-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950)}.fi-ta-col-manager .fi-ta-col-manager-heading:where(.dark,.dark *){color:var(--color-white)}.fi-ta-col-manager .fi-ta-col-manager-items{margin-top:calc(var(--spacing)*-6);column-gap:calc(var(--spacing)*6)}.fi-ta-col-manager .fi-ta-col-manager-item{break-inside:avoid;align-items:center;gap:calc(var(--spacing)*3);padding-top:calc(var(--spacing)*6);display:flex}.fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label{align-items:center;column-gap:calc(var(--spacing)*3);width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950);flex:1;display:flex}.fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label:where(.dark,.dark *){color:var(--color-white)}.fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label .fi-checkbox-input{flex-shrink:0}.fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-reorder-handle{cursor:move}.fi-ta-col-manager .fi-ta-col-manager-group{break-inside:avoid}.fi-ta-col-manager .fi-ta-col-manager-group .fi-ta-col-manager-group-items{padding-inline-start:calc(var(--spacing)*8)}.fi-wi-chart .fi-wi-chart-canvas-ctn{margin-inline:auto}.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio){aspect-ratio:1}@supports (container-type:inline-size){.fi-wi-chart .fi-section-content{container-type:inline-size}@container (min-width:24rem){.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio){aspect-ratio:2}}.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=doughnut],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=pie],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=polarArea],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=radar]{aspect-ratio:1}}@supports not (container-type:inline-size){@media(min-width:40rem){.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio){aspect-ratio:2}}.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=doughnut],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=pie],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=polarArea],.fi-wi-chart .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type=radar]{aspect-ratio:1}}.fi-wi-chart .fi-wi-chart-filter.fi-input-wrp{width:max-content}@media(min-width:40rem){.fi-wi-chart .fi-wi-chart-filter.fi-input-wrp{margin-block:calc(var(--spacing)*-2)}}.fi-wi-chart .fi-wi-chart-filter.fi-dropdown .fi-wi-chart-filter-content{padding:calc(var(--spacing)*6)}.fi-wi-chart .fi-color .fi-wi-chart-bg-color{color:var(--color-50)}.fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(.dark,.dark *){color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(.dark,.dark *){color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-wi-chart .fi-color .fi-wi-chart-border-color{color:var(--color-500)}.fi-wi-chart .fi-color .fi-wi-chart-border-color:where(.dark,.dark *){color:var(--color-400)}.fi-wi-chart .fi-wi-chart-bg-color{color:var(--gray-100)}.fi-wi-chart .fi-wi-chart-bg-color:where(.dark,.dark *){color:var(--gray-800)}.fi-wi-chart .fi-wi-chart-border-color{color:var(--gray-400)}.fi-wi-chart .fi-wi-chart-grid-color{color:var(--gray-200)}.fi-wi-chart .fi-wi-chart-grid-color:where(.dark,.dark *){color:var(--gray-800)}.fi-wi-chart .fi-wi-chart-text-color{color:var(--gray-500)}.fi-wi-chart .fi-wi-chart-text-color:where(.dark,.dark *){color:var(--gray-400)}.fi-wi-stats-overview-stat{border-radius:var(--radius-xl);background-color:var(--color-white);padding:calc(var(--spacing)*6);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);display:block;position:relative}.fi-wi-stats-overview-stat:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-wi-stats-overview-stat:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-wi-stats-overview-stat .fi-icon{color:var(--gray-400);flex-shrink:0}.fi-wi-stats-overview-stat .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-content{row-gap:calc(var(--spacing)*2);display:grid}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label-ctn{align-items:center;column-gap:calc(var(--spacing)*2);display:flex}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label:where(.dark,.dark *){color:var(--gray-400)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--gray-950)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value:where(.dark,.dark *){color:var(--color-white)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description{align-items:center;column-gap:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:flex}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description:where(.dark,.dark *){color:var(--gray-400)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color{color:var(--text)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color:where(.dark,.dark *){color:var(--dark-text)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color .fi-icon{color:var(--color-500)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart{inset-inline:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);position:absolute;overflow:hidden}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart>canvas{height:calc(var(--spacing)*6)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color{color:var(--gray-100)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *){color:var(--gray-800)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-border-color{color:var(--gray-400)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color{color:var(--color-50)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *){color:var(--color-400)}@supports (color:color-mix(in lab,red,red)){.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *){color:color-mix(in oklab,var(--color-400)10%,transparent)}}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color{color:var(--color-500)}.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color:where(.dark,.dark *){color:var(--color-400)}.fi-wi{gap:calc(var(--spacing)*6)}.fi-global-search-ctn{align-items:center;display:flex}.fi-global-search{flex:1}@media(min-width:40rem){.fi-global-search{position:relative}}.fi-global-search-results-ctn{inset-inline:calc(var(--spacing)*4);z-index:10;margin-top:calc(var(--spacing)*2);max-height:calc(var(--spacing)*96);border-radius:var(--radius-lg);background-color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;overflow:auto}@media(min-width:40rem){.fi-global-search-results-ctn{inset-inline:auto}}.fi-global-search-results-ctn:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-global-search-results-ctn:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-global-search-results-ctn{transform:translateZ(0)}.fi-global-search-results-ctn.fi-transition-enter-start,.fi-global-search-results-ctn.fi-transition-leave-end{opacity:0}@media(min-width:40rem){.fi-topbar .fi-global-search-results-ctn{width:100vw;max-width:var(--container-sm);inset-inline-end:calc(var(--spacing)*0)}}.fi-sidebar .fi-global-search-ctn{margin-inline:calc(var(--spacing)*3);margin-top:calc(var(--spacing)*3)}@media(min-width:40rem){.fi-sidebar .fi-global-search-results-ctn{inset-inline-start:calc(var(--spacing)*0)}}.fi-global-search-no-results-message{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-global-search-no-results-message:where(.dark,.dark *){color:var(--gray-400)}:where(.fi-global-search-results>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-global-search-results:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-global-search-results:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-global-search-result-group-header{top:calc(var(--spacing)*0);z-index:10;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--gray-200);background-color:var(--gray-50);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950);text-transform:capitalize;position:sticky}.fi-global-search-result-group-header:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-global-search-result-group-header:where(.dark,.dark *){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-global-search-result-group-header:where(.dark,.dark *){background-color:var(--gray-800);color:var(--color-white)}:where(.fi-global-search-result-group-results>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--gray-200)}:where(.fi-global-search-result-group-results:where(.dark,.dark *)>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){:where(.fi-global-search-result-group-results:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-global-search-result{scroll-margin-top:calc(var(--spacing)*9);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-global-search-result:focus-within{background-color:var(--gray-50)}@media(hover:hover){.fi-global-search-result:hover{background-color:var(--gray-50)}}.fi-global-search-result:where(.dark,.dark *):focus-within{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-global-search-result:where(.dark,.dark *):focus-within{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}@media(hover:hover){.fi-global-search-result:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-global-search-result:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-global-search-result.fi-global-search-result-has-actions .fi-global-search-result-link{padding-bottom:calc(var(--spacing)*0)}.fi-global-search-result-link{padding:calc(var(--spacing)*4);--tw-outline-style:none;outline-style:none;display:block}@media(forced-colors:active){.fi-global-search-result-link{outline-offset:2px;outline:2px solid #0000}}.fi-global-search-result-heading{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-950)}.fi-global-search-result-heading:where(.dark,.dark *){color:var(--color-white)}.fi-global-search-result-details{margin-top:calc(var(--spacing)*1)}.fi-global-search-result-detail{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-global-search-result-detail:where(.dark,.dark *){color:var(--gray-400)}.fi-global-search-result-detail-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:inline}.fi-global-search-result-detail-value{display:inline}.fi-global-search-result-actions{margin-top:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*4);display:flex}.fi-header{gap:calc(var(--spacing)*4);flex-direction:column;display:flex}@media(min-width:40rem){.fi-header{flex-direction:row;justify-content:space-between;align-items:center}}.fi-header .fi-breadcrumbs{margin-bottom:calc(var(--spacing)*2);display:none}@media(min-width:40rem){.fi-header .fi-breadcrumbs{display:block}.fi-header.fi-header-has-breadcrumbs .fi-header-actions-ctn{margin-top:calc(var(--spacing)*7)}}.fi-header-heading{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--gray-950)}@media(min-width:40rem){.fi-header-heading{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.fi-header-heading:where(.dark,.dark *){color:var(--color-white)}.fi-header-subheading{margin-top:calc(var(--spacing)*2);max-width:var(--container-2xl);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--gray-600)}.fi-header-subheading:where(.dark,.dark *){color:var(--gray-400)}.fi-header-actions-ctn{align-items:center;gap:calc(var(--spacing)*3);flex-shrink:0;display:flex}.fi-simple-header{flex-direction:column;align-items:center;display:flex}.fi-simple-header .fi-logo{margin-bottom:calc(var(--spacing)*4)}.fi-simple-header-heading{text-align:center;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--gray-950)}.fi-simple-header-heading:where(.dark,.dark *){color:var(--color-white)}.fi-simple-header-subheading{margin-top:calc(var(--spacing)*2);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-simple-header-subheading:where(.dark,.dark *){color:var(--gray-400)}html.fi{min-height:100dvh}.fi-body{background-color:var(--gray-50);--tw-font-weight:var(--font-weight-normal);min-height:100dvh;font-weight:var(--font-weight-normal);color:var(--gray-950);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fi-body:where(.dark,.dark *){background-color:var(--gray-950);color:var(--color-white)}:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-main-ctn{opacity:0;min-height:calc(100dvh - 4rem);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fi-body>.fi-layout-sidebar-toggle-btn-ctn{padding-inline-start:calc(var(--spacing)*5);padding-top:calc(var(--spacing)*5)}@media(min-width:64rem){.fi-body>.fi-layout-sidebar-toggle-btn-ctn.lg\:fi-hidden{display:none}}.fi-body.fi-body-has-navigation:not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop):not(.fi-body-has-top-navigation) .fi-main-ctn{opacity:0}:is(.fi-body.fi-body-has-top-navigation,.fi-body:not(.fi-body-has-navigation)) .fi-main-ctn{min-height:calc(100dvh - 4rem);display:flex}.fi-body:not(.fi-body-has-topbar) .fi-main-ctn{min-height:100dvh;display:flex}.fi-layout{width:100%;height:100%;display:flex;overflow-x:clip}.fi-main-ctn{flex-direction:column;flex:1;width:100vw}.fi-main{width:100%;height:100%;padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media(min-width:48rem){.fi-main{padding-inline:calc(var(--spacing)*6)}}@media(min-width:64rem){.fi-main{padding-inline:calc(var(--spacing)*8)}}:is(.fi-main,.fi-simple-main).fi-width-xs{max-width:var(--container-xs)}:is(.fi-main,.fi-simple-main).fi-width-sm{max-width:var(--container-sm)}:is(.fi-main,.fi-simple-main).fi-width-md{max-width:var(--container-md)}:is(.fi-main,.fi-simple-main).fi-width-lg{max-width:var(--container-lg)}:is(.fi-main,.fi-simple-main).fi-width-xl{max-width:var(--container-xl)}:is(.fi-main,.fi-simple-main).fi-width-2xl{max-width:var(--container-2xl)}:is(.fi-main,.fi-simple-main).fi-width-3xl{max-width:var(--container-3xl)}:is(.fi-main,.fi-simple-main).fi-width-4xl{max-width:var(--container-4xl)}:is(.fi-main,.fi-simple-main).fi-width-5xl{max-width:var(--container-5xl)}:is(.fi-main,.fi-simple-main).fi-width-6xl{max-width:var(--container-6xl)}:is(.fi-main,.fi-simple-main).fi-width-7xl{max-width:var(--container-7xl)}:is(.fi-main,.fi-simple-main).fi-width-full{max-width:100%}:is(.fi-main,.fi-simple-main).fi-width-min{max-width:min-content}:is(.fi-main,.fi-simple-main).fi-width-max{max-width:max-content}:is(.fi-main,.fi-simple-main).fi-width-fit{max-width:fit-content}:is(.fi-main,.fi-simple-main).fi-width-prose{max-width:65ch}:is(.fi-main,.fi-simple-main).fi-width-screen-sm{max-width:var(--breakpoint-sm)}:is(.fi-main,.fi-simple-main).fi-width-screen-md{max-width:var(--breakpoint-md)}:is(.fi-main,.fi-simple-main).fi-width-screen-lg{max-width:var(--breakpoint-lg)}:is(.fi-main,.fi-simple-main).fi-width-screen-xl{max-width:var(--breakpoint-xl)}:is(.fi-main,.fi-simple-main).fi-width-screen-2xl{max-width:var(--breakpoint-2xl)}:is(.fi-main,.fi-simple-main).fi-width-screen{inset:calc(var(--spacing)*0);position:fixed}.fi-simple-layout{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.fi-simple-layout-header{inset-inline-end:calc(var(--spacing)*0);top:calc(var(--spacing)*0);height:calc(var(--spacing)*16);align-items:center;column-gap:calc(var(--spacing)*4);padding-inline-end:calc(var(--spacing)*4);display:flex;position:absolute}@media(min-width:48rem){.fi-simple-layout-header{padding-inline-end:calc(var(--spacing)*6)}}@media(min-width:64rem){.fi-simple-layout-header{padding-inline-end:calc(var(--spacing)*8)}}.fi-simple-main-ctn{flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.fi-simple-main{margin-block:calc(var(--spacing)*16);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*12);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}@media(min-width:40rem){.fi-simple-main{border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12)}}.fi-simple-main:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-simple-main:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-logo{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--gray-950);display:flex}.fi-logo:where(.dark,.dark *){color:var(--color-white)}.fi-logo.fi-logo-light:where(.dark,.dark *),.fi-logo.fi-logo-dark{display:none}.fi-logo.fi-logo-dark:where(.dark,.dark *){display:flex}@media(min-width:48rem){.fi-page-sub-navigation-dropdown{display:none}}.fi-page-sub-navigation-dropdown>.fi-dropdown-trigger>.fi-btn{justify-content:space-between;width:100%}.fi-page-sub-navigation-sidebar-ctn{width:calc(var(--spacing)*72);flex-direction:column;display:none}@media(min-width:48rem){.fi-page-sub-navigation-sidebar-ctn{display:flex}}.fi-page-sub-navigation-sidebar{row-gap:calc(var(--spacing)*7);flex-direction:column;display:flex}.fi-page-sub-navigation-tabs{display:none}@media(min-width:48rem){.fi-page-sub-navigation-tabs{display:flex}}.fi-page.fi-height-full,.fi-page.fi-height-full .fi-page-main,.fi-page.fi-height-full .fi-page-header-main-ctn,.fi-page.fi-height-full .fi-page-content{height:100%}.fi-page.fi-page-has-sub-navigation .fi-page-main{gap:calc(var(--spacing)*8);flex-direction:column;display:flex}@media(min-width:48rem){:is(.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-start,.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-end) .fi-page-main{flex-direction:row;align-items:flex-start}}.fi-page-header-main-ctn{row-gap:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*8);flex-direction:column;display:flex}.fi-page-main-sub-navigation-mobile-menu-render-hook-ctn{display:contents}@media(min-width:48rem){.fi-page-main-sub-navigation-mobile-menu-render-hook-ctn{display:none}}.fi-page-content{row-gap:calc(var(--spacing)*8);flex:1;grid-auto-columns:minmax(0,1fr);display:grid}.fi-simple-page-content{row-gap:calc(var(--spacing)*6);grid-auto-columns:minmax(0,1fr);display:grid}.fi-sidebar-group{row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.fi-sidebar-group.fi-collapsed .fi-sidebar-group-collapse-btn{rotate:-180deg}.fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon{color:var(--primary-600)}.fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark,.dark *){color:var(--primary-400)}.fi-sidebar-group-btn{align-items:center;column-gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*2);display:flex}.fi-sidebar-group-btn .fi-icon{color:var(--gray-400)}.fi-sidebar-group-btn .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-sidebar-group-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-500);flex:1}.fi-sidebar-group-label:where(.dark,.dark *){color:var(--gray-400)}.fi-sidebar-group-dropdown-trigger-btn{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);padding:calc(var(--spacing)*2);--tw-outline-style:none;outline-style:none;flex:1;display:flex;position:relative}@media(forced-colors:active){.fi-sidebar-group-dropdown-trigger-btn{outline-offset:2px;outline:2px solid #0000}}.fi-sidebar-group-dropdown-trigger-btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-sidebar-group-dropdown-trigger-btn:hover{background-color:var(--gray-100)}}.fi-sidebar-group-dropdown-trigger-btn:focus-visible{background-color:var(--gray-100)}@media(hover:hover){.fi-sidebar-group-dropdown-trigger-btn:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-group-dropdown-trigger-btn:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-sidebar-group-dropdown-trigger-btn:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-group-dropdown-trigger-btn:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-sidebar-group-dropdown-trigger-btn .fi-icon{color:var(--gray-400)}.fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-sidebar-group-items{row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}:is(.fi-sidebar-group-btn,.fi-sidebar-group-items).fi-transition-enter{transition-delay:.1s}@media(min-width:64rem){:is(.fi-sidebar-group-btn,.fi-sidebar-group-items).fi-transition-enter{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:is(.fi-sidebar-group-btn,.fi-sidebar-group-items).fi-transition-enter-start{opacity:0}:is(.fi-sidebar-group-btn,.fi-sidebar-group-items).fi-transition-enter-end{opacity:1}.fi-sidebar{inset-block:calc(var(--spacing)*0);z-index:30;background-color:var(--color-white);height:100dvh;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;align-content:flex-start;display:flex;position:fixed;inset-inline-start:calc(var(--spacing)*0)}@media(min-width:64rem){.fi-sidebar{z-index:20;background-color:#0000;transition-property:none}}.fi-sidebar:where(.dark,.dark *){background-color:var(--gray-900)}@media(min-width:64rem){.fi-sidebar:where(.dark,.dark *){background-color:#0000}}.fi-sidebar.fi-sidebar-open{width:var(--sidebar-width);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}@media(min-width:64rem){.fi-sidebar.fi-sidebar-open{--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}}.fi-sidebar.fi-sidebar-open:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-sidebar.fi-sidebar-open:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-sidebar.fi-sidebar-open:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-sidebar:not(.fi-sidebar-open){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media(min-width:64rem){.fi-body-has-topbar .fi-sidebar{height:calc(100dvh - 4rem);top:4rem}}.fi-sidebar-close-overlay{inset:calc(var(--spacing)*0);z-index:30;background-color:var(--gray-950);position:fixed}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-close-overlay{background-color:color-mix(in oklab,var(--gray-950)50%,transparent)}}.fi-sidebar-close-overlay{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media(min-width:64rem){.fi-sidebar-close-overlay{display:none}}.fi-sidebar-close-overlay:where(.dark,.dark *){background-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-close-overlay:where(.dark,.dark *){background-color:color-mix(in oklab,var(--gray-950)75%,transparent)}}@media(min-width:64rem){.fi-body.fi-body-has-top-navigation .fi-sidebar{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-body.fi-body-has-top-navigation .fi-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.fi-body:not(.fi-body-has-top-navigation) .fi-sidebar.fi-sidebar-open,.fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open){position:sticky}.fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open),.fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl),[dir=rtl],[dir=rtl] *),.fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar,.fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open){width:var(--sidebar-width)}@media(min-width:64rem){.fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open){position:sticky}}.fi-sidebar-header-ctn{overflow-x:clip}.fi-sidebar-header{height:calc(var(--spacing)*16);justify-content:center;align-items:center;display:flex}.fi-sidebar-header-logo-ctn{flex:1}.fi-body-has-topbar .fi-sidebar-header{background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:var(--gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-body-has-topbar .fi-sidebar-header{--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent)}}@media(min-width:64rem){.fi-body-has-topbar .fi-sidebar-header{--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);display:none}}.fi-body-has-topbar .fi-sidebar-header:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-body-has-topbar .fi-sidebar-header:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}:not(.fi-body-has-topbar) .fi-sidebar-header{padding-inline:calc(var(--spacing)*4);--tw-shadow:0 0 #0000;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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);background-color:#0000}:not(.fi-body-has-topbar) .fi-sidebar-header .fi-logo{margin-inline-start:calc(var(--spacing)*3)}.fi-sidebar-nav{row-gap:calc(var(--spacing)*7);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*8);scrollbar-gutter:stable;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.fi-sidebar-nav-groups{margin-inline:calc(var(--spacing)*-2);row-gap:calc(var(--spacing)*7);flex-direction:column;display:flex}.fi-sidebar-item.fi-active,.fi-sidebar-item.fi-sidebar-item-has-active-child-items{row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn{background-color:var(--gray-100)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-item.fi-active>.fi-sidebar-item-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon{color:var(--primary-600)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-icon:where(.dark,.dark *){color:var(--primary-400)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part{background-color:var(--primary-600)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-grouped-border>.fi-sidebar-item-grouped-border-part:where(.dark,.dark *){background-color:var(--primary-400)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label{color:var(--primary-600)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn>.fi-sidebar-item-label:where(.dark,.dark *){color:var(--primary-400)}.fi-sidebar-item.fi-active>.fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part{height:calc(var(--spacing)*1.5);width:calc(var(--spacing)*1.5);border-radius:3.40282e38px;position:relative}@media(hover:hover){.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:hover{background-color:var(--gray-100)}}.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:focus-visible{background-color:var(--gray-100)}@media(hover:hover){.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-item.fi-sidebar-item-has-url>.fi-sidebar-item-btn:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-sidebar-item-btn{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);padding:calc(var(--spacing)*2);--tw-outline-style:none;outline-style:none;display:flex;position:relative}@media(forced-colors:active){.fi-sidebar-item-btn{outline-offset:2px;outline:2px solid #0000}}.fi-sidebar-item-btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-sidebar-item-btn>.fi-icon{color:var(--gray-400)}.fi-sidebar-item-btn>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-sidebar-item-grouped-border{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);justify-content:center;align-items:center;display:flex;position:relative}.fi-sidebar-item-grouped-border-part-not-first{background-color:var(--gray-300);width:1px;position:absolute;top:-50%;bottom:50%}.fi-sidebar-item-grouped-border-part-not-first:where(.dark,.dark *){background-color:var(--gray-600)}.fi-sidebar-item-grouped-border-part-not-last{background-color:var(--gray-300);width:1px;position:absolute;top:50%;bottom:-50%}.fi-sidebar-item-grouped-border-part-not-last:where(.dark,.dark *){background-color:var(--gray-600)}.fi-sidebar-item-grouped-border-part{height:calc(var(--spacing)*1.5);width:calc(var(--spacing)*1.5);background-color:var(--gray-400);border-radius:3.40282e38px;position:relative}.fi-sidebar-item-grouped-border-part:where(.dark,.dark *){background-color:var(--gray-500)}.fi-sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);flex:1;overflow:hidden}.fi-sidebar-item-label:where(.dark,.dark *){color:var(--gray-200)}@media(min-width:64rem){:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn).fi-transition-enter{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-delay:.1s}}:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn).fi-transition-enter-start{opacity:0}:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn).fi-transition-enter-end{opacity:1}.fi-sidebar-footer{margin-inline:calc(var(--spacing)*4);margin-block:calc(var(--spacing)*3);row-gap:calc(var(--spacing)*3);display:grid}.fi-sidebar-footer>.fi-no-database{display:block}.fi-sidebar-sub-group-items{row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.fi-sidebar-database-notifications-btn{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*2);text-align:start;--tw-outline-style:none;outline-style:none;display:flex;position:relative}@media(forced-colors:active){.fi-sidebar-database-notifications-btn{outline-offset:2px;outline:2px solid #0000}}.fi-sidebar-database-notifications-btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-sidebar-database-notifications-btn:hover{background-color:var(--gray-100)}}.fi-sidebar-database-notifications-btn:focus-visible{background-color:var(--gray-100)}@media(hover:hover){.fi-sidebar-database-notifications-btn:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-database-notifications-btn:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-sidebar-database-notifications-btn:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-sidebar-database-notifications-btn:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-sidebar-database-notifications-btn>.fi-icon{color:var(--gray-400)}.fi-sidebar-database-notifications-btn>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700);flex:1;overflow:hidden}.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-label:where(.dark,.dark *){color:var(--gray-200)}@media(min-width:64rem){:is(.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));transition-delay:.1s}}:is(.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-start{opacity:0}:is(.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn>.fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-end{opacity:1}.fi-sidebar-open-sidebar-btn,.fi-sidebar-open-collapse-sidebar-btn{margin-inline:calc(var(--spacing)*0)!important}.fi-sidebar-close-collapse-sidebar-btn{display:none;margin-inline:calc(var(--spacing)*0)!important}@media(min-width:64rem){.fi-sidebar-close-collapse-sidebar-btn{display:flex}:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-sidebar-open-sidebar-btn{display:none}}.fi-sidebar-close-sidebar-btn{margin-inline:calc(var(--spacing)*0)!important}@media(min-width:64rem){.fi-sidebar-close-sidebar-btn{display:none}}.fi-tenant-menu-trigger{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-outline-style:none;outline-style:none;display:flex}@media(forced-colors:active){.fi-tenant-menu-trigger{outline-offset:2px;outline:2px solid #0000}}.fi-tenant-menu-trigger{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-tenant-menu-trigger:hover{background-color:var(--gray-100)}}.fi-tenant-menu-trigger:focus-visible{background-color:var(--gray-100)}@media(hover:hover){.fi-tenant-menu-trigger:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-tenant-menu-trigger:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-tenant-menu-trigger:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-tenant-menu-trigger:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-tenant-menu-trigger .fi-tenant-avatar{flex-shrink:0}.fi-tenant-menu-trigger .fi-icon{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);color:var(--gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;flex-shrink:0;margin-inline-start:auto;transition-duration:75ms}@media(hover:hover){.fi-tenant-menu-trigger .fi-icon:is(:where(.group):hover *){color:var(--gray-500)}}.fi-tenant-menu-trigger .fi-icon:is(:where(.group):focus-visible *),.fi-tenant-menu-trigger .fi-icon:where(.dark,.dark *){color:var(--gray-500)}@media(hover:hover){.fi-tenant-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):hover *){color:var(--gray-400)}}.fi-tenant-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):focus-visible *){color:var(--gray-400)}.fi-tenant-menu-trigger:hover .fi-icon{color:var(--gray-500)}.fi-tenant-menu-trigger:hover .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-tenant-menu-trigger:focus-visible .fi-icon{color:var(--gray-500)}.fi-tenant-menu-trigger:focus-visible .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-tenant-menu-trigger-text{text-align:start;justify-items:start;display:grid}.fi-tenant-menu-trigger-current-tenant-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--gray-500)}.fi-tenant-menu-trigger-current-tenant-label:where(.dark,.dark *){color:var(--gray-400)}.fi-tenant-menu-trigger-tenant-name{color:var(--gray-950)}.fi-tenant-menu-trigger-tenant-name:where(.dark,.dark *){color:var(--color-white)}.fi-sidebar .fi-tenant-menu{margin-inline:calc(var(--spacing)*4);margin-top:calc(var(--spacing)*3)}.fi-theme-switcher{column-gap:calc(var(--spacing)*1);grid-auto-flow:column;display:grid}.fi-theme-switcher-btn{border-radius:var(--radius-md);padding:calc(var(--spacing)*2);--tw-outline-style:none;outline-style:none;justify-content:center;display:flex}@media(forced-colors:active){.fi-theme-switcher-btn{outline-offset:2px;outline:2px solid #0000}}.fi-theme-switcher-btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-theme-switcher-btn:hover{background-color:var(--gray-50)}}.fi-theme-switcher-btn:focus-visible{background-color:var(--gray-50)}@media(hover:hover){.fi-theme-switcher-btn:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-theme-switcher-btn:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-theme-switcher-btn:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-theme-switcher-btn:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-theme-switcher-btn.fi-active{background-color:var(--gray-50);color:var(--primary-500)}.fi-theme-switcher-btn.fi-active:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-theme-switcher-btn.fi-active:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-theme-switcher-btn.fi-active:where(.dark,.dark *){color:var(--primary-400)}.fi-theme-switcher-btn:not(.fi-active){color:var(--gray-400)}@media(hover:hover){.fi-theme-switcher-btn:not(.fi-active):hover{color:var(--gray-500)}}.fi-theme-switcher-btn:not(.fi-active):focus-visible,.fi-theme-switcher-btn:not(.fi-active):where(.dark,.dark *){color:var(--gray-500)}@media(hover:hover){.fi-theme-switcher-btn:not(.fi-active):where(.dark,.dark *):hover{color:var(--gray-400)}}.fi-theme-switcher-btn:not(.fi-active):where(.dark,.dark *):focus-visible{color:var(--gray-400)}.fi-topbar-ctn{top:calc(var(--spacing)*0);z-index:30;position:sticky;overflow-x:clip}.fi-topbar{min-height:calc(var(--spacing)*16);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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);--tw-ring-color:color-mix(in oklab,var(--gray-950)5%,transparent);align-items:center;display:flex}.fi-topbar:where(.dark,.dark *){background-color:var(--gray-900);--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.fi-topbar:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-topbar .fi-tenant-menu{display:none}@media(min-width:64rem){.fi-topbar .fi-tenant-menu{display:block}}.fi-topbar-open-sidebar-btn,.fi-topbar-close-sidebar-btn{margin-inline:calc(var(--spacing)*0)!important}@media(min-width:64rem){.fi-topbar-close-sidebar-btn{display:none}}.fi-topbar-open-collapse-sidebar-btn{margin-inline:calc(var(--spacing)*0)!important}.fi-topbar-close-collapse-sidebar-btn{display:none;margin-inline:calc(var(--spacing)*0)!important}@media(min-width:64rem){.fi-topbar-close-collapse-sidebar-btn{display:flex}}.fi-topbar-start{align-items:center;margin-inline-end:calc(var(--spacing)*6);display:none}@media(min-width:64rem){.fi-topbar-start{display:flex}}.fi-topbar-start .fi-logo{margin-inline-start:calc(var(--spacing)*3)}@media(min-width:64rem){:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-topbar-open-sidebar-btn{display:none}}.fi-topbar-nav-groups{align-items:center;column-gap:calc(var(--spacing)*4);margin-inline-start:calc(var(--spacing)*4);margin-inline-end:calc(var(--spacing)*4);display:none}@media(min-width:64rem){.fi-topbar-nav-groups{margin-block:calc(var(--spacing)*2);row-gap:calc(var(--spacing)*1);flex-wrap:wrap;display:flex}}.fi-topbar-end{align-items:center;column-gap:calc(var(--spacing)*4);margin-inline-start:auto;display:flex}.fi-topbar-item-btn{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);--tw-outline-style:none;outline-style:none;display:flex}@media(forced-colors:active){.fi-topbar-item-btn{outline-offset:2px;outline:2px solid #0000}}.fi-topbar-item-btn{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}@media(hover:hover){.fi-topbar-item-btn:hover{background-color:var(--gray-50)}}.fi-topbar-item-btn:focus-visible{background-color:var(--gray-50)}@media(hover:hover){.fi-topbar-item-btn:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-topbar-item-btn:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.fi-topbar-item-btn:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-topbar-item-btn:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-topbar-item-btn>.fi-icon{color:var(--gray-400)}.fi-topbar-item-btn>.fi-icon:where(.dark,.dark *){color:var(--gray-500)}.fi-topbar-item-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--gray-700)}.fi-topbar-item-label:where(.dark,.dark *){color:var(--gray-200)}.fi-topbar-item.fi-active .fi-topbar-item-btn{background-color:var(--gray-50)}.fi-topbar-item.fi-active .fi-topbar-item-btn:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.fi-topbar-item.fi-active .fi-topbar-item-btn:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fi-topbar-item.fi-active .fi-topbar-item-btn>.fi-icon{color:var(--primary-600)}.fi-topbar-item.fi-active .fi-topbar-item-btn>.fi-icon:where(.dark,.dark *){color:var(--primary-400)}.fi-topbar-item.fi-active .fi-topbar-item-label{color:var(--primary-600)}.fi-topbar-item.fi-active .fi-topbar-item-label:where(.dark,.dark *){color:var(--primary-400)}.fi-simple-user-menu-ctn{align-items:center;column-gap:calc(var(--spacing)*4);display:flex}.fi-topbar .fi-user-menu-trigger{flex-shrink:0}.fi-sidebar .fi-user-menu-trigger{justify-content:center;align-items:center;column-gap:calc(var(--spacing)*3);border-radius:var(--radius-lg);width:100%;padding:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-outline-style:none;outline-style:none;display:flex}@media(forced-colors:active){.fi-sidebar .fi-user-menu-trigger{outline-offset:2px;outline:2px solid #0000}}.fi-sidebar .fi-user-menu-trigger{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.fi-sidebar .fi-user-menu-trigger .fi-user-avatar{flex-shrink:0}.fi-sidebar .fi-user-menu-trigger .fi-icon{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);color:var(--gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;flex-shrink:0;margin-inline-start:auto;transition-duration:75ms}@media(hover:hover){.fi-sidebar .fi-user-menu-trigger .fi-icon:is(:where(.group):hover *){color:var(--gray-500)}}.fi-sidebar .fi-user-menu-trigger .fi-icon:is(:where(.group):focus-visible *),.fi-sidebar .fi-user-menu-trigger .fi-icon:where(.dark,.dark *){color:var(--gray-500)}@media(hover:hover){.fi-sidebar .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):hover *){color:var(--gray-400)}}.fi-sidebar .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):focus-visible *){color:var(--gray-400)}.fi-sidebar .fi-user-menu-trigger:hover .fi-icon{color:var(--gray-500)}.fi-sidebar .fi-user-menu-trigger:hover .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-sidebar .fi-user-menu-trigger:focus-visible .fi-icon{color:var(--gray-500)}.fi-sidebar .fi-user-menu-trigger:focus-visible .fi-icon:where(.dark,.dark *){color:var(--gray-400)}.fi-sidebar .fi-user-menu-trigger .fi-tenant-menu-trigger-text{text-align:start;color:var(--gray-950);justify-items:start;display:grid}.fi-sidebar .fi-user-menu-trigger .fi-tenant-menu-trigger-text:where(.dark,.dark *){color:var(--color-white)}.fi-sidebar .fi-user-menu .fi-dropdown-panel{max-width:max(14rem,100% - 1.5rem)!important}.fi-account-widget .fi-section-content{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-account-widget-logout-form{margin-block:auto}.fi-account-widget-main{flex:1}.fi-account-widget-heading{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-950);flex:1;display:grid}.fi-account-widget-heading:where(.dark,.dark *){color:var(--color-white)}.fi-account-widget-user-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.fi-account-widget-user-name:where(.dark,.dark *){color:var(--gray-400)}.fi-filament-info-widget .fi-section-content{align-items:center;column-gap:calc(var(--spacing)*3);display:flex}.fi-filament-info-widget-main{flex:1}.fi-filament-info-widget-logo{height:calc(var(--spacing)*5);color:var(--gray-950)}.fi-filament-info-widget-logo:where(.dark,.dark *){color:var(--color-white)}.fi-filament-info-widget-version{margin-top:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--gray-500)}.fi-filament-info-widget-version:where(.dark,.dark *){color:var(--gray-400)}.fi-filament-info-widget-links{align-items:flex-end;row-gap:calc(var(--spacing)*1);flex-direction:column;display:flex}}@layer utilities{.fi-color-danger{--color-50:var(--danger-50);--color-100:var(--danger-100);--color-200:var(--danger-200);--color-300:var(--danger-300);--color-400:var(--danger-400);--color-500:var(--danger-500);--color-600:var(--danger-600);--color-700:var(--danger-700);--color-800:var(--danger-800);--color-900:var(--danger-900);--color-950:var(--danger-950)}.fi-color-gray{--color-50:var(--gray-50);--color-100:var(--gray-100);--color-200:var(--gray-200);--color-300:var(--gray-300);--color-400:var(--gray-400);--color-500:var(--gray-500);--color-600:var(--gray-600);--color-700:var(--gray-700);--color-800:var(--gray-800);--color-900:var(--gray-900);--color-950:var(--gray-950)}.fi-color-info{--color-50:var(--info-50);--color-100:var(--info-100);--color-200:var(--info-200);--color-300:var(--info-300);--color-400:var(--info-400);--color-500:var(--info-500);--color-600:var(--info-600);--color-700:var(--info-700);--color-800:var(--info-800);--color-900:var(--info-900);--color-950:var(--info-950)}.fi-color-primary{--color-50:var(--primary-50);--color-100:var(--primary-100);--color-200:var(--primary-200);--color-300:var(--primary-300);--color-400:var(--primary-400);--color-500:var(--primary-500);--color-600:var(--primary-600);--color-700:var(--primary-700);--color-800:var(--primary-800);--color-900:var(--primary-900);--color-950:var(--primary-950)}.fi-color-success{--color-50:var(--success-50);--color-100:var(--success-100);--color-200:var(--success-200);--color-300:var(--success-300);--color-400:var(--success-400);--color-500:var(--success-500);--color-600:var(--success-600);--color-700:var(--success-700);--color-800:var(--success-800);--color-900:var(--success-900);--color-950:var(--success-950)}.fi-color-warning{--color-50:var(--warning-50);--color-100:var(--warning-100);--color-200:var(--warning-200);--color-300:var(--warning-300);--color-400:var(--warning-400);--color-500:var(--warning-500);--color-600:var(--warning-600);--color-700:var(--warning-700);--color-800:var(--warning-800);--color-900:var(--warning-900);--color-950:var(--warning-950)}.fi-bg-color-50{--bg:var(--color-50)}.fi-bg-color-100{--bg:var(--color-100)}.fi-bg-color-200{--bg:var(--color-200)}.fi-bg-color-300{--bg:var(--color-300)}.fi-bg-color-400{--bg:var(--color-400)}.fi-bg-color-500{--bg:var(--color-500)}.fi-bg-color-600{--bg:var(--color-600)}.fi-bg-color-700{--bg:var(--color-700)}.fi-bg-color-800{--bg:var(--color-800)}.fi-bg-color-900{--bg:var(--color-900)}.fi-bg-color-950{--bg:var(--color-950)}.hover\:fi-bg-color-50{--hover-bg:var(--color-50)}.hover\:fi-bg-color-100{--hover-bg:var(--color-100)}.hover\:fi-bg-color-200{--hover-bg:var(--color-200)}.hover\:fi-bg-color-300{--hover-bg:var(--color-300)}.hover\:fi-bg-color-400{--hover-bg:var(--color-400)}.hover\:fi-bg-color-500{--hover-bg:var(--color-500)}.hover\:fi-bg-color-600{--hover-bg:var(--color-600)}.hover\:fi-bg-color-700{--hover-bg:var(--color-700)}.hover\:fi-bg-color-800{--hover-bg:var(--color-800)}.hover\:fi-bg-color-900{--hover-bg:var(--color-900)}.hover\:fi-bg-color-950{--hover-bg:var(--color-950)}.dark\:fi-bg-color-50{--dark-bg:var(--color-50)}.dark\:fi-bg-color-100{--dark-bg:var(--color-100)}.dark\:fi-bg-color-200{--dark-bg:var(--color-200)}.dark\:fi-bg-color-300{--dark-bg:var(--color-300)}.dark\:fi-bg-color-400{--dark-bg:var(--color-400)}.dark\:fi-bg-color-500{--dark-bg:var(--color-500)}.dark\:fi-bg-color-600{--dark-bg:var(--color-600)}.dark\:fi-bg-color-700{--dark-bg:var(--color-700)}.dark\:fi-bg-color-800{--dark-bg:var(--color-800)}.dark\:fi-bg-color-900{--dark-bg:var(--color-900)}.dark\:fi-bg-color-950{--dark-bg:var(--color-950)}.dark\:hover\:fi-bg-color-50{--dark-hover-bg:var(--color-50)}.dark\:hover\:fi-bg-color-100{--dark-hover-bg:var(--color-100)}.dark\:hover\:fi-bg-color-200{--dark-hover-bg:var(--color-200)}.dark\:hover\:fi-bg-color-300{--dark-hover-bg:var(--color-300)}.dark\:hover\:fi-bg-color-400{--dark-hover-bg:var(--color-400)}.dark\:hover\:fi-bg-color-500{--dark-hover-bg:var(--color-500)}.dark\:hover\:fi-bg-color-600{--dark-hover-bg:var(--color-600)}.dark\:hover\:fi-bg-color-700{--dark-hover-bg:var(--color-700)}.dark\:hover\:fi-bg-color-800{--dark-hover-bg:var(--color-800)}.dark\:hover\:fi-bg-color-900{--dark-hover-bg:var(--color-900)}.dark\:hover\:fi-bg-color-950{--dark-hover-bg:var(--color-950)}.fi-text-color-0{--text:oklch(100% 0 0)}.fi-text-color-50{--text:var(--color-50)}.fi-text-color-100{--text:var(--color-100)}.fi-text-color-200{--text:var(--color-200)}.fi-text-color-300{--text:var(--color-300)}.fi-text-color-400{--text:var(--color-400)}.fi-text-color-500{--text:var(--color-500)}.fi-text-color-600{--text:var(--color-600)}.fi-text-color-700{--text:var(--color-700)}.fi-text-color-800{--text:var(--color-800)}.fi-text-color-900{--text:var(--color-900)}.fi-text-color-950{--text:var(--color-950)}.hover\:fi-text-color-0{--hover-text:oklch(100% 0 0)}.hover\:fi-text-color-50{--hover-text:var(--color-50)}.hover\:fi-text-color-100{--hover-text:var(--color-100)}.hover\:fi-text-color-200{--hover-text:var(--color-200)}.hover\:fi-text-color-300{--hover-text:var(--color-300)}.hover\:fi-text-color-400{--hover-text:var(--color-400)}.hover\:fi-text-color-500{--hover-text:var(--color-500)}.hover\:fi-text-color-600{--hover-text:var(--color-600)}.hover\:fi-text-color-700{--hover-text:var(--color-700)}.hover\:fi-text-color-800{--hover-text:var(--color-800)}.hover\:fi-text-color-900{--hover-text:var(--color-900)}.hover\:fi-text-color-950{--hover-text:var(--color-950)}.dark\:fi-text-color-0{--dark-text:oklch(100% 0 0)}.dark\:fi-text-color-50{--dark-text:var(--color-50)}.dark\:fi-text-color-100{--dark-text:var(--color-100)}.dark\:fi-text-color-200{--dark-text:var(--color-200)}.dark\:fi-text-color-300{--dark-text:var(--color-300)}.dark\:fi-text-color-400{--dark-text:var(--color-400)}.dark\:fi-text-color-500{--dark-text:var(--color-500)}.dark\:fi-text-color-600{--dark-text:var(--color-600)}.dark\:fi-text-color-700{--dark-text:var(--color-700)}.dark\:fi-text-color-800{--dark-text:var(--color-800)}.dark\:fi-text-color-900{--dark-text:var(--color-900)}.dark\:fi-text-color-950{--dark-text:var(--color-950)}.dark\:hover\:fi-text-color-0{--dark-hover-text:oklch(100% 0 0)}.dark\:hover\:fi-text-color-50{--dark-hover-text:var(--color-50)}.dark\:hover\:fi-text-color-100{--dark-hover-text:var(--color-100)}.dark\:hover\:fi-text-color-200{--dark-hover-text:var(--color-200)}.dark\:hover\:fi-text-color-300{--dark-hover-text:var(--color-300)}.dark\:hover\:fi-text-color-400{--dark-hover-text:var(--color-400)}.dark\:hover\:fi-text-color-500{--dark-hover-text:var(--color-500)}.dark\:hover\:fi-text-color-600{--dark-hover-text:var(--color-600)}.dark\:hover\:fi-text-color-700{--dark-hover-text:var(--color-700)}.dark\:hover\:fi-text-color-800{--dark-hover-text:var(--color-800)}.dark\:hover\:fi-text-color-900{--dark-hover-text:var(--color-900)}.dark\:hover\:fi-text-color-950{--dark-hover-text:var(--color-950)}.fi-sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fi-prose{--prose-color:var(--color-gray-700);--prose-heading-color:var(--color-gray-950);--prose-strong-color:var(--color-gray-950);--prose-link-color:var(--color-gray-950);--prose-code-color:var(--color-gray-950);--prose-marker-color:var(--color-gray-700)}@supports (color:color-mix(in lab,red,red)){.fi-prose{--prose-marker-color:color-mix(in oklab,var(--color-gray-700)25%,transparent)}}.fi-prose{--prose-link-underline-color:var(--color-primary-400);--prose-th-borders:var(--color-gray-300);--prose-td-borders:var(--color-gray-200);--prose-hr-color:var(--color-gray-950)}@supports (color:color-mix(in lab,red,red)){.fi-prose{--prose-hr-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)}}.fi-prose{--prose-blockquote-border-color:var(--color-gray-300);--prose-pre-bg:var(--color-gray-100)}.fi-prose:where(.dark,.dark *){--prose-color:var(--color-gray-300);--prose-heading-color:var(--color-white);--prose-strong-color:var(--color-white);--prose-link-color:var(--color-white);--prose-code-color:var(--color-white);--prose-marker-color:var(--color-gray-300)}@supports (color:color-mix(in lab,red,red)){.fi-prose:where(.dark,.dark *){--prose-marker-color:color-mix(in oklab,var(--color-gray-300)35%,transparent)}}.fi-prose:where(.dark,.dark *){--prose-link-underline-color:var(--color-sky-400);--prose-th-borders:var(--color-gray-600);--prose-td-borders:var(--color-gray-700);--prose-hr-color:oklab(100% 0 5.96046e-8/.1)}@supports (color:color-mix(in lab,red,red)){.fi-prose:where(.dark,.dark *){--prose-hr-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.fi-prose:where(.dark,.dark *){--prose-blockquote-border-color:var(--color-gray-600);--prose-pre-bg:var(--color-gray-900)}@supports (color:color-mix(in lab,red,red)){.fi-prose:where(.dark,.dark *){--prose-pre-bg:color-mix(in oklab,var(--color-gray-900)40%,transparent)}}.fi-prose{color:var(--prose-color);font-size:var(--text-sm);line-height:1.5}.fi-prose :where(:not(.fi-not-prose,.fi-not-prose *))+:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:calc(var(--spacing)*4)}.fi-prose h1:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:var(--text-xl);letter-spacing:-.025em;color:var(--prose-code-color);line-height:1.55556;font-weight:var(--font-weight-bold)}.fi-prose h2:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:var(--text-lg);letter-spacing:-.025em;color:var(--prose-code-color);line-height:1.55556;font-weight:var(--font-weight-semibold)}.fi-prose h3:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:var(--text-base);color:var(--prose-heading-color);line-height:1.55556;font-weight:var(--font-weight-semibold)}.fi-prose h4:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose h5:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose h6:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:var(--text-sm);color:var(--prose-heading-color);line-height:2;font-weight:var(--font-weight-semibold)}.fi-prose :is(h2,h3,h4,h5,h6):where(:not(.fi-not-prose,.fi-not-prose *)){scroll-margin-top:calc(var(--spacing)*32)}@media(min-width:64rem){.fi-prose :is(h2,h3,h4,h5,h6):where(:not(.fi-not-prose,.fi-not-prose *)){scroll-margin-top:calc(var(--spacing)*18)}}.fi-prose ol:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-start:calc(var(--spacing)*6);list-style-type:decimal}.fi-prose ul:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-start:calc(var(--spacing)*6);list-style-type:disc}.fi-prose ol li:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose ul li:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-start:calc(var(--spacing)*3)}.fi-prose ol li+li:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose ul li+li:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:calc(var(--spacing)*4)}.fi-prose ol li:where(:not(.fi-not-prose,.fi-not-prose *))::marker{color:var(--prose-marker-color)}.fi-prose ul li:where(:not(.fi-not-prose,.fi-not-prose *))::marker{color:var(--prose-marker-color)}.fi-prose a:not(:where(:is(h2,h3,h4,h5,h6) *)):where(:not(.fi-not-prose,.fi-not-prose *)){color:var(--prose-link-color);font-weight:var(--font-weight-semibold);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--prose-link-underline-color);text-decoration-color:var(--prose-link-underline-color);text-decoration-thickness:1px}.fi-prose a:not(:where(:is(h2,h3,h4,h5,h6) *)):where(:not(.fi-not-prose,.fi-not-prose *)) code{font-weight:var(--font-weight-semibold)}.fi-prose a:hover:where(:not(.fi-not-prose,.fi-not-prose *)){text-decoration-thickness:2px}.fi-prose strong:where(:not(.fi-not-prose,.fi-not-prose *)){color:var(--prose-strong-color);font-weight:var(--font-weight-semibold)}.fi-prose code:where(:not(.fi-not-prose,.fi-not-prose *)){font-variant-ligatures:none;font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--prose-code-color)}.fi-prose :where(h2,h3,h4,h5,h6) code:where(:not(.fi-not-prose,.fi-not-prose *)){font-weight:var(--font-weight-semibold)}.fi-prose code:where(:not(.fi-not-prose,.fi-not-prose *)):before,.fi-prose code:where(:not(.fi-not-prose,.fi-not-prose *)):after{content:"`";display:inline}.fi-prose pre:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*10);border-radius:var(--radius-lg);padding-top:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*3);background-color:var(--prose-pre-bg);padding-inline-start:calc(var(--spacing)*4)}.fi-prose pre code *+:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:0}.fi-prose pre code:where(:not(.fi-not-prose,.fi-not-prose *)):before,.fi-prose pre code:where(:not(.fi-not-prose,.fi-not-prose *)):after{content:none}.fi-prose pre code:where(:not(.fi-not-prose,.fi-not-prose *)){font-variant-ligatures:none;font-family:var(--font-mono);font-size:var(--text-sm);line-height:2}.fi-prose table:where(:not(.fi-not-prose,.fi-not-prose *)){table-layout:auto;width:100%;font-size:var(--text-sm);margin-top:2em;margin-bottom:2em;line-height:1.4}.fi-prose thead:where(:not(.fi-not-prose,.fi-not-prose *)){border-bottom-width:1px;border-bottom-color:var(--prose-th-borders)}.fi-prose thead th:where(:not(.fi-not-prose,.fi-not-prose *)){color:var(--prose-heading-color);vertical-align:bottom;padding-inline-end:.6em;padding-bottom:.8em;padding-inline-start:.6em;font-weight:600}.fi-prose thead th:first-child:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-start:0}.fi-prose thead th:last-child:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-end:0}.fi-prose tbody tr:where(:not(.fi-not-prose,.fi-not-prose *)){border-bottom-width:1px;border-bottom-color:var(--prose-td-borders)}.fi-prose tbody tr:last-child:where(:not(.fi-not-prose,.fi-not-prose *)){border-bottom-width:0}.fi-prose tbody td:where(:not(.fi-not-prose,.fi-not-prose *)){vertical-align:baseline}.fi-prose tfoot:where(:not(.fi-not-prose,.fi-not-prose *)){border-top-width:1px;border-top-color:var(--prose-th-borders)}.fi-prose tfoot td:where(:not(.fi-not-prose,.fi-not-prose *)){vertical-align:top}.fi-prose tbody td:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose tfoot td:where(:not(.fi-not-prose,.fi-not-prose *)){padding-top:.8em;padding-inline-end:.6em;padding-bottom:.8em;padding-inline-start:.6em}.fi-prose tbody td:first-child:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose tfoot td:first-child:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-start:0}.fi-prose tbody td:last-child:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose tfoot td:last-child:where(:not(.fi-not-prose,.fi-not-prose *)){padding-inline-end:0}.fi-prose th:where(:not(.fi-not-prose,.fi-not-prose *)),.fi-prose td:where(:not(.fi-not-prose,.fi-not-prose *)){text-align:start}.fi-prose td code:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:.8125rem}.fi-prose hr:where(:not(.fi-not-prose,.fi-not-prose *)){border-color:var(--prose-hr-color);margin-block:calc(var(--spacing)*8)}.fi-prose hr:where(:not(.fi-not-prose,.fi-not-prose *))+h2{margin-top:calc(var(--spacing)*8)}.fi-prose blockquote{border-inline-start-width:.25rem;border-inline-start-color:var(--prose-blockquote-border-color);padding-inline-start:calc(var(--spacing)*4);font-style:italic}.fi-prose blockquote p:first-of-type:before{content:open-quote}.fi-prose blockquote p:last-of-type:after{content:close-quote}.fi-prose figure:where(:not(.fi-not-prose,.fi-not-prose *)) figcaption:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:calc(var(--spacing)*3);text-align:center;font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--prose-color);font-style:italic}@supports (color:color-mix(in lab,red,red)){.fi-prose figure:where(:not(.fi-not-prose,.fi-not-prose *)) figcaption:where(:not(.fi-not-prose,.fi-not-prose *)){color:color-mix(in oklab,var(--prose-color)75%,transparent)}}.fi-prose :first-child:where(:not(.fi-not-prose,.fi-not-prose *)){margin-top:0}.fi-prose :last-child:where(:not(.fi-not-prose,.fi-not-prose *)){margin-bottom:0}.fi-prose .color:where(:not(.fi-not-prose,.fi-not-prose *)){color:var(--color)}.fi-prose .color:where(:not(.fi-not-prose,.fi-not-prose *)):where(.dark,.dark *){color:var(--dark-color)}.fi-prose .lead:where(:not(.fi-not-prose,.fi-not-prose *)){font-size:var(--text-base)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *)){gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=default]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=default]>.grid-layout-col{grid-column:var(--col-span)}@media(min-width:40rem){.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=sm]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=sm]>.grid-layout-col{grid-column:var(--col-span)}}@media(min-width:48rem){.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=md]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=md]>.grid-layout-col{grid-column:var(--col-span)}}@media(min-width:64rem){.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=lg]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=lg]>.grid-layout-col{grid-column:var(--col-span)}}@media(min-width:80rem){.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=xl]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint=xl]>.grid-layout-col{grid-column:var(--col-span)}}@media(min-width:96rem){.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="2xl"]{grid-template-columns:var(--cols)}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="2xl"]>.grid-layout-col{grid-column:var(--col-span)}}.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))>.grid-layout-col{min-width:0;margin-top:0}}@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-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@utility tippy-box{&[data-animation="fade"][data-state="hidden"] {opacity: 0;} color: #fff; white-space: normal; background-color: #333; border-radius: 4px; outline: 0; font-size: 14px; line-height: 1.4; transition-property: transform,visibility,opacity; position: relative; &[data-placement^="top"] > .tippy-arrow {bottom: 0;} &[data-placement^="top"] > .tippy-arrow:before {border-width: 8px 8px 0; border-top-color: initial; transform-origin: top; bottom: -7px; left: 0;} &[data-placement^="bottom"] > .tippy-arrow {top: 0;} &[data-placement^="bottom"] > .tippy-arrow:before {border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: bottom; top: -7px; left: 0;} &[data-placement^="left"] > .tippy-arrow {right: 0;} &[data-placement^="left"] > .tippy-arrow:before {border-width: 8px 0 8px 8px; border-left-color: initial; transform-origin: 0; right: -7px;} &[data-placement^="right"] > .tippy-arrow {left: 0;} &[data-placement^="right"] > .tippy-arrow:before {border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: 100%; left: -7px;} &[data-inertia][data-state="visible"] {transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);} &[data-theme~="light"] {color: #26323d; background-color: #fff; box-shadow: 0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;} &[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before {border-top-color: #fff;} &[data-theme~="light"][data-placement^="bottom"] > .tippy-arrow:before {border-bottom-color: #fff;} &[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before {border-left-color: #fff;} &[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before {border-right-color: #fff;} &[data-theme~="light"] > .tippy-backdrop {background-color: #fff;} &[data-theme~="light"] > .tippy-svg-arrow {fill: #fff;}}@utility tippy-arrow{.tippy-box[data-placement^="top"] > & {bottom: 0;} .tippy-box[data-placement^="top"] > &:before {border-width: 8px 8px 0; border-top-color: initial; transform-origin: top; bottom: -7px; left: 0;} .tippy-box[data-placement^="bottom"] > & {top: 0;} .tippy-box[data-placement^="bottom"] > &:before {border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: bottom; top: -7px; left: 0;} .tippy-box[data-placement^="left"] > & {right: 0;} .tippy-box[data-placement^="left"] > &:before {border-width: 8px 0 8px 8px; border-left-color: initial; transform-origin: 0; right: -7px;} .tippy-box[data-placement^="right"] > & {left: 0;} .tippy-box[data-placement^="right"] > &:before {border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: 100%; left: -7px;} color: #333; width: 16px; height: 16px; &:before {content: ""; border-style: solid; border-color: #0000; position: absolute;} .tippy-box[data-theme~="light"][data-placement^="top"] > &:before {border-top-color: #fff;} .tippy-box[data-theme~="light"][data-placement^="bottom"] > &:before {border-bottom-color: #fff;} .tippy-box[data-theme~="light"][data-placement^="left"] > &:before {border-left-color: #fff;} .tippy-box[data-theme~="light"][data-placement^="right"] > &:before {border-right-color: #fff;}}@utility tippy-content{z-index: 1; padding: 5px 9px; position: relative;}@utility tippy-backdrop{.tippy-box[data-theme~="light"] > & {background-color: #fff;}}@utility tippy-svg-arrow{.tippy-box[data-theme~="light"] > & {fill: #fff;}}@utility fi-avatar{width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); border-radius: var(--radius-md); object-fit: cover; object-position: center; &.fi-circular {border-radius: 3.40282e38px;} &.fi-size-sm {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);} &.fi-size-lg {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);}}@utility fi-circular{&.fi-avatar {border-radius: 3.40282e38px;} &.fi-in-image img {border-radius: 3.40282e38px;} &.fi-ta-image img {border-radius: 3.40282e38px;}}@utility fi-size-sm{&.fi-avatar {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);} &.fi-badge {min-width: 1.25rem; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * .5); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} &.fi-btn {gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-icon {width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);} .fi-icon-btn.fi-size-xs:has(&.fi-icon) {margin: calc(var(--spacing) * -1.5);} &.fi-icon-btn {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);} &.fi-icon-btn:has(&.fi-icon) {margin: calc(var(--spacing) * -2);} &.fi-icon-btn:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -1.5);} &.fi-icon-btn:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -1);} .fi-icon-btn.fi-size-md:has(&.fi-icon) {margin: calc(var(--spacing) * -2.5);} .fi-icon-btn.fi-size-lg:has(&.fi-icon) {margin: calc(var(--spacing) * -3);} .fi-icon-btn.fi-size-xl:has(&.fi-icon) {margin: calc(var(--spacing) * -3.5);} &.fi-link {gap: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-section > .fi-section-header > &.fi-icon {margin-top: calc(var(--spacing) * 1);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-btn {margin-block: calc(var(--spacing) * -1);} &.fi-in-text-item {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-ta-text-item {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6);}}@utility fi-size-lg{&.fi-avatar {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);} &.fi-btn {gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-icon {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);} .fi-icon-btn.fi-size-xs:has(&.fi-icon) {margin: calc(var(--spacing) * -.5);} .fi-icon-btn.fi-size-sm:has(&.fi-icon) {margin: calc(var(--spacing) * -1);} .fi-icon-btn.fi-size-md:has(&.fi-icon) {margin: calc(var(--spacing) * -1.5);} &.fi-icon-btn {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);} &.fi-icon-btn:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -3);} &.fi-icon-btn:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -2.5);} &.fi-icon-btn:has(&.fi-icon) {margin: calc(var(--spacing) * -2);} .fi-icon-btn.fi-size-xl:has(&.fi-icon) {margin: calc(var(--spacing) * -2.5);} &.fi-link {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-btn {margin-block: calc(var(--spacing) * -2);} .fi-in-image &.fi-in-image-limited-remaining-text {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-in-text-item {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-sc-text:not(.fi-badge) {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-sc-unordered-list {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} .fi-ta-image &.fi-ta-image-limited-remaining-text {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-ta-text-item {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-badge{justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 1); border-radius: var(--radius-md); background-color: var(--gray-50); min-width: 1.5rem; padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-600); display: inline-flex; @supports (color: color-mix(in lab,red,red)) { --tw-ring-color: color-mix(in oklab, var(--gray-600) 10%, transparent); } --tw-ring-inset: inset; &:where(.dark,.dark *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} &:where(.dark,.dark *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} &:not(.fi-wrapped) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} &.fi-disabled:not(.fi-force-enabled) {cursor: default; opacity: .7;} &[disabled]:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-disabled:not(.fi-force-enabled),&[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} & .fi-badge-label-ctn {display: grid;} & .fi-badge-label.fi-wrapped {text-wrap: wrap; word-break: break-word;} & .fi-badge-label:not(.fi-wrapped) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} & .fi-icon {flex-shrink: 0;} &.fi-size-xs {min-width: 1rem; padding-inline: calc(var(--spacing) * .5); padding-block: calc(var(--spacing) * 0); --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter);} &.fi-size-sm {min-width: 1.25rem; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * .5); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} &.fi-color {background-color: var(--color-50); color: var(--text); --tw-ring-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {&.fi-color { --tw-ring-color: color-mix(in oklab, var(--color-600) 10%, transparent); }} &.fi-color:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-color:where(.dark,.dark *) {color: var(--dark-text); --tw-ring-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} &.fi-color .fi-badge-delete-btn > .fi-icon {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {&.fi-color .fi-badge-delete-btn > .fi-icon {color: color-mix(in oklab,var(--color-700) 50%,transparent);}} &.fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {&.fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-300) 50%,transparent);}} &:not(.fi-color) .fi-icon {color: var(--gray-400);} &:not(.fi-color) .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-badge-delete-btn {margin-block: calc(var(--spacing) * -1); padding: calc(var(--spacing) * 1); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; justify-content: center; align-items: center; margin-inline-start: calc(var(--spacing) * -1); margin-inline-end: calc(var(--spacing) * -2); transition-duration: 75ms; display: flex;} & .fi-badge-delete-btn > .fi-icon {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {& .fi-badge-delete-btn > .fi-icon {color: color-mix(in oklab,var(--gray-700) 50%,transparent);}} & .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {& .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: color-mix(in oklab,var(--gray-300) 50%,transparent);}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: color-mix(in oklab,var(--gray-700) 75%,transparent);}} @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}} @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:hover {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:hover {color: color-mix(in oklab,var(--color-700) 75%,transparent);}}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:focus-visible {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:focus-visible {color: color-mix(in oklab,var(--color-700) 75%,transparent);}} @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} .fi-dropdown-list-item & {min-width: 1.25rem; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * .5); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} .fi-tabs-item & {width: max-content;} .fi-fo-tags-input .fi-fo-tags-input-tags-ctn > &.fi-reorderable {cursor: move;} .fi-fo-tags-input .fi-fo-tags-input-tags-ctn > & .fi-badge-label-ctn {text-align: start; -webkit-user-select: none; user-select: none;} .fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) & {white-space: nowrap;} .fi-no-database .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading & {inset-inline-start: 100%; top: calc(var(--spacing) * -1); width: max-content; margin-inline-start: calc(var(--spacing) * 1); position: absolute;} .fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) & {white-space: nowrap;} @media (hover: hover) {.fi-ta-col-has-column-url .fi-ta-text-item > &:hover {text-decoration-line: none;}} .fi-ta-col-has-column-url .fi-ta-text-item > &:focus-visible {text-decoration-line: none;}}@utility dark{.fi-badge:where(&,& *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-badge:where(&,& *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} .fi-badge:where(&,& *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-badge:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} .fi-badge.fi-color:where(&,& *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color:where(&,& *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-badge.fi-color:where(&,& *) {color: var(--dark-text); --tw-ring-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} .fi-badge.fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *) {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *) {color: color-mix(in oklab,var(--color-300) 50%,transparent);}} .fi-badge:not(.fi-color) .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-badge .fi-badge-delete-btn > .fi-icon:where(&,& *) {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge .fi-badge-delete-btn > .fi-icon:where(&,& *) {color: color-mix(in oklab,var(--gray-300) 50%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(&,& *):hover {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(&,& *):hover {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(&,& *):focus-visible {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(&,& *):focus-visible {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(&,& *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} .fi-breadcrumbs ol li:where(&,& *) {color: var(--gray-400);} @media (hover: hover) {.fi-breadcrumbs ol li a:where(&,& *):hover {color: var(--gray-200);}} .fi-breadcrumbs ol li .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-btn > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-btn.fi-outlined:where(&,& *) {color: var(--color-white); --tw-ring-color: var(--gray-700);} .fi-btn.fi-outlined.fi-color:where(&,& *) {color: var(--dark-text); --tw-ring-color: var(--color-500);} @media (hover: hover) {:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: color-mix(in oklab,var(--color-600) 10%,transparent);}}} :is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(.fi-btn.fi-outlined.fi-color.fi-force-enabled,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 40%, transparent); }} .fi-btn.fi-outlined.fi-color > .fi-icon:where(&,& *) {color: var(--color-400);} .fi-btn:not(.fi-outlined):where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-btn:not(.fi-outlined):where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-btn:not(.fi-outlined):where(&,& *) {color: var(--color-white);} @media (hover: hover) {:is(.fi-btn:not(.fi-outlined).fi-force-enabled,.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:is(.fi-btn:not(.fi-outlined).fi-force-enabled,.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}} input:checked + label.fi-btn:not(.fi-outlined):where(&,& *) {background-color: var(--gray-600);} @media (hover: hover) {:is(input:checked + label.fi-btn:not(.fi-outlined).fi-force-enabled,input:checked + label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: var(--gray-500);}} .fi-btn:not(.fi-outlined).fi-color:not(label):where(&,& *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} :is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(.fi-btn:not(.fi-outlined).fi-color:not(label).fi-force-enabled,.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} .fi-btn:not(.fi-outlined).fi-color:not(label) > .fi-icon:where(&,& *) {color: var(--dark-text);} input:checked + :is(label.fi-btn:not(.fi-outlined).fi-color):where(&,& *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {input:checked + :is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(&,& *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} input:focus-visible + :is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input:checked:focus-visible + :is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(&,& *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(label.fi-btn:not(.fi-outlined).fi-color.fi-force-enabled,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} label.fi-btn > .fi-icon:is(:checked + label > .fi-icon):where(&,& *) {color: var(--dark-text);} :is(.fi-btn:not(.fi-color),label.fi-btn):where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {:is(.fi-btn:not(.fi-color),label.fi-btn):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-btn .fi-btn-badge-ctn:where(&,& *) {background-color: var(--gray-900);} .fi-btn-group:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-btn-group:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-btn-group > .fi-btn:not(:nth-child(1 of .fi-btn)):where(&,& *) { --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .fi-dropdown-header .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-dropdown-header span:where(&,& *) {color: var(--gray-200);} .fi-dropdown-header.fi-color .fi-icon:where(&,& *) {color: var(--color-400);} .fi-dropdown-header.fi-color span:where(&,& *) {color: var(--dark-text);} :scope .fi-dropdown-panel:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:scope .fi-dropdown-panel:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} :where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(:scope .fi-dropdown-panel:not(.fi-dropdown-list):where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-dropdown-list-item > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-dropdown-list-item > .fi-icon.fi-color:where(&,& *) {color: var(--color-400);} @media (hover: hover) {.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(&,& *):hover {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(&,& *):hover {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}}} .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(&,& *):focus-visible {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(&,& *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(&,& *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(&,& *) {color: var(--dark-text);} @media (hover: hover) {.fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label:where(&,& *):hover {color: var(--dark-hover-text);}} .fi-dropdown-list-item.fi-color .fi-dropdown-list-item-label.fi-selected:where(&,& *) {color: var(--dark-hover-text);} .fi-dropdown-list-item-label:where(&,& *) {color: var(--gray-200);} .fi-empty-state:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-empty-state .fi-empty-state-icon-bg:where(&,& *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state .fi-empty-state-icon-bg:where(&,& *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-empty-state .fi-empty-state-icon-bg.fi-color:where(&,& *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state .fi-empty-state-icon-bg.fi-color:where(&,& *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-empty-state .fi-empty-state-icon-bg .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-empty-state .fi-empty-state-icon-bg .fi-icon.fi-color:where(&,& *) {color: var(--color-400);} .fi-empty-state .fi-empty-state-heading:where(&,& *) {color: var(--color-white);} .fi-empty-state .fi-empty-state-description:where(&,& *) {color: var(--gray-400);} .fi-fieldset > legend:where(&,& *) {color: var(--color-white);} .fi-fieldset > legend .fi-fieldset-label-required-mark:where(&,& *) {color: var(--danger-400);} .fi-fieldset:not(.fi-fieldset-not-contained):where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fieldset:not(.fi-fieldset-not-contained):where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-icon-btn:where(&,& *) {color: var(--gray-500);} @media (hover: hover) {:is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(&,& *):hover {color: var(--gray-400);}} :is(.fi-icon-btn.fi-force-enabled,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: var(--primary-500); } .fi-icon-btn.fi-color:where(&,& *) {color: var(--dark-text);} @media (hover: hover) {:is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):hover {color: var(--dark-hover-text);}} :is(.fi-icon-btn.fi-color.fi-force-enabled,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(&,& *):focus-visible { --tw-ring-color: var(--color-500); } .fi-icon-btn > .fi-icon-btn-badge-ctn:where(&,& *) {background-color: var(--gray-900);} input[type="checkbox"].fi-checkbox-input:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} input[type="checkbox"].fi-checkbox-input:where(&,& *) {color: var(--primary-500); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input[type="checkbox"].fi-checkbox-input:where(&,& *):checked {background-color: var(--primary-500);} input[type="checkbox"].fi-checkbox-input:where(&,& *):focus { --tw-ring-color: var(--primary-500); } input[type="checkbox"].fi-checkbox-input:where(&,& *):checked:focus { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input:where(&,& *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} input[type="checkbox"].fi-checkbox-input:where(&,& *):disabled { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input:where(&,& *):disabled { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} input[type="checkbox"].fi-checkbox-input:where(&,& *):disabled:checked {background-color: var(--gray-600);} input[type="checkbox"].fi-checkbox-input:indeterminate:where(&,& *) {background-color: var(--primary-500);} input[type="checkbox"].fi-checkbox-input:indeterminate:focus:where(&,& *) { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input:indeterminate:focus:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} input[type="checkbox"].fi-checkbox-input:indeterminate:disabled:where(&,& *) {background-color: var(--gray-600);} input[type="checkbox"].fi-checkbox-input.fi-invalid:where(&,& *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} input[type="checkbox"].fi-checkbox-input.fi-invalid:where(&,& *):checked {background-color: var(--danger-500);} input[type="checkbox"].fi-checkbox-input.fi-invalid:where(&,& *):focus { --tw-ring-color: var(--danger-500); } input[type="checkbox"].fi-checkbox-input.fi-invalid:where(&,& *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input.fi-invalid:where(&,& *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} input[type="checkbox"].fi-checkbox-input.fi-invalid:indeterminate:where(&,& *) {background-color: var(--danger-500);} input[type="checkbox"].fi-checkbox-input.fi-invalid:indeterminate:focus:where(&,& *) { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {input[type="checkbox"].fi-checkbox-input.fi-invalid:indeterminate:focus:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} input.fi-input:where(&,& *) {color: var(--color-white);} input.fi-input:where(&,& *)::placeholder {color: var(--gray-500);} input.fi-input:where(&,& *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} input.fi-input:where(&,& *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} input[type="text"].fi-one-time-code-input:where(&,& *) {color: var(--color-white);} input[type="text"].fi-one-time-code-input:where(&,& *)::placeholder {color: var(--gray-500);} input[type="text"].fi-one-time-code-input:where(&,& *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} input[type="text"].fi-one-time-code-input:where(&,& *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} .fi-one-time-code-input-ctn > .fi-one-time-code-input-digit-field:where(&,& *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-one-time-code-input-ctn > .fi-one-time-code-input-digit-field:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-one-time-code-input-ctn > .fi-one-time-code-input-digit-field:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-one-time-code-input-ctn > .fi-one-time-code-input-digit-field:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-one-time-code-input-ctn > .fi-one-time-code-input-digit-field.fi-active:where(&,& *) {border-color: var(--primary-500);} input[type="radio"].fi-radio-input:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {input[type="radio"].fi-radio-input:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} input[type="radio"].fi-radio-input:where(&,& *) {color: var(--primary-500); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {input[type="radio"].fi-radio-input:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input[type="radio"].fi-radio-input:where(&,& *):checked {background-color: var(--primary-500);} input[type="radio"].fi-radio-input:where(&,& *):focus { --tw-ring-color: var(--primary-500); } input[type="radio"].fi-radio-input:where(&,& *):checked:focus { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {input[type="radio"].fi-radio-input:where(&,& *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} input[type="radio"].fi-radio-input:where(&,& *):disabled { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {input[type="radio"].fi-radio-input:where(&,& *):disabled { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} input[type="radio"].fi-radio-input:where(&,& *):disabled:checked {background-color: var(--gray-600);} input[type="radio"].fi-radio-input.fi-invalid:where(&,& *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} input[type="radio"].fi-radio-input.fi-invalid:where(&,& *):checked {background-color: var(--danger-500);} input[type="radio"].fi-radio-input.fi-invalid:where(&,& *):focus { --tw-ring-color: var(--danger-500); } input[type="radio"].fi-radio-input.fi-invalid:where(&,& *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {input[type="radio"].fi-radio-input.fi-invalid:where(&,& *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} select.fi-select-input:where(&,& *) {color: var(--color-white);} select.fi-select-input:where(&,& *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} select.fi-select-input optgroup:where(&,& *) {background-color: var(--gray-900);} select.fi-select-input option:where(&,& *) {background-color: var(--gray-900);} .fi-select-input .fi-select-input-btn:where(&,& *) {color: var(--color-white);} @media (hover: hover) {.fi-select-input .fi-select-input-value-remove-btn:where(&,& *):hover {color: var(--gray-300);}} .fi-select-input .fi-select-input-value-remove-btn:where(&,& *):focus-visible {color: var(--gray-300);} :where(.fi-select-input .fi-select-input-options-ctn:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-select-input .fi-select-input-options-ctn:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-select-input .fi-select-input-option-group:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-select-input .fi-select-input-option-group:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-select-input .fi-select-input-search-ctn:where(&,& *) {background-color: var(--gray-900);} .fi-select-input .fi-select-input-placeholder:where(&,& *) {color: var(--gray-500);} .fi-select-input .fi-disabled .fi-select-input-placeholder:where(&,& *) {color: var(--gray-500);} .fi-select-input .fi-select-input-message:where(&,& *) {color: var(--gray-400);} .fi-input-wrp:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-input-wrp:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):where(&,& *):focus-within { --tw-ring-color: var(--primary-500); } .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:where(&,& *):focus-within { --tw-ring-color: var(--danger-500); } .fi-input-wrp.fi-disabled:where(&,& *) {background-color: #0000;} .fi-input-wrp.fi-disabled:not(.fi-invalid):where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp.fi-disabled:not(.fi-invalid):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-input-wrp.fi-invalid:where(&,& *) { --tw-ring-color: var(--danger-500); } .fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp .fi-input-wrp-prefix:not(.fi-inline):where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp .fi-input-wrp-suffix:not(.fi-inline):where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-input-wrp .fi-input-wrp-label:where(&,& *) {color: var(--gray-400);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-link:where(&,& *) {color: var(--gray-200);} .fi-link.fi-color:where(&,& *) {color: var(--dark-text);} .fi-link:not(.fi-color) > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-link .fi-link-badge-ctn:where(&,& *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-close-overlay:where(&,& *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-close-overlay:where(&,& *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(&,& *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading:where(&,& *) {color: var(--color-white);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-description:where(&,& *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(&,& *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg:where(&,& *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg:where(&,& *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg > .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color:where(&,& *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color:where(&,& *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color > .fi-icon:where(&,& *) {color: var(--color-400);} .fi-pagination .fi-pagination-overview:where(&,& *) {color: var(--gray-200);} .fi-pagination .fi-pagination-items:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-items:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination .fi-pagination-items:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-items:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-pagination .fi-pagination-item:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-item:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-btn:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination .fi-pagination-item.fi-active .fi-pagination-item-label:where(&,& *) {color: var(--primary-400);} .fi-pagination .fi-pagination-item.fi-disabled .fi-pagination-item-label:where(&,& *) {color: var(--gray-400);} @media (hover: hover) {.fi-pagination .fi-pagination-item-btn:enabled:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-item-btn:enabled:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-pagination .fi-pagination-item-btn:enabled:where(&,& *):focus-visible { --tw-ring-color: var(--primary-500); } .fi-pagination .fi-pagination-item-btn:hover .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-pagination .fi-pagination-item-btn .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-pagination .fi-pagination-item-btn .fi-pagination-item-label:where(&,& *) {color: var(--gray-200);} .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section:not(.fi-section-not-contained):not(.fi-aside):where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary > .fi-section-content-ctn:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary > .fi-section-content-ctn:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-section.fi-divided > .fi-section-content-ctn > .fi-section-content:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-section.fi-divided > .fi-section-content-ctn > .fi-section-content:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section > .fi-section-header > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-section > .fi-section-header > .fi-icon.fi-color:where(&,& *) {color: var(--color-400);} .fi-section .fi-section-header-heading:where(&,& *) {color: var(--color-white);} .fi-section .fi-section-header-description:where(&,& *) {color: var(--gray-400);} .fi-tabs.fi-contained:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-tabs.fi-contained:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-tabs:not(.fi-contained):where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-tabs:not(.fi-contained):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-tabs-item:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-tabs-item:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-tabs-item:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-tabs-item:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-tabs-item.fi-active:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-tabs-item.fi-active:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :is(.fi-tabs-item.fi-active .fi-tabs-item-label,.fi-tabs-item.fi-active .fi-icon):where(&,& *) {color: var(--primary-400);} .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(&,& *) {color: var(--gray-200);} .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(&,& *):is(:where(.group):focus-visible *) {color: var(--gray-200);} .fi-tabs-item :not(.fi-active):focus-visible .fi-tabs-item-label:where(&,& *) {color: var(--gray-200);} .fi-tabs-item .fi-tabs-item-label:where(&,& *) {color: var(--gray-400);} .fi-tabs-item .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-toggle:where(&,& *) {background-color: var(--gray-700);} .fi-toggle:where(&,& *):focus-visible { --tw-ring-color: var(--primary-500); --tw-ring-offset-color: var(--gray-900); } .fi-toggle.fi-color:where(&,& *) {background-color: var(--dark-bg);} .fi-toggle .fi-icon:where(&,& *) {color: var(--gray-700);} .fi-fo-builder .fi-fo-builder-item:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-item:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-builder .fi-fo-builder-item:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-item:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-builder .fi-fo-builder-item-header-icon:where(&,& *) {color: var(--gray-500);} .fi-fo-builder .fi-fo-builder-item-header-label:where(&,& *) {color: var(--color-white);} .fi-fo-builder .fi-fo-builder-item-has-header > .fi-fo-builder-item-content:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-item-has-header > .fi-fo-builder-item-content:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-builder .fi-fo-builder-block-picker-ctn:where(&,& *) {background-color: var(--gray-900);} .fi-fo-builder .fi-fo-builder-add-between-items:where(&,& *) {background-color: var(--gray-900);} .fi-fo-builder .fi-fo-builder-label-between-items-divider-before:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-label-between-items-divider-before:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-builder .fi-fo-builder-label-between-items:where(&,& *) {color: var(--gray-400);} .fi-fo-builder .fi-fo-builder-label-between-items-divider-after:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-label-between-items-divider-after:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label:where(&,& *) {color: var(--color-white);} .fi-fo-checkbox-list .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description:where(&,& *) {color: var(--gray-400);} .fi-fo-checkbox-list .fi-fo-checkbox-list-no-search-results-message:where(&,& *) {color: var(--gray-400);} .fi-fo-code-editor .cm-editor .cm-gutters:where(&,& *) {border-inline-end-color: var(--gray-800) !important; background-color: var(--gray-950) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(&,& *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(&,& *) {background-color: var(--gray-800) !important;} .fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-color-picker .fi-fo-color-picker-preview.fi-empty:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(&,& *) {color: var(--color-white);} .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(&,& *)::placeholder {color: var(--gray-500);} .fi-fo-date-time-picker .fi-fo-date-time-picker-display-text-input:where(&,& *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-panel:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-date-time-picker .fi-fo-date-time-picker-month-select:where(&,& *) {background-color: var(--gray-900); color: var(--color-white);} .fi-fo-date-time-picker .fi-fo-date-time-picker-year-input:where(&,& *) {color: var(--color-white);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day:where(&,& *) {color: var(--gray-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(&,& *) {color: var(--primary-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(&,& *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(&,& *) {color: var(--primary-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(&,& *) {color: var(--color-white);} .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs input:where(&,& *) {color: var(--color-white);} .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator:where(&,& *) {color: var(--gray-400);} .fi-fo-field .fi-fo-field-label-content:where(&,& *) {color: var(--color-white);} .fi-fo-field .fi-fo-field-label-content .fi-fo-field-label-required-mark:where(&,& *) {color: var(--danger-400);} .fi-fo-field .fi-fo-field-wrp-error-message:where(&,& *) {color: var(--danger-400);} .fi-fo-file-upload .fi-fo-file-upload-error-message:where(&,& *) {color: var(--danger-400);} .fi-fo-file-upload .filepond--root:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .filepond--root:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-file-upload .filepond--root:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .filepond--root:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-fo-file-upload .filepond--root[data-disabled="disabled"]:where(&,& *) { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .filepond--root[data-disabled="disabled"]:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-file-upload .filepond--drop-label label:where(&,& *) {color: var(--gray-400);} .fi-fo-file-upload .filepond--label-action:where(&,& *) {color: var(--color-white);} @media (hover: hover) {.fi-fo-file-upload .filepond--label-action:where(&,& *):hover {color: var(--primary-500);}} .fi-fo-file-upload .filepond--drip-blob:where(&,& *) {background-color: var(--gray-500);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(&,& *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(&,& *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(&,& *) {background-color: var(--gray-800); --tw-ring-color: var(--gray-50);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--gray-50) 10%, transparent); }} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(&,& *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(&,& *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(&,& *) {background-color: var(--gray-700);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(&,& *) {color: var(--color-white);} .fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(&,& *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(&,& *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}} :where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value .fi-fo-key-value-table-ctn:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} :where(.fi-fo-key-value .fi-fo-key-value-table:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value .fi-fo-key-value-table:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-key-value .fi-fo-key-value-table > thead > tr > th:where(&,& *) {color: var(--gray-200);} :where(.fi-fo-key-value .fi-fo-key-value-table > tbody:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value .fi-fo-key-value-table > tbody:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-fo-key-value .fi-fo-key-value-table > tbody > tr:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value .fi-fo-key-value-table > tbody > tr:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor:not(.fi-disabled):where(&,& *) {color: var(--color-white);} .fi-fo-markdown-editor.fi-disabled:where(&,& *) {color: var(--gray-400); --tw-ring-color: #ffffff1a; background-color: #0000;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor.fi-disabled:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} @media (hover: hover) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar button.active:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor:where(&,& *) { --color-cm-red: #f87171; --color-cm-orange: #fb923c; --color-cm-amber: #fbbf24; --color-cm-yellow: #facc15; --color-cm-lime: #a3e635; --color-cm-green: #4ade80; --color-cm-emerald: #4ade80; --color-cm-teal: #2dd4bf; --color-cm-cyan: #22d3ee; --color-cm-sky: #38bdf8; --color-cm-blue: #60a5fa; --color-cm-indigo: #818cf8; --color-cm-violet: #a78bfa; --color-cm-purple: #c084fc; --color-cm-fuchsia: #e879f9; --color-cm-pink: #f472b6; --color-cm-rose: #fb7185; --color-cm-gray: #fafafa; --color-cm-gray-muted: #a1a1aa; --color-cm-gray-background: #52525b; } .fi-fo-markdown-editor:where(&,& *) .EasyMDEContainer .cm-s-easymde span.CodeMirror-selectedtext {filter: invert();} .fi-fo-markdown-editor:where(&,& *) .EasyMDEContainer .editor-toolbar button:before {background-color: var(--gray-300);} .fi-fo-markdown-editor:where(&,& *) .EasyMDEContainer .editor-toolbar button.active:before {background-color: var(--primary-400);} .fi-fo-modal-table-select .fi-fo-modal-table-select-placeholder:where(&,& *) {color: var(--gray-500);} .fi-fo-radio > .fi-fo-radio-label > .fi-fo-radio-label-text:where(&,& *) {color: var(--color-white);} .fi-fo-radio > .fi-fo-radio-label .fi-fo-radio-label-description:where(&,& *) {color: var(--gray-400);} .fi-fo-repeater .fi-fo-repeater-item:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-item:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-repeater .fi-fo-repeater-item:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-item:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-repeater .fi-fo-repeater-item-header-icon:where(&,& *) {color: var(--gray-500);} .fi-fo-repeater .fi-fo-repeater-item-header-label:where(&,& *) {color: var(--color-white);} .fi-fo-repeater .fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-repeater .fi-fo-repeater-add-between-items:where(&,& *) {background-color: var(--gray-900);} .fi-fo-repeater .fi-fo-repeater-label-between-items-divider-before:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-before:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-repeater .fi-fo-repeater-label-between-items:where(&,& *) {color: var(--gray-400);} .fi-fo-repeater .fi-fo-repeater-label-between-items-divider-after:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-label-between-items-divider-after:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} :where(.fi-fo-table-repeater > table:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-table-repeater > table:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-table-repeater > table:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-table-repeater > table:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-table-repeater > table > thead > tr > th:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-table-repeater > table > thead > tr > th:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-table-repeater > table > thead > tr > th:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-table-repeater > table > thead > tr > th:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-table-repeater > table > thead > tr > th:where(&,& *) {color: var(--color-white);} :where(.fi-fo-table-repeater > table > tbody:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-table-repeater > table > tbody:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-table-repeater > table .fi-fo-table-repeater-header-required-mark:where(&,& *) {color: var(--danger-400);} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater.fi-compact > table > tbody > tr > td:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-table-repeater.fi-compact > table > tbody > tr > td:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater.fi-compact > table > tbody > tr > td:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-table-repeater.fi-compact > table > tbody > tr > td:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}} .fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-toolbar:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-floating-toolbar:where(&,& *) {border-color: var(--gray-600); background-color: var(--gray-800);} .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(&,& *) {color: var(--gray-200);} @media (hover: hover) {.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-rich-editor .fi-fo-rich-editor-tool:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-tool:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-tool.fi-active:where(&,& *) {color: var(--primary-400);} .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message:where(&,& *) {color: var(--gray-200);} .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator:where(&,& *) {color: var(--gray-500);} .fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-file-validation-message:where(&,& *) {color: var(--danger-200);} .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-panels:where(&,& *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-panels:where(&,& *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-panel-heading:where(&,& *) {color: var(--color-white);} :where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-rich-editor .fi-fo-rich-editor-panel:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(&,& *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(&,& *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(&,& *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-merge-tag-btn:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(&,& *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(&,& *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(&,& *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-btn:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} :is(div:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)[data-type="customBlock"],img:is(.fi-fo-rich-editor .tiptap:focus .ProseMirror-selectednode)):where(&,& *) { --tw-ring-color: var(--primary-500); } .fi-fo-rich-editor .tiptap p.is-editor-empty:first-child:where(&,& *):before {color: var(--gray-500);} .fi-fo-rich-editor .tiptap [data-type="details"]:where(&,& *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap [data-type="details"]:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} @media (hover: hover) {.fi-fo-rich-editor .tiptap [data-type="details"] > button:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap [data-type="details"] > button:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} :is(.fi-fo-rich-editor .tiptap table td,.fi-fo-rich-editor .tiptap table th):where(&,& *) {border-color: var(--gray-600);} .fi-fo-rich-editor .tiptap table th:where(&,& *) {background-color: var(--gray-800); color: var(--color-white);} .fi-fo-rich-editor .tiptap table .selectedCell:where(&,& *):after {background-color: var(--gray-800);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap table .selectedCell:where(&,& *):after {background-color: color-mix(in oklab,var(--gray-800) 80%,transparent);}} .fi-fo-rich-editor .tiptap .grid-layout > .grid-layout-col:where(&,& *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap .grid-layout > .grid-layout-col:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} :where(.fi-fo-rich-editor div[data-type="customBlock"]:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-rich-editor div[data-type="customBlock"]:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor div[data-type="customBlock"]:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor div[data-type="customBlock"]:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(&,& *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .fi-fo-rich-editor-custom-block-header:where(&,& *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} .fi-fo-rich-editor .fi-fo-rich-editor-custom-block-heading:where(&,& *) {color: var(--color-white);} :scope .fi-fo-rich-editor-text-color-select-option .fi-fo-rich-editor-text-color-select-option-preview:where(&,& *) {background-color: var(--dark-color);} .fi-fo-slider:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-fo-slider .noUi-connect:where(&,& *) {background-color: var(--primary-600);} .fi-fo-slider .noUi-connects:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider .noUi-connects:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-slider .noUi-handle:where(&,& *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider .noUi-handle:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-fo-slider .noUi-handle:where(&,& *) {background-color: var(--gray-700);} .fi-fo-slider .noUi-handle:where(&,& *):focus {outline-color: var(--primary-500);} .fi-fo-slider .noUi-tooltip:where(&,& *) {background-color: var(--gray-800); color: var(--color-white); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider .noUi-tooltip:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-fo-slider .noUi-pips .noUi-value:where(&,& *) {color: var(--color-white);} .fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(&,& *) {border-top-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-tags-input .fi-fo-tags-input-tags-ctn:where(&,& *) {border-top-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-textarea textarea:where(&,& *) {color: var(--color-white);} .fi-fo-textarea textarea:where(&,& *)::placeholder {color: var(--gray-500);} .fi-fo-textarea textarea:where(&,& *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} .fi-fo-textarea textarea:where(&,& *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} .fi-in-code .phiki:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-in-code .phiki:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-in-code:where(&,& *) .phiki {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;} .fi-in-code:where(&,& *) .phiki span {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;} .fi-in-entry .fi-in-entry-label:where(&,& *) {color: var(--color-white);} .fi-in-entry .fi-in-placeholder:where(&,& *) {color: var(--gray-500);} :where(.fi-in-key-value:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-in-key-value:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-key-value:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-in-key-value:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-key-value:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-in-key-value:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-in-key-value th:where(&,& *) {color: var(--gray-200);} :where(.fi-in-key-value tbody:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-in-key-value tbody:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-in-key-value tr:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-in-key-value tr:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-icon > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-in-icon > .fi-icon.fi-color:where(&,& *) {color: var(--dark-text);} :is(.fi-in-image.fi-in-image-ring img,.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text):where(&,& *) { --tw-ring-color: var(--gray-900); } .fi-in-image.fi-stacked .fi-in-image-limited-remaining-text:where(&,& *) {background-color: var(--gray-800);} .fi-in-image .fi-in-image-limited-remaining-text:where(&,& *) {color: var(--gray-400);} .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-in-repeatable.fi-contained .fi-in-repeatable-item:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} :where(.fi-in-table-repeatable > table:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-in-table-repeatable > table:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-in-table-repeatable > table:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-in-table-repeatable > table:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-in-table-repeatable > table > thead > tr > th:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-in-table-repeatable > table > thead > tr > th:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-table-repeatable > table > thead > tr > th:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-in-table-repeatable > table > thead > tr > th:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-table-repeatable > table > thead > tr > th:where(&,& *) {color: var(--color-white);} :where(.fi-in-table-repeatable > table > tbody:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-in-table-repeatable > table > tbody:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-text > .fi-in-text-list-limited-message:where(&,& *) {color: var(--gray-400);} .fi-in-text-item:where(&,& *) {color: var(--color-white);} .fi-in-text-item.fi-color:where(&,& *) {color: var(--dark-text);} li.fi-in-text-item.fi-color:where(&,& *)::marker {color: var(--color-white);} .fi-in-text-item.fi-color-gray:where(&,& *) {color: var(--gray-400);} :is(.fi-in-text-item > .fi-icon,.fi-in-text-item > span:not(.fi-badge) > .fi-icon):where(&,& *) {color: var(--gray-500);} :where(.fi-no-database .fi-modal-window-ctn > .fi-modal-window .fi-modal-content:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-no-database .fi-modal-window-ctn > .fi-modal-window .fi-modal-content:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-no-database .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-database .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-no-database .fi-no-notification-unread-ctn:where(&,& *):before {content: var(--tw-content); background-color: var(--primary-500);} .fi-no-notification .fi-no-notification-title:where(&,& *) {color: var(--color-white);} .fi-no-notification .fi-no-notification-date:where(&,& *) {color: var(--gray-400);} .fi-no-notification .fi-no-notification-body:where(&,& *) {color: var(--gray-400);} .fi-no-notification:not(.fi-inline):where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-notification:not(.fi-inline):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-no-notification:not(.fi-inline).fi-color:where(&,& *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {.fi-no-notification:not(.fi-inline).fi-color:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} .fi-no-notification.fi-color:where(&,& *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-no-notification.fi-color:where(&,& *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-sc-actions .fi-sc-actions-label-ctn .fi-sc-actions-label:where(&,& *) {color: var(--color-white);} .fi-sc-actions.fi-sticky .fi-ac:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-actions.fi-sticky .fi-ac:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-sc-fused-group > .fi-sc:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group > .fi-sc:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-sc-fused-group > .fi-sc:where(&,& *):focus-within { --tw-ring-color: var(--primary-500); } .fi-sc-fused-group .fi-sc:where(&,& *) {background-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group .fi-sc:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-sc-fused-group .fi-input-wrp:where(&,& *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group .fi-input-wrp:where(&,& *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-sc-icon:where(&,& *) {color: var(--gray-500);} .fi-sc-icon.fi-color:where(&,& *) {color: var(--color-400);} .fi-sc-image:where(&,& *) {border-color: #0000;} .fi-sc-section .fi-sc-section-label-ctn .fi-sc-section-label:where(&,& *) {color: var(--color-white);} .fi-sc-tabs.fi-contained:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-tabs.fi-contained:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-sc-text:not(.fi-badge):where(&,& *) {color: var(--gray-400);} .fi-sc-text:not(.fi-badge).fi-color-neutral:where(&,& *) {color: var(--color-white);} .fi-sc-text:not(.fi-badge).fi-color:not(.fi-color-neutral):where(&,& *) {color: var(--dark-text);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(&,& *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(&,& *) {color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(&,& *) {color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(&,& *) {background-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(&,& *) {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(&,& *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(&,& *) {border-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(&,& *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(&,& *) {color: var(--primary-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(&,& *) {border-color: var(--gray-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(&,& *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(&,& *) {color: var(--gray-400);} .fi-sc-wizard.fi-contained:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard.fi-contained:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard.fi-contained .fi-sc-wizard-header:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard:not(.fi-contained) .fi-sc-wizard-header:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-cell .fi-ta-placeholder:where(&,& *) {color: var(--gray-500);} .fi-ta-cell.fi-ta-summary-row-heading-cell:where(&,& *) {color: var(--color-white);} .fi-ta-cell.fi-ta-summary-header-cell:where(&,& *) {color: var(--color-white);} .fi-ta-icon > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-ta-icon > .fi-icon.fi-color:where(&,& *) {color: var(--dark-text);} :is(.fi-ta-image.fi-ta-image-ring img,.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text):where(&,& *) { --tw-ring-color: var(--gray-900); } .fi-ta-image.fi-stacked .fi-ta-image-limited-remaining-text:where(&,& *) {background-color: var(--gray-800);} .fi-ta-image .fi-ta-image-limited-remaining-text:where(&,& *) {color: var(--gray-400);} :is(.fi-ta-text > .fi-ta-text-description,.fi-ta-text > .fi-ta-text-list-limited-message):where(&,& *) {color: var(--gray-400);} .fi-ta-text-item:where(&,& *) {color: var(--color-white);} .fi-ta-text-item.fi-color:where(&,& *) {color: var(--dark-text);} li.fi-ta-text-item.fi-color:where(&,& *)::marker {color: var(--color-white);} .fi-ta-text-item.fi-color-gray:where(&,& *) {color: var(--gray-400);} li.fi-ta-text-item.fi-color-gray:where(&,& *)::marker {color: var(--color-white);} :is(.fi-ta-text-item > .fi-icon,.fi-ta-text-item > span:not(.fi-badge) > .fi-icon):where(&,& *) {color: var(--gray-500);} .fi-ta-panel:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-panel:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-panel:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-panel:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-icon-count-summary:where(&,& *) {color: var(--gray-400);} .fi-ta-icon-count-summary > .fi-ta-icon-count-summary-label:where(&,& *) {color: var(--color-white);} .fi-ta-icon-count-summary > ul > li > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-ta-icon-count-summary > ul > li > .fi-icon.fi-color:where(&,& *) {color: var(--dark-text);} .fi-ta-range-summary:where(&,& *) {color: var(--gray-400);} .fi-ta-range-summary > .fi-ta-range-summary-label:where(&,& *) {color: var(--color-white);} .fi-ta-text-summary:where(&,& *) {color: var(--gray-400);} .fi-ta-text-summary > .fi-ta-text-summary-label:where(&,& *) {color: var(--color-white);} .fi-ta-values-summary:where(&,& *) {color: var(--gray-400);} .fi-ta-values-summary > .fi-ta-values-summary-label:where(&,& *) {color: var(--color-white);} .fi-ta-ctn:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-ctn .fi-ta-header:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-header:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-header .fi-ta-header-heading:where(&,& *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-header .fi-ta-header-description:where(&,& *) {color: var(--gray-400);} .fi-ta-ctn .fi-ta-header-toolbar:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-header-toolbar:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label:where(&,& *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-filters.fi-ta-filters-below-content:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading:where(&,& *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator:where(&,& *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-filters-above-content-ctn:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-filters-above-content-ctn:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-reorder-indicator:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-reorder-indicator:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-reorder-indicator:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-reorder-indicator:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn .fi-ta-reorder-indicator:where(&,& *) {color: var(--gray-200);} .fi-ta-ctn .fi-ta-reorder-indicator .fi-loading-indicator:where(&,& *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-selection-indicator:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-selection-indicator:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-selection-indicator:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-selection-indicator:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn .fi-ta-selection-indicator .fi-loading-indicator:where(&,& *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-selection-indicator > :first-child:where(&,& *) {color: var(--gray-200);} .fi-ta-ctn .fi-ta-filter-indicators:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-filter-indicators:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn .fi-ta-filter-indicators:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-ta-filter-indicators:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn .fi-ta-filter-indicators > :first-child .fi-ta-filter-indicators-label:where(&,& *) {color: var(--gray-200);} .fi-ta-ctn .fi-pagination:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn .fi-pagination:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} :where(.fi-ta-content-ctn:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-ta-content-ctn:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn:where(&,& *) {border-top-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn:where(&,& *) {border-top-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content-header:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content-header:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(&,& *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(&,& *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(&,& *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(&,& *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(&,& *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid):where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(&,& *):before {content: var(--tw-content); background-color: var(--primary-500);} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-heading:where(&,& *) {color: var(--color-white);} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header .fi-ta-group-description:where(&,& *) {color: var(--gray-400);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record:where(&,& *) {background-color: var(--gray-900);} .fi-ta-empty-state:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-empty-state:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(&,& *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-ta-empty-state .fi-ta-empty-state-icon-bg:where(&,& *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-ta-empty-state .fi-ta-empty-state-icon-bg .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-ta-empty-state .fi-ta-empty-state-heading:where(&,& *) {color: var(--color-white);} .fi-ta-empty-state .fi-ta-empty-state-description:where(&,& *) {color: var(--gray-400);} .fi-ta-header-cell:where(&,& *) {color: var(--color-white);} .fi-ta-header-cell.fi-grouped:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-header-cell.fi-grouped:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-header-cell.fi-ta-header-cell-sorted .fi-icon:where(&,& *) {color: var(--color-white);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-ta-header-group-cell:where(&,& *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-header-group-cell:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-header-group-cell:where(&,& *) {color: var(--color-white);} @media (hover: hover) {.fi-ta-row.fi-clickable:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-row.fi-clickable:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-ta-row.fi-striped:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-row.fi-striped:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-row.fi-ta-group-header-row > td:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-row.fi-ta-group-header-row > td:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-row .fi-ta-group-header .fi-ta-group-heading:where(&,& *) {color: var(--color-white);} .fi-ta-row .fi-ta-group-header .fi-ta-group-description:where(&,& *) {color: var(--gray-400);} .fi-ta-row.fi-selected:not(.fi-striped):where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-row.fi-selected:not(.fi-striped):where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-row.fi-selected > :first-child:where(&,& *):before {background-color: var(--primary-500);} :where(.fi-ta-table:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-ta-table:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-ta-table > thead:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-ta-table > thead:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-table > thead > tr:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-table > thead > tr:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-table > thead > tr.fi-ta-table-head-groups-row:where(&,& *) {background-color: #0000;} :where(.fi-ta-table > tbody:where(&,& *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-ta-table > tbody:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-table > tfoot:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-table > tfoot:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-col-manager .fi-ta-col-manager-heading:where(&,& *) {color: var(--color-white);} .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label:where(&,& *) {color: var(--color-white);} .fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(&,& *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-chart .fi-color .fi-wi-chart-bg-color:where(&,& *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-chart .fi-color .fi-wi-chart-border-color:where(&,& *) {color: var(--color-400);} .fi-wi-chart .fi-wi-chart-bg-color:where(&,& *) {color: var(--gray-800);} .fi-wi-chart .fi-wi-chart-grid-color:where(&,& *) {color: var(--gray-800);} .fi-wi-chart .fi-wi-chart-text-color:where(&,& *) {color: var(--gray-400);} .fi-wi-stats-overview-stat:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-wi-stats-overview-stat:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-wi-stats-overview-stat .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-label:where(&,& *) {color: var(--gray-400);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-value:where(&,& *) {color: var(--color-white);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description:where(&,& *) {color: var(--gray-400);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color:where(&,& *) {color: var(--dark-text);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(&,& *) {color: var(--gray-800);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(&,& *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(&,& *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color:where(&,& *) {color: var(--color-400);} .fi-global-search-results-ctn:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-global-search-results-ctn:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-global-search-no-results-message:where(&,& *) {color: var(--gray-400);} :where(.fi-global-search-results:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-global-search-results:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-global-search-result-group-header:where(&,& *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-global-search-result-group-header:where(&,& *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-global-search-result-group-header:where(&,& *) {background-color: var(--gray-800); color: var(--color-white);} :where(.fi-global-search-result-group-results:where(&,& *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-global-search-result-group-results:where(&,& *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-global-search-result:where(&,& *):focus-within {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-global-search-result:where(&,& *):focus-within {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {.fi-global-search-result:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-global-search-result:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-global-search-result-heading:where(&,& *) {color: var(--color-white);} .fi-global-search-result-detail:where(&,& *) {color: var(--gray-400);} .fi-header-heading:where(&,& *) {color: var(--color-white);} .fi-header-subheading:where(&,& *) {color: var(--gray-400);} .fi-simple-header-heading:where(&,& *) {color: var(--color-white);} .fi-simple-header-subheading:where(&,& *) {color: var(--gray-400);} .fi-body:where(&,& *) {background-color: var(--gray-950); color: var(--color-white);} .fi-simple-main:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-simple-main:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-logo:where(&,& *) {color: var(--color-white);} .fi-logo.fi-logo-light:where(&,& *) {display: none;} .fi-logo.fi-logo-dark:where(&,& *) {display: flex;} .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(&,& *) {color: var(--primary-400);} .fi-sidebar-group-btn .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-sidebar-group-label:where(&,& *) {color: var(--gray-400);} @media (hover: hover) {.fi-sidebar-group-dropdown-trigger-btn:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-group-dropdown-trigger-btn:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-sidebar-group-dropdown-trigger-btn:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-group-dropdown-trigger-btn:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-sidebar:where(&,& *) {background-color: var(--gray-900);} @media (min-width: 64rem) {.fi-sidebar:where(&,& *) {background-color: #0000;}} .fi-sidebar.fi-sidebar-open:where(&,& *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-sidebar.fi-sidebar-open:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-sidebar-close-overlay:where(&,& *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-close-overlay:where(&,& *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-body-has-topbar .fi-sidebar-header:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-body-has-topbar .fi-sidebar-header:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-active > .fi-sidebar-item-btn:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon:where(&,& *) {color: var(--primary-400);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part:where(&,& *) {background-color: var(--primary-400);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label:where(&,& *) {color: var(--primary-400);} @media (hover: hover) {.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sidebar-item-btn > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-sidebar-item-grouped-border-part-not-first:where(&,& *) {background-color: var(--gray-600);} .fi-sidebar-item-grouped-border-part-not-last:where(&,& *) {background-color: var(--gray-600);} .fi-sidebar-item-grouped-border-part:where(&,& *) {background-color: var(--gray-500);} .fi-sidebar-item-label:where(&,& *) {color: var(--gray-200);} @media (hover: hover) {.fi-sidebar-database-notifications-btn:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-database-notifications-btn:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-sidebar-database-notifications-btn:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-database-notifications-btn:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sidebar-database-notifications-btn > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label:where(&,& *) {color: var(--gray-200);} @media (hover: hover) {.fi-tenant-menu-trigger:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-tenant-menu-trigger:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-tenant-menu-trigger:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-tenant-menu-trigger:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-tenant-menu-trigger .fi-icon:where(&,& *) {color: var(--gray-500);} @media (hover: hover) {.fi-tenant-menu-trigger .fi-icon:where(&,& *):is(:where(.group):hover *) {color: var(--gray-400);}} .fi-tenant-menu-trigger .fi-icon:where(&,& *):is(:where(.group):focus-visible *) {color: var(--gray-400);} .fi-tenant-menu-trigger:hover .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-tenant-menu-trigger:focus-visible .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-tenant-menu-trigger-current-tenant-label:where(&,& *) {color: var(--gray-400);} .fi-tenant-menu-trigger-tenant-name:where(&,& *) {color: var(--color-white);} @media (hover: hover) {.fi-theme-switcher-btn:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-theme-switcher-btn:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-theme-switcher-btn:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-theme-switcher-btn:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-theme-switcher-btn.fi-active:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-theme-switcher-btn.fi-active:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-theme-switcher-btn.fi-active:where(&,& *) {color: var(--primary-400);} .fi-theme-switcher-btn:not(.fi-active):where(&,& *) {color: var(--gray-500);} @media (hover: hover) {.fi-theme-switcher-btn:not(.fi-active):where(&,& *):hover {color: var(--gray-400);}} .fi-theme-switcher-btn:not(.fi-active):where(&,& *):focus-visible {color: var(--gray-400);} .fi-topbar:where(&,& *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-topbar:where(&,& *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-topbar-item-btn:where(&,& *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-topbar-item-btn:where(&,& *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-topbar-item-btn:where(&,& *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-topbar-item-btn:where(&,& *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-topbar-item-btn > .fi-icon:where(&,& *) {color: var(--gray-500);} .fi-topbar-item-label:where(&,& *) {color: var(--gray-200);} .fi-topbar-item.fi-active .fi-topbar-item-btn:where(&,& *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-topbar-item.fi-active .fi-topbar-item-btn:where(&,& *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-topbar-item.fi-active .fi-topbar-item-btn > .fi-icon:where(&,& *) {color: var(--primary-400);} .fi-topbar-item.fi-active .fi-topbar-item-label:where(&,& *) {color: var(--primary-400);} .fi-sidebar .fi-user-menu-trigger .fi-icon:where(&,& *) {color: var(--gray-500);} @media (hover: hover) {.fi-sidebar .fi-user-menu-trigger .fi-icon:where(&,& *):is(:where(.group):hover *) {color: var(--gray-400);}} .fi-sidebar .fi-user-menu-trigger .fi-icon:where(&,& *):is(:where(.group):focus-visible *) {color: var(--gray-400);} .fi-sidebar .fi-user-menu-trigger:hover .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-sidebar .fi-user-menu-trigger:focus-visible .fi-icon:where(&,& *) {color: var(--gray-400);} .fi-sidebar .fi-user-menu-trigger .fi-tenant-menu-trigger-text:where(&,& *) {color: var(--color-white);} .fi-account-widget-heading:where(&,& *) {color: var(--color-white);} .fi-account-widget-user-name:where(&,& *) {color: var(--gray-400);} .fi-filament-info-widget-logo:where(&,& *) {color: var(--color-white);} .fi-filament-info-widget-version:where(&,& *) {color: var(--gray-400);} .fi-prose:where(&,& *) { --prose-color: var(--color-gray-300); --prose-heading-color: var(--color-white); --prose-strong-color: var(--color-white); --prose-link-color: var(--color-white); --prose-code-color: var(--color-white); --prose-marker-color: var(--color-gray-300); } @supports (color: color-mix(in lab,red,red)) {.fi-prose:where(&,& *) { --prose-marker-color: color-mix( in oklab, var(--color-gray-300) 35%, transparent ); }} .fi-prose:where(&,& *) { --prose-link-underline-color: var(--color-sky-400); --prose-th-borders: var(--color-gray-600); --prose-td-borders: var(--color-gray-700); --prose-hr-color: oklab(100% 0 5.96046e-8/.1); } @supports (color: color-mix(in lab,red,red)) {.fi-prose:where(&,& *) { --prose-hr-color: color-mix( in oklab, var(--color-white) 10%, transparent ); }} .fi-prose:where(&,& *) { --prose-blockquote-border-color: var(--color-gray-600); --prose-pre-bg: var(--color-gray-900); } @supports (color: color-mix(in lab,red,red)) {.fi-prose:where(&,& *) { --prose-pre-bg: color-mix( in oklab, var(--color-gray-900) 40%, transparent ); }} .fi-prose .color:where(:not(.fi-not-prose,.fi-not-prose *)):where(&,& *) {color: var(--dark-color);}}@utility fi-disabled{&.fi-badge:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-badge:not(.fi-force-enabled),.fi-badge[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} &.fi-btn:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-btn:not(.fi-force-enabled),.fi-btn[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} &.fi-dropdown-list-item {cursor: default; opacity: .7;} :is(&.fi-dropdown-list-item,.fi-dropdown-list-item[disabled]):not([x-tooltip]) {pointer-events: none;} &.fi-icon-btn:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-icon-btn:not(.fi-force-enabled),.fi-icon-btn[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} .fi-select-input & {cursor: not-allowed; opacity: .7;} .fi-select-input & .fi-select-input-placeholder {color: var(--gray-400);} .fi-select-input & .fi-select-input-placeholder:where(.dark,.dark *) {color: var(--gray-500);} &.fi-input-wrp {background-color: var(--gray-50);} &.fi-input-wrp:where(.dark,.dark *) {background-color: #0000;} &.fi-input-wrp:not(.fi-invalid):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-input-wrp:not(.fi-invalid):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-link:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-link:not(.fi-force-enabled),.fi-link[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} .fi-pagination &.fi-pagination-item .fi-pagination-item-label {color: var(--gray-500);} .fi-pagination &.fi-pagination-item .fi-pagination-item-label:where(.dark,.dark *) {color: var(--gray-400);} &.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} &.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} &.fi-fo-code-editor .cm-editor .cm-line.cm-activeLine {background-color: #0000 !important;} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day {pointer-events: none; opacity: .5;} &.fi-fo-markdown-editor {border-radius: var(--radius-lg); background-color: var(--gray-50); width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); display: block;} &.fi-fo-markdown-editor:where(.dark,.dark *) {color: var(--gray-400); --tw-ring-color: #ffffff1a; background-color: #0000;} @supports (color: color-mix(in lab,red,red)) {&.fi-fo-markdown-editor:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-fo-tags-input .fi-badge-delete-btn {display: none;} .fi-sc-wizard .fi-sc-wizard-footer > & {pointer-events: none; opacity: .7;}}@utility fi-badge-label-ctn{.fi-badge & {display: grid;} .fi-fo-tags-input .fi-fo-tags-input-tags-ctn > .fi-badge & {text-align: start; -webkit-user-select: none; user-select: none;}}@utility fi-badge-label{.fi-badge &.fi-wrapped {text-wrap: wrap; word-break: break-word;} .fi-badge &:not(.fi-wrapped) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-wrapped{.fi-badge &.fi-badge-label {text-wrap: wrap; word-break: break-word;} .fi-fo-table-repeater > table > thead > tr > &th {white-space: normal;} &.fi-in-color {flex-wrap: wrap;} &.fi-in-icon {flex-wrap: wrap;} &.fi-in-image {flex-wrap: wrap;} .fi-in-table-repeatable > table > thead > tr > &th {white-space: normal;} &:is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(ul.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,.fi-in-text:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &:is(:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &.fi-in-text:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) {white-space: normal; overflow-wrap: break-word;} &.fi-in-text:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-badge {white-space: nowrap;} &.fi-in-text:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-in-text-list-limited-message {white-space: nowrap;} &.fi-ta-actions {flex-wrap: wrap;} &.fi-ta-cell.fi-ta-summary-header-cell {white-space: nowrap;} &.fi-ta-color {flex-wrap: wrap;} &.fi-ta-icon {flex-wrap: wrap;} &.fi-ta-image {flex-wrap: wrap;} &:is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(ul.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,.fi-ta-text:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &:is(:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &.fi-ta-text:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) {white-space: normal;} &.fi-ta-text:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-badge {white-space: nowrap;} &.fi-ta-text:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-ta-text-list-limited-message {white-space: nowrap;} &.fi-ta-header-cell {white-space: normal;} &.fi-ta-header-group-cell {white-space: normal;}}@utility fi-icon{.fi-badge & {flex-shrink: 0;} .fi-badge.fi-color .fi-badge-delete-btn > & {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color .fi-badge-delete-btn > & {color: color-mix(in oklab,var(--color-700) 50%,transparent);}} .fi-badge.fi-color .fi-badge-delete-btn > &:where(.dark,.dark *) {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color .fi-badge-delete-btn > &:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-300) 50%,transparent);}} .fi-badge:not(.fi-color) & {color: var(--gray-400);} .fi-badge:not(.fi-color) &:where(.dark,.dark *) {color: var(--gray-500);} .fi-badge .fi-badge-delete-btn > & {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {.fi-badge .fi-badge-delete-btn > & {color: color-mix(in oklab,var(--gray-700) 50%,transparent);}} .fi-badge .fi-badge-delete-btn > &:where(.dark,.dark *) {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge .fi-badge-delete-btn > &:where(.dark,.dark *) {color: color-mix(in oklab,var(--gray-300) 50%,transparent);}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:focus-visible {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:focus-visible {color: color-mix(in oklab,var(--gray-700) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:where(.dark,.dark *):hover {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:where(.dark,.dark *):focus-visible {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > &:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:hover {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:hover {color: color-mix(in oklab,var(--color-700) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:focus-visible {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:focus-visible {color: color-mix(in oklab,var(--color-700) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:where(.dark,.dark *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:where(.dark,.dark *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > &:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} .fi-breadcrumbs ol li & {color: var(--gray-400); display: flex;} .fi-breadcrumbs ol li &:where(.dark,.dark *) {color: var(--gray-500);} .fi-breadcrumbs ol li &.fi-ltr:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {display: none;} .fi-breadcrumbs ol li &.fi-rtl:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {display: none;} .fi-btn > & {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-btn > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-btn.fi-outlined.fi-color > & {color: var(--color-600);} .fi-btn.fi-outlined.fi-color > &:where(.dark,.dark *) {color: var(--color-400);} .fi-btn:not(.fi-outlined).fi-color:not(label) > & {color: var(--text);} .fi-btn:not(.fi-outlined).fi-color:not(label) > &:where(.dark,.dark *) {color: var(--dark-text);} label.fi-btn > &:is(:checked + label > &) {color: var(--text);} label.fi-btn > &:is(:checked + label > &):where(.dark,.dark *) {color: var(--dark-text);} .fi-dropdown-header & {color: var(--gray-400);} .fi-dropdown-header &:where(.dark,.dark *) {color: var(--gray-500);} .fi-dropdown-header.fi-color & {color: var(--color-500);} .fi-dropdown-header.fi-color &:where(.dark,.dark *) {color: var(--color-400);} .fi-dropdown-list-item & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-dropdown-list-item > & {color: var(--gray-400);} .fi-dropdown-list-item > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-dropdown-list-item > &.fi-color {color: var(--color-500);} .fi-dropdown-list-item > &.fi-color:where(.dark,.dark *) {color: var(--color-400);} .fi-empty-state .fi-empty-state-icon-bg & {color: var(--gray-500);} .fi-empty-state .fi-empty-state-icon-bg &:where(.dark,.dark *) {color: var(--gray-400);} .fi-empty-state .fi-empty-state-icon-bg &.fi-color {color: var(--color-500);} .fi-empty-state .fi-empty-state-icon-bg &.fi-color:where(.dark,.dark *) {color: var(--color-400);} width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); &.fi-size-xs {width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);} &.fi-size-sm {width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);} &.fi-size-md {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);} &.fi-size-lg {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);} &.fi-size-xl {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);} &.fi-size-2xl {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);} .fi-icon-btn.fi-size-xs:has(&.fi-size-sm) {margin: calc(var(--spacing) * -1.5);} .fi-icon-btn.fi-size-xs:has(&.fi-size-md) {margin: calc(var(--spacing) * -1);} .fi-icon-btn.fi-size-xs:has(&.fi-size-lg) {margin: calc(var(--spacing) * -.5);} .fi-icon-btn.fi-size-sm:has(&.fi-size-sm) {margin: calc(var(--spacing) * -2);} .fi-icon-btn.fi-size-sm:has(&.fi-size-md) {margin: calc(var(--spacing) * -1.5);} .fi-icon-btn.fi-size-sm:has(&.fi-size-lg) {margin: calc(var(--spacing) * -1);} .fi-icon-btn.fi-size-md:has(&.fi-size-sm) {margin: calc(var(--spacing) * -2.5);} .fi-icon-btn.fi-size-md:has(&.fi-size-lg) {margin: calc(var(--spacing) * -1.5);} .fi-icon-btn.fi-size-lg:has(&.fi-size-sm) {margin: calc(var(--spacing) * -3);} .fi-icon-btn.fi-size-lg:has(&.fi-size-md) {margin: calc(var(--spacing) * -2.5);} .fi-icon-btn.fi-size-lg:has(&.fi-size-lg) {margin: calc(var(--spacing) * -2);} .fi-icon-btn.fi-size-xl:has(&.fi-size-sm) {margin: calc(var(--spacing) * -3.5);} .fi-icon-btn.fi-size-xl:has(&.fi-size-md) {margin: calc(var(--spacing) * -3);} .fi-icon-btn.fi-size-xl:has(&.fi-size-lg) {margin: calc(var(--spacing) * -2.5);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) & {color: var(--gray-400);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) &:where(.dark,.dark *) {color: var(--gray-500);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) &.fi-color {color: var(--color-500);} .fi-link:not(.fi-color) > & {color: var(--gray-400);} .fi-link:not(.fi-color) > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg > & {color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg > &:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color > & {color: var(--color-600);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color > &:where(.dark,.dark *) {color: var(--color-400);} .fi-pagination .fi-pagination-item-btn:hover & {color: var(--gray-500);} .fi-pagination .fi-pagination-item-btn:hover &:where(.dark,.dark *) {color: var(--gray-400);} .fi-pagination .fi-pagination-item-btn & {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-pagination .fi-pagination-item-btn &:where(.dark,.dark *) {color: var(--gray-500);} .fi-section > .fi-section-header > & {color: var(--gray-400); flex-shrink: 0;} .fi-section > .fi-section-header > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-section > .fi-section-header > &.fi-color {color: var(--color-500);} .fi-section > .fi-section-header > &.fi-color:where(.dark,.dark *) {color: var(--color-400);} .fi-section > .fi-section-header > &.fi-size-sm {margin-top: calc(var(--spacing) * 1);} .fi-section > .fi-section-header > &.fi-size-md {margin-top: calc(var(--spacing) * .5);} .fi-tabs-item.fi-active & {color: var(--primary-700);} :is(.fi-tabs-item.fi-active .fi-tabs-item-label,.fi-tabs-item.fi-active &):where(.dark,.dark *) {color: var(--primary-400);} .fi-tabs-item & {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; transition-duration: 75ms;} .fi-tabs-item &:where(.dark,.dark *) {color: var(--gray-500);} .fi-toggle.fi-color & {color: var(--text);} .fi-toggle & {color: var(--gray-400);} .fi-toggle &:where(.dark,.dark *) {color: var(--gray-700);} .fi-in-icon > & {color: var(--gray-400);} .fi-in-icon > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-in-icon > &.fi-color {color: var(--text);} .fi-in-icon > &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} .fi-in-text-item > & {color: var(--gray-400); flex-shrink: 0; display: inline-block;} .fi-in-text-item > span:not(.fi-badge) > & {color: var(--gray-400); flex-shrink: 0; display: inline-block;} :is(.fi-in-text-item > &,.fi-in-text-item > span:not(.fi-badge) > &):where(.dark,.dark *) {color: var(--gray-500);} :is(.fi-in-text-item > &,.fi-in-text-item > span:not(.fi-badge) > &).fi-color {color: var(--color-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn &:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-icon > & {color: var(--gray-400);} .fi-ta-icon > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-icon > &.fi-color {color: var(--text);} .fi-ta-icon > &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} .fi-ta-text-item > & {color: var(--gray-400); flex-shrink: 0; display: inline-block;} .fi-ta-text-item > span:not(.fi-badge) > & {color: var(--gray-400); flex-shrink: 0; display: inline-block;} :is(.fi-ta-text-item > &,.fi-ta-text-item > span:not(.fi-badge) > &):where(.dark,.dark *) {color: var(--gray-500);} :is(.fi-ta-text-item > &,.fi-ta-text-item > span:not(.fi-badge) > &).fi-color {color: var(--color-500);} @media (hover: hover) {.fi-ta-col-has-column-url .fi-ta-text-item &:hover {text-decoration-line: none;}} .fi-ta-col-has-column-url .fi-ta-text-item &:focus-visible {text-decoration-line: none;} .fi-ta-icon-count-summary > ul > li > & {color: var(--gray-400);} .fi-ta-icon-count-summary > ul > li > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-icon-count-summary > ul > li > &.fi-color {color: var(--text);} .fi-ta-icon-count-summary > ul > li > &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} .fi-ta-empty-state .fi-ta-empty-state-icon-bg & {color: var(--gray-500);} .fi-ta-empty-state .fi-ta-empty-state-icon-bg &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-header-cell.fi-ta-header-cell-sorted & {color: var(--gray-950);} .fi-ta-header-cell.fi-ta-header-cell-sorted &:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) & {color: var(--gray-400);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover & {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible & {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-header-cell & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; transition-duration: 75ms;} .fi-wi-stats-overview-stat & {color: var(--gray-400); flex-shrink: 0;} .fi-wi-stats-overview-stat &:where(.dark,.dark *) {color: var(--gray-500);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-description.fi-color & {color: var(--color-500);} .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn & {color: var(--primary-600);} .fi-sidebar-group.fi-active .fi-sidebar-group-dropdown-trigger-btn &:where(.dark,.dark *) {color: var(--primary-400);} .fi-sidebar-group-btn & {color: var(--gray-400);} .fi-sidebar-group-btn &:where(.dark,.dark *) {color: var(--gray-500);} .fi-sidebar-group-dropdown-trigger-btn & {color: var(--gray-400);} .fi-sidebar-group-dropdown-trigger-btn &:where(.dark,.dark *) {color: var(--gray-500);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > & {color: var(--primary-600);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > &:where(.dark,.dark *) {color: var(--primary-400);} .fi-sidebar-item-btn > & {color: var(--gray-400);} .fi-sidebar-item-btn > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-sidebar-database-notifications-btn > & {color: var(--gray-400);} .fi-sidebar-database-notifications-btn > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-tenant-menu-trigger & {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; margin-inline-start: auto; transition-duration: 75ms;} @media (hover: hover) {.fi-tenant-menu-trigger &:is(:where(.group):hover *) {color: var(--gray-500);}} .fi-tenant-menu-trigger &:is(:where(.group):focus-visible *) {color: var(--gray-500);} .fi-tenant-menu-trigger &:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {.fi-tenant-menu-trigger &:where(.dark,.dark *):is(:where(.group):hover *) {color: var(--gray-400);}} .fi-tenant-menu-trigger &:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-400);} .fi-tenant-menu-trigger:hover & {color: var(--gray-500);} .fi-tenant-menu-trigger:hover &:where(.dark,.dark *) {color: var(--gray-400);} .fi-tenant-menu-trigger:focus-visible & {color: var(--gray-500);} .fi-tenant-menu-trigger:focus-visible &:where(.dark,.dark *) {color: var(--gray-400);} .fi-topbar-item-btn > & {color: var(--gray-400);} .fi-topbar-item-btn > &:where(.dark,.dark *) {color: var(--gray-500);} .fi-topbar-item.fi-active .fi-topbar-item-btn > & {color: var(--primary-600);} .fi-topbar-item.fi-active .fi-topbar-item-btn > &:where(.dark,.dark *) {color: var(--primary-400);} .fi-sidebar .fi-user-menu-trigger & {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; margin-inline-start: auto; transition-duration: 75ms;} @media (hover: hover) {.fi-sidebar .fi-user-menu-trigger &:is(:where(.group):hover *) {color: var(--gray-500);}} .fi-sidebar .fi-user-menu-trigger &:is(:where(.group):focus-visible *) {color: var(--gray-500);} .fi-sidebar .fi-user-menu-trigger &:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {.fi-sidebar .fi-user-menu-trigger &:where(.dark,.dark *):is(:where(.group):hover *) {color: var(--gray-400);}} .fi-sidebar .fi-user-menu-trigger &:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-400);} .fi-sidebar .fi-user-menu-trigger:hover & {color: var(--gray-500);} .fi-sidebar .fi-user-menu-trigger:hover &:where(.dark,.dark *) {color: var(--gray-400);} .fi-sidebar .fi-user-menu-trigger:focus-visible & {color: var(--gray-500);} .fi-sidebar .fi-user-menu-trigger:focus-visible &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-size-xs{&.fi-badge {min-width: 1rem; padding-inline: calc(var(--spacing) * .5); padding-block: calc(var(--spacing) * 0); --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter);} &.fi-btn {gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-icon {width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);} &.fi-icon-btn {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);} &.fi-icon-btn:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -1.5);} &.fi-icon-btn:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -1);} &.fi-icon-btn:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -.5);} &.fi-link {gap: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-btn {margin-block: calc(var(--spacing) * -.5);} .fi-in-image &.fi-in-image-limited-remaining-text {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-in-text-item {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-sc-text:not(.fi-badge) {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-sc-unordered-list {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} .fi-ta-image &.fi-ta-image-limited-remaining-text {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-ta-text-item {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}}@utility fi-color{&.fi-badge {background-color: var(--color-50); color: var(--text); --tw-ring-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {&.fi-badge { --tw-ring-color: color-mix(in oklab, var(--color-600) 10%, transparent); }} &.fi-badge:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-badge:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-badge:where(.dark,.dark *) {color: var(--dark-text); --tw-ring-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-badge:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} &.fi-badge .fi-badge-delete-btn > .fi-icon {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {&.fi-badge .fi-badge-delete-btn > .fi-icon {color: color-mix(in oklab,var(--color-700) 50%,transparent);}} &.fi-badge .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {&.fi-badge .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-300) 50%,transparent);}} @media (hover: hover) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:hover {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:hover {color: color-mix(in oklab,var(--color-700) 75%,transparent);}}} &:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: color-mix(in oklab,var(--color-700) 75%,transparent);}} @media (hover: hover) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} &:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {&:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} &.fi-btn.fi-outlined {color: var(--text); --tw-ring-color: var(--color-600);} &.fi-btn.fi-outlined:where(.dark,.dark *) {color: var(--dark-text); --tw-ring-color: var(--color-500);} @media (hover: hover) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--color-500) 10%,transparent);}}} :is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 40%, transparent); }} @media (hover: hover) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-600) 10%,transparent);}}} :is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-force-enabled,&.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 40%, transparent); }} &.fi-btn.fi-outlined > .fi-icon {color: var(--color-600);} &.fi-btn.fi-outlined > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-btn:not(.fi-outlined):not(label) {background-color: var(--bg); color: var(--text);} &.fi-btn:not(.fi-outlined):not(label):where(.dark,.dark *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {:is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);}} :is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} @media (hover: hover) {:is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} :is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn:not(.fi-outlined):not(label).fi-force-enabled,&.fi-btn:not(.fi-outlined):not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} &.fi-btn:not(.fi-outlined):not(label) > .fi-icon {color: var(--text);} &.fi-btn:not(.fi-outlined):not(label) > .fi-icon:where(.dark,.dark *) {color: var(--dark-text);} input:checked + :is(&label.fi-btn:not(.fi-outlined)) {background-color: var(--bg); color: var(--text); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} input:checked + :is(&label.fi-btn:not(.fi-outlined)):where(.dark,.dark *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {input:checked + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);} input:checked + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])) {z-index: 10; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); }} input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])) { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-force-enabled,&label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} &.fi-dropdown-header .fi-icon {color: var(--color-500);} &.fi-dropdown-header .fi-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-dropdown-header span {color: var(--text);} &.fi-dropdown-header span:where(.dark,.dark *) {color: var(--dark-text);} .fi-dropdown-list-item > &.fi-icon {color: var(--color-500);} .fi-dropdown-list-item > &.fi-icon:where(.dark,.dark *) {color: var(--color-400);} @media (hover: hover) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):hover {background-color: var(--color-50);}} &.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):focus-visible {background-color: var(--color-50);} @media (hover: hover) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}}} &.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected {background-color: var(--color-50);} &.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-dropdown-list-item .fi-dropdown-list-item-label {color: var(--text);} @media (hover: hover) {&.fi-dropdown-list-item .fi-dropdown-list-item-label:hover {color: var(--hover-text);}} &.fi-dropdown-list-item .fi-dropdown-list-item-label:where(.dark,.dark *) {color: var(--dark-text);} @media (hover: hover) {&.fi-dropdown-list-item .fi-dropdown-list-item-label:where(.dark,.dark *):hover {color: var(--dark-hover-text);}} &.fi-dropdown-list-item .fi-dropdown-list-item-label.fi-selected {color: var(--hover-text);} &.fi-dropdown-list-item .fi-dropdown-list-item-label.fi-selected:where(.dark,.dark *) {color: var(--dark-hover-text);} .fi-empty-state &.fi-empty-state-icon-bg {background-color: var(--color-100);} .fi-empty-state &.fi-empty-state-icon-bg:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state &.fi-empty-state-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-empty-state .fi-empty-state-icon-bg &.fi-icon {color: var(--color-500);} .fi-empty-state .fi-empty-state-icon-bg &.fi-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-icon-btn {color: var(--text);} &.fi-icon-btn:where(.dark,.dark *) {color: var(--dark-text);} @media (hover: hover) {:is(&.fi-icon-btn.fi-force-enabled,&.fi-icon-btn:not(.fi-disabled):not([disabled])):hover {color: var(--hover-text);}} :is(&.fi-icon-btn.fi-force-enabled,&.fi-icon-btn:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-600); } @media (hover: hover) {:is(&.fi-icon-btn.fi-force-enabled,&.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {color: var(--dark-hover-text);}} :is(&.fi-icon-btn.fi-force-enabled,&.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-500); } :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp .fi-input-wrp-suffix) &.fi-icon {color: var(--color-500);} &.fi-link {color: var(--text);} &.fi-link:where(.dark,.dark *) {color: var(--dark-text);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-icon-bg {background-color: var(--color-100);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-icon-bg:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-icon-bg > .fi-icon {color: var(--color-600);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-icon-bg > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} .fi-section > .fi-section-header > &.fi-icon {color: var(--color-500);} .fi-section > .fi-section-header > &.fi-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-toggle {background-color: var(--bg);} &.fi-toggle:where(.dark,.dark *) {background-color: var(--dark-bg);} &.fi-toggle .fi-icon {color: var(--text);} .fi-in-icon > &.fi-icon {color: var(--text);} .fi-in-icon > &.fi-icon:where(.dark,.dark *) {color: var(--dark-text);} &.fi-in-text-item {color: var(--text);} &.fi-in-text-item:where(.dark,.dark *) {color: var(--dark-text);} &li.fi-in-text-item::marker {color: var(--gray-950);} &li.fi-in-text-item:where(.dark,.dark *)::marker {color: var(--color-white);} &:is(.fi-in-text-item > .fi-icon,.fi-in-text-item > span:not(.fi-badge) > .fi-icon) {color: var(--color-500);} .fi-no-notification &.fi-no-notification-icon {color: var(--color-400);} &.fi-no-notification:not(.fi-inline) { --tw-ring-color: var(--color-600); } @supports (color: color-mix(in lab,red,red)) {&.fi-no-notification:not(.fi-inline) { --tw-ring-color: color-mix(in oklab, var(--color-600) 20%, transparent); }} &.fi-no-notification:not(.fi-inline):where(.dark,.dark *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {&.fi-no-notification:not(.fi-inline):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} &.fi-no-notification {background-color: var(--color-50);} &.fi-no-notification:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-no-notification:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-sc-icon {color: var(--color-500);} &.fi-sc-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-sc-text:not(.fi-badge):not(.fi-color-neutral) {color: var(--text);} &.fi-sc-text:not(.fi-badge):not(.fi-color-neutral):where(.dark,.dark *) {color: var(--dark-text);} .fi-ta-icon > &.fi-icon {color: var(--text);} .fi-ta-icon > &.fi-icon:where(.dark,.dark *) {color: var(--dark-text);} &.fi-ta-text-item {color: var(--text);} &.fi-ta-text-item:where(.dark,.dark *) {color: var(--dark-text);} &li.fi-ta-text-item::marker {color: var(--gray-950);} &li.fi-ta-text-item:where(.dark,.dark *)::marker {color: var(--color-white);} &:is(.fi-ta-text-item > .fi-icon,.fi-ta-text-item > span:not(.fi-badge) > .fi-icon) {color: var(--color-500);} .fi-ta-icon-count-summary > ul > li > &.fi-icon {color: var(--text);} .fi-ta-icon-count-summary > ul > li > &.fi-icon:where(.dark,.dark *) {color: var(--dark-text);} .fi-wi-chart & .fi-wi-chart-bg-color {color: var(--color-50);} .fi-wi-chart & .fi-wi-chart-bg-color:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-chart & .fi-wi-chart-bg-color:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-chart & .fi-wi-chart-border-color {color: var(--color-500);} .fi-wi-chart & .fi-wi-chart-border-color:where(.dark,.dark *) {color: var(--color-400);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-description {color: var(--text);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-description:where(.dark,.dark *) {color: var(--dark-text);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-description .fi-icon {color: var(--color-500);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color {color: var(--color-50);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-border-color {color: var(--color-500);} .fi-wi-stats-overview-stat &.fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-border-color:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-badge-delete-btn{.fi-badge.fi-color & > .fi-icon {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color & > .fi-icon {color: color-mix(in oklab,var(--color-700) 50%,transparent);}} .fi-badge.fi-color & > .fi-icon:where(.dark,.dark *) {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge.fi-color & > .fi-icon:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-300) 50%,transparent);}} .fi-badge & {margin-block: calc(var(--spacing) * -1); padding: calc(var(--spacing) * 1); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; justify-content: center; align-items: center; margin-inline-start: calc(var(--spacing) * -1); margin-inline-end: calc(var(--spacing) * -2); transition-duration: 75ms; display: flex;} .fi-badge & > .fi-icon {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {.fi-badge & > .fi-icon {color: color-mix(in oklab,var(--gray-700) 50%,transparent);}} .fi-badge & > .fi-icon:where(.dark,.dark *) {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {.fi-badge & > .fi-icon:where(.dark,.dark *) {color: color-mix(in oklab,var(--gray-300) 50%,transparent);}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:focus-visible {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:focus-visible {color: color-mix(in oklab,var(--gray-700) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:where(.dark,.dark *):hover {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])) & > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:hover {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:hover {color: color-mix(in oklab,var(--color-700) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:focus-visible {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:focus-visible {color: color-mix(in oklab,var(--color-700) 75%,transparent);}} @media (hover: hover) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:where(.dark,.dark *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} :is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(.fi-badge.fi-force-enabled,.fi-badge:not(.fi-disabled):not([disabled])).fi-color & > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} .fi-fo-tags-input.fi-disabled & {display: none;}}@utility fi-force-enabled{:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: var(--gray-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:focus-visible {color: color-mix(in oklab,var(--gray-700) 75%,transparent);}} @media (hover: hover) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}}} :is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--gray-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])) .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--gray-300) 75%,transparent);}} @media (hover: hover) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:hover {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:hover {color: color-mix(in oklab,var(--color-700) 75%,transparent);}}} :is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:focus-visible {color: var(--color-700);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:focus-visible {color: color-mix(in oklab,var(--color-700) 75%,transparent);}} @media (hover: hover) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):hover {color: color-mix(in oklab,var(--color-300) 75%,transparent);}}} :is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: var(--color-300);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-badge,.fi-badge:not(.fi-disabled):not([disabled])).fi-color .fi-badge-delete-btn > .fi-icon:where(.dark,.dark *):focus-visible {color: color-mix(in oklab,var(--color-300) 75%,transparent);}} :is(&.fi-btn,.fi-btn:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) {:is(&.fi-btn.fi-outlined,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}}} :is(&.fi-btn.fi-outlined,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--gray-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined,.fi-btn.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--gray-400) 40%, transparent); }} @media (hover: hover) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--color-500) 10%,transparent);}}} :is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 40%, transparent); }} @media (hover: hover) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-600) 10%,transparent);}}} :is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-outlined.fi-color,.fi-btn.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 40%, transparent); }} @media (hover: hover) {:is(&.fi-btn:not(.fi-outlined),.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-50);} :is(&.fi-btn:not(.fi-outlined),.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn:not(.fi-outlined),.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}} @media (hover: hover) {:is(input:checked + &label.fi-btn:not(.fi-outlined),input:checked + label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-300);} :is(input:checked + &label.fi-btn:not(.fi-outlined),input:checked + label.fi-btn:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--gray-500);}} @media (hover: hover) {:is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);}} :is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} @media (hover: hover) {:is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} :is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn:not(.fi-outlined).fi-color:not(label),.fi-btn:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} @media (hover: hover) {input:checked + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);} input:checked + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) {z-index: 10; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); }} input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label.fi-btn:not(.fi-outlined).fi-color,label.fi-btn:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} @media (hover: hover) {:is(&.fi-icon-btn,.fi-icon-btn:not(.fi-disabled):not([disabled])):hover {color: var(--gray-600);}} :is(&.fi-icon-btn,.fi-icon-btn:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } @media (hover: hover) {:is(&.fi-icon-btn,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {color: var(--gray-400);}} :is(&.fi-icon-btn,.fi-icon-btn:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--primary-500); } @media (hover: hover) {:is(&.fi-icon-btn.fi-color,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):hover {color: var(--hover-text);}} :is(&.fi-icon-btn.fi-color,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-600); } @media (hover: hover) {:is(&.fi-icon-btn.fi-color,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {color: var(--dark-hover-text);}} :is(&.fi-icon-btn.fi-color,.fi-icon-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-500); } @media (hover: hover) {:is(&.fi-link,.fi-link:not(.fi-disabled):not([disabled])):hover {text-decoration-line: underline;}} :is(&.fi-link,.fi-link:not(.fi-disabled):not([disabled])):focus-visible {text-decoration-line: underline;}}@utility fi-breadcrumbs{& ol {align-items: center; column-gap: calc(var(--spacing) * 2); flex-wrap: wrap; display: flex;} & ol li {align-items: center; column-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); display: flex;} & ol li:where(.dark,.dark *) {color: var(--gray-400);} & ol li a {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} @media (hover: hover) {& ol li a:hover {color: var(--gray-700);} & ol li a:where(.dark,.dark *):hover {color: var(--gray-200);}} & ol li .fi-icon {color: var(--gray-400); display: flex;} & ol li .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & ol li .fi-icon.fi-ltr:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {display: none;} & ol li .fi-icon.fi-rtl:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {display: none;} .fi-header & {margin-bottom: calc(var(--spacing) * 2); display: none;} @media (min-width: 40rem) {.fi-header & {display: block;}}}@utility fi-ltr{.fi-breadcrumbs ol li &.fi-icon:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {display: none;}}@utility fi-rtl{.fi-breadcrumbs ol li &.fi-icon:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {display: none;}}@utility fi-btn{justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; grid-auto-flow: column; transition-duration: 75ms; display: inline-grid; position: relative; :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-disabled:not(.fi-force-enabled) {cursor: default; opacity: .7;} &[disabled]:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-disabled:not(.fi-force-enabled),&[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} & > .fi-icon {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} &.fi-size-xs {gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-size-sm {gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-lg {gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 2.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-xl {gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-outlined {color: var(--gray-950); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-300);} &.fi-outlined:where(.dark,.dark *) {color: var(--color-white); --tw-ring-color: var(--gray-700);} @media (hover: hover) {:is(&.fi-outlined.fi-force-enabled,&.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-force-enabled,&.fi-outlined:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}}} :is(&.fi-outlined.fi-force-enabled,&.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--gray-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-force-enabled,&.fi-outlined:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--gray-400) 40%, transparent); }} &.fi-outlined.fi-color {color: var(--text); --tw-ring-color: var(--color-600);} &.fi-outlined.fi-color:where(.dark,.dark *) {color: var(--dark-text); --tw-ring-color: var(--color-500);} @media (hover: hover) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--color-500) 10%,transparent);}}} :is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 40%, transparent); }} @media (hover: hover) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-600) 10%,transparent);}}} :is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-outlined.fi-color.fi-force-enabled,&.fi-outlined.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 40%, transparent); }} &.fi-outlined.fi-color > .fi-icon {color: var(--color-600);} &.fi-outlined.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} &:not(.fi-outlined) {background-color: var(--color-white); color: var(--gray-950);} &:not(.fi-outlined):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-outlined):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:not(.fi-outlined):where(.dark,.dark *) {color: var(--color-white);} @media (hover: hover) {:is(&:not(.fi-outlined).fi-force-enabled,&:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-50);} :is(&:not(.fi-outlined).fi-force-enabled,&:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:is(&:not(.fi-outlined).fi-force-enabled,&:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}} input:checked + &label:not(.fi-outlined) {background-color: var(--gray-400); color: var(--color-white); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} input:checked + &label:not(.fi-outlined):where(.dark,.dark *) {background-color: var(--gray-600);} @media (hover: hover) {:is(input:checked + &label:not(.fi-outlined).fi-force-enabled,input:checked + &label:not(.fi-outlined):not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-300);} :is(input:checked + &label:not(.fi-outlined).fi-force-enabled,input:checked + &label:not(.fi-outlined):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--gray-500);}} &:not(.fi-outlined).fi-color:not(label) {background-color: var(--bg); color: var(--text);} &:not(.fi-outlined).fi-color:not(label):where(.dark,.dark *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {:is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);}} :is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} @media (hover: hover) {:is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} :is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&:not(.fi-outlined).fi-color:not(label).fi-force-enabled,&:not(.fi-outlined).fi-color:not(label):not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} &:not(.fi-outlined).fi-color:not(label) > .fi-icon {color: var(--text);} &:not(.fi-outlined).fi-color:not(label) > .fi-icon:where(.dark,.dark *) {color: var(--dark-text);} input:checked + :is(&label:not(.fi-outlined).fi-color) {background-color: var(--bg); color: var(--text); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} input:checked + :is(&label:not(.fi-outlined).fi-color):where(.dark,.dark *) {background-color: var(--dark-bg); color: var(--dark-text);} @media (hover: hover) {input:checked + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):hover {background-color: var(--hover-bg); color: var(--hover-text);} input:checked + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--dark-hover-bg); color: var(--dark-hover-text);}} input:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) {z-index: 10; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); }} input:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {input:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} input:checked:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])) { --tw-ring-color: color-mix(in oklab, var(--color-500) 50%, transparent); }} input:checked:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {input:checked:focus-visible + :is(&label:not(.fi-outlined).fi-color.fi-force-enabled,&label:not(.fi-outlined).fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 50%, transparent); }} &label {cursor: pointer;} &label > .fi-icon:is(:checked + label > .fi-icon) {color: var(--text);} &label > .fi-icon:is(:checked + label > .fi-icon):where(.dark,.dark *) {color: var(--dark-text);} &:not(.fi-color) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-950); } &label { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-950); } @supports (color: color-mix(in lab,red,red)) {&:not(.fi-color) { --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); } &label { --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); }} :is(&:not(.fi-color),&label):where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {:is(&:not(.fi-color),&label):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} &.fi-labeled-from-sm {display: none;} &.fi-labeled-from-md {display: none;} &.fi-labeled-from-lg {display: none;} &.fi-labeled-from-xl {display: none;} &.fi-labeled-from-2xl {display: none;} @media (min-width: 40rem) {&.fi-labeled-from-sm {display: inline-grid;}} @media (min-width: 48rem) {&.fi-labeled-from-md {display: inline-grid;}} @media (min-width: 64rem) {&.fi-labeled-from-lg {display: inline-grid;}} @media (min-width: 80rem) {&.fi-labeled-from-xl {display: inline-grid;}} @media (min-width: 96rem) {&.fi-labeled-from-2xl {display: inline-grid;}} & .fi-btn-badge-ctn {inset-inline-start: 100%; top: calc(var(--spacing) * 0); z-index: 1; --tw-translate-x: -50% ; --tw-translate-y: -50% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); display: flex; position: absolute;} & .fi-btn-badge-ctn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 50% ; translate: var(--tw-translate-x) var(--tw-translate-y); } & .fi-btn-badge-ctn:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-btn-group > & {border-radius: 0; flex: 1;} .fi-btn-group > &:nth-child(1 of &) {border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg);} .fi-btn-group > &:nth-last-child(1 of &) {border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg);} .fi-btn-group > &:not(:nth-child(1 of .fi-btn)) { --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--color-gray-200)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .fi-btn-group > &:not(:nth-child(1 of .fi-btn)):where(.dark,.dark *) { --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .fi-btn-group > &:not(:nth-last-child(1 of .fi-btn)) {margin-inline-end: 1px;} .fi-btn-group > &.fi-processing:enabled {cursor: wait; opacity: .7;} .fi-btn-group > &:not(.fi-outlined) { --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); } .fi-btn-group > &:not(.fi-color) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } label:is(.fi-btn-group > &) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } @media (min-width: 40rem) {.fi-icon-btn:has(+ &.fi-labeled-from-sm) {display: none;}} @media (min-width: 48rem) {.fi-icon-btn:has(+ &.fi-labeled-from-md) {display: none;}} @media (min-width: 64rem) {.fi-icon-btn:has(+ &.fi-labeled-from-lg) {display: none;}} @media (min-width: 80rem) {.fi-icon-btn:has(+ &.fi-labeled-from-xl) {display: none;}} @media (min-width: 96rem) {.fi-icon-btn:has(+ &.fi-labeled-from-2xl) {display: none;}} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-size-xs {margin-block: calc(var(--spacing) * -.5);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-size-sm {margin-block: calc(var(--spacing) * -1);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-size-md {margin-block: calc(var(--spacing) * -1.5);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-size-lg {margin-block: calc(var(--spacing) * -2);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-size-xl {margin-block: calc(var(--spacing) * -2.5);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group &.fi-active {background-color: var(--gray-50);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group &.fi-active:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-page-sub-navigation-dropdown > .fi-dropdown-trigger > & {justify-content: space-between; width: 100%;}}@utility fi-size-xl{&.fi-btn {gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-icon {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);} &.fi-icon-btn {width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11);} &.fi-icon-btn:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -3.5);} &.fi-icon-btn:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -3);} &.fi-icon-btn:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -2.5);} &.fi-link {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-btn {margin-block: calc(var(--spacing) * -2.5);}}@utility fi-outlined{&.fi-btn {color: var(--gray-950); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-300);} &.fi-btn:where(.dark,.dark *) {color: var(--color-white); --tw-ring-color: var(--gray-700);} @media (hover: hover) {:is(&.fi-btn.fi-force-enabled,&.fi-btn:not(.fi-disabled):not([disabled])):hover {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-force-enabled,&.fi-btn:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}}} :is(&.fi-btn.fi-force-enabled,&.fi-btn:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--gray-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-force-enabled,&.fi-btn:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--gray-400) 40%, transparent); }} &.fi-btn.fi-color {color: var(--text); --tw-ring-color: var(--color-600);} &.fi-btn.fi-color:where(.dark,.dark *) {color: var(--dark-text); --tw-ring-color: var(--color-500);} @media (hover: hover) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):hover {background-color: color-mix(in oklab,var(--color-500) 10%,transparent);}}} :is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-500); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-500) 40%, transparent); }} @media (hover: hover) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: var(--color-600);} @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-600) 10%,transparent);}}} :is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {:is(&.fi-btn.fi-color.fi-force-enabled,&.fi-btn.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-400) 40%, transparent); }} &.fi-btn.fi-color > .fi-icon {color: var(--color-600);} &.fi-btn.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-labeled-from-sm{&.fi-btn {display: none;} @media (min-width: 40rem) {&.fi-btn {display: inline-grid;}} @media (min-width: 40rem) {.fi-icon-btn:has(+ &.fi-btn) {display: none;}}}@utility fi-labeled-from-md{&.fi-btn {display: none;} @media (min-width: 48rem) {&.fi-btn {display: inline-grid;}} @media (min-width: 48rem) {.fi-icon-btn:has(+ &.fi-btn) {display: none;}}}@utility fi-labeled-from-lg{&.fi-btn {display: none;} @media (min-width: 64rem) {&.fi-btn {display: inline-grid;}} @media (min-width: 64rem) {.fi-icon-btn:has(+ &.fi-btn) {display: none;}}}@utility fi-labeled-from-xl{&.fi-btn {display: none;} @media (min-width: 80rem) {&.fi-btn {display: inline-grid;}} @media (min-width: 80rem) {.fi-icon-btn:has(+ &.fi-btn) {display: none;}}}@utility fi-labeled-from-2xl{&.fi-btn {display: none;} @media (min-width: 96rem) {&.fi-btn {display: inline-grid;}} @media (min-width: 96rem) {.fi-icon-btn:has(+ &.fi-btn) {display: none;}}}@utility fi-btn-badge-ctn{.fi-btn & {inset-inline-start: 100%; top: calc(var(--spacing) * 0); z-index: 1; --tw-translate-x: -50% ; --tw-translate-y: -50% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); display: flex; position: absolute;} .fi-btn &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 50% ; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-btn &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-btn-group{border-radius: var(--radius-lg); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); grid-auto-flow: column; display: grid; &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & > .fi-btn {border-radius: 0; flex: 1;} & > .fi-btn:nth-child(1 of .fi-btn) {border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg);} & > .fi-btn:nth-last-child(1 of .fi-btn) {border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg);} & > .fi-btn:not(:nth-child(1 of .fi-btn)) { --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, var(--color-gray-200)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } & > .fi-btn:not(:nth-child(1 of .fi-btn)):where(.dark,.dark *) { --tw-shadow: -1px 0 0 0 var(--tw-shadow-color, #fff3); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } & > .fi-btn:not(:nth-last-child(1 of .fi-btn)) {margin-inline-end: 1px;} & > .fi-btn.fi-processing:enabled {cursor: wait; opacity: .7;} & > .fi-btn:not(.fi-outlined) { --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); } & > .fi-btn:not(.fi-color) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } label:is(& > .fi-btn) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group & {width: 100%;} &.fi-fo-toggle-buttons {width: max-content;}}@utility fi-processing{.fi-btn-group > &.fi-btn:enabled {cursor: wait; opacity: .7;}}@utility fi-dropdown-header{gap: calc(var(--spacing) * 2); width: 100%; padding: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); display: flex; & .fi-icon {color: var(--gray-400);} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & span {text-overflow: ellipsis; white-space: nowrap; text-align: start; color: var(--gray-700); flex: 1; overflow: hidden;} & span:where(.dark,.dark *) {color: var(--gray-200);} &.fi-color .fi-icon {color: var(--color-500);} &.fi-color .fi-icon:where(.dark,.dark *) {color: var(--color-400);} &.fi-color span {color: var(--text);} &.fi-color span:where(.dark,.dark *) {color: var(--dark-text);}}@utility fi-dropdown-trigger{:scope & {cursor: pointer; display: flex;} .fi-page-sub-navigation-dropdown > & > .fi-btn {justify-content: space-between; width: 100%;}}@utility fi-dropdown-panel{:scope & {z-index: 20; border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100vw; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; max-width: 14rem !important;} :scope &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:scope &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} :where(:scope &:not(.fi-dropdown-list) > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-100); } :where(:scope &:not(.fi-dropdown-list):where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(:scope &:not(.fi-dropdown-list):where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :scope &.fi-opacity-0 {opacity: 0;} :scope &.fi-width-xs {max-width: var(--container-xs) !important;} :scope &.fi-width-sm {max-width: var(--container-sm) !important;} :scope &.fi-width-md {max-width: var(--container-md) !important;} :scope &.fi-width-lg {max-width: var(--container-lg) !important;} :scope &.fi-width-xl {max-width: var(--container-xl) !important;} :scope &.fi-width-2xl {max-width: var(--container-2xl) !important;} :scope &.fi-width-3xl {max-width: var(--container-3xl) !important;} :scope &.fi-width-4xl {max-width: var(--container-4xl) !important;} :scope &.fi-width-5xl {max-width: var(--container-5xl) !important;} :scope &.fi-width-6xl {max-width: var(--container-6xl) !important;} :scope &.fi-width-7xl {max-width: var(--container-7xl) !important;} :scope &.fi-scrollable {overflow-y: auto;} .fi-select-input & {max-height: calc(var(--spacing) * 60); max-width: 100% !important;} .fi-sidebar .fi-user-menu & {max-width: max(14rem,100% - 1.5rem) !important;}}@utility fi-opacity-0{:scope &.fi-dropdown-panel {opacity: 0;}}@utility fi-width-xs{:scope &.fi-dropdown-panel {max-width: var(--container-xs) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-xs);} .fi-sc > &.fi-grid-col {max-width: var(--container-xs);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-xs);}}@utility fi-width-sm{:scope &.fi-dropdown-panel {max-width: var(--container-sm) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-sm);} .fi-sc > &.fi-grid-col {max-width: var(--container-sm);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-sm);}}@utility fi-width-md{:scope &.fi-dropdown-panel {max-width: var(--container-md) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-md);} .fi-sc > &.fi-grid-col {max-width: var(--container-md);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-md);}}@utility fi-width-lg{:scope &.fi-dropdown-panel {max-width: var(--container-lg) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-lg);} .fi-sc > &.fi-grid-col {max-width: var(--container-lg);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-lg);}}@utility fi-width-xl{:scope &.fi-dropdown-panel {max-width: var(--container-xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-xl);}}@utility fi-width-2xl{:scope &.fi-dropdown-panel {max-width: var(--container-2xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-2xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-2xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-2xl);}}@utility fi-width-3xl{:scope &.fi-dropdown-panel {max-width: var(--container-3xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-3xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-3xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-3xl);}}@utility fi-width-4xl{:scope &.fi-dropdown-panel {max-width: var(--container-4xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-4xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-4xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-4xl);}}@utility fi-width-5xl{:scope &.fi-dropdown-panel {max-width: var(--container-5xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-5xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-5xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-5xl);}}@utility fi-width-6xl{:scope &.fi-dropdown-panel {max-width: var(--container-6xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-6xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-6xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-6xl);}}@utility fi-width-7xl{:scope &.fi-dropdown-panel {max-width: var(--container-7xl) !important;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--container-7xl);} .fi-sc > &.fi-grid-col {max-width: var(--container-7xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--container-7xl);}}@utility fi-scrollable{:scope &.fi-dropdown-panel {overflow-y: auto;}}@utility fi-dropdown-list{padding: calc(var(--spacing) * 1); gap: 1px; display: grid; & > .fi-grid {overflow-x: hidden;}}@utility fi-grid{.fi-dropdown-list > & {overflow-x: hidden;} &:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-default); display: grid;} @media (min-width: 40rem) {&:not(.fi-grid-direction-col).sm\:fi-grid-cols {grid-template-columns: var(--cols-sm);}} @media (min-width: 48rem) {&:not(.fi-grid-direction-col).md\:fi-grid-cols {grid-template-columns: var(--cols-md);}} @media (min-width: 64rem) {&:not(.fi-grid-direction-col).lg\:fi-grid-cols {grid-template-columns: var(--cols-lg);}} @media (min-width: 80rem) {&:not(.fi-grid-direction-col).xl\:fi-grid-cols {grid-template-columns: var(--cols-xl);}} @media (min-width: 96rem) {&:not(.fi-grid-direction-col).\32xl\:fi-grid-cols {grid-template-columns: var(--cols-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&:not(.fi-grid-direction-col).\@3xs\:fi-grid-cols {grid-template-columns: var(--cols-c3xs);}} @container (min-width:18rem) {&:not(.fi-grid-direction-col).\@2xs\:fi-grid-cols {grid-template-columns: var(--cols-c2xs);}} @container (min-width:20rem) {&:not(.fi-grid-direction-col).\@xs\:fi-grid-cols {grid-template-columns: var(--cols-cxs);}} @container (min-width:24rem) {&:not(.fi-grid-direction-col).\@sm\:fi-grid-cols {grid-template-columns: var(--cols-csm);}} @container (min-width:28rem) {&:not(.fi-grid-direction-col).\@md\:fi-grid-cols {grid-template-columns: var(--cols-cmd);}} @container (min-width:32rem) {&:not(.fi-grid-direction-col).\@lg\:fi-grid-cols {grid-template-columns: var(--cols-clg);}} @container (min-width:36rem) {&:not(.fi-grid-direction-col).\@xl\:fi-grid-cols {grid-template-columns: var(--cols-cxl);}} @container (min-width:42rem) {&:not(.fi-grid-direction-col).\@2xl\:fi-grid-cols {grid-template-columns: var(--cols-c2xl);}} @container (min-width:48rem) {&:not(.fi-grid-direction-col).\@3xl\:fi-grid-cols {grid-template-columns: var(--cols-c3xl);}} @container (min-width:56rem) {&:not(.fi-grid-direction-col).\@4xl\:fi-grid-cols {grid-template-columns: var(--cols-c4xl);}} @container (min-width:64rem) {&:not(.fi-grid-direction-col).\@5xl\:fi-grid-cols {grid-template-columns: var(--cols-c5xl);}} @container (min-width:72rem) {&:not(.fi-grid-direction-col).\@6xl\:fi-grid-cols {grid-template-columns: var(--cols-c6xl);}} @container (min-width:80rem) {&:not(.fi-grid-direction-col).\@7xl\:fi-grid-cols {grid-template-columns: var(--cols-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&:not(.fi-grid-direction-col).\!\@sm\:fi-grid-cols {grid-template-columns: var(--cols-ncsm);}} @media (min-width: 48rem) {&:not(.fi-grid-direction-col).\!\@md\:fi-grid-cols {grid-template-columns: var(--cols-ncmd);}} @media (min-width: 64rem) {&:not(.fi-grid-direction-col).\!\@lg\:fi-grid-cols {grid-template-columns: var(--cols-nclg);}} @media (min-width: 80rem) {&:not(.fi-grid-direction-col).\!\@xl\:fi-grid-cols {grid-template-columns: var(--cols-ncxl);}} @media (min-width: 96rem) {&:not(.fi-grid-direction-col).\!\@2xl\:fi-grid-cols {grid-template-columns: var(--cols-nc2xl);}}} &.fi-grid-direction-col {columns: var(--cols-default);} @media (min-width: 40rem) {&.fi-grid-direction-col.sm\:fi-grid-cols {columns: var(--cols-sm);}} @media (min-width: 48rem) {&.fi-grid-direction-col.md\:fi-grid-cols {columns: var(--cols-md);}} @media (min-width: 64rem) {&.fi-grid-direction-col.lg\:fi-grid-cols {columns: var(--cols-lg);}} @media (min-width: 80rem) {&.fi-grid-direction-col.xl\:fi-grid-cols {columns: var(--cols-xl);}} @media (min-width: 96rem) {&.fi-grid-direction-col.\32xl\:fi-grid-cols {columns: var(--cols-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid-direction-col.\@3xs\:fi-grid-cols {columns: var(--cols-c3xs);}} @container (min-width:18rem) {&.fi-grid-direction-col.\@2xs\:fi-grid-cols {columns: var(--cols-c2xs);}} @container (min-width:20rem) {&.fi-grid-direction-col.\@xs\:fi-grid-cols {columns: var(--cols-cxs);}} @container (min-width:24rem) {&.fi-grid-direction-col.\@sm\:fi-grid-cols {columns: var(--cols-csm);}} @container (min-width:28rem) {&.fi-grid-direction-col.\@md\:fi-grid-cols {columns: var(--cols-cmd);}} @container (min-width:32rem) {&.fi-grid-direction-col.\@lg\:fi-grid-cols {columns: var(--cols-clg);}} @container (min-width:36rem) {&.fi-grid-direction-col.\@xl\:fi-grid-cols {columns: var(--cols-cxl);}} @container (min-width:42rem) {&.fi-grid-direction-col.\@2xl\:fi-grid-cols {columns: var(--cols-c2xl);}} @container (min-width:48rem) {&.fi-grid-direction-col.\@3xl\:fi-grid-cols {columns: var(--cols-c3xl);}} @container (min-width:56rem) {&.fi-grid-direction-col.\@4xl\:fi-grid-cols {columns: var(--cols-c4xl);}} @container (min-width:64rem) {&.fi-grid-direction-col.\@5xl\:fi-grid-cols {columns: var(--cols-c5xl);}} @container (min-width:72rem) {&.fi-grid-direction-col.\@6xl\:fi-grid-cols {columns: var(--cols-c6xl);}} @container (min-width:80rem) {&.fi-grid-direction-col.\@7xl\:fi-grid-cols {columns: var(--cols-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid-direction-col.\!\@sm\:fi-grid-cols {columns: var(--cols-ncsm);}} @media (min-width: 48rem) {&.fi-grid-direction-col.\!\@md\:fi-grid-cols {columns: var(--cols-ncmd);}} @media (min-width: 64rem) {&.fi-grid-direction-col.\!\@lg\:fi-grid-cols {columns: var(--cols-nclg);}} @media (min-width: 80rem) {&.fi-grid-direction-col.\!\@xl\:fi-grid-cols {columns: var(--cols-ncxl);}} @media (min-width: 96rem) {&.fi-grid-direction-col.\!\@2xl\:fi-grid-cols {columns: var(--cols-nc2xl);}}}}@utility fi-dropdown-list-item{align-items: center; gap: calc(var(--spacing) * 2); border-radius: var(--radius-md); width: 100%; padding: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); white-space: nowrap; transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; transition-duration: 75ms; display: flex; overflow: hidden; @media (hover: hover) {&:not(.fi-disabled):not([disabled]):hover {background-color: var(--gray-50);}} &:not(.fi-disabled):not([disabled]):focus-visible {background-color: var(--gray-50);} @media (hover: hover) {&:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:not(.fi-disabled):not([disabled]).fi-selected {background-color: var(--gray-50);} &:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-disabled {cursor: default; opacity: .7;} &[disabled] {cursor: default; opacity: .7;} :is(&.fi-disabled,&[disabled]):not([x-tooltip]) {pointer-events: none;} & .fi-icon {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & .fi-dropdown-list-item-image {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background-position: 50%; background-size: cover; border-radius: 3.40282e38px;} & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > .fi-icon.fi-color {color: var(--color-500);} & > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--color-400);} @media (hover: hover) {&.fi-color:not(.fi-disabled):not([disabled]):hover {background-color: var(--color-50);}} &.fi-color:not(.fi-disabled):not([disabled]):focus-visible {background-color: var(--color-50);} @media (hover: hover) {&.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}}} &.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-color:not(.fi-disabled):not([disabled]).fi-selected {background-color: var(--color-50);} &.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:not(.fi-disabled):not([disabled]).fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-color .fi-dropdown-list-item-label {color: var(--text);} @media (hover: hover) {&.fi-color .fi-dropdown-list-item-label:hover {color: var(--hover-text);}} &.fi-color .fi-dropdown-list-item-label:where(.dark,.dark *) {color: var(--dark-text);} @media (hover: hover) {&.fi-color .fi-dropdown-list-item-label:where(.dark,.dark *):hover {color: var(--dark-hover-text);}} &.fi-color .fi-dropdown-list-item-label.fi-selected {color: var(--hover-text);} &.fi-color .fi-dropdown-list-item-label.fi-selected:where(.dark,.dark *) {color: var(--dark-hover-text);} & .fi-badge {min-width: 1.25rem; padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * .5); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);}}@utility fi-selected{&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]) {background-color: var(--gray-50);} &.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-dropdown-list-item:not(.fi-disabled):not([disabled]):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]) {background-color: var(--color-50);} &.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-dropdown-list-item.fi-color:not(.fi-disabled):not([disabled]):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-dropdown-list-item.fi-color &.fi-dropdown-list-item-label {color: var(--hover-text);} .fi-dropdown-list-item.fi-color &.fi-dropdown-list-item-label:where(.dark,.dark *) {color: var(--dark-hover-text);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day {background-color: var(--gray-50); color: var(--primary-600);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:where(.dark,.dark *) {color: var(--primary-400);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:before {content: var(--tw-content); content: var(--tw-content); inset-block: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record {background-color: var(--gray-50);} &.fi-ta-row:not(.fi-striped) {background-color: var(--gray-50);} &.fi-ta-row:not(.fi-striped):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-row:not(.fi-striped):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-ta-row > :first-child {position: relative;} &.fi-ta-row > :first-child:before {inset-block: calc(var(--spacing) * 0); width: calc(var(--spacing) * .5); background-color: var(--primary-600); content: ""; position: absolute; inset-inline-start: calc(var(--spacing) * 0);} &.fi-ta-row > :first-child:where(.dark,.dark *):before {background-color: var(--primary-500);}}@utility fi-dropdown-list-item-image{.fi-dropdown-list-item & {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background-position: 50%; background-size: cover; border-radius: 3.40282e38px;}}@utility fi-dropdown-list-item-label{.fi-dropdown-list-item.fi-color & {color: var(--text);} @media (hover: hover) {.fi-dropdown-list-item.fi-color &:hover {color: var(--hover-text);}} .fi-dropdown-list-item.fi-color &:where(.dark,.dark *) {color: var(--dark-text);} @media (hover: hover) {.fi-dropdown-list-item.fi-color &:where(.dark,.dark *):hover {color: var(--dark-hover-text);}} .fi-dropdown-list-item.fi-color &.fi-selected {color: var(--hover-text);} .fi-dropdown-list-item.fi-color &.fi-selected:where(.dark,.dark *) {color: var(--dark-hover-text);} text-overflow: ellipsis; white-space: nowrap; text-align: start; color: var(--gray-700); flex: 1; overflow: hidden; &:where(.dark,.dark *) {color: var(--gray-200);}}@utility fi-empty-state{border-radius: var(--radius-xl); background-color: var(--color-white); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 12); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-empty-state-content {max-width: var(--container-lg); text-align: center; justify-items: center; margin-inline: auto; display: grid;} & .fi-empty-state-icon-bg {margin-bottom: calc(var(--spacing) * 4); background-color: var(--gray-100); padding: calc(var(--spacing) * 3); border-radius: 3.40282e38px;} & .fi-empty-state-icon-bg:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {& .fi-empty-state-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} & .fi-empty-state-icon-bg.fi-color {background-color: var(--color-100);} & .fi-empty-state-icon-bg.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {& .fi-empty-state-icon-bg.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} & .fi-empty-state-icon-bg .fi-icon {color: var(--gray-500);} & .fi-empty-state-icon-bg .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-empty-state-icon-bg .fi-icon.fi-color {color: var(--color-500);} & .fi-empty-state-icon-bg .fi-icon.fi-color:where(.dark,.dark *) {color: var(--color-400);} & .fi-empty-state-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-empty-state-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-empty-state-description {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-empty-state-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-empty-state-footer {margin-top: calc(var(--spacing) * 6);}}@utility fi-empty-state-content{.fi-empty-state & {max-width: var(--container-lg); text-align: center; justify-items: center; margin-inline: auto; display: grid;}}@utility fi-empty-state-icon-bg{.fi-empty-state & {margin-bottom: calc(var(--spacing) * 4); background-color: var(--gray-100); padding: calc(var(--spacing) * 3); border-radius: 3.40282e38px;} .fi-empty-state &:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-empty-state &.fi-color {background-color: var(--color-100);} .fi-empty-state &.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-empty-state &.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-empty-state & .fi-icon {color: var(--gray-500);} .fi-empty-state & .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-empty-state & .fi-icon.fi-color {color: var(--color-500);} .fi-empty-state & .fi-icon.fi-color:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-empty-state-heading{.fi-empty-state & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-empty-state &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-empty-state-description{.fi-empty-state & {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-empty-state &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-empty-state-footer{.fi-empty-state & {margin-top: calc(var(--spacing) * 6);}}@utility fi-fieldset{& > legend {padding-inline: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); margin-inline-start: calc(var(--spacing) * -2);} & > legend:where(.dark,.dark *) {color: var(--color-white);} & > legend .fi-fieldset-label-required-mark { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } & > legend .fi-fieldset-label-required-mark:where(.dark,.dark *) {color: var(--danger-400);} &.fi-fieldset-label-hidden > legend {clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;} &:not(.fi-fieldset-not-contained) {border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 6);} &:not(.fi-fieldset-not-contained):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-fieldset-not-contained):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &.fi-fieldset-not-contained {padding-top: calc(var(--spacing) * 6);}}@utility fi-fieldset-label-required-mark{.fi-fieldset > legend & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } .fi-fieldset > legend &:where(.dark,.dark *) {color: var(--danger-400);}}@utility fi-fieldset-label-hidden{&.fi-fieldset > legend {clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}}@utility fi-fieldset-not-contained{&.fi-fieldset {padding-top: calc(var(--spacing) * 6);}}@utility sm:fi-grid-cols{@media (min-width: 40rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-sm);}} @media (min-width: 40rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-sm);}} @media (min-width: 40rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}@utility md:fi-grid-cols{@media (min-width: 48rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-md);}} @media (min-width: 48rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-md);}} @media (min-width: 48rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}@utility lg:fi-grid-cols{@media (min-width: 64rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-lg);}} @media (min-width: 64rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-lg);}} @media (min-width: 64rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}@utility xl:fi-grid-cols{@media (min-width: 80rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-xl);}} @media (min-width: 80rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-xl);}} @media (min-width: 80rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}@utility 2xl:fi-grid-cols{@media (min-width: 96rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-2xl);}} @media (min-width: 96rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-2xl);}} @media (min-width: 96rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}@utility @3xs:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c3xs);}}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c3xs);}}} @supports (container-type: inline-size) {@container (min-width:16rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @2xs:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:18rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c2xs);}}} @supports (container-type: inline-size) {@container (min-width:18rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c2xs);}}} @supports (container-type: inline-size) {@container (min-width:18rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @xs:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:20rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-cxs);}}} @supports (container-type: inline-size) {@container (min-width:20rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-cxs);}}} @supports (container-type: inline-size) {@container (min-width:20rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @sm:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:24rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-csm);}}} @supports (container-type: inline-size) {@container (min-width:24rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-csm);}}} @supports (container-type: inline-size) {@container (min-width:24rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @md:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:28rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-cmd);}}} @supports (container-type: inline-size) {@container (min-width:28rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-cmd);}}} @supports (container-type: inline-size) {@container (min-width:28rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @lg:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:32rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-clg);}}} @supports (container-type: inline-size) {@container (min-width:32rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-clg);}}} @supports (container-type: inline-size) {@container (min-width:32rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-cxl);}}} @supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-cxl);}}} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @2xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:42rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c2xl);}}} @supports (container-type: inline-size) {@container (min-width:42rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c2xl);}}} @supports (container-type: inline-size) {@container (min-width:42rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @3xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:48rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c3xl);}}} @supports (container-type: inline-size) {@container (min-width:48rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c3xl);}}} @supports (container-type: inline-size) {@container (min-width:48rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @4xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:56rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c4xl);}}} @supports (container-type: inline-size) {@container (min-width:56rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c4xl);}}} @supports (container-type: inline-size) {@container (min-width:56rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @5xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:64rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c5xl);}}} @supports (container-type: inline-size) {@container (min-width:64rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c5xl);}}} @supports (container-type: inline-size) {@container (min-width:64rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @6xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:72rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c6xl);}}} @supports (container-type: inline-size) {@container (min-width:72rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c6xl);}}} @supports (container-type: inline-size) {@container (min-width:72rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility @7xl:fi-grid-cols{@supports (container-type: inline-size) {@container (min-width:80rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-c7xl);}}} @supports (container-type: inline-size) {@container (min-width:80rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-c7xl);}}} @supports (container-type: inline-size) {@container (min-width:80rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility !@sm:fi-grid-cols{@supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-ncsm);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-ncsm);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility !@md:fi-grid-cols{@supports not (container-type: inline-size) {@media (min-width: 48rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-ncmd);}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-ncmd);}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility !@lg:fi-grid-cols{@supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-nclg);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-nclg);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility !@xl:fi-grid-cols{@supports not (container-type: inline-size) {@media (min-width: 80rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-ncxl);}}} @supports not (container-type: inline-size) {@media (min-width: 80rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-ncxl);}}} @supports not (container-type: inline-size) {@media (min-width: 80rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility !@2xl:fi-grid-cols{@supports not (container-type: inline-size) {@media (min-width: 96rem) {&.fi-grid:not(.fi-grid-direction-col) {grid-template-columns: var(--cols-nc2xl);}}} @supports not (container-type: inline-size) {@media (min-width: 96rem) {&.fi-grid.fi-grid-direction-col {columns: var(--cols-nc2xl);}}} @supports not (container-type: inline-size) {@media (min-width: 96rem) {.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}}}@utility fi-grid-direction-col{&.fi-grid {columns: var(--cols-default);} @media (min-width: 40rem) {&.fi-grid.sm\:fi-grid-cols {columns: var(--cols-sm);}} @media (min-width: 48rem) {&.fi-grid.md\:fi-grid-cols {columns: var(--cols-md);}} @media (min-width: 64rem) {&.fi-grid.lg\:fi-grid-cols {columns: var(--cols-lg);}} @media (min-width: 80rem) {&.fi-grid.xl\:fi-grid-cols {columns: var(--cols-xl);}} @media (min-width: 96rem) {&.fi-grid.\32xl\:fi-grid-cols {columns: var(--cols-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid.\@3xs\:fi-grid-cols {columns: var(--cols-c3xs);}} @container (min-width:18rem) {&.fi-grid.\@2xs\:fi-grid-cols {columns: var(--cols-c2xs);}} @container (min-width:20rem) {&.fi-grid.\@xs\:fi-grid-cols {columns: var(--cols-cxs);}} @container (min-width:24rem) {&.fi-grid.\@sm\:fi-grid-cols {columns: var(--cols-csm);}} @container (min-width:28rem) {&.fi-grid.\@md\:fi-grid-cols {columns: var(--cols-cmd);}} @container (min-width:32rem) {&.fi-grid.\@lg\:fi-grid-cols {columns: var(--cols-clg);}} @container (min-width:36rem) {&.fi-grid.\@xl\:fi-grid-cols {columns: var(--cols-cxl);}} @container (min-width:42rem) {&.fi-grid.\@2xl\:fi-grid-cols {columns: var(--cols-c2xl);}} @container (min-width:48rem) {&.fi-grid.\@3xl\:fi-grid-cols {columns: var(--cols-c3xl);}} @container (min-width:56rem) {&.fi-grid.\@4xl\:fi-grid-cols {columns: var(--cols-c4xl);}} @container (min-width:64rem) {&.fi-grid.\@5xl\:fi-grid-cols {columns: var(--cols-c5xl);}} @container (min-width:72rem) {&.fi-grid.\@6xl\:fi-grid-cols {columns: var(--cols-c6xl);}} @container (min-width:80rem) {&.fi-grid.\@7xl\:fi-grid-cols {columns: var(--cols-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid.\!\@sm\:fi-grid-cols {columns: var(--cols-ncsm);}} @media (min-width: 48rem) {&.fi-grid.\!\@md\:fi-grid-cols {columns: var(--cols-ncmd);}} @media (min-width: 64rem) {&.fi-grid.\!\@lg\:fi-grid-cols {columns: var(--cols-nclg);}} @media (min-width: 80rem) {&.fi-grid.\!\@xl\:fi-grid-cols {columns: var(--cols-ncxl);}} @media (min-width: 96rem) {&.fi-grid.\!\@2xl\:fi-grid-cols {columns: var(--cols-nc2xl);}}} .fi-fo-checkbox-list &.fi-fo-checkbox-list-options {margin-top: calc(var(--spacing) * -4);} .fi-fo-checkbox-list &.fi-fo-checkbox-list-options .fi-fo-checkbox-list-option-ctn {break-inside: avoid; padding-top: calc(var(--spacing) * 4);} &.fi-fo-radio:not(.fi-inline) {margin-top: calc(var(--spacing) * -4);} &.fi-fo-radio:not(.fi-inline) > .fi-fo-radio-label {break-inside: avoid; padding-top: calc(var(--spacing) * 4);} &.fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline) {margin-top: calc(var(--spacing) * -3);} &.fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline) .fi-fo-toggle-buttons-btn-ctn {break-inside: avoid; padding-top: calc(var(--spacing) * 3);}}@utility fi-grid-ctn{@supports (container-type: inline-size) {container-type: inline-size;}}@utility fi-grid-col{grid-column: var(--col-span-default); @media (min-width: 40rem) {&.sm\:fi-grid-col-span {grid-column: var(--col-span-sm);}} @media (min-width: 48rem) {&.md\:fi-grid-col-span {grid-column: var(--col-span-md);}} @media (min-width: 64rem) {&.lg\:fi-grid-col-span {grid-column: var(--col-span-lg);}} @media (min-width: 80rem) {&.xl\:fi-grid-col-span {grid-column: var(--col-span-xl);}} @media (min-width: 96rem) {&.\32xl\:fi-grid-col-span {grid-column: var(--col-span-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.\@3xs\:fi-grid-col-span {grid-column: var(--col-span-c3xs);}} @container (min-width:18rem) {&.\@2xs\:fi-grid-col-span {grid-column: var(--col-span-c2xs);}} @container (min-width:20rem) {&.\@xs\:fi-grid-col-span {grid-column: var(--col-span-cxs);}} @container (min-width:24rem) {&.\@sm\:fi-grid-col-span {grid-column: var(--col-span-csm);}} @container (min-width:28rem) {&.\@md\:fi-grid-col-span {grid-column: var(--col-span-cmd);}} @container (min-width:32rem) {&.\@lg\:fi-grid-col-span {grid-column: var(--col-span-clg);}} @container (min-width:36rem) {&.\@xl\:fi-grid-col-span {grid-column: var(--col-span-cxl);}} @container (min-width:42rem) {&.\@2xl\:fi-grid-col-span {grid-column: var(--col-span-c2xl);}} @container (min-width:48rem) {&.\@3xl\:fi-grid-col-span {grid-column: var(--col-span-c3xl);}} @container (min-width:56rem) {&.\@4xl\:fi-grid-col-span {grid-column: var(--col-span-c4xl);}} @container (min-width:64rem) {&.\@5xl\:fi-grid-col-span {grid-column: var(--col-span-c5xl);}} @container (min-width:72rem) {&.\@6xl\:fi-grid-col-span {grid-column: var(--col-span-c6xl);}} @container (min-width:80rem) {&.\@7xl\:fi-grid-col-span {grid-column: var(--col-span-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.\!\@sm\:fi-grid-col-span {grid-column: var(--col-span-ncsm);}} @media (min-width: 48rem) {&.\!\@md\:fi-grid-col-span {grid-column: var(--col-span-ncmd);}} @media (min-width: 64rem) {&.\!\@lg\:fi-grid-col-span {grid-column: var(--col-span-nclg);}} @media (min-width: 80rem) {&.\!\@xl\:fi-grid-col-span {grid-column: var(--col-span-ncxl);}} @media (min-width: 96rem) {&.\!\@2xl\:fi-grid-col-span {grid-column: var(--col-span-nc2xl);}}} &.fi-grid-col-start {grid-column-start: var(--col-start-default);} @media (min-width: 40rem) {&.sm\:fi-grid-col-start {grid-column-start: var(--col-start-sm);}} @media (min-width: 48rem) {&.md\:fi-grid-col-start {grid-column-start: var(--col-start-md);}} @media (min-width: 64rem) {&.lg\:fi-grid-col-start {grid-column-start: var(--col-start-lg);}} @media (min-width: 80rem) {&.xl\:fi-grid-col-start {grid-column-start: var(--col-start-xl);}} @media (min-width: 96rem) {&.\32xl\:fi-grid-col-start {grid-column-start: var(--col-start-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.\@3xs\:fi-grid-col-start {grid-column-start: var(--col-start-c3xs);}} @container (min-width:18rem) {&.\@2xs\:fi-grid-col-start {grid-column-start: var(--col-start-c2xs);}} @container (min-width:20rem) {&.\@xs\:fi-grid-col-start {grid-column-start: var(--col-start-cxs);}} @container (min-width:24rem) {&.\@sm\:fi-grid-col-start {grid-column-start: var(--col-start-csm);}} @container (min-width:28rem) {&.\@md\:fi-grid-col-start {grid-column-start: var(--col-start-cmd);}} @container (min-width:32rem) {&.\@lg\:fi-grid-col-start {grid-column-start: var(--col-start-clg);}} @container (min-width:36rem) {&.\@xl\:fi-grid-col-start {grid-column-start: var(--col-start-cxl);}} @container (min-width:42rem) {&.\@2xl\:fi-grid-col-start {grid-column-start: var(--col-start-c2xl);}} @container (min-width:48rem) {&.\@3xl\:fi-grid-col-start {grid-column-start: var(--col-start-c3xl);}} @container (min-width:56rem) {&.\@4xl\:fi-grid-col-start {grid-column-start: var(--col-start-c4xl);}} @container (min-width:64rem) {&.\@5xl\:fi-grid-col-start {grid-column-start: var(--col-start-c5xl);}} @container (min-width:72rem) {&.\@6xl\:fi-grid-col-start {grid-column-start: var(--col-start-c6xl);}} @container (min-width:80rem) {&.\@7xl\:fi-grid-col-start {grid-column-start: var(--col-start-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.\!\@sm\:fi-grid-col-start {grid-column-start: var(--col-start-ncsm);}} @media (min-width: 48rem) {&.\!\@md\:fi-grid-col-start {grid-column-start: var(--col-start-ncmd);}} @media (min-width: 64rem) {&.\!\@lg\:fi-grid-col-start {grid-column-start: var(--col-start-nclg);}} @media (min-width: 80rem) {&.\!\@xl\:fi-grid-col-start {grid-column-start: var(--col-start-ncxl);}} @media (min-width: 96rem) {&.\!\@2xl\:fi-grid-col-start {grid-column-start: var(--col-start-nc2xl);}}} &.fi-grid-col-order {order: var(--col-order-default);} @media (min-width: 40rem) {&.sm\:fi-grid-col-order {order: var(--col-order-sm);}} @media (min-width: 48rem) {&.md\:fi-grid-col-order {order: var(--col-order-md);}} @media (min-width: 64rem) {&.lg\:fi-grid-col-order {order: var(--col-order-lg);}} @media (min-width: 80rem) {&.xl\:fi-grid-col-order {order: var(--col-order-xl);}} @media (min-width: 96rem) {&.\32xl\:fi-grid-col-order {order: var(--col-order-2xl);}} @supports (container-type: inline-size) {@container (min-width:16rem) {&.\@3xs\:fi-grid-col-order {order: var(--col-order-c3xs);}} @container (min-width:18rem) {&.\@2xs\:fi-grid-col-order {order: var(--col-order-c2xs);}} @container (min-width:20rem) {&.\@xs\:fi-grid-col-order {order: var(--col-order-cxs);}} @container (min-width:24rem) {&.\@sm\:fi-grid-col-order {order: var(--col-order-csm);}} @container (min-width:28rem) {&.\@md\:fi-grid-col-order {order: var(--col-order-cmd);}} @container (min-width:32rem) {&.\@lg\:fi-grid-col-order {order: var(--col-order-clg);}} @container (min-width:36rem) {&.\@xl\:fi-grid-col-order {order: var(--col-order-cxl);}} @container (min-width:42rem) {&.\@2xl\:fi-grid-col-order {order: var(--col-order-c2xl);}} @container (min-width:48rem) {&.\@3xl\:fi-grid-col-order {order: var(--col-order-c3xl);}} @container (min-width:56rem) {&.\@4xl\:fi-grid-col-order {order: var(--col-order-c4xl);}} @container (min-width:64rem) {&.\@5xl\:fi-grid-col-order {order: var(--col-order-c5xl);}} @container (min-width:72rem) {&.\@6xl\:fi-grid-col-order {order: var(--col-order-c6xl);}} @container (min-width:80rem) {&.\@7xl\:fi-grid-col-order {order: var(--col-order-c7xl);}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {&.\!\@sm\:fi-grid-col-order {order: var(--col-order-ncsm);}} @media (min-width: 48rem) {&.\!\@md\:fi-grid-col-order {order: var(--col-order-ncmd);}} @media (min-width: 64rem) {&.\!\@lg\:fi-grid-col-order {order: var(--col-order-nclg);}} @media (min-width: 80rem) {&.\!\@xl\:fi-grid-col-order {order: var(--col-order-ncxl);}} @media (min-width: 96rem) {&.\!\@2xl\:fi-grid-col-order {order: var(--col-order-nc2xl);}}} &.fi-hidden {display: none;} .fi-sc > &.fi-width-xs {max-width: var(--container-xs);} .fi-sc > &.fi-width-sm {max-width: var(--container-sm);} .fi-sc > &.fi-width-md {max-width: var(--container-md);} .fi-sc > &.fi-width-lg {max-width: var(--container-lg);} .fi-sc > &.fi-width-xl {max-width: var(--container-xl);} .fi-sc > &.fi-width-2xl {max-width: var(--container-2xl);} .fi-sc > &.fi-width-3xl {max-width: var(--container-3xl);} .fi-sc > &.fi-width-4xl {max-width: var(--container-4xl);} .fi-sc > &.fi-width-5xl {max-width: var(--container-5xl);} .fi-sc > &.fi-width-6xl {max-width: var(--container-6xl);} .fi-sc > &.fi-width-7xl {max-width: var(--container-7xl);} .fi-sc > & > .fi-sc-component {height: 100%;}}@utility sm:fi-grid-col-span{@media (min-width: 40rem) {&.fi-grid-col {grid-column: var(--col-span-sm);}}}@utility md:fi-grid-col-span{@media (min-width: 48rem) {&.fi-grid-col {grid-column: var(--col-span-md);}}}@utility lg:fi-grid-col-span{@media (min-width: 64rem) {&.fi-grid-col {grid-column: var(--col-span-lg);}}}@utility xl:fi-grid-col-span{@media (min-width: 80rem) {&.fi-grid-col {grid-column: var(--col-span-xl);}}}@utility 2xl:fi-grid-col-span{@media (min-width: 96rem) {&.fi-grid-col {grid-column: var(--col-span-2xl);}}}@utility @3xs:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid-col {grid-column: var(--col-span-c3xs);}}}}@utility @2xs:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:18rem) {&.fi-grid-col {grid-column: var(--col-span-c2xs);}}}}@utility @xs:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:20rem) {&.fi-grid-col {grid-column: var(--col-span-cxs);}}}}@utility @sm:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:24rem) {&.fi-grid-col {grid-column: var(--col-span-csm);}}}}@utility @md:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:28rem) {&.fi-grid-col {grid-column: var(--col-span-cmd);}}}}@utility @lg:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:32rem) {&.fi-grid-col {grid-column: var(--col-span-clg);}}}}@utility @xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-grid-col {grid-column: var(--col-span-cxl);}}}}@utility @2xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:42rem) {&.fi-grid-col {grid-column: var(--col-span-c2xl);}}}}@utility @3xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:48rem) {&.fi-grid-col {grid-column: var(--col-span-c3xl);}}}}@utility @4xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:56rem) {&.fi-grid-col {grid-column: var(--col-span-c4xl);}}}}@utility @5xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:64rem) {&.fi-grid-col {grid-column: var(--col-span-c5xl);}}}}@utility @6xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:72rem) {&.fi-grid-col {grid-column: var(--col-span-c6xl);}}}}@utility @7xl:fi-grid-col-span{@supports (container-type: inline-size) {@container (min-width:80rem) {&.fi-grid-col {grid-column: var(--col-span-c7xl);}}}}@utility !@sm:fi-grid-col-span{@supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid-col {grid-column: var(--col-span-ncsm);}}}}@utility !@md:fi-grid-col-span{@supports not (container-type: inline-size) {@media (min-width: 48rem) {&.fi-grid-col {grid-column: var(--col-span-ncmd);}}}}@utility !@lg:fi-grid-col-span{@supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-grid-col {grid-column: var(--col-span-nclg);}}}}@utility !@xl:fi-grid-col-span{@supports not (container-type: inline-size) {@media (min-width: 80rem) {&.fi-grid-col {grid-column: var(--col-span-ncxl);}}}}@utility !@2xl:fi-grid-col-span{@supports not (container-type: inline-size) {@media (min-width: 96rem) {&.fi-grid-col {grid-column: var(--col-span-nc2xl);}}}}@utility fi-grid-col-start{&.fi-grid-col {grid-column-start: var(--col-start-default);}}@utility sm:fi-grid-col-start{@media (min-width: 40rem) {&.fi-grid-col {grid-column-start: var(--col-start-sm);}}}@utility md:fi-grid-col-start{@media (min-width: 48rem) {&.fi-grid-col {grid-column-start: var(--col-start-md);}}}@utility lg:fi-grid-col-start{@media (min-width: 64rem) {&.fi-grid-col {grid-column-start: var(--col-start-lg);}}}@utility xl:fi-grid-col-start{@media (min-width: 80rem) {&.fi-grid-col {grid-column-start: var(--col-start-xl);}}}@utility 2xl:fi-grid-col-start{@media (min-width: 96rem) {&.fi-grid-col {grid-column-start: var(--col-start-2xl);}}}@utility @3xs:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid-col {grid-column-start: var(--col-start-c3xs);}}}}@utility @2xs:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:18rem) {&.fi-grid-col {grid-column-start: var(--col-start-c2xs);}}}}@utility @xs:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:20rem) {&.fi-grid-col {grid-column-start: var(--col-start-cxs);}}}}@utility @sm:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:24rem) {&.fi-grid-col {grid-column-start: var(--col-start-csm);}}}}@utility @md:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:28rem) {&.fi-grid-col {grid-column-start: var(--col-start-cmd);}}}}@utility @lg:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:32rem) {&.fi-grid-col {grid-column-start: var(--col-start-clg);}}}}@utility @xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-grid-col {grid-column-start: var(--col-start-cxl);}}}}@utility @2xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:42rem) {&.fi-grid-col {grid-column-start: var(--col-start-c2xl);}}}}@utility @3xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:48rem) {&.fi-grid-col {grid-column-start: var(--col-start-c3xl);}}}}@utility @4xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:56rem) {&.fi-grid-col {grid-column-start: var(--col-start-c4xl);}}}}@utility @5xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:64rem) {&.fi-grid-col {grid-column-start: var(--col-start-c5xl);}}}}@utility @6xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:72rem) {&.fi-grid-col {grid-column-start: var(--col-start-c6xl);}}}}@utility @7xl:fi-grid-col-start{@supports (container-type: inline-size) {@container (min-width:80rem) {&.fi-grid-col {grid-column-start: var(--col-start-c7xl);}}}}@utility !@sm:fi-grid-col-start{@supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid-col {grid-column-start: var(--col-start-ncsm);}}}}@utility !@md:fi-grid-col-start{@supports not (container-type: inline-size) {@media (min-width: 48rem) {&.fi-grid-col {grid-column-start: var(--col-start-ncmd);}}}}@utility !@lg:fi-grid-col-start{@supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-grid-col {grid-column-start: var(--col-start-nclg);}}}}@utility !@xl:fi-grid-col-start{@supports not (container-type: inline-size) {@media (min-width: 80rem) {&.fi-grid-col {grid-column-start: var(--col-start-ncxl);}}}}@utility !@2xl:fi-grid-col-start{@supports not (container-type: inline-size) {@media (min-width: 96rem) {&.fi-grid-col {grid-column-start: var(--col-start-nc2xl);}}}}@utility fi-grid-col-order{&.fi-grid-col {order: var(--col-order-default);}}@utility sm:fi-grid-col-order{@media (min-width: 40rem) {&.fi-grid-col {order: var(--col-order-sm);}}}@utility md:fi-grid-col-order{@media (min-width: 48rem) {&.fi-grid-col {order: var(--col-order-md);}}}@utility lg:fi-grid-col-order{@media (min-width: 64rem) {&.fi-grid-col {order: var(--col-order-lg);}}}@utility xl:fi-grid-col-order{@media (min-width: 80rem) {&.fi-grid-col {order: var(--col-order-xl);}}}@utility 2xl:fi-grid-col-order{@media (min-width: 96rem) {&.fi-grid-col {order: var(--col-order-2xl);}}}@utility @3xs:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:16rem) {&.fi-grid-col {order: var(--col-order-c3xs);}}}}@utility @2xs:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:18rem) {&.fi-grid-col {order: var(--col-order-c2xs);}}}}@utility @xs:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:20rem) {&.fi-grid-col {order: var(--col-order-cxs);}}}}@utility @sm:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:24rem) {&.fi-grid-col {order: var(--col-order-csm);}}}}@utility @md:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:28rem) {&.fi-grid-col {order: var(--col-order-cmd);}}}}@utility @lg:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:32rem) {&.fi-grid-col {order: var(--col-order-clg);}}}}@utility @xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-grid-col {order: var(--col-order-cxl);}}}}@utility @2xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:42rem) {&.fi-grid-col {order: var(--col-order-c2xl);}}}}@utility @3xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:48rem) {&.fi-grid-col {order: var(--col-order-c3xl);}}}}@utility @4xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:56rem) {&.fi-grid-col {order: var(--col-order-c4xl);}}}}@utility @5xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:64rem) {&.fi-grid-col {order: var(--col-order-c5xl);}}}}@utility @6xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:72rem) {&.fi-grid-col {order: var(--col-order-c6xl);}}}}@utility @7xl:fi-grid-col-order{@supports (container-type: inline-size) {@container (min-width:80rem) {&.fi-grid-col {order: var(--col-order-c7xl);}}}}@utility !@sm:fi-grid-col-order{@supports not (container-type: inline-size) {@media (min-width: 40rem) {&.fi-grid-col {order: var(--col-order-ncsm);}}}}@utility !@md:fi-grid-col-order{@supports not (container-type: inline-size) {@media (min-width: 48rem) {&.fi-grid-col {order: var(--col-order-ncmd);}}}}@utility !@lg:fi-grid-col-order{@supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-grid-col {order: var(--col-order-nclg);}}}}@utility !@xl:fi-grid-col-order{@supports not (container-type: inline-size) {@media (min-width: 80rem) {&.fi-grid-col {order: var(--col-order-ncxl);}}}}@utility !@2xl:fi-grid-col-order{@supports not (container-type: inline-size) {@media (min-width: 96rem) {&.fi-grid-col {order: var(--col-order-nc2xl);}}}}@utility fi-hidden{&.fi-grid-col {display: none;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {display: none;} &.fi-toggle {display: none;} .fi-fo-builder &.fi-fo-builder-actions {display: none;} &:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label) {display: none;} .fi-fo-repeater &.fi-fo-repeater-actions {display: none;} .fi-fo-table-repeater > table > tbody > tr > &td {display: none;} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table > tbody > tr > &td {display: table-cell;}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table > tbody > tr > &td {display: table-cell;}}} .fi-fo-select & {display: none;} .fi-in-entry &.fi-in-entry-label {display: none;} .fi-in-table-repeatable > table > tbody > tr > &td {display: none;} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-in-table-repeatable > table > tbody > tr > &td {display: table-cell;}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-in-table-repeatable > table > tbody > tr > &td {display: table-cell;}}} .fi-sc-flex > & {display: none;} .fi-sc-wizard .fi-sc-wizard-footer > & {display: none;} .fi-sc > & {display: none;}}@utility fi-size-md{&.fi-icon {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);} .fi-icon-btn.fi-size-xs:has(&.fi-icon) {margin: calc(var(--spacing) * -1);} .fi-icon-btn.fi-size-sm:has(&.fi-icon) {margin: calc(var(--spacing) * -1.5);} &.fi-icon-btn:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -2.5);} &.fi-icon-btn:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -1.5);} .fi-icon-btn.fi-size-lg:has(&.fi-icon) {margin: calc(var(--spacing) * -2.5);} .fi-icon-btn.fi-size-xl:has(&.fi-icon) {margin: calc(var(--spacing) * -3);} &.fi-link {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-section > .fi-section-header > &.fi-icon {margin-top: calc(var(--spacing) * .5);} .fi-section > .fi-section-header > .fi-section-header-after-ctn &.fi-btn {margin-block: calc(var(--spacing) * -1.5);} .fi-in-image &.fi-in-image-limited-remaining-text {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-in-text-item {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-sc-text:not(.fi-badge) {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-sc-unordered-list {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-ta-image &.fi-ta-image-limited-remaining-text {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-ta-text-item {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}@utility fi-size-2xl{&.fi-icon {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);}}@utility fi-icon-btn{margin: calc(var(--spacing) * -2); width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); border-radius: var(--radius-lg); color: var(--gray-500); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; justify-content: center; align-items: center; transition-duration: 75ms; display: flex; position: relative; &:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):hover {color: var(--gray-600);}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {color: var(--gray-400);}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--primary-500); } &.fi-disabled:not(.fi-force-enabled) {cursor: default; opacity: .7;} &[disabled]:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-disabled:not(.fi-force-enabled),&[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} &.fi-size-xs {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);} &.fi-size-xs:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -1.5);} &.fi-size-xs:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -1);} &.fi-size-xs:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -.5);} &.fi-size-sm {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);} &.fi-size-sm:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -2);} &.fi-size-sm:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -1.5);} &.fi-size-sm:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -1);} &.fi-size-md:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -2.5);} &.fi-size-md:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -1.5);} &.fi-size-lg {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);} &.fi-size-lg:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -3);} &.fi-size-lg:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -2.5);} &.fi-size-lg:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -2);} &.fi-size-xl {width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11);} &.fi-size-xl:has(.fi-icon.fi-size-sm) {margin: calc(var(--spacing) * -3.5);} &.fi-size-xl:has(.fi-icon.fi-size-md) {margin: calc(var(--spacing) * -3);} &.fi-size-xl:has(.fi-icon.fi-size-lg) {margin: calc(var(--spacing) * -2.5);} &.fi-color {color: var(--text);} &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} @media (hover: hover) {:is(&.fi-color.fi-force-enabled,&.fi-color:not(.fi-disabled):not([disabled])):hover {color: var(--hover-text);}} :is(&.fi-color.fi-force-enabled,&.fi-color:not(.fi-disabled):not([disabled])):focus-visible { --tw-ring-color: var(--color-600); } @media (hover: hover) {:is(&.fi-color.fi-force-enabled,&.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):hover {color: var(--dark-hover-text);}} :is(&.fi-color.fi-force-enabled,&.fi-color:not(.fi-disabled):not([disabled])):where(.dark,.dark *):focus-visible { --tw-ring-color: var(--color-500); } & > .fi-icon-btn-badge-ctn {inset-inline-start: 100%; top: calc(var(--spacing) * 1); z-index: 1; --tw-translate-x: -50% ; --tw-translate-y: -50% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); display: flex; position: absolute;} & > .fi-icon-btn-badge-ctn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 50% ; translate: var(--tw-translate-x) var(--tw-translate-y); } & > .fi-icon-btn-badge-ctn:where(.dark,.dark *) {background-color: var(--gray-900);} @media (min-width: 40rem) {&:has(+ .fi-btn.fi-labeled-from-sm) {display: none;}} @media (min-width: 48rem) {&:has(+ .fi-btn.fi-labeled-from-md) {display: none;}} @media (min-width: 64rem) {&:has(+ .fi-btn.fi-labeled-from-lg) {display: none;}} @media (min-width: 80rem) {&:has(+ .fi-btn.fi-labeled-from-xl) {display: none;}} @media (min-width: 96rem) {&:has(+ .fi-btn.fi-labeled-from-2xl) {display: none;}} .fi-ta-ctn .fi-ta-filter-indicators > &:nth-child(2) {margin-top: calc(var(--spacing) * -1);} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header.fi-collapsible.fi-collapsed & {rotate: -180deg;} .fi-ta-row .fi-ta-group-header.fi-collapsible.fi-collapsed & {rotate: -180deg;}}@utility fi-icon-btn-badge-ctn{.fi-icon-btn > & {inset-inline-start: 100%; top: calc(var(--spacing) * 1); z-index: 1; --tw-translate-x: -50% ; --tw-translate-y: -50% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); display: flex; position: absolute;} .fi-icon-btn > &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 50% ; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-icon-btn > &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-checkbox-input{&input[type="checkbox"] {width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); appearance: none; --tw-border-style: none; background-color: var(--color-white); vertical-align: middle; color: var(--primary-600); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); border-style: none; border-radius: .25rem;} &input[type="checkbox"]:checked {background-color: var(--primary-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} &input[type="checkbox"]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-outline-style: none; outline-style: none; } &input[type="checkbox"]:checked:focus { --tw-ring-color: var(--primary-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-500) 50%, transparent); }} &input[type="checkbox"]:disabled {pointer-events: none; background-color: var(--gray-50); color: var(--gray-50);} &input[type="checkbox"]:disabled:checked {background-color: var(--gray-400); color: var(--gray-400);} &input[type="checkbox"]:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &input[type="checkbox"]:where(.dark,.dark *) {color: var(--primary-500); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} &input[type="checkbox"]:where(.dark,.dark *):checked {background-color: var(--primary-500);} &input[type="checkbox"]:where(.dark,.dark *):focus { --tw-ring-color: var(--primary-500); } &input[type="checkbox"]:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} &input[type="checkbox"]:where(.dark,.dark *):disabled { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:where(.dark,.dark *):disabled { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &input[type="checkbox"]:where(.dark,.dark *):disabled:checked {background-color: var(--gray-600);} &input[type="checkbox"]:checked {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");} &input[type="checkbox"]:indeterminate {background-color: var(--primary-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} &input[type="checkbox"]:indeterminate:where(.dark,.dark *) {background-color: var(--primary-500);} &input[type="checkbox"]:indeterminate {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.75a1.25 1.25 0 0 0 0 2.5h7a1.25 1.25 0 0 0 0-2.5h-7z'/%3E%3C/svg%3E");} &input[type="checkbox"]:indeterminate:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:indeterminate:focus { --tw-ring-color: color-mix(in oklab, var(--primary-500) 50%, transparent); }} &input[type="checkbox"]:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"]:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} &input[type="checkbox"]:indeterminate:disabled {background-color: var(--gray-400);} &input[type="checkbox"]:indeterminate:disabled:where(.dark,.dark *) {background-color: var(--gray-600);} &input[type="checkbox"].fi-invalid {color: var(--danger-600); --tw-ring-color: var(--danger-600);} &input[type="checkbox"].fi-invalid:checked {background-color: var(--danger-600);} &input[type="checkbox"].fi-invalid:focus { --tw-ring-color: var(--danger-600); } &input[type="checkbox"].fi-invalid:checked:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-invalid:checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="checkbox"].fi-invalid:where(.dark,.dark *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} &input[type="checkbox"].fi-invalid:where(.dark,.dark *):checked {background-color: var(--danger-500);} &input[type="checkbox"].fi-invalid:where(.dark,.dark *):focus { --tw-ring-color: var(--danger-500); } &input[type="checkbox"].fi-invalid:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-invalid:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} &input[type="checkbox"].fi-invalid:indeterminate {background-color: var(--danger-600);} &input[type="checkbox"].fi-invalid:indeterminate:where(.dark,.dark *) {background-color: var(--danger-500);} &input[type="checkbox"].fi-invalid:indeterminate:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-invalid:indeterminate:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="checkbox"].fi-invalid:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-invalid:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} .fi-fo-checkbox-list .fi-fo-checkbox-list-option & {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label) > & {margin-top: calc(var(--spacing) * .5);} .fi-ta-col-manager .fi-ta-col-manager-item .fi-ta-col-manager-label & {flex-shrink: 0;}}@utility fi-invalid{&input[type="checkbox"].fi-checkbox-input {color: var(--danger-600); --tw-ring-color: var(--danger-600);} &input[type="checkbox"].fi-checkbox-input:checked {background-color: var(--danger-600);} &input[type="checkbox"].fi-checkbox-input:focus { --tw-ring-color: var(--danger-600); } &input[type="checkbox"].fi-checkbox-input:checked:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-checkbox-input:checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="checkbox"].fi-checkbox-input:where(.dark,.dark *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} &input[type="checkbox"].fi-checkbox-input:where(.dark,.dark *):checked {background-color: var(--danger-500);} &input[type="checkbox"].fi-checkbox-input:where(.dark,.dark *):focus { --tw-ring-color: var(--danger-500); } &input[type="checkbox"].fi-checkbox-input:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-checkbox-input:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} &input[type="checkbox"].fi-checkbox-input:indeterminate {background-color: var(--danger-600);} &input[type="checkbox"].fi-checkbox-input:indeterminate:where(.dark,.dark *) {background-color: var(--danger-500);} &input[type="checkbox"].fi-checkbox-input:indeterminate:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-checkbox-input:indeterminate:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="checkbox"].fi-checkbox-input:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="checkbox"].fi-checkbox-input:indeterminate:focus:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} &input[type="radio"].fi-radio-input {color: var(--danger-600); --tw-ring-color: var(--danger-600);} &input[type="radio"].fi-radio-input:checked {background-color: var(--danger-600);} &input[type="radio"].fi-radio-input:focus { --tw-ring-color: var(--danger-600); } &input[type="radio"].fi-radio-input:checked:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"].fi-radio-input:checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="radio"].fi-radio-input:where(.dark,.dark *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} &input[type="radio"].fi-radio-input:where(.dark,.dark *):checked {background-color: var(--danger-500);} &input[type="radio"].fi-radio-input:where(.dark,.dark *):focus { --tw-ring-color: var(--danger-500); } &input[type="radio"].fi-radio-input:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"].fi-radio-input:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} &.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within { --tw-ring-color: var(--danger-600); } &.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):where(.dark,.dark *):focus-within { --tw-ring-color: var(--danger-500); } &.fi-input-wrp { --tw-ring-color: var(--danger-600); } &.fi-input-wrp:where(.dark,.dark *) { --tw-ring-color: var(--danger-500); } .fi-sc-fused-group &.fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); }}@utility fi-input{&input {appearance: none; --tw-border-style: none; background-color: #0000; border-style: none; width: 100%; display: block;} @supports (color: color-mix(in lab,red,red)) {&input {background-color: color-mix(in oklab,var(--color-white) 0%,transparent);}} &input {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} &input::placeholder {color: var(--gray-400);} &input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } &input:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} &input:disabled::placeholder {-webkit-text-fill-color: var(--color-gray-400);} &input:where(.dark,.dark *) {color: var(--color-white);} &input:where(.dark,.dark *)::placeholder {color: var(--gray-500);} &input:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} &input:where(.dark,.dark *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} @supports (-webkit-touch-callout: none) {&input {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}} &input.fi-input-has-inline-prefix {padding-inline-start: calc(var(--spacing) * 0);} &input.fi-input-has-inline-suffix {padding-inline-end: calc(var(--spacing) * 0);} &input.fi-align-center {text-align: center;} &input.fi-align-end {text-align: end;} &input.fi-align-left {text-align: left;} &input.fi-align-right {text-align: end;} &input.fi-align-justify {text-align: justify;} &input.fi-align-between {text-align: justify;} &input[type="range"] {appearance: auto; width: calc(100% - 1.5rem) ; margin-inline: auto;} .fi-fo-key-value .fi-fo-key-value-table > tbody > tr > td & {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} .fi-sc-fused-group .fi-sc .fi-sc-component & {height: 100%;}}@utility fi-input-has-inline-prefix{&input.fi-input {padding-inline-start: calc(var(--spacing) * 0);}}@utility fi-input-has-inline-suffix{&input.fi-input {padding-inline-end: calc(var(--spacing) * 0);}}@utility fi-align-center{&input.fi-input {text-align: center;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window .fi-modal-header {text-align: center; flex-direction: column;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window .fi-modal-icon-ctn {margin-bottom: calc(var(--spacing) * 5); justify-content: center; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window .fi-modal-icon-bg {padding: calc(var(--spacing) * 3);} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon) .fi-modal-heading {margin-inline-start: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer .fi-modal-footer-actions {flex-direction: column-reverse; display: flex;} @supports (container-type: inline-size) {@container (min-width:24rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} &.fi-ac:not(.fi-width-full) {justify-content: center;} &.fi-fo-file-upload {align-items: center;} &.fi-in-color {justify-content: center;} .fi-in-entry &.fi-in-entry-content {text-align: center;} &.fi-in-icon {justify-content: center;} &.fi-in-image {justify-content: center;} .fi-in-table-repeatable > table > thead > tr > &th {text-align: center;} &.fi-in-text {text-align: center;} &ul.fi-in-text {justify-content: center;} &.fi-in-text ul {justify-content: center;} &.fi-no.fi-vertical-align-start .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no.fi-vertical-align-end .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {align-items: center;} &.fi-sc-image {margin-inline: auto;} &.fi-sc {justify-content: center;} &.fi-ta-actions {justify-content: center;} &.fi-ta-cell {text-align: center;} &.fi-ta-checkbox {text-align: center;} &.fi-ta-color {justify-content: center;} &.fi-ta-icon {justify-content: center;} &.fi-ta-image {justify-content: center;} &.fi-ta-text {text-align: center;} &ul.fi-ta-text {justify-content: center;} &.fi-ta-text ul {justify-content: center;} &.fi-ta-toggle {text-align: center;} &.fi-ta-stack {align-items: center;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: center; justify-content: center;} &.fi-ta-header-cell {text-align: center;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn {justify-content: center;} &.fi-ta-header-group-cell {text-align: center;}}@utility fi-align-end{&input.fi-input {text-align: end;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer,.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-right) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} &.fi-ac:not(.fi-width-full) {flex-direction: row-reverse;} .fi-fo-builder &.fi-fo-builder-block-picker {justify-content: flex-end;} &.fi-fo-file-upload {align-items: flex-end;} .fi-fo-repeater &.fi-fo-repeater-add {justify-content: flex-end;} .fi-fo-simple-repeater &.fi-fo-simple-repeater-add {justify-content: flex-end;} .fi-fo-table-repeater > table > thead > tr > &th {text-align: end;} .fi-fo-table-repeater &.fi-fo-table-repeater-add {justify-content: flex-end;} &.fi-in-color {justify-content: flex-end;} .fi-in-entry &.fi-in-entry-content {text-align: end;} &.fi-in-icon {justify-content: flex-end;} &.fi-in-image {justify-content: flex-end;} .fi-in-table-repeatable > table > thead > tr > &th {text-align: end;} &.fi-in-text {text-align: end;} ul:is(&.fi-in-text,.fi-in-text.fi-align-right) {justify-content: flex-end;} :is(&.fi-in-text,.fi-in-text.fi-align-right) ul {justify-content: flex-end;} :is(&.fi-no,.fi-no.fi-align-right) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {align-items: flex-end;} &.fi-sc-image {margin-inline-start: auto;} &.fi-sc {justify-content: flex-end;} &.fi-ta-cell {text-align: end;} &.fi-ta-checkbox {text-align: end;} &.fi-ta-color {justify-content: flex-end;} &.fi-ta-icon {justify-content: flex-end;} &.fi-ta-image {justify-content: flex-end;} &.fi-ta-text {text-align: end;} ul:is(&.fi-ta-text,.fi-ta-text.fi-align-right) {justify-content: flex-end;} :is(&.fi-ta-text,.fi-ta-text.fi-align-right) ul {justify-content: flex-end;} &.fi-ta-toggle {text-align: end;} &.fi-ta-stack {align-items: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: end; justify-content: flex-end;} &.fi-ta-header-cell {text-align: end;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn {justify-content: flex-end;} &.fi-ta-header-group-cell {text-align: end;}}@utility fi-align-left{&input.fi-input {text-align: left;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-modal-window) .fi-modal-header {column-gap: calc(var(--spacing) * 5);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-modal-window) .fi-modal-icon-bg {padding: calc(var(--spacing) * 2);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-modal-window-has-close-btn) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} &.fi-ac:not(.fi-width-full) {justify-content: flex-start;} .fi-fo-builder &.fi-fo-builder-block-picker {justify-content: flex-start;} &.fi-fo-file-upload {align-items: flex-start;} .fi-fo-repeater &.fi-fo-repeater-add {justify-content: flex-start;} .fi-fo-simple-repeater &.fi-fo-simple-repeater-add {justify-content: flex-start;} .fi-fo-table-repeater > table > thead > tr > &th {text-align: start;} .fi-fo-table-repeater &.fi-fo-table-repeater-add {justify-content: flex-start;} &.fi-in-color {justify-content: flex-start;} .fi-in-entry &.fi-in-entry-content {text-align: left;} &.fi-in-icon {justify-content: flex-start;} &.fi-in-image {justify-content: flex-start;} :is(.fi-no.fi-align-start,&.fi-no) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {align-items: flex-start;} &.fi-sc {justify-content: flex-start;} &.fi-ta-cell {text-align: left;} &.fi-ta-color {justify-content: flex-start;} &.fi-ta-icon {justify-content: flex-start;} &.fi-ta-image {justify-content: flex-start;} &.fi-ta-stack {align-items: flex-start;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: left; justify-content: flex-start;} &.fi-ta-header-cell {text-align: left;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn {justify-content: flex-start;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} &.fi-ta-header-group-cell {text-align: left;}}@utility fi-align-right{&input.fi-input {text-align: end;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-end,.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} &.fi-ac:not(.fi-width-full) {flex-direction: row-reverse;} .fi-fo-builder &.fi-fo-builder-block-picker {justify-content: flex-end;} &.fi-fo-file-upload {align-items: flex-end;} .fi-fo-repeater &.fi-fo-repeater-add {justify-content: flex-end;} .fi-fo-simple-repeater &.fi-fo-simple-repeater-add {justify-content: flex-end;} .fi-fo-table-repeater > table > thead > tr > &th {text-align: end;} .fi-fo-table-repeater &.fi-fo-table-repeater-add {justify-content: flex-end;} &.fi-in-color {justify-content: flex-end;} .fi-in-entry &.fi-in-entry-content {text-align: right;} &.fi-in-icon {justify-content: flex-end;} &.fi-in-image {justify-content: flex-end;} .fi-in-table-repeatable > table > thead > tr > &th {text-align: end;} &.fi-in-text {text-align: end;} ul:is(.fi-in-text.fi-align-end,&.fi-in-text) {justify-content: flex-end;} :is(.fi-in-text.fi-align-end,&.fi-in-text) ul {justify-content: flex-end;} :is(.fi-no.fi-align-end,&.fi-no) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {align-items: flex-end;} &.fi-sc-image {margin-inline-start: auto;} &.fi-sc {justify-content: flex-end;} &.fi-ta-cell {text-align: right;} &.fi-ta-checkbox {text-align: end;} &.fi-ta-color {justify-content: flex-end;} &.fi-ta-icon {justify-content: flex-end;} &.fi-ta-image {justify-content: flex-end;} &.fi-ta-text {text-align: end;} ul:is(.fi-ta-text.fi-align-end,&.fi-ta-text) {justify-content: flex-end;} :is(.fi-ta-text.fi-align-end,&.fi-ta-text) ul {justify-content: flex-end;} &.fi-ta-toggle {text-align: end;} &.fi-ta-stack {align-items: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: right; justify-content: flex-end;} &.fi-ta-header-cell {text-align: right;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn {justify-content: flex-end;} &.fi-ta-header-cell .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} &.fi-ta-header-group-cell {text-align: right;}}@utility fi-align-justify{&input.fi-input {text-align: justify;} &.fi-ac:not(.fi-width-full) {justify-content: space-between;} &.fi-in-color {justify-content: space-between;} .fi-in-entry &.fi-in-entry-content {text-align: justify;} &.fi-in-icon {justify-content: space-between;} &.fi-in-image {justify-content: space-between;} &.fi-in-text {text-align: justify;} ul:is(&.fi-in-text,.fi-in-text.fi-align-between) {justify-content: space-between;} :is(&.fi-in-text,.fi-in-text.fi-align-between) ul {justify-content: space-between;} &.fi-sc {justify-content: space-between;} &.fi-ta-cell {text-align: justify;} &.fi-ta-color {justify-content: space-between;} &.fi-ta-icon {justify-content: space-between;} &.fi-ta-image {justify-content: space-between;} &.fi-ta-text {text-align: justify;} ul:is(&.fi-ta-text,.fi-ta-text.fi-align-between) {justify-content: space-between;} :is(&.fi-ta-text,.fi-ta-text.fi-align-between) ul {justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: justify; justify-content: space-between;} &.fi-ta-header-cell {text-align: justify;} :is(&.fi-ta-header-cell,.fi-ta-header-cell.fi-align-between) .fi-ta-header-cell-sort-btn {justify-content: space-between;} &.fi-ta-header-group-cell {text-align: justify;}}@utility fi-align-between{&input.fi-input {text-align: justify;} &.fi-ac:not(.fi-width-full) {justify-content: space-between;} &.fi-in-color {justify-content: space-between;} .fi-in-entry &.fi-in-entry-content {text-align: justify;} &.fi-in-icon {justify-content: space-between;} &.fi-in-image {justify-content: space-between;} &.fi-in-text {text-align: justify;} ul:is(.fi-in-text.fi-align-justify,&.fi-in-text) {justify-content: space-between;} :is(.fi-in-text.fi-align-justify,&.fi-in-text) ul {justify-content: space-between;} &.fi-sc {justify-content: space-between;} &.fi-ta-actions {justify-content: space-between;} &.fi-ta-cell {text-align: justify;} &.fi-ta-color {justify-content: space-between;} &.fi-ta-icon {justify-content: space-between;} &.fi-ta-image {justify-content: space-between;} &.fi-ta-text {text-align: justify;} ul:is(.fi-ta-text.fi-align-justify,&.fi-ta-text) {justify-content: space-between;} :is(.fi-ta-text.fi-align-justify,&.fi-ta-text) ul {justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {text-align: justify; justify-content: space-between;} &.fi-ta-header-cell {text-align: justify;} :is(.fi-ta-header-cell.fi-align-justify,&.fi-ta-header-cell) .fi-ta-header-cell-sort-btn {justify-content: space-between;} &.fi-ta-header-group-cell {text-align: justify;}}@utility fi-one-time-code-input{&input[type="text"] {inset-block: calc(var(--spacing) * 0); --tw-border-style: none; padding-inline: calc(var(--spacing) * 3); font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --tw-tracking: 1.72rem; letter-spacing: 1.72rem; color: var(--gray-950); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; background-color: #0000; border-style: none; transition-duration: 75ms; display: block; position: absolute; inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * -8);} &input[type="text"]::placeholder {color: var(--gray-400);} &input[type="text"]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } &input[type="text"]:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} &input[type="text"]:disabled::placeholder {-webkit-text-fill-color: var(--color-gray-400);} &input[type="text"]:where(.dark,.dark *) {color: var(--color-white);} &input[type="text"]:where(.dark,.dark *)::placeholder {color: var(--gray-500);} &input[type="text"]:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} &input[type="text"]:where(.dark,.dark *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} &input[type="text"].fi-valid {caret-color: #0000;}}@utility fi-valid{&input[type="text"].fi-one-time-code-input {caret-color: #0000;}}@utility fi-one-time-code-input-ctn{height: calc(var(--spacing) * 12); position: relative; & > .fi-one-time-code-input-digit-field {height: 100%; width: calc(var(--spacing) * 8); border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); display: inline-block;} @supports (color: color-mix(in lab,red,red)) {& > .fi-one-time-code-input-digit-field {border-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} & > .fi-one-time-code-input-digit-field {background-color: var(--color-white);} & > .fi-one-time-code-input-digit-field:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& > .fi-one-time-code-input-digit-field:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} & > .fi-one-time-code-input-digit-field:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > .fi-one-time-code-input-digit-field:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > .fi-one-time-code-input-digit-field.fi-active {border-style: var(--tw-border-style); border-width: 2px; border-color: var(--primary-600);} & > .fi-one-time-code-input-digit-field.fi-active:where(.dark,.dark *) {border-color: var(--primary-500);}}@utility fi-one-time-code-input-digit-field{.fi-one-time-code-input-ctn > & {height: 100%; width: calc(var(--spacing) * 8); border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); display: inline-block;} @supports (color: color-mix(in lab,red,red)) {.fi-one-time-code-input-ctn > & {border-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} .fi-one-time-code-input-ctn > & {background-color: var(--color-white);} .fi-one-time-code-input-ctn > &:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-one-time-code-input-ctn > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-one-time-code-input-ctn > &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-one-time-code-input-ctn > &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-one-time-code-input-ctn > &.fi-active {border-style: var(--tw-border-style); border-width: 2px; border-color: var(--primary-600);} .fi-one-time-code-input-ctn > &.fi-active:where(.dark,.dark *) {border-color: var(--primary-500);}}@utility fi-active{.fi-one-time-code-input-ctn > &.fi-one-time-code-input-digit-field {border-style: var(--tw-border-style); border-width: 2px; border-color: var(--primary-600);} .fi-one-time-code-input-ctn > &.fi-one-time-code-input-digit-field:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-pagination &.fi-pagination-item .fi-pagination-item-btn {background-color: var(--gray-50);} .fi-pagination &.fi-pagination-item .fi-pagination-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination &.fi-pagination-item .fi-pagination-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination &.fi-pagination-item .fi-pagination-item-label {color: var(--primary-700);} .fi-pagination &.fi-pagination-item .fi-pagination-item-label:where(.dark,.dark *) {color: var(--primary-400);} &.fi-tabs-item {background-color: var(--gray-50);} &.fi-tabs-item:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-tabs-item:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-tabs-item .fi-tabs-item-label {color: var(--primary-700);} &.fi-tabs-item .fi-icon {color: var(--primary-700);} :is(&.fi-tabs-item .fi-tabs-item-label,&.fi-tabs-item .fi-icon):where(.dark,.dark *) {color: var(--primary-400);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group &.fi-btn {background-color: var(--gray-50);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group &.fi-btn:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-fo-rich-editor &.fi-fo-rich-editor-tool {background-color: var(--gray-50); color: var(--primary-600);} .fi-fo-rich-editor &.fi-fo-rich-editor-tool:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &.fi-fo-rich-editor-tool:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor &.fi-fo-rich-editor-tool:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-tabs &.fi-sc-tabs-tab {margin-top: calc(var(--spacing) * 6);} .fi-sc-tabs.fi-contained &.fi-sc-tabs-tab {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} .fi-sc-tabs.fi-vertical &.fi-sc-tabs-tab {margin-inline-start: calc(var(--spacing) * 6); margin-top: calc(var(--spacing) * 0); flex: 1;} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--primary-700);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard:not(.fi-sc-wizard-header-hidden) &.fi-sc-wizard-step {margin-top: calc(var(--spacing) * 6);} .fi-sc-wizard.fi-contained &.fi-sc-wizard-step {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} &.fi-sidebar-group .fi-sidebar-group-dropdown-trigger-btn .fi-icon {color: var(--primary-600);} &.fi-sidebar-group .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} &.fi-sidebar-item {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} &.fi-sidebar-item > .fi-sidebar-item-btn {background-color: var(--gray-100);} &.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-icon {color: var(--primary-600);} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part {background-color: var(--primary-600);} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part:where(.dark,.dark *) {background-color: var(--primary-400);} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-sidebar-item-label {color: var(--primary-600);} &.fi-sidebar-item > .fi-sidebar-item-btn > .fi-sidebar-item-label:where(.dark,.dark *) {color: var(--primary-400);} &.fi-sidebar-item > .fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part {height: calc(var(--spacing) * 1.5); width: calc(var(--spacing) * 1.5); border-radius: 3.40282e38px; position: relative;} &.fi-theme-switcher-btn {background-color: var(--gray-50); color: var(--primary-500);} &.fi-theme-switcher-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-theme-switcher-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-theme-switcher-btn:where(.dark,.dark *) {color: var(--primary-400);} &.fi-topbar-item .fi-topbar-item-btn {background-color: var(--gray-50);} &.fi-topbar-item .fi-topbar-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-topbar-item .fi-topbar-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-topbar-item .fi-topbar-item-btn > .fi-icon {color: var(--primary-600);} &.fi-topbar-item .fi-topbar-item-btn > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} &.fi-topbar-item .fi-topbar-item-label {color: var(--primary-600);} &.fi-topbar-item .fi-topbar-item-label:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-radio-input{&input[type="radio"] {width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); appearance: none; --tw-border-style: none; background-color: var(--color-white); color: var(--primary-600); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); border-style: none; border-radius: 3.40282e38px;} &input[type="radio"]:checked {background-color: var(--primary-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);} &input[type="radio"]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-outline-style: none; outline-style: none; } &input[type="radio"]:checked:focus { --tw-ring-color: var(--primary-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"]:checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-500) 50%, transparent); }} &input[type="radio"]:disabled {background-color: var(--gray-50); color: var(--gray-50);} &input[type="radio"]:disabled:checked {background-color: var(--gray-400); color: var(--gray-400);} &input[type="radio"]:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&input[type="radio"]:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &input[type="radio"]:where(.dark,.dark *) {color: var(--primary-500); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {&input[type="radio"]:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} &input[type="radio"]:where(.dark,.dark *):checked {background-color: var(--primary-500);} &input[type="radio"]:where(.dark,.dark *):focus { --tw-ring-color: var(--primary-500); } &input[type="radio"]:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--primary-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"]:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--primary-400) 50%, transparent); }} &input[type="radio"]:where(.dark,.dark *):disabled { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"]:where(.dark,.dark *):disabled { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &input[type="radio"]:where(.dark,.dark *):disabled:checked {background-color: var(--gray-600);} &input[type="radio"]:checked {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");} &input[type="radio"].fi-invalid {color: var(--danger-600); --tw-ring-color: var(--danger-600);} &input[type="radio"].fi-invalid:checked {background-color: var(--danger-600);} &input[type="radio"].fi-invalid:focus { --tw-ring-color: var(--danger-600); } &input[type="radio"].fi-invalid:checked:focus { --tw-ring-color: var(--danger-500); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"].fi-invalid:checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-500) 50%, transparent); }} &input[type="radio"].fi-invalid:where(.dark,.dark *) {color: var(--danger-500); --tw-ring-color: var(--danger-500);} &input[type="radio"].fi-invalid:where(.dark,.dark *):checked {background-color: var(--danger-500);} &input[type="radio"].fi-invalid:where(.dark,.dark *):focus { --tw-ring-color: var(--danger-500); } &input[type="radio"].fi-invalid:where(.dark,.dark *):checked:focus { --tw-ring-color: var(--danger-400); } @supports (color: color-mix(in lab,red,red)) {&input[type="radio"].fi-invalid:where(.dark,.dark *):checked:focus { --tw-ring-color: color-mix(in oklab, var(--danger-400) 50%, transparent); }} .fi-fo-radio > .fi-fo-radio-label > & {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;}}@utility fi-select-input{&select {appearance: none; --tw-border-style: none; width: 100%; padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; background-color: #0000; border-style: none; padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 8); transition-duration: 75ms; display: block;} &select:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } &select:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} &select:where(.dark,.dark *) {color: var(--color-white);} &select:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} &select optgroup {background-color: var(--color-white);} &select optgroup:where(.dark,.dark *) {background-color: var(--gray-900);} &select option {background-color: var(--color-white);} &select option:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (-webkit-touch-callout: none) {&select {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}} &select {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em;} &select:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {background-position: .5rem;} &select.fi-select-input-has-inline-prefix {padding-inline-start: calc(var(--spacing) * 0);} & .fi-select-input-ctn {position: relative;} & div[x-ref="select"] {min-height: calc(var(--spacing) * 9);} & .fi-select-input-btn {min-height: calc(var(--spacing) * 9); border-radius: var(--radius-lg); width: 100%; padding-block: calc(var(--spacing) * 1.5); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 8); display: flex;} & .fi-select-input-btn:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } & .fi-select-input-btn:where(.dark,.dark *) {color: var(--color-white);} & .fi-select-input-btn {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em;} & .fi-select-input-btn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {background-position: .5rem;} & .fi-select-input-value-ctn {text-wrap: wrap; word-break: break-word; align-items: center; width: 100%; display: flex;} & .fi-select-input-value-badges-ctn {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;} & .fi-select-input-value-label {flex: 1;} & .fi-select-input-value-remove-btn {color: var(--gray-500); margin-inline-start: calc(var(--spacing) * 2);} @media (hover: hover) {& .fi-select-input-value-remove-btn:hover {color: var(--gray-600);}} & .fi-select-input-value-remove-btn:focus-visible {color: var(--gray-600); --tw-outline-style: none; outline-style: none;} @media (hover: hover) {& .fi-select-input-value-remove-btn:where(.dark,.dark *):hover {color: var(--gray-300);}} & .fi-select-input-value-remove-btn:where(.dark,.dark *):focus-visible {color: var(--gray-300);} & .fi-dropdown-panel {max-height: calc(var(--spacing) * 60); max-width: 100% !important;} :where(& .fi-select-input-options-ctn > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-100); } :where(& .fi-select-input-options-ctn:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-select-input-options-ctn:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(& .fi-select-input-option-group > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-100); } :where(& .fi-select-input-option-group:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-select-input-option-group:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-select-input-search-ctn {top: calc(var(--spacing) * 0); z-index: 10; background-color: var(--color-white); position: sticky;} & .fi-select-input-search-ctn:where(.dark,.dark *) {background-color: var(--gray-900);} & .fi-select-input-option {text-wrap: wrap; word-break: break-word; min-width: 1px;} & .fi-select-input-placeholder {color: var(--gray-400);} & .fi-select-input-placeholder:where(.dark,.dark *) {color: var(--gray-500);} & .fi-disabled {cursor: not-allowed; opacity: .7;} & .fi-disabled .fi-select-input-placeholder {color: var(--gray-400);} & .fi-disabled .fi-select-input-placeholder:where(.dark,.dark *) {color: var(--gray-500);} & .fi-select-input-message {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-select-input-message:where(.dark,.dark *) {color: var(--gray-400);} & .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-value-ctn > span {text-overflow: ellipsis; white-space: nowrap; text-wrap: nowrap; overflow-wrap: normal; word-break: normal; overflow: hidden;} & .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-option > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-select-input-has-inline-prefix{&select.fi-select-input {padding-inline-start: calc(var(--spacing) * 0);}}@utility fi-select-input-ctn{.fi-select-input & {position: relative;} .fi-select-input &.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-value-ctn > span {text-overflow: ellipsis; white-space: nowrap; text-wrap: nowrap; overflow-wrap: normal; word-break: normal; overflow: hidden;} .fi-select-input &.fi-select-input-ctn-option-labels-not-wrapped .fi-select-input-option > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-select-input-btn{.fi-select-input & {min-height: calc(var(--spacing) * 9); border-radius: var(--radius-lg); width: 100%; padding-block: calc(var(--spacing) * 1.5); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 8); display: flex;} .fi-select-input &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } .fi-select-input &:where(.dark,.dark *) {color: var(--color-white);} .fi-select-input & {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em;} .fi-select-input &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {background-position: .5rem;}}@utility fi-select-input-value-ctn{.fi-select-input & {text-wrap: wrap; word-break: break-word; align-items: center; width: 100%; display: flex;} .fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped & > span {text-overflow: ellipsis; white-space: nowrap; text-wrap: nowrap; overflow-wrap: normal; word-break: normal; overflow: hidden;}}@utility fi-select-input-value-badges-ctn{.fi-select-input & {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;}}@utility fi-select-input-value-label{.fi-select-input & {flex: 1;}}@utility fi-select-input-value-remove-btn{.fi-select-input & {color: var(--gray-500); margin-inline-start: calc(var(--spacing) * 2);} @media (hover: hover) {.fi-select-input &:hover {color: var(--gray-600);}} .fi-select-input &:focus-visible {color: var(--gray-600); --tw-outline-style: none; outline-style: none;} @media (hover: hover) {.fi-select-input &:where(.dark,.dark *):hover {color: var(--gray-300);}} .fi-select-input &:where(.dark,.dark *):focus-visible {color: var(--gray-300);}}@utility fi-select-input-options-ctn{:where(.fi-select-input & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-100); } :where(.fi-select-input &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-select-input &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-select-input-option-group{:where(.fi-select-input & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-100); } :where(.fi-select-input &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-select-input &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-select-input-search-ctn{.fi-select-input & {top: calc(var(--spacing) * 0); z-index: 10; background-color: var(--color-white); position: sticky;} .fi-select-input &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-select-input-option{.fi-select-input & {text-wrap: wrap; word-break: break-word; min-width: 1px;} .fi-select-input .fi-select-input-ctn.fi-select-input-ctn-option-labels-not-wrapped & > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-select-input-placeholder{.fi-select-input & {color: var(--gray-400);} .fi-select-input &:where(.dark,.dark *) {color: var(--gray-500);} .fi-select-input .fi-disabled & {color: var(--gray-400);} .fi-select-input .fi-disabled &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-select-input-message{.fi-select-input & {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-select-input &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-select-input-ctn-option-labels-not-wrapped{.fi-select-input &.fi-select-input-ctn .fi-select-input-value-ctn > span {text-overflow: ellipsis; white-space: nowrap; text-wrap: nowrap; overflow-wrap: normal; word-break: normal; overflow: hidden;} .fi-select-input &.fi-select-input-ctn .fi-select-input-option > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-input-wrp{border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; display: flex; &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} &:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } &:not(.fi-disabled):not(:has(.fi-ac-action:focus)):where(.dark,.dark *):focus-within { --tw-ring-color: var(--primary-500); } &:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within { --tw-ring-color: var(--danger-600); } &:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:where(.dark,.dark *):focus-within { --tw-ring-color: var(--danger-500); } &.fi-disabled {background-color: var(--gray-50);} &.fi-disabled:where(.dark,.dark *) {background-color: #0000;} &.fi-disabled:not(.fi-invalid):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-disabled:not(.fi-invalid):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-invalid { --tw-ring-color: var(--danger-600); } &.fi-invalid:where(.dark,.dark *) { --tw-ring-color: var(--danger-500); } & .fi-input-wrp-prefix {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline-start: calc(var(--spacing) * 3); display: none;} & .fi-input-wrp-prefix.fi-input-wrp-prefix-has-content {display: flex;} & .fi-input-wrp-prefix.fi-inline {padding-inline-end: calc(var(--spacing) * 2);} & .fi-input-wrp-prefix.fi-inline.fi-input-wrp-prefix-has-label {padding-inline-end: calc(var(--spacing) * 1);} & .fi-input-wrp-prefix:not(.fi-inline) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-color: var(--gray-200); padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 3);} & .fi-input-wrp-prefix:not(.fi-inline):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-input-wrp-prefix:not(.fi-inline):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-input-wrp-content-ctn {min-width: calc(var(--spacing) * 0); flex: 1;} &:not(:has(.fi-input-wrp-content-ctn)) > * {min-width: calc(var(--spacing) * 0); flex: 1;} :is(& .fi-input-wrp-content-ctn,&:not(:has(.fi-input-wrp-content-ctn)) > *).fi-input-wrp-content-ctn-ps {padding-inline-start: calc(var(--spacing) * 3);} & .fi-input-wrp-suffix {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 3); display: flex;} & .fi-input-wrp-suffix.fi-inline {padding-inline-start: calc(var(--spacing) * 2);} & .fi-input-wrp-suffix.fi-inline.fi-input-wrp-suffix-has-label {padding-inline-start: calc(var(--spacing) * 1);} & .fi-input-wrp-suffix:not(.fi-inline) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-color: var(--gray-200); padding-inline-start: calc(var(--spacing) * 3);} & .fi-input-wrp-suffix:not(.fi-inline):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-input-wrp-suffix:not(.fi-inline):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-input-wrp-actions {align-items: center; gap: calc(var(--spacing) * 3); display: flex;} & .fi-input-wrp-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); white-space: nowrap; color: var(--gray-500);} & .fi-input-wrp-label:where(.dark,.dark *) {color: var(--gray-400);} :is(& .fi-input-wrp-prefix,& .fi-input-wrp-suffix) .fi-icon {color: var(--gray-400);} :is(& .fi-input-wrp-prefix,& .fi-input-wrp-suffix) .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} :is(& .fi-input-wrp-prefix,& .fi-input-wrp-suffix) .fi-icon.fi-color {color: var(--color-500);} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater.fi-compact & { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; }}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater.fi-compact & { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; }}} .fi-sc-fused-group .fi-sc > :first-child & {border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc > :last-child & {border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;} @media (min-width: 40rem) {.fi-sc-fused-group .fi-sc.sm\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.sm\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {.fi-sc-fused-group .fi-sc.md\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.md\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {.fi-sc-fused-group .fi-sc.lg\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.lg\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {.fi-sc-fused-group .fi-sc.xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {.fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\32xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @supports (container-type: inline-size) {@container (min-width:16rem) {.fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@3xs\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:18rem) {.fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@2xs\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:20rem) {.fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@xs\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:24rem) {.fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@sm\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:28rem) {.fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@md\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:32rem) {.fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@lg\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:36rem) {.fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:42rem) {.fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@2xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:48rem) {.fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@3xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:56rem) {.fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@4xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:64rem) {.fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@5xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:72rem) {.fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@6xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:80rem) {.fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\@7xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\!\@sm\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {.fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\!\@md\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {.fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\!\@lg\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {.fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\!\@xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {.fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols > :first-child & {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group .fi-sc.\!\@2xl\:fi-grid-cols > :last-child & {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} .fi-sc-fused-group & { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); border-radius: 0; } .fi-sc-fused-group &:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-sc-fused-group &:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-sc-fused-group &:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-wi-chart &.fi-wi-chart-filter {width: max-content;} @media (min-width: 40rem) {.fi-wi-chart &.fi-wi-chart-filter {margin-block: calc(var(--spacing) * -2);}}}@utility fi-input-wrp-prefix{.fi-input-wrp & {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline-start: calc(var(--spacing) * 3); display: none;} .fi-input-wrp &.fi-input-wrp-prefix-has-content {display: flex;} .fi-input-wrp &.fi-inline {padding-inline-end: calc(var(--spacing) * 2);} .fi-input-wrp &.fi-inline.fi-input-wrp-prefix-has-label {padding-inline-end: calc(var(--spacing) * 1);} .fi-input-wrp &:not(.fi-inline) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-color: var(--gray-200); padding-inline-start: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 3);} .fi-input-wrp &:not(.fi-inline):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp &:not(.fi-inline):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} :is(.fi-input-wrp &,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon {color: var(--gray-400);} :is(.fi-input-wrp &,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} :is(.fi-input-wrp &,.fi-input-wrp .fi-input-wrp-suffix) .fi-icon.fi-color {color: var(--color-500);}}@utility fi-input-wrp-prefix-has-content{.fi-input-wrp &.fi-input-wrp-prefix {display: flex;}}@utility fi-inline{.fi-input-wrp &.fi-input-wrp-prefix {padding-inline-end: calc(var(--spacing) * 2);} .fi-input-wrp &.fi-input-wrp-prefix.fi-input-wrp-prefix-has-label {padding-inline-end: calc(var(--spacing) * 1);} .fi-input-wrp &.fi-input-wrp-suffix {padding-inline-start: calc(var(--spacing) * 2);} .fi-input-wrp &.fi-input-wrp-suffix.fi-input-wrp-suffix-has-label {padding-inline-start: calc(var(--spacing) * 1);} &.fi-fo-radio {flex-wrap: wrap; display: flex;} &.fi-fo-toggle-buttons:not(.fi-btn-group) {flex-wrap: wrap; display: flex;} &.fi-sc {flex-wrap: wrap; flex-grow: 1; align-items: center; display: flex;}}@utility fi-input-wrp-prefix-has-label{.fi-input-wrp &.fi-input-wrp-prefix.fi-inline {padding-inline-end: calc(var(--spacing) * 1);}}@utility fi-input-wrp-content-ctn{.fi-input-wrp & {min-width: calc(var(--spacing) * 0); flex: 1;} :is(.fi-input-wrp &,.fi-input-wrp:not(:has(.fi-input-wrp-content-ctn)) > *).fi-input-wrp-content-ctn-ps {padding-inline-start: calc(var(--spacing) * 3);}}@utility fi-input-wrp-content-ctn-ps{&:is(.fi-input-wrp .fi-input-wrp-content-ctn,.fi-input-wrp:not(:has(.fi-input-wrp-content-ctn)) > *) {padding-inline-start: calc(var(--spacing) * 3);}}@utility fi-input-wrp-suffix{.fi-input-wrp & {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 3); display: flex;} .fi-input-wrp &.fi-inline {padding-inline-start: calc(var(--spacing) * 2);} .fi-input-wrp &.fi-inline.fi-input-wrp-suffix-has-label {padding-inline-start: calc(var(--spacing) * 1);} .fi-input-wrp &:not(.fi-inline) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-color: var(--gray-200); padding-inline-start: calc(var(--spacing) * 3);} .fi-input-wrp &:not(.fi-inline):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-input-wrp &:not(.fi-inline):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp &) .fi-icon {color: var(--gray-400);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp &) .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} :is(.fi-input-wrp .fi-input-wrp-prefix,.fi-input-wrp &) .fi-icon.fi-color {color: var(--color-500);}}@utility fi-input-wrp-suffix-has-label{.fi-input-wrp &.fi-input-wrp-suffix.fi-inline {padding-inline-start: calc(var(--spacing) * 1);}}@utility fi-input-wrp-actions{.fi-input-wrp & {align-items: center; gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-input-wrp-label{.fi-input-wrp & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); white-space: nowrap; color: var(--gray-500);} .fi-input-wrp &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-link{justify-content: center; align-items: center; gap: calc(var(--spacing) * 1.5); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); --tw-outline-style: none; outline-style: none; display: inline-flex; position: relative; &:where(.dark,.dark *) {color: var(--gray-200);} @media (hover: hover) {:is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):hover {text-decoration-line: underline;}} :is(&.fi-force-enabled,&:not(.fi-disabled):not([disabled])):focus-visible {text-decoration-line: underline;} &.fi-disabled:not(.fi-force-enabled) {cursor: default; opacity: .7;} &[disabled]:not(.fi-force-enabled) {cursor: default; opacity: .7;} :is(&.fi-disabled:not(.fi-force-enabled),&[disabled]:not(.fi-force-enabled)):not([x-tooltip]) {pointer-events: none;} &.fi-size-xs {gap: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-size-sm {gap: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-md {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-lg {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-xl {gap: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-color {color: var(--text);} &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} &:not(.fi-color) > .fi-icon {color: var(--gray-400);} &:not(.fi-color) > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-link-badge-ctn {inset-inline-start: 100%; top: calc(var(--spacing) * 0); z-index: 1; --tw-translate-x: -25% ; --tw-translate-y: -75% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); display: flex; position: absolute;} @media (hover: hover) {& .fi-link-badge-ctn:hover {text-decoration-line: none;}} & .fi-link-badge-ctn:focus-visible {text-decoration-line: none;} & .fi-link-badge-ctn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 25% ; translate: var(--tw-translate-x) var(--tw-translate-y); } & .fi-link-badge-ctn:where(.dark,.dark *) {background-color: var(--gray-900);} p > & {vertical-align: middle; text-align: inherit; padding-bottom: 2px;} span > & {vertical-align: middle; text-align: inherit; padding-bottom: 2px;} .fi-section > .fi-section-header > .fi-section-header-after-ctn & { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }}@utility fi-font-thin{&.fi-link { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); }}@utility fi-font-extralight{&.fi-link { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); }}@utility fi-font-light{&.fi-link { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }}@utility fi-font-normal{&.fi-link { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }}@utility fi-font-semibold{&.fi-link { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }}@utility fi-font-bold{&.fi-link { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }}@utility fi-font-extrabold{&.fi-link { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }}@utility fi-font-black{&.fi-link { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-in-text-item { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); }}@utility fi-link-badge-ctn{.fi-link & {inset-inline-start: 100%; top: calc(var(--spacing) * 0); z-index: 1; --tw-translate-x: -25% ; --tw-translate-y: -75% ; width: max-content; translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: var(--radius-md); background-color: var(--color-white); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); display: flex; position: absolute;} @media (hover: hover) {.fi-link &:hover {text-decoration-line: none;}} .fi-link &:focus-visible {text-decoration-line: none;} .fi-link &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 25% ; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-link &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-loading-indicator{animation: var(--animate-spin); .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message & {color: var(--gray-400);} .fi-fo-rich-editor .fi-fo-rich-editor-uploading-file-message &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header & {color: var(--gray-400);} .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-reorder-indicator & {color: var(--gray-400);} .fi-ta-ctn .fi-ta-reorder-indicator &:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-ctn .fi-ta-selection-indicator & {color: var(--gray-400);} .fi-ta-ctn .fi-ta-selection-indicator &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-loading-section{animation: var(--animate-pulse);}@utility fi-modal{:is(&.fi-modal-slide-over,&.fi-width-screen) > .fi-modal-window-ctn > .fi-modal-window {height: 100dvh;} :is(&.fi-modal-slide-over,&.fi-width-screen) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {flex: 1;} &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window {margin-inline-start: auto; overflow-y: auto;} &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(&.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start,&.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header {column-gap: calc(var(--spacing) * 3);} &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg {margin-block: calc(var(--spacing) * -2); padding: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * -2);} &.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 6); top: calc(var(--spacing) * 6);} &:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn {overflow-y: auto;} &:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn .fi-modal-footer.fi-sticky {border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl);} &:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } &:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } &:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-end { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } &:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-start { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } &:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 4); top: calc(var(--spacing) * 4);} &.fi-align-start > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} &.fi-align-start > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center) {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} &:not(.fi-align-start) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} &:not(.fi-align-start) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} & > .fi-modal-close-overlay {inset: calc(var(--spacing) * 0); z-index: 40; background-color: var(--gray-950); position: fixed;} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-close-overlay {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);}} & > .fi-modal-close-overlay:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-close-overlay:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} & > .fi-modal-window-ctn {inset: calc(var(--spacing) * 0); z-index: 40; grid-template-rows: 1fr auto 1fr; justify-items: center; min-height: 100%; display: grid; position: fixed;} @media (min-width: 40rem) {& > .fi-modal-window-ctn {grid-template-rows: 1fr auto 3fr;}} & > .fi-modal-window-ctn.fi-clickable {cursor: pointer;} &:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn {padding: calc(var(--spacing) * 4);} &:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn .fi-modal-window {border-radius: var(--radius-xl); margin-inline: auto;} &:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn .fi-modal-window .fi-modal-header.fi-sticky {border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl);} & > .fi-modal-window-ctn > .fi-modal-window {pointer-events: auto; cursor: default; background-color: var(--color-white); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),0 8px 10px -6px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); flex-direction: column; grid-row-start: 2; display: flex; position: relative;} & > .fi-modal-window-ctn > .fi-modal-window:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-window-ctn > .fi-modal-window:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header {padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 6); display: flex;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-vertical-align-center {align-items: center;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky {top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 6); position: sticky;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading:where(.dark,.dark *) {color: var(--color-white);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-description {margin-top: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-description:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {row-gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); flex-direction: column; display: flex;} :is(& > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,& > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) .fi-modal-header {column-gap: calc(var(--spacing) * 5);} :is(& > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,& > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) .fi-modal-icon-bg {padding: calc(var(--spacing) * 2);} & > .fi-modal-window-ctn > .fi-modal-window.fi-align-center .fi-modal-header {text-align: center; flex-direction: column;} & > .fi-modal-window-ctn > .fi-modal-window.fi-align-center .fi-modal-icon-ctn {margin-bottom: calc(var(--spacing) * 5); justify-content: center; align-items: center; display: flex;} & > .fi-modal-window-ctn > .fi-modal-window.fi-align-center .fi-modal-icon-bg {padding: calc(var(--spacing) * 3);} & > .fi-modal-window-ctn > .fi-modal-window.fi-hidden {display: none;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-xs {max-width: var(--container-xs);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-sm {max-width: var(--container-sm);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-md {max-width: var(--container-md);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-lg {max-width: var(--container-lg);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-xl {max-width: var(--container-xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-2xl {max-width: var(--container-2xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-3xl {max-width: var(--container-3xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-4xl {max-width: var(--container-4xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-5xl {max-width: var(--container-5xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-6xl {max-width: var(--container-6xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-7xl {max-width: var(--container-7xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-full {max-width: 100%;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-min {max-width: min-content;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-max {max-width: max-content;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-fit {max-width: fit-content;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-prose {max-width: 65ch;} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen-sm {max-width: var(--breakpoint-sm);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen-md {max-width: var(--breakpoint-md);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen-lg {max-width: var(--breakpoint-lg);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen-xl {max-width: var(--breakpoint-xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen-2xl {max-width: var(--breakpoint-2xl);} & > .fi-modal-window-ctn > .fi-modal-window.fi-width-screen {inset: calc(var(--spacing) * 0); position: fixed;} & > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter { --tw-duration: .3s; transition-duration: .3s; } & > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave { --tw-duration: .3s; transition-duration: .3s; } & > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-content) .fi-modal-footer:not(.fi-sticky) {margin-top: calc(var(--spacing) * 6);} & > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) .fi-modal-header {padding-bottom: calc(var(--spacing) * 6);} :is(& > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),& > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} :is(& > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),& > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} & > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading {margin-inline-start: calc(var(--spacing) * 6);} :is(& > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),& > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-start,& > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-close-btn {position: absolute;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer {width: 100%;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky {bottom: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-block: calc(var(--spacing) * 5); position: sticky;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer:not(.fi-sticky) {padding-bottom: calc(var(--spacing) * 6);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer:is(.fi-modal-slide-over .fi-modal-footer) {margin-top: auto;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer .fi-modal-footer-actions {gap: calc(var(--spacing) * 3);} :is(& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-start,& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-left) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center {padding-inline: calc(var(--spacing) * 6);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {flex-direction: column-reverse; display: flex;} :is(& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-end,& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-right) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg {background-color: var(--gray-100); border-radius: 3.40282e38px;} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg > .fi-icon {color: var(--gray-500);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg > .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color {background-color: var(--color-100);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color > .fi-icon {color: var(--color-600);} & > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} @supports (container-type: inline-size) {& > .fi-modal-window-ctn > .fi-modal-window {container-type: inline-size;} @container (min-width:24rem) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {& > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}}}@utility fi-modal-slide-over{:is(&.fi-modal,.fi-modal.fi-width-screen) > .fi-modal-window-ctn > .fi-modal-window {height: 100dvh;} :is(&.fi-modal,.fi-modal.fi-width-screen) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {flex: 1;} &.fi-modal > .fi-modal-window-ctn > .fi-modal-window {margin-inline-start: auto; overflow-y: auto;} &.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(&.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start,&.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-header {column-gap: calc(var(--spacing) * 3);} &.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-icon-bg {margin-block: calc(var(--spacing) * -2); padding: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * -2);} &.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 6); top: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer:is(& .fi-modal-footer) {margin-top: auto;}}@utility fi-width-screen{:is(.fi-modal.fi-modal-slide-over,&.fi-modal) > .fi-modal-window-ctn > .fi-modal-window {height: 100dvh;} :is(.fi-modal.fi-modal-slide-over,&.fi-modal) > .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {flex: 1;} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window {inset: calc(var(--spacing) * 0); position: fixed;} &:is(.fi-main,.fi-simple-main) {inset: calc(var(--spacing) * 0); position: fixed;}}@utility fi-modal-window-ctn{:is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen) > & > .fi-modal-window {height: 100dvh;} :is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen) > & > .fi-modal-window .fi-modal-content {flex: 1;} .fi-modal.fi-modal-slide-over > & > .fi-modal-window {margin-inline-start: auto; overflow-y: auto;} .fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-enter-start { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-leave-end { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-enter-start,.fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-leave-end):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-enter-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > & > .fi-modal-window.fi-transition-leave-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > & > .fi-modal-window .fi-modal-header {column-gap: calc(var(--spacing) * 3);} .fi-modal.fi-modal-slide-over > & > .fi-modal-window .fi-modal-icon-bg {margin-block: calc(var(--spacing) * -2); padding: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * -2);} .fi-modal.fi-modal-slide-over > & > .fi-modal-window .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 6); top: calc(var(--spacing) * 6);} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > & {overflow-y: auto;} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > & .fi-modal-footer.fi-sticky {border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl);} .fi-modal:not(.fi-modal-slide-over) > & > .fi-modal-window.fi-transition-enter-start { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } .fi-modal:not(.fi-modal-slide-over) > & > .fi-modal-window.fi-transition-leave-end { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } .fi-modal:not(.fi-modal-slide-over) > & > .fi-modal-window.fi-transition-enter-end { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } .fi-modal:not(.fi-modal-slide-over) > & > .fi-modal-window.fi-transition-leave-start { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } .fi-modal:not(.fi-modal-slide-over) > & > .fi-modal-window .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 4); top: calc(var(--spacing) * 4);} .fi-modal.fi-align-start > & > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} .fi-modal.fi-align-start > & > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center) {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} .fi-modal:not(.fi-align-start) > & > .fi-modal-window .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} .fi-modal:not(.fi-align-start) > & > .fi-modal-window .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} .fi-modal > & {inset: calc(var(--spacing) * 0); z-index: 40; grid-template-rows: 1fr auto 1fr; justify-items: center; min-height: 100%; display: grid; position: fixed;} @media (min-width: 40rem) {.fi-modal > & {grid-template-rows: 1fr auto 3fr;}} .fi-modal > &.fi-clickable {cursor: pointer;} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > & {padding: calc(var(--spacing) * 4);} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > & .fi-modal-window {border-radius: var(--radius-xl); margin-inline: auto;} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > & .fi-modal-window .fi-modal-header.fi-sticky {border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl);} .fi-modal > & > .fi-modal-window {pointer-events: auto; cursor: default; background-color: var(--color-white); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),0 8px 10px -6px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); flex-direction: column; grid-row-start: 2; display: flex; position: relative;} .fi-modal > & > .fi-modal-window:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & > .fi-modal-window:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-modal > & > .fi-modal-window .fi-modal-header {padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 6); display: flex;} .fi-modal > & > .fi-modal-window .fi-modal-header.fi-vertical-align-center {align-items: center;} .fi-modal > & > .fi-modal-window .fi-modal-header.fi-sticky {top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 6); position: sticky;} .fi-modal > & > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > & > .fi-modal-window .fi-modal-header.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > & > .fi-modal-window .fi-modal-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-modal > & > .fi-modal-window .fi-modal-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-modal > & > .fi-modal-window .fi-modal-description {margin-top: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-modal > & > .fi-modal-window .fi-modal-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > & > .fi-modal-window .fi-modal-content {row-gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); flex-direction: column; display: flex;} :is(.fi-modal > & > .fi-modal-window.fi-align-start,.fi-modal > & > .fi-modal-window.fi-align-left) .fi-modal-header {column-gap: calc(var(--spacing) * 5);} :is(.fi-modal > & > .fi-modal-window.fi-align-start,.fi-modal > & > .fi-modal-window.fi-align-left) .fi-modal-icon-bg {padding: calc(var(--spacing) * 2);} .fi-modal > & > .fi-modal-window.fi-align-center .fi-modal-header {text-align: center; flex-direction: column;} .fi-modal > & > .fi-modal-window.fi-align-center .fi-modal-icon-ctn {margin-bottom: calc(var(--spacing) * 5); justify-content: center; align-items: center; display: flex;} .fi-modal > & > .fi-modal-window.fi-align-center .fi-modal-icon-bg {padding: calc(var(--spacing) * 3);} .fi-modal > & > .fi-modal-window.fi-hidden {display: none;} .fi-modal > & > .fi-modal-window.fi-width-xs {max-width: var(--container-xs);} .fi-modal > & > .fi-modal-window.fi-width-sm {max-width: var(--container-sm);} .fi-modal > & > .fi-modal-window.fi-width-md {max-width: var(--container-md);} .fi-modal > & > .fi-modal-window.fi-width-lg {max-width: var(--container-lg);} .fi-modal > & > .fi-modal-window.fi-width-xl {max-width: var(--container-xl);} .fi-modal > & > .fi-modal-window.fi-width-2xl {max-width: var(--container-2xl);} .fi-modal > & > .fi-modal-window.fi-width-3xl {max-width: var(--container-3xl);} .fi-modal > & > .fi-modal-window.fi-width-4xl {max-width: var(--container-4xl);} .fi-modal > & > .fi-modal-window.fi-width-5xl {max-width: var(--container-5xl);} .fi-modal > & > .fi-modal-window.fi-width-6xl {max-width: var(--container-6xl);} .fi-modal > & > .fi-modal-window.fi-width-7xl {max-width: var(--container-7xl);} .fi-modal > & > .fi-modal-window.fi-width-full {max-width: 100%;} .fi-modal > & > .fi-modal-window.fi-width-min {max-width: min-content;} .fi-modal > & > .fi-modal-window.fi-width-max {max-width: max-content;} .fi-modal > & > .fi-modal-window.fi-width-fit {max-width: fit-content;} .fi-modal > & > .fi-modal-window.fi-width-prose {max-width: 65ch;} .fi-modal > & > .fi-modal-window.fi-width-screen-sm {max-width: var(--breakpoint-sm);} .fi-modal > & > .fi-modal-window.fi-width-screen-md {max-width: var(--breakpoint-md);} .fi-modal > & > .fi-modal-window.fi-width-screen-lg {max-width: var(--breakpoint-lg);} .fi-modal > & > .fi-modal-window.fi-width-screen-xl {max-width: var(--breakpoint-xl);} .fi-modal > & > .fi-modal-window.fi-width-screen-2xl {max-width: var(--breakpoint-2xl);} .fi-modal > & > .fi-modal-window.fi-width-screen {inset: calc(var(--spacing) * 0); position: fixed;} .fi-modal > & > .fi-modal-window.fi-transition-enter { --tw-duration: .3s; transition-duration: .3s; } .fi-modal > & > .fi-modal-window.fi-transition-leave { --tw-duration: .3s; transition-duration: .3s; } .fi-modal > & > .fi-modal-window:not(.fi-modal-window-has-content) .fi-modal-footer:not(.fi-sticky) {margin-top: calc(var(--spacing) * 6);} .fi-modal > & > .fi-modal-window:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) .fi-modal-header {padding-bottom: calc(var(--spacing) * 6);} :is(.fi-modal > & > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > & > .fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} :is(.fi-modal > & > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > & > .fi-modal-window.fi-modal-window-has-sticky-header) .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} .fi-modal > & > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading {margin-inline-start: calc(var(--spacing) * 6);} :is(.fi-modal > & > .fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal > & > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-start,.fi-modal > & > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);} .fi-modal > & > .fi-modal-window .fi-modal-close-btn {position: absolute;} .fi-modal > & > .fi-modal-window .fi-modal-footer {width: 100%;} .fi-modal > & > .fi-modal-window .fi-modal-footer.fi-sticky {bottom: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-block: calc(var(--spacing) * 5); position: sticky;} .fi-modal > & > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > & > .fi-modal-window .fi-modal-footer.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > & > .fi-modal-window .fi-modal-footer:not(.fi-sticky) {padding-bottom: calc(var(--spacing) * 6);} .fi-modal > & > .fi-modal-window .fi-modal-footer:is(.fi-modal-slide-over .fi-modal-footer) {margin-top: auto;} .fi-modal > & > .fi-modal-window .fi-modal-footer .fi-modal-footer-actions {gap: calc(var(--spacing) * 3);} :is(.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-start,.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-left) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} .fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-center {padding-inline: calc(var(--spacing) * 6);} .fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {flex-direction: column-reverse; display: flex;} :is(.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-end,.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-right) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg {background-color: var(--gray-100); border-radius: 3.40282e38px;} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & > .fi-modal-window .fi-modal-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg > .fi-icon {color: var(--gray-500);} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg > .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg.fi-color {background-color: var(--color-100);} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & > .fi-modal-window .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg.fi-color > .fi-icon {color: var(--color-600);} .fi-modal > & > .fi-modal-window .fi-modal-icon-bg.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} @supports (container-type: inline-size) {.fi-modal > & > .fi-modal-window {container-type: inline-size;} @container (min-width:24rem) {.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-modal > & > .fi-modal-window .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} .fi-no-database & > .fi-modal-window .fi-modal-heading {display: inline-block; position: relative;} .fi-no-database & > .fi-modal-window .fi-modal-heading .fi-badge {inset-inline-start: 100%; top: calc(var(--spacing) * -1); width: max-content; margin-inline-start: calc(var(--spacing) * 1); position: absolute;} .fi-no-database & > .fi-modal-window .fi-modal-header .fi-ac {margin-top: calc(var(--spacing) * 2);} .fi-no-database & > .fi-modal-window .fi-modal-content {margin-inline: calc(var(--spacing) * -6); margin-top: calc(var(--spacing) * -6); row-gap: calc(var(--spacing) * 0);} :where(.fi-no-database & > .fi-modal-window .fi-modal-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-no-database & > .fi-modal-window .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-no-database & > .fi-modal-window .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-no-database & > .fi-modal-window:not(.fi-modal-window-has-footer) .fi-modal-content {margin-bottom: calc(var(--spacing) * -6);} .fi-no-database & > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} .fi-no-database & > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-database & > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-modal-window{:is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen) > .fi-modal-window-ctn > & {height: 100dvh;} :is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen) > .fi-modal-window-ctn > & .fi-modal-content {flex: 1;} .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > & {margin-inline-start: auto; overflow-y: auto;} .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-enter-start { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-leave-end { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-enter-start,.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-leave-end):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-enter-end { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-transition-leave-start { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > & .fi-modal-header {column-gap: calc(var(--spacing) * 3);} .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > & .fi-modal-icon-bg {margin-block: calc(var(--spacing) * -2); padding: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * -2);} .fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > & .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 6); top: calc(var(--spacing) * 6);} .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-transition-enter-start { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-transition-leave-end { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-transition-enter-end { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-transition-leave-start { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > & .fi-modal-close-btn {inset-inline-end: calc(var(--spacing) * 4); top: calc(var(--spacing) * 4);} .fi-modal:not(.fi-align-start) > .fi-modal-window-ctn > & .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} .fi-modal:not(.fi-align-start) > .fi-modal-window-ctn > & .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn & {border-radius: var(--radius-xl); margin-inline: auto;} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn & .fi-modal-header.fi-sticky {border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl);} .fi-modal > .fi-modal-window-ctn > & {pointer-events: auto; cursor: default; background-color: var(--color-white); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),0 8px 10px -6px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); flex-direction: column; grid-row-start: 2; display: flex; position: relative;} .fi-modal > .fi-modal-window-ctn > &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-modal > .fi-modal-window-ctn > & .fi-modal-header {padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 6); display: flex;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-header.fi-vertical-align-center {align-items: center;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-header.fi-sticky {top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 6); position: sticky;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-header.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > & .fi-modal-header.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-description {margin-top: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-content {row-gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); flex-direction: column; display: flex;} :is(.fi-modal > .fi-modal-window-ctn > &.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-align-left) .fi-modal-header {column-gap: calc(var(--spacing) * 5);} :is(.fi-modal > .fi-modal-window-ctn > &.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-align-left) .fi-modal-icon-bg {padding: calc(var(--spacing) * 2);} .fi-modal > .fi-modal-window-ctn > &.fi-align-center .fi-modal-header {text-align: center; flex-direction: column;} .fi-modal > .fi-modal-window-ctn > &.fi-align-center .fi-modal-icon-ctn {margin-bottom: calc(var(--spacing) * 5); justify-content: center; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > &.fi-align-center .fi-modal-icon-bg {padding: calc(var(--spacing) * 3);} .fi-modal > .fi-modal-window-ctn > &.fi-hidden {display: none;} .fi-modal > .fi-modal-window-ctn > &.fi-width-xs {max-width: var(--container-xs);} .fi-modal > .fi-modal-window-ctn > &.fi-width-sm {max-width: var(--container-sm);} .fi-modal > .fi-modal-window-ctn > &.fi-width-md {max-width: var(--container-md);} .fi-modal > .fi-modal-window-ctn > &.fi-width-lg {max-width: var(--container-lg);} .fi-modal > .fi-modal-window-ctn > &.fi-width-xl {max-width: var(--container-xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-2xl {max-width: var(--container-2xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-3xl {max-width: var(--container-3xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-4xl {max-width: var(--container-4xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-5xl {max-width: var(--container-5xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-6xl {max-width: var(--container-6xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-7xl {max-width: var(--container-7xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-full {max-width: 100%;} .fi-modal > .fi-modal-window-ctn > &.fi-width-min {max-width: min-content;} .fi-modal > .fi-modal-window-ctn > &.fi-width-max {max-width: max-content;} .fi-modal > .fi-modal-window-ctn > &.fi-width-fit {max-width: fit-content;} .fi-modal > .fi-modal-window-ctn > &.fi-width-prose {max-width: 65ch;} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen-sm {max-width: var(--breakpoint-sm);} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen-md {max-width: var(--breakpoint-md);} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen-lg {max-width: var(--breakpoint-lg);} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen-xl {max-width: var(--breakpoint-xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen-2xl {max-width: var(--breakpoint-2xl);} .fi-modal > .fi-modal-window-ctn > &.fi-width-screen {inset: calc(var(--spacing) * 0); position: fixed;} .fi-modal > .fi-modal-window-ctn > &.fi-transition-enter { --tw-duration: .3s; transition-duration: .3s; } .fi-modal > .fi-modal-window-ctn > &.fi-transition-leave { --tw-duration: .3s; transition-duration: .3s; } .fi-modal > .fi-modal-window-ctn > &:not(.fi-modal-window-has-content) .fi-modal-footer:not(.fi-sticky) {margin-top: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > &:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) .fi-modal-header {padding-bottom: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > &:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > &:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-sticky-header) .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading {margin-inline-start: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-close-btn.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-close-btn {position: absolute;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer {width: 100%;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-sticky {bottom: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-block: calc(var(--spacing) * 5); position: sticky;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer:not(.fi-sticky) {padding-bottom: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer:is(.fi-modal-slide-over .fi-modal-footer) {margin-top: auto;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer .fi-modal-footer-actions {gap: calc(var(--spacing) * 3);} :is(.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-start,.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-left) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-center {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-center .fi-modal-footer-actions {flex-direction: column-reverse; display: flex;} :is(.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-end,.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-right) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg {background-color: var(--gray-100); border-radius: 3.40282e38px;} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg > .fi-icon {color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg > .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg.fi-color {background-color: var(--color-100);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg.fi-color > .fi-icon {color: var(--color-600);} .fi-modal > .fi-modal-window-ctn > & .fi-modal-icon-bg.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);} @supports (container-type: inline-size) {.fi-modal > .fi-modal-window-ctn > & {container-type: inline-size;} @container (min-width:24rem) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-modal > .fi-modal-window-ctn > & .fi-modal-footer.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} .fi-no-database .fi-modal-window-ctn > & .fi-modal-heading {display: inline-block; position: relative;} .fi-no-database .fi-modal-window-ctn > & .fi-modal-heading .fi-badge {inset-inline-start: 100%; top: calc(var(--spacing) * -1); width: max-content; margin-inline-start: calc(var(--spacing) * 1); position: absolute;} .fi-no-database .fi-modal-window-ctn > & .fi-modal-header .fi-ac {margin-top: calc(var(--spacing) * 2);} .fi-no-database .fi-modal-window-ctn > & .fi-modal-content {margin-inline: calc(var(--spacing) * -6); margin-top: calc(var(--spacing) * -6); row-gap: calc(var(--spacing) * 0);} :where(.fi-no-database .fi-modal-window-ctn > & .fi-modal-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-no-database .fi-modal-window-ctn > & .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-no-database .fi-modal-window-ctn > & .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-no-database .fi-modal-window-ctn > &:not(.fi-modal-window-has-footer) .fi-modal-content {margin-bottom: calc(var(--spacing) * -6);} .fi-no-database .fi-modal-window-ctn > &.fi-modal-window-has-footer .fi-modal-content {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} .fi-no-database .fi-modal-window-ctn > &.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-database .fi-modal-window-ctn > &.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-modal-content{:is(.fi-modal.fi-modal-slide-over,.fi-modal.fi-width-screen) > .fi-modal-window-ctn > .fi-modal-window & {flex: 1;} .fi-modal.fi-align-start > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) & {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} .fi-modal:not(.fi-align-start) > .fi-modal-window-ctn > .fi-modal-window & {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & {row-gap: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 6); flex-direction: column; display: flex;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-sticky-header) & {padding-inline: calc(var(--spacing) * 6);} .fi-no-database .fi-modal-window-ctn > .fi-modal-window & {margin-inline: calc(var(--spacing) * -6); margin-top: calc(var(--spacing) * -6); row-gap: calc(var(--spacing) * 0);} :where(.fi-no-database .fi-modal-window-ctn > .fi-modal-window & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-no-database .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-no-database .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-no-database .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-footer) & {margin-bottom: calc(var(--spacing) * -6);} .fi-no-database .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer & {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} .fi-no-database .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-database .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-transition-enter-start{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window,.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-leave-end):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-modal-window { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } &.fi-no-notification {opacity: 0;} :is(.fi-no.fi-align-start,.fi-no.fi-align-left) &.fi-no-notification { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-no.fi-align-end,.fi-no.fi-align-right) &.fi-no-notification { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-no.fi-align-center.fi-vertical-align-start &.fi-no-notification { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-no.fi-align-center.fi-vertical-align-end &.fi-no-notification { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-global-search-results-ctn {opacity: 0;} &:is(.fi-sidebar-group-btn,.fi-sidebar-group-items) {opacity: 0;} &:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn) {opacity: 0;} &:is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn) {opacity: 0;}}@utility fi-transition-leave-end{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window.fi-transition-enter-start,.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-modal-window { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 0; } &.fi-no-notification:not(.fi-inline) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } &.fi-no-notification {opacity: 0;} &.fi-global-search-results-ctn {opacity: 0;}}@utility fi-transition-enter-end{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-modal-window { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; } &:is(.fi-sidebar-group-btn,.fi-sidebar-group-items) {opacity: 1;} &:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn) {opacity: 1;} &:is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn) {opacity: 1;}}@utility fi-transition-leave-start{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > &.fi-modal-window { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > &.fi-modal-window { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); opacity: 1; }}@utility fi-modal-header{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window & {column-gap: calc(var(--spacing) * 3);} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn .fi-modal-window &.fi-sticky {border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & {padding-inline: calc(var(--spacing) * 6); padding-top: calc(var(--spacing) * 6); display: flex;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-vertical-align-center {align-items: center;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky {top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 6); position: sticky;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) & {column-gap: calc(var(--spacing) * 5);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-center & {text-align: center; flex-direction: column;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-content):not(.fi-modal-window-has-footer) & {padding-bottom: calc(var(--spacing) * 6);} .fi-no-database .fi-modal-window-ctn > .fi-modal-window & .fi-ac {margin-top: calc(var(--spacing) * 2);}}@utility fi-modal-icon-bg{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window & {margin-block: calc(var(--spacing) * -2); padding: calc(var(--spacing) * 2); margin-inline-start: calc(var(--spacing) * -2);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) & {padding: calc(var(--spacing) * 2);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-center & {padding: calc(var(--spacing) * 3);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & {background-color: var(--gray-100); border-radius: 3.40282e38px;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & > .fi-icon {color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & > .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-color {background-color: var(--color-100);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-color:where(.dark,.dark *) {background-color: var(--color-500);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-500) 20%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-color > .fi-icon {color: var(--color-600);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-color > .fi-icon:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-modal-close-btn{.fi-modal.fi-modal-slide-over > .fi-modal-window-ctn > .fi-modal-window & {inset-inline-end: calc(var(--spacing) * 6); top: calc(var(--spacing) * 6);} .fi-modal:not(.fi-modal-slide-over) > .fi-modal-window-ctn > .fi-modal-window & {inset-inline-end: calc(var(--spacing) * 4); top: calc(var(--spacing) * 4);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & {position: absolute;}}@utility fi-modal-footer{.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn &.fi-sticky {border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl);} .fi-modal.fi-align-start > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) &:not(.fi-align-center) {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} .fi-modal:not(.fi-align-start) > .fi-modal-window-ctn > .fi-modal-window & {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-content) &:not(.fi-sticky) {margin-top: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-sticky-header) & {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & {width: 100%;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky {bottom: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-block: calc(var(--spacing) * 5); position: sticky;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-sticky:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &:not(.fi-sticky) {padding-bottom: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &:is(.fi-modal-slide-over &) {margin-top: auto;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window & .fi-modal-footer-actions {gap: calc(var(--spacing) * 3);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-left) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-center {padding-inline: calc(var(--spacing) * 6);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-center .fi-modal-footer-actions {flex-direction: column-reverse; display: flex;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-end,.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-right) .fi-modal-footer-actions {flex-flow: row-reverse wrap; align-items: center; display: flex;} @supports (container-type: inline-size) {@container (min-width:24rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-align-center .fi-modal-footer-actions {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}}}@utility fi-sticky{.fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn &.fi-modal-footer {border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl);} .fi-modal:not(.fi-modal-slide-over):not(.fi-width-screen) > .fi-modal-window-ctn .fi-modal-window &.fi-modal-header {border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-header {top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-bottom: calc(var(--spacing) * 6); position: sticky;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-header:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-header:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer {bottom: calc(var(--spacing) * 0); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); background-color: var(--color-white); padding-block: calc(var(--spacing) * 5); position: sticky;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer:where(.dark,.dark *) {background-color: var(--gray-900);} &.fi-sc-actions .fi-ac {bottom: calc(var(--spacing) * 0); margin-inline: calc(var(--spacing) * -4); width: 100%; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: fixed;} @media (min-width: 48rem) {&.fi-sc-actions .fi-ac {bottom: calc(var(--spacing) * 4); border-radius: var(--radius-xl);}} &.fi-sc-actions .fi-ac:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-sc-actions .fi-ac:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-align-start{&.fi-modal > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} &.fi-modal > .fi-modal-window-ctn > .fi-modal-window-has-icon:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center) {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > &.fi-modal-window,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) .fi-modal-header {column-gap: calc(var(--spacing) * 5);} :is(.fi-modal > .fi-modal-window-ctn > &.fi-modal-window,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-left) .fi-modal-icon-bg {padding: calc(var(--spacing) * 2);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-modal-window-has-close-btn,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-footer,.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-left) .fi-modal-footer-actions {flex-wrap: wrap; align-items: center; display: flex;} &.fi-ac:not(.fi-width-full) {justify-content: flex-start;} .fi-fo-builder &.fi-fo-builder-block-picker {justify-content: flex-start;} &.fi-fo-file-upload {align-items: flex-start;} .fi-fo-repeater &.fi-fo-repeater-add {justify-content: flex-start;} .fi-fo-simple-repeater &.fi-fo-simple-repeater-add {justify-content: flex-start;} .fi-fo-table-repeater > table > thead > tr > &th {text-align: start;} .fi-fo-table-repeater &.fi-fo-table-repeater-add {justify-content: flex-start;} &.fi-in-color {justify-content: flex-start;} &.fi-in-icon {justify-content: flex-start;} &.fi-in-image {justify-content: flex-start;} :is(&.fi-no,.fi-no.fi-align-left) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {align-items: flex-start;} &.fi-sc {justify-content: flex-start;} &.fi-ta-actions {justify-content: flex-start;} &.fi-ta-cell {text-align: start;} &.fi-ta-color {justify-content: flex-start;} &.fi-ta-icon {justify-content: flex-start;} &.fi-ta-image {justify-content: flex-start;} &.fi-ta-stack {align-items: flex-start;} &.fi-ta-header-group-cell {text-align: start;}}@utility fi-modal-window-has-icon{.fi-modal.fi-align-start > .fi-modal-window-ctn > &:not(.fi-modal-window-has-sticky-header) .fi-modal-content {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);} .fi-modal.fi-align-start > .fi-modal-window-ctn > &:not(.fi-modal-window-has-sticky-header) .fi-modal-footer:not(.fi-align-center) {padding-inline-start: 5.25rem; padding-inline-end: calc(var(--spacing) * 6);}}@utility fi-modal-close-overlay{.fi-modal > & {inset: calc(var(--spacing) * 0); z-index: 40; background-color: var(--gray-950); position: fixed;} @supports (color: color-mix(in lab,red,red)) {.fi-modal > & {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);}} .fi-modal > &:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-modal > &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}}}@utility fi-clickable{.fi-modal > &.fi-modal-window-ctn {cursor: pointer;} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record:where(.dark,.dark *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content &.fi-ta-record:hover {background-color: var(--gray-50);}} @media (hover: hover) {&.fi-ta-row:hover {background-color: var(--gray-50);} &.fi-ta-row:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-row:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}}@utility fi-vertical-align-center{.fi-modal > .fi-modal-window-ctn > .fi-modal-window &.fi-modal-header {align-items: center;} @media (min-width: 40rem) {.fi-fo-field &.fi-fo-field-label-col {align-items: center;}} &.fi-no {flex-direction: column; justify-content: center;} &.fi-sc-actions {justify-content: center;} &.fi-sc-flex.fi-from-default {align-items: center;} @media (min-width: 40rem) {&.fi-sc-flex.fi-from-sm {align-items: center;}} @media (min-width: 48rem) {&.fi-sc-flex.fi-from-md {align-items: center;}} @media (min-width: 64rem) {&.fi-sc-flex.fi-from-lg {align-items: center;}} @media (min-width: 80rem) {&.fi-sc-flex.fi-from-xl {align-items: center;}} @media (min-width: 96rem) {&.fi-sc-flex.fi-from-2xl {align-items: center;}}}@utility fi-modal-heading{.fi-modal > .fi-modal-window-ctn > .fi-modal-window & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) {color: var(--color-white);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-center:not(.fi-modal-window-has-icon) & {margin-inline-start: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-close-btn.fi-align-left) & {margin-inline-end: calc(var(--spacing) * 6);} .fi-no-database .fi-modal-window-ctn > .fi-modal-window & {display: inline-block; position: relative;} .fi-no-database .fi-modal-window-ctn > .fi-modal-window & .fi-badge {inset-inline-start: 100%; top: calc(var(--spacing) * -1); width: max-content; margin-inline-start: calc(var(--spacing) * 1); position: absolute;}}@utility fi-modal-description{.fi-modal > .fi-modal-window-ctn > .fi-modal-window & {margin-top: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-modal > .fi-modal-window-ctn > .fi-modal-window &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-modal-icon-ctn{.fi-modal > .fi-modal-window-ctn > .fi-modal-window.fi-align-center & {margin-bottom: calc(var(--spacing) * 5); justify-content: center; align-items: center; display: flex;}}@utility fi-width-full{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: 100%;} &.fi-ac {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;} &:is(.fi-main,.fi-simple-main) {max-width: 100%;}}@utility fi-width-min{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: min-content;} &:is(.fi-main,.fi-simple-main) {max-width: min-content;}}@utility fi-width-max{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: max-content;} &:is(.fi-main,.fi-simple-main) {max-width: max-content;}}@utility fi-width-fit{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: fit-content;} &:is(.fi-main,.fi-simple-main) {max-width: fit-content;}}@utility fi-width-prose{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: 65ch;} &:is(.fi-main,.fi-simple-main) {max-width: 65ch;}}@utility fi-width-screen-sm{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--breakpoint-sm);} &:is(.fi-main,.fi-simple-main) {max-width: var(--breakpoint-sm);}}@utility fi-width-screen-md{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--breakpoint-md);} &:is(.fi-main,.fi-simple-main) {max-width: var(--breakpoint-md);}}@utility fi-width-screen-lg{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--breakpoint-lg);} &:is(.fi-main,.fi-simple-main) {max-width: var(--breakpoint-lg);}}@utility fi-width-screen-xl{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--breakpoint-xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--breakpoint-xl);}}@utility fi-width-screen-2xl{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window {max-width: var(--breakpoint-2xl);} &:is(.fi-main,.fi-simple-main) {max-width: var(--breakpoint-2xl);}}@utility fi-transition-enter{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window { --tw-duration: .3s; transition-duration: .3s; } &:is(.fi-sidebar-group-btn,.fi-sidebar-group-items) {transition-delay: .1s;} @media (min-width: 64rem) {&:is(.fi-sidebar-group-btn,.fi-sidebar-group-items) {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) );}} @media (min-width: 64rem) {&:is(.fi-sidebar-item-label,.fi-sidebar-item-badge-ctn) {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} @media (min-width: 64rem) {&:is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn) {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}}}@utility fi-transition-leave{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window { --tw-duration: .3s; transition-duration: .3s; }}@utility fi-modal-window-has-sticky-header{:is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window) .fi-modal-content {padding-inline: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window) .fi-modal-footer {padding-inline: calc(var(--spacing) * 6);}}@utility fi-modal-window-has-close-btn{.fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-align-center:not(.fi-modal-window-has-icon) .fi-modal-heading {margin-inline-start: calc(var(--spacing) * 6);} :is(.fi-modal > .fi-modal-window-ctn > &.fi-modal-window:not(.fi-modal-window-has-icon),.fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-align-start,.fi-modal > .fi-modal-window-ctn > &.fi-modal-window.fi-align-left) .fi-modal-heading {margin-inline-end: calc(var(--spacing) * 6);}}@utility fi-modal-footer-actions{.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer & {gap: calc(var(--spacing) * 3);} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-start,.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-left) & {flex-wrap: wrap; align-items: center; display: flex;} .fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center & {flex-direction: column-reverse; display: flex;} :is(.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-end,.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-right) & {flex-flow: row-reverse wrap; align-items: center; display: flex;} @supports (container-type: inline-size) {@container (min-width:24rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center & {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-modal > .fi-modal-window-ctn > .fi-modal-window .fi-modal-footer.fi-align-center & {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;}}}}@utility fi-modal-trigger{:scope & {display: flex;}}@utility fi-pagination{align-items: center; column-gap: calc(var(--spacing) * 3); grid-template-columns: 1fr auto 1fr; display: grid; &:empty {display: none;} & .fi-pagination-previous-btn {justify-self: flex-start;} & .fi-pagination-overview {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: none;} & .fi-pagination-overview:where(.dark,.dark *) {color: var(--gray-200);} & .fi-pagination-records-per-page-select-ctn {grid-column-start: 2; justify-self: center;} & .fi-pagination-records-per-page-select:not(.fi-compact) {display: none;} & .fi-pagination-next-btn {grid-column-start: 3; justify-self: flex-end;} & .fi-pagination-items {border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); justify-self: flex-end; display: none;} & .fi-pagination-items:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-pagination-items:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-pagination-items:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& .fi-pagination-items:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .fi-pagination-item {border-inline-style: var(--tw-border-style); border-inline-width: .5px; border-color: var(--gray-200);} & .fi-pagination-item:first-child {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0;} & .fi-pagination-item:last-child {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0;} & .fi-pagination-item:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-pagination-item:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-pagination-item.fi-active .fi-pagination-item-btn {background-color: var(--gray-50);} & .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-pagination-item.fi-active .fi-pagination-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-pagination-item.fi-active .fi-pagination-item-label {color: var(--primary-700);} & .fi-pagination-item.fi-active .fi-pagination-item-label:where(.dark,.dark *) {color: var(--primary-400);} & .fi-pagination-item:first-of-type .fi-pagination-item-btn {border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg);} & .fi-pagination-item:last-of-type .fi-pagination-item-btn {border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg);} & .fi-pagination-item.fi-disabled .fi-pagination-item-label {color: var(--gray-500);} & .fi-pagination-item.fi-disabled .fi-pagination-item-label:where(.dark,.dark *) {color: var(--gray-400);} & .fi-pagination-item-btn {padding: calc(var(--spacing) * 2); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; transition-duration: 75ms; display: flex; position: relative; overflow: hidden;} @media (hover: hover) {& .fi-pagination-item-btn:enabled:hover {background-color: var(--gray-50);}} & .fi-pagination-item-btn:enabled:focus-visible {z-index: 10; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--primary-600);} @media (hover: hover) {& .fi-pagination-item-btn:enabled:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-pagination-item-btn:enabled:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} & .fi-pagination-item-btn:enabled:where(.dark,.dark *):focus-visible { --tw-ring-color: var(--primary-500); } & .fi-pagination-item-btn:hover .fi-icon {color: var(--gray-500);} & .fi-pagination-item-btn:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-pagination-item-btn .fi-icon {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & .fi-pagination-item-btn .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-pagination-item-btn .fi-pagination-item-label {padding-inline: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-700);} & .fi-pagination-item-btn .fi-pagination-item-label:where(.dark,.dark *) {color: var(--gray-200);} @supports (container-type: inline-size) {container-type: inline-size; @container (min-width:28rem) {& .fi-pagination-records-per-page-select:not(.fi-compact) {display: inline;} & .fi-pagination-records-per-page-select.fi-compact {display: none;}} @container (min-width:56rem) {&:not(.fi-simple) .fi-pagination-previous-btn {display: none;} &:not(.fi-simple) .fi-pagination-next-btn {display: none;} & .fi-pagination-overview {display: inline;} & .fi-pagination-items {display: flex;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {& .fi-pagination-records-per-page-select:not(.fi-compact) {display: inline;} & .fi-pagination-records-per-page-select.fi-compact {display: none;}} @media (min-width: 48rem) {&:not(.fi-simple) .fi-pagination-previous-btn {display: none;} &:not(.fi-simple) .fi-pagination-next-btn {display: none;} & .fi-pagination-overview {display: inline;} & .fi-pagination-items {display: flex;}}} .fi-ta-ctn & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3);} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-pagination-previous-btn{.fi-pagination & {justify-self: flex-start;} @supports (container-type: inline-size) {@container (min-width:56rem) {.fi-pagination:not(.fi-simple) & {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-pagination:not(.fi-simple) & {display: none;}}}}@utility fi-pagination-overview{.fi-pagination & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: none;} .fi-pagination &:where(.dark,.dark *) {color: var(--gray-200);} @supports (container-type: inline-size) {@container (min-width:56rem) {.fi-pagination & {display: inline;}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-pagination & {display: inline;}}}}@utility fi-pagination-records-per-page-select-ctn{.fi-pagination & {grid-column-start: 2; justify-self: center;}}@utility fi-pagination-records-per-page-select{.fi-pagination &:not(.fi-compact) {display: none;} @supports (container-type: inline-size) {@container (min-width:28rem) {.fi-pagination &:not(.fi-compact) {display: inline;} .fi-pagination &.fi-compact {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-pagination &:not(.fi-compact) {display: inline;} .fi-pagination &.fi-compact {display: none;}}}}@utility fi-pagination-next-btn{.fi-pagination & {grid-column-start: 3; justify-self: flex-end;} @supports (container-type: inline-size) {@container (min-width:56rem) {.fi-pagination:not(.fi-simple) & {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-pagination:not(.fi-simple) & {display: none;}}}}@utility fi-pagination-items{.fi-pagination & {border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); justify-self: flex-end; display: none;} .fi-pagination &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-pagination &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} @supports (container-type: inline-size) {@container (min-width:56rem) {.fi-pagination & {display: flex;}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-pagination & {display: flex;}}}}@utility fi-pagination-item{.fi-pagination & {border-inline-style: var(--tw-border-style); border-inline-width: .5px; border-color: var(--gray-200);} .fi-pagination &:first-child {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0;} .fi-pagination &:last-child {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0;} .fi-pagination &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-pagination &.fi-active .fi-pagination-item-btn {background-color: var(--gray-50);} .fi-pagination &.fi-active .fi-pagination-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination &.fi-active .fi-pagination-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination &.fi-active .fi-pagination-item-label {color: var(--primary-700);} .fi-pagination &.fi-active .fi-pagination-item-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-pagination &:first-of-type .fi-pagination-item-btn {border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg);} .fi-pagination &:last-of-type .fi-pagination-item-btn {border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg);} .fi-pagination &.fi-disabled .fi-pagination-item-label {color: var(--gray-500);} .fi-pagination &.fi-disabled .fi-pagination-item-label:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-pagination-item-btn{.fi-pagination .fi-pagination-item.fi-active & {background-color: var(--gray-50);} .fi-pagination .fi-pagination-item.fi-active &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination .fi-pagination-item.fi-active &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-pagination .fi-pagination-item:first-of-type & {border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg);} .fi-pagination .fi-pagination-item:last-of-type & {border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg);} .fi-pagination & {padding: calc(var(--spacing) * 2); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; transition-duration: 75ms; display: flex; position: relative; overflow: hidden;} @media (hover: hover) {.fi-pagination &:enabled:hover {background-color: var(--gray-50);}} .fi-pagination &:enabled:focus-visible {z-index: 10; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--primary-600);} @media (hover: hover) {.fi-pagination &:enabled:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-pagination &:enabled:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-pagination &:enabled:where(.dark,.dark *):focus-visible { --tw-ring-color: var(--primary-500); } .fi-pagination &:hover .fi-icon {color: var(--gray-500);} .fi-pagination &:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-pagination & .fi-icon {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-pagination & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} .fi-pagination & .fi-pagination-item-label {padding-inline: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-700);} .fi-pagination & .fi-pagination-item-label:where(.dark,.dark *) {color: var(--gray-200);}}@utility fi-pagination-item-label{.fi-pagination .fi-pagination-item.fi-active & {color: var(--primary-700);} .fi-pagination .fi-pagination-item.fi-active &:where(.dark,.dark *) {color: var(--primary-400);} .fi-pagination .fi-pagination-item.fi-disabled & {color: var(--gray-500);} .fi-pagination .fi-pagination-item.fi-disabled &:where(.dark,.dark *) {color: var(--gray-400);} .fi-pagination .fi-pagination-item-btn & {padding-inline: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-700);} .fi-pagination .fi-pagination-item-btn &:where(.dark,.dark *) {color: var(--gray-200);}}@utility fi-compact{@supports (container-type: inline-size) {@container (min-width:28rem) {.fi-pagination &.fi-pagination-records-per-page-select {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-pagination &.fi-pagination-records-per-page-select {display: none;}}} &.fi-section:not(.fi-section-not-contained):not(.fi-aside) {border-radius: var(--radius-lg);} &.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn {border-radius: var(--radius-lg);} &.fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);} &.fi-section:not(.fi-section-not-contained):not(.fi-divided) > .fi-section-content-ctn > .fi-section-content {padding: calc(var(--spacing) * 4);} &.fi-section:not(.fi-section-not-contained).fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding: calc(var(--spacing) * 4);} &.fi-section:not(.fi-section-not-contained) > .fi-section-footer {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);} &.fi-section.fi-section-not-contained:not(.fi-aside) {row-gap: calc(var(--spacing) * 2.5);} &.fi-section.fi-section-not-contained:not(.fi-aside) > .fi-section-content-ctn {row-gap: calc(var(--spacing) * 2.5);} &.fi-section.fi-section-not-contained:not(.fi-aside).fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 4);} @supports (container-type: inline-size) {@container (min-width:36rem) {&.fi-fo-table-repeater > table > tbody > tr > td {border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 1);} &.fi-fo-table-repeater > table > tbody > tr > td:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-fo-table-repeater > table > tbody > tr > td:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-fo-table-repeater > table > tbody > tr > td:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-fo-table-repeater > table > tbody > tr > td:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-fo-table-repeater .fi-input-wrp { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; } &.fi-fo-table-repeater .fi-fo-field-wrp-error-message {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);} &.fi-fo-table-repeater .fi-in-entry-content {padding-inline: calc(var(--spacing) * 3);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {&.fi-fo-table-repeater > table > tbody > tr > td {border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 1);} &.fi-fo-table-repeater > table > tbody > tr > td:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-fo-table-repeater > table > tbody > tr > td:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-fo-table-repeater > table > tbody > tr > td:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-fo-table-repeater > table > tbody > tr > td:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-fo-table-repeater .fi-input-wrp { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; } &.fi-fo-table-repeater .fi-fo-field-wrp-error-message {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);} &.fi-fo-table-repeater .fi-in-entry-content {padding-inline: calc(var(--spacing) * 3);}}}}@utility fi-section{&:not(.fi-section-not-contained):not(.fi-divided) > .fi-section-content-ctn > .fi-section-content {padding: calc(var(--spacing) * 6);} &:not(.fi-section-not-contained).fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding: calc(var(--spacing) * 6);} &:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);} &:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-footer:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &:not(.fi-section-not-contained):not(.fi-aside) {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-section-not-contained):not(.fi-aside).fi-compact {border-radius: var(--radius-lg);} &:not(.fi-section-not-contained):not(.fi-aside).fi-secondary {background-color: var(--gray-50);} &:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained):not(.fi-aside).fi-secondary:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header {padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);} &:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200);} &:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > .fi-section-content-ctn:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} @media (min-width: 48rem) {&:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn {grid-column: span 2 / span 2;}} &:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-section-not-contained).fi-aside.fi-compact > .fi-section-content-ctn {border-radius: var(--radius-lg);} &:not(.fi-section-not-contained).fi-aside.fi-secondary > .fi-section-content-ctn {background-color: var(--gray-50);} &:not(.fi-section-not-contained).fi-aside.fi-secondary > .fi-section-content-ctn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-section-not-contained).fi-aside.fi-secondary > .fi-section-content-ctn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:not(.fi-section-not-contained).fi-compact:not(.fi-aside) > .fi-section-header {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);} &:not(.fi-section-not-contained).fi-compact:not(.fi-divided) > .fi-section-content-ctn > .fi-section-content {padding: calc(var(--spacing) * 4);} &:not(.fi-section-not-contained).fi-compact.fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding: calc(var(--spacing) * 4);} &:not(.fi-section-not-contained).fi-compact > .fi-section-footer {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);} @media (min-width: 48rem) {&.fi-section-not-contained.fi-aside > .fi-section-content-ctn {grid-column: span 2 / span 2;}} &.fi-section-not-contained:not(.fi-aside) {row-gap: calc(var(--spacing) * 4); display: grid;} &.fi-section-not-contained:not(.fi-aside) > .fi-section-content-ctn {row-gap: calc(var(--spacing) * 4); display: grid;} &.fi-section-not-contained:not(.fi-aside).fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 6);} &.fi-section-not-contained:not(.fi-aside).fi-compact {row-gap: calc(var(--spacing) * 2.5);} &.fi-section-not-contained:not(.fi-aside).fi-compact > .fi-section-content-ctn {row-gap: calc(var(--spacing) * 2.5);} &.fi-section-not-contained:not(.fi-aside).fi-compact.fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 4);} :where(&.fi-divided > .fi-section-content-ctn > .fi-section-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(&.fi-divided > .fi-section-content-ctn > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(&.fi-divided > .fi-section-content-ctn > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &.fi-aside {align-items: flex-start; column-gap: calc(var(--spacing) * 6); row-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid;} @media (min-width: 48rem) {&.fi-aside {grid-template-columns: repeat(3,minmax(0,1fr));}} &.fi-collapsible > .fi-section-header {cursor: pointer;} &.fi-collapsed > .fi-section-header > .fi-section-collapse-btn {rotate: 180deg;} &.fi-collapsed > .fi-section-content-ctn {visibility: hidden; height: calc(var(--spacing) * 0); --tw-border-style: none; border-style: none; position: absolute; overflow: hidden;} @media (min-width: 48rem) {&.fi-section-has-content-before > .fi-section-content-ctn {order: -9999;}} & > .fi-section-header {align-items: center; gap: calc(var(--spacing) * 3); display: flex;} & > .fi-section-header > .fi-icon {color: var(--gray-400); flex-shrink: 0;} & > .fi-section-header > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > .fi-section-header > .fi-icon.fi-color {color: var(--color-500);} & > .fi-section-header > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--color-400);} & > .fi-section-header > .fi-icon.fi-size-sm {margin-top: calc(var(--spacing) * 1);} & > .fi-section-header > .fi-icon.fi-size-md {margin-top: calc(var(--spacing) * .5);} & > .fi-section-header > .fi-section-header-after-ctn .fi-sc-text { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } & > .fi-section-header > .fi-section-header-after-ctn .fi-link { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } & > .fi-section-header > .fi-section-header-after-ctn .fi-btn.fi-size-xs {margin-block: calc(var(--spacing) * -.5);} & > .fi-section-header > .fi-section-header-after-ctn .fi-btn.fi-size-sm {margin-block: calc(var(--spacing) * -1);} & > .fi-section-header > .fi-section-header-after-ctn .fi-btn.fi-size-md {margin-block: calc(var(--spacing) * -1.5);} & > .fi-section-header > .fi-section-header-after-ctn .fi-btn.fi-size-lg {margin-block: calc(var(--spacing) * -2);} & > .fi-section-header > .fi-section-header-after-ctn .fi-btn.fi-size-xl {margin-block: calc(var(--spacing) * -2.5);} & > .fi-section-header > .fi-section-collapse-btn {margin-block: calc(var(--spacing) * -1.5); flex-shrink: 0;} & .fi-section-header-text-ctn {row-gap: calc(var(--spacing) * 1); flex: 1; display: grid;} & .fi-section-header-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-section-header-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-section-header-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); overflow-wrap: break-word; color: var(--gray-500); overflow: hidden;} & .fi-section-header-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-section-content-ctn{.fi-section:not(.fi-section-not-contained):not(.fi-divided) > & > .fi-section-content {padding: calc(var(--spacing) * 6);} .fi-section:not(.fi-section-not-contained).fi-divided > & > .fi-section-content > * {padding: calc(var(--spacing) * 6);} .fi-section:not(.fi-section-not-contained) > & > .fi-section-footer {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);} .fi-section:not(.fi-section-not-contained) > & > .fi-section-footer:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained) > & > .fi-section-footer:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200);} .fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained):not(.fi-aside).fi-section-has-header:not(.fi-collapsed) > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section:not(.fi-section-not-contained).fi-aside > & {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} @media (min-width: 48rem) {.fi-section:not(.fi-section-not-contained).fi-aside > & {grid-column: span 2 / span 2;}} .fi-section:not(.fi-section-not-contained).fi-aside > &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained).fi-aside > &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-section:not(.fi-section-not-contained).fi-aside.fi-compact > & {border-radius: var(--radius-lg);} .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary > & {background-color: var(--gray-50);} .fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary > &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained).fi-aside.fi-secondary > &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-divided) > & > .fi-section-content {padding: calc(var(--spacing) * 4);} .fi-section:not(.fi-section-not-contained).fi-compact.fi-divided > & > .fi-section-content > * {padding: calc(var(--spacing) * 4);} @media (min-width: 48rem) {.fi-section.fi-section-not-contained.fi-aside > & {grid-column: span 2 / span 2;}} .fi-section.fi-section-not-contained:not(.fi-aside) > & {row-gap: calc(var(--spacing) * 4); display: grid;} .fi-section.fi-section-not-contained:not(.fi-aside).fi-divided > & > .fi-section-content > * {padding-block: calc(var(--spacing) * 6);} .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact > & {row-gap: calc(var(--spacing) * 2.5);} .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact.fi-divided > & > .fi-section-content > * {padding-block: calc(var(--spacing) * 4);} :where(.fi-section.fi-divided > & > .fi-section-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-section.fi-divided > & > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-section.fi-divided > & > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section.fi-collapsed > & {visibility: hidden; height: calc(var(--spacing) * 0); --tw-border-style: none; border-style: none; position: absolute; overflow: hidden;} @media (min-width: 48rem) {.fi-section.fi-section-has-content-before > & {order: -9999;}}}@utility fi-section-content{.fi-section:not(.fi-section-not-contained):not(.fi-divided) > .fi-section-content-ctn > & {padding: calc(var(--spacing) * 6);} .fi-section:not(.fi-section-not-contained).fi-divided > .fi-section-content-ctn > & > * {padding: calc(var(--spacing) * 6);} .fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-divided) > .fi-section-content-ctn > & {padding: calc(var(--spacing) * 4);} .fi-section:not(.fi-section-not-contained).fi-compact.fi-divided > .fi-section-content-ctn > & > * {padding: calc(var(--spacing) * 4);} .fi-section.fi-section-not-contained:not(.fi-aside).fi-divided > .fi-section-content-ctn > & > * {padding-block: calc(var(--spacing) * 6);} .fi-section.fi-section-not-contained:not(.fi-aside).fi-compact.fi-divided > .fi-section-content-ctn > & > * {padding-block: calc(var(--spacing) * 4);} :where(.fi-section.fi-divided > .fi-section-content-ctn > & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-section.fi-divided > .fi-section-content-ctn > &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-section.fi-divided > .fi-section-content-ctn > &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} @supports (container-type: inline-size) {.fi-wi-chart & {container-type: inline-size;}} .fi-account-widget & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} .fi-filament-info-widget & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-divided{&.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > .fi-section-content > * {padding: calc(var(--spacing) * 6);} &.fi-section:not(.fi-section-not-contained).fi-compact > .fi-section-content-ctn > .fi-section-content > * {padding: calc(var(--spacing) * 4);} &.fi-section.fi-section-not-contained:not(.fi-aside) > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 6);} &.fi-section.fi-section-not-contained:not(.fi-aside).fi-compact > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 4);} :where(&.fi-section > .fi-section-content-ctn > .fi-section-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(&.fi-section > .fi-section-content-ctn > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(&.fi-section > .fi-section-content-ctn > .fi-section-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-section-footer{.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);} .fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-section:not(.fi-section-not-contained).fi-compact > & {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);}}@utility fi-secondary{&.fi-section:not(.fi-section-not-contained):not(.fi-aside) {background-color: var(--gray-50);} &.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-section:not(.fi-section-not-contained):not(.fi-aside):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn {background-color: var(--gray-50);} &.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-section:not(.fi-section-not-contained).fi-aside > .fi-section-content-ctn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-section-header{.fi-section:not(.fi-section-not-contained):not(.fi-aside) > & {padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);} .fi-section:not(.fi-section-not-contained).fi-compact:not(.fi-aside) > & {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2.5);} .fi-section.fi-collapsible > & {cursor: pointer;} .fi-section.fi-collapsed > & > .fi-section-collapse-btn {rotate: 180deg;} .fi-section > & {align-items: center; gap: calc(var(--spacing) * 3); display: flex;} .fi-section > & > .fi-icon {color: var(--gray-400); flex-shrink: 0;} .fi-section > & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} .fi-section > & > .fi-icon.fi-color {color: var(--color-500);} .fi-section > & > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--color-400);} .fi-section > & > .fi-icon.fi-size-sm {margin-top: calc(var(--spacing) * 1);} .fi-section > & > .fi-icon.fi-size-md {margin-top: calc(var(--spacing) * .5);} .fi-section > & > .fi-section-header-after-ctn .fi-sc-text { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .fi-section > & > .fi-section-header-after-ctn .fi-link { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .fi-section > & > .fi-section-header-after-ctn .fi-btn.fi-size-xs {margin-block: calc(var(--spacing) * -.5);} .fi-section > & > .fi-section-header-after-ctn .fi-btn.fi-size-sm {margin-block: calc(var(--spacing) * -1);} .fi-section > & > .fi-section-header-after-ctn .fi-btn.fi-size-md {margin-block: calc(var(--spacing) * -1.5);} .fi-section > & > .fi-section-header-after-ctn .fi-btn.fi-size-lg {margin-block: calc(var(--spacing) * -2);} .fi-section > & > .fi-section-header-after-ctn .fi-btn.fi-size-xl {margin-block: calc(var(--spacing) * -2.5);} .fi-section > & > .fi-section-collapse-btn {margin-block: calc(var(--spacing) * -1.5); flex-shrink: 0;}}@utility fi-section-has-header{&.fi-section:not(.fi-section-not-contained):not(.fi-aside):not(.fi-collapsed) > .fi-section-content-ctn {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200);} &.fi-section:not(.fi-section-not-contained):not(.fi-aside):not(.fi-collapsed) > .fi-section-content-ctn:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-section:not(.fi-section-not-contained):not(.fi-aside):not(.fi-collapsed) > .fi-section-content-ctn:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-aside{&.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} @media (min-width: 48rem) {&.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn {grid-column: span 2 / span 2;}} &.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-section:not(.fi-section-not-contained) > .fi-section-content-ctn:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-section:not(.fi-section-not-contained).fi-compact > .fi-section-content-ctn {border-radius: var(--radius-lg);} &.fi-section:not(.fi-section-not-contained).fi-secondary > .fi-section-content-ctn {background-color: var(--gray-50);} &.fi-section:not(.fi-section-not-contained).fi-secondary > .fi-section-content-ctn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-section:not(.fi-section-not-contained).fi-secondary > .fi-section-content-ctn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (min-width: 48rem) {&.fi-section.fi-section-not-contained > .fi-section-content-ctn {grid-column: span 2 / span 2;}} &.fi-section {align-items: flex-start; column-gap: calc(var(--spacing) * 6); row-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid;} @media (min-width: 48rem) {&.fi-section {grid-template-columns: repeat(3,minmax(0,1fr));}}}@utility fi-section-not-contained{@media (min-width: 48rem) {&.fi-section.fi-aside > .fi-section-content-ctn {grid-column: span 2 / span 2;}} &.fi-section:not(.fi-aside) {row-gap: calc(var(--spacing) * 4); display: grid;} &.fi-section:not(.fi-aside) > .fi-section-content-ctn {row-gap: calc(var(--spacing) * 4); display: grid;} &.fi-section:not(.fi-aside).fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 6);} &.fi-section:not(.fi-aside).fi-compact {row-gap: calc(var(--spacing) * 2.5);} &.fi-section:not(.fi-aside).fi-compact > .fi-section-content-ctn {row-gap: calc(var(--spacing) * 2.5);} &.fi-section:not(.fi-aside).fi-compact.fi-divided > .fi-section-content-ctn > .fi-section-content > * {padding-block: calc(var(--spacing) * 4);}}@utility fi-collapsible{&.fi-section > .fi-section-header {cursor: pointer;} &.fi-fo-builder .fi-fo-builder-item-header {cursor: pointer; -webkit-user-select: none; user-select: none;} &.fi-fo-repeater .fi-fo-repeater-item-header {cursor: pointer; -webkit-user-select: none; user-select: none;} .fi-ta-content-ctn .fi-ta-content &.fi-ta-group-header {cursor: pointer;} .fi-ta-content-ctn .fi-ta-content &.fi-ta-group-header.fi-collapsed .fi-icon-btn {rotate: -180deg;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn &.fi-ta-record-content {margin-top: calc(var(--spacing) * 3);} .fi-ta-row &.fi-ta-group-header {cursor: pointer;} .fi-ta-row &.fi-ta-group-header.fi-collapsed .fi-icon-btn {rotate: -180deg;}}@utility fi-collapsed{&.fi-section > .fi-section-header > .fi-section-collapse-btn {rotate: 180deg;} &.fi-section > .fi-section-content-ctn {visibility: hidden; height: calc(var(--spacing) * 0); --tw-border-style: none; border-style: none; position: absolute; overflow: hidden;} .fi-fo-builder &.fi-fo-builder-item .fi-fo-builder-item-header-collapsible-actions {rotate: -180deg;} .fi-fo-builder &.fi-fo-builder-item .fi-fo-builder-item-header-collapse-action {pointer-events: none; opacity: 0;} .fi-fo-repeater &.fi-fo-repeater-item .fi-fo-repeater-item-header-collapsible-actions {rotate: -180deg;} .fi-fo-repeater &.fi-fo-repeater-item .fi-fo-repeater-item-header-collapse-action {pointer-events: none; opacity: 0;} .fi-ta-content-ctn .fi-ta-content &.fi-ta-group-header.fi-collapsible .fi-icon-btn {rotate: -180deg;} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record {display: none;} &.fi-ta-row {display: none;} .fi-ta-row &.fi-ta-group-header.fi-collapsible .fi-icon-btn {rotate: -180deg;} &.fi-sidebar-group .fi-sidebar-group-collapse-btn {rotate: -180deg;}}@utility fi-section-collapse-btn{.fi-section.fi-collapsed > .fi-section-header > & {rotate: 180deg;} .fi-section > .fi-section-header > & {margin-block: calc(var(--spacing) * -1.5); flex-shrink: 0;}}@utility fi-section-has-content-before{@media (min-width: 48rem) {&.fi-section > .fi-section-content-ctn {order: -9999;}}}@utility fi-section-header-after-ctn{.fi-section > .fi-section-header > & .fi-sc-text { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .fi-section > .fi-section-header > & .fi-link { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .fi-section > .fi-section-header > & .fi-btn.fi-size-xs {margin-block: calc(var(--spacing) * -.5);} .fi-section > .fi-section-header > & .fi-btn.fi-size-sm {margin-block: calc(var(--spacing) * -1);} .fi-section > .fi-section-header > & .fi-btn.fi-size-md {margin-block: calc(var(--spacing) * -1.5);} .fi-section > .fi-section-header > & .fi-btn.fi-size-lg {margin-block: calc(var(--spacing) * -2);} .fi-section > .fi-section-header > & .fi-btn.fi-size-xl {margin-block: calc(var(--spacing) * -2.5);}}@utility fi-sc-text{.fi-section > .fi-section-header > .fi-section-header-after-ctn & { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } &.fi-copyable {cursor: pointer;} &.fi-font-sans {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} &.fi-font-serif {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} &.fi-font-mono {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} &:not(.fi-badge) {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); overflow-wrap: break-word; color: var(--gray-600); display: inline-block;} &:not(.fi-badge):where(.dark,.dark *) {color: var(--gray-400);} &:not(.fi-badge).fi-font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &:not(.fi-badge).fi-font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &:not(.fi-badge).fi-font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &:not(.fi-badge).fi-font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &:not(.fi-badge).fi-font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &:not(.fi-badge).fi-font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &:not(.fi-badge).fi-font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &:not(.fi-badge).fi-font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &:not(.fi-badge).fi-font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &:not(.fi-badge).fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &:not(.fi-badge).fi-color-neutral {color: var(--gray-950);} &:not(.fi-badge).fi-color-neutral:where(.dark,.dark *) {color: var(--color-white);} &:not(.fi-badge).fi-color:not(.fi-color-neutral) {color: var(--text);} &:not(.fi-badge).fi-color:not(.fi-color-neutral):where(.dark,.dark *) {color: var(--dark-text);} &:not(.fi-badge).fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &:not(.fi-badge).fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}@utility fi-section-header-text-ctn{.fi-section & {row-gap: calc(var(--spacing) * 1); flex: 1; display: grid;}}@utility fi-section-header-heading{.fi-section & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-section &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-section-header-description{.fi-section & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); overflow-wrap: break-word; color: var(--gray-500); overflow: hidden;} .fi-section &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-tabs{column-gap: calc(var(--spacing) * 1); max-width: 100%; display: flex; overflow-x: auto; &.fi-contained {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5);} &.fi-contained:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-contained:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &:not(.fi-contained) {border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 2); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); margin-inline: auto;} &:not(.fi-contained):where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-contained):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-vertical {column-gap: calc(var(--spacing) * 0); row-gap: calc(var(--spacing) * 1); flex-direction: column; overflow: hidden auto;} &.fi-vertical.fi-contained {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0;} &.fi-vertical:not(.fi-contained) {margin-inline: calc(var(--spacing) * 0);} &.fi-vertical .fi-tabs-item {justify-content: flex-start;}}@utility fi-contained{&.fi-tabs {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2.5);} &.fi-tabs:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-tabs:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &.fi-tabs.fi-vertical {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0;} &.fi-in-repeatable .fi-in-repeatable-item {border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-in-repeatable .fi-in-repeatable-item:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-in-repeatable .fi-in-repeatable-item:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-in-repeatable .fi-in-repeatable-item:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-in-repeatable .fi-in-repeatable-item:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-sc-tabs {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-sc-tabs:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-sc-tabs:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-sc-tabs .fi-sc-tabs-tab.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} &.fi-sc-wizard {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-sc-wizard:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-sc-wizard:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-sc-wizard .fi-sc-wizard-header {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} &.fi-sc-wizard .fi-sc-wizard-header:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-sc-wizard .fi-sc-wizard-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &.fi-sc-wizard .fi-sc-wizard-step.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} &.fi-sc-wizard .fi-sc-wizard-footer {padding-inline: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6);}}@utility fi-vertical{&.fi-tabs {column-gap: calc(var(--spacing) * 0); row-gap: calc(var(--spacing) * 1); flex-direction: column; overflow: hidden auto;} &.fi-tabs.fi-contained {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0;} &.fi-tabs:not(.fi-contained) {margin-inline: calc(var(--spacing) * 0);} &.fi-tabs .fi-tabs-item {justify-content: flex-start;} &.fi-sc-tabs {flex-direction: row;} &.fi-sc-tabs .fi-sc-tabs-tab.fi-active {margin-inline-start: calc(var(--spacing) * 6); margin-top: calc(var(--spacing) * 0); flex: 1;}}@utility fi-tabs-item{.fi-tabs.fi-vertical & {justify-content: flex-start;} justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 2); border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; --tw-outline-style: none; outline-style: none; transition-duration: 75ms; display: flex; @media (hover: hover) {&:hover {background-color: var(--gray-50);}} &:focus-visible {background-color: var(--gray-50);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active {background-color: var(--gray-50);} &.fi-active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active .fi-tabs-item-label {color: var(--primary-700);} &.fi-active .fi-icon {color: var(--primary-700);} :is(&.fi-active .fi-tabs-item-label,&.fi-active .fi-icon):where(.dark,.dark *) {color: var(--primary-400);} & :not(.fi-active):hover .fi-tabs-item-label {color: var(--gray-700);} & :not(.fi-active):hover .fi-tabs-item-label:is(:where(.group):focus-visible *) {color: var(--gray-700);} & :not(.fi-active):hover .fi-tabs-item-label:where(.dark,.dark *) {color: var(--gray-200);} & :not(.fi-active):hover .fi-tabs-item-label:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-200);} & :not(.fi-active):focus-visible .fi-tabs-item-label {color: var(--gray-700);} & :not(.fi-active):focus-visible .fi-tabs-item-label:where(.dark,.dark *) {color: var(--gray-200);} & .fi-tabs-item-label {color: var(--gray-500); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & .fi-tabs-item-label:where(.dark,.dark *) {color: var(--gray-400);} & .fi-icon {color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; transition-duration: 75ms;} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-badge {width: max-content;}}@utility fi-tabs-item-label{.fi-tabs-item.fi-active & {color: var(--primary-700);} :is(.fi-tabs-item.fi-active &,.fi-tabs-item.fi-active .fi-icon):where(.dark,.dark *) {color: var(--primary-400);} .fi-tabs-item :not(.fi-active):hover & {color: var(--gray-700);} .fi-tabs-item :not(.fi-active):hover &:is(:where(.group):focus-visible *) {color: var(--gray-700);} .fi-tabs-item :not(.fi-active):hover &:where(.dark,.dark *) {color: var(--gray-200);} .fi-tabs-item :not(.fi-active):hover &:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-200);} .fi-tabs-item :not(.fi-active):focus-visible & {color: var(--gray-700);} .fi-tabs-item :not(.fi-active):focus-visible &:where(.dark,.dark *) {color: var(--gray-200);} .fi-tabs-item & {color: var(--gray-500); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-tabs-item &:where(.dark,.dark *) {color: var(--gray-400);}}@utility group{.fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:is(:where(&):focus-visible *) {color: var(--gray-700);} .fi-tabs-item :not(.fi-active):hover .fi-tabs-item-label:where(.dark,.dark *):is(:where(&):focus-visible *) {color: var(--gray-200);} @media (hover: hover) {.fi-tenant-menu-trigger .fi-icon:is(:where(&):hover *) {color: var(--gray-500);}} .fi-tenant-menu-trigger .fi-icon:is(:where(&):focus-visible *) {color: var(--gray-500);} @media (hover: hover) {.fi-tenant-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(&):hover *) {color: var(--gray-400);}} .fi-tenant-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(&):focus-visible *) {color: var(--gray-400);} @media (hover: hover) {.fi-sidebar .fi-user-menu-trigger .fi-icon:is(:where(&):hover *) {color: var(--gray-500);}} .fi-sidebar .fi-user-menu-trigger .fi-icon:is(:where(&):focus-visible *) {color: var(--gray-500);} @media (hover: hover) {.fi-sidebar .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(&):hover *) {color: var(--gray-400);}} .fi-sidebar .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(&):focus-visible *) {color: var(--gray-400);}}@utility fi-toggle{height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 11); cursor: pointer; border-style: var(--tw-border-style); background-color: var(--gray-200); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; --tw-ease: var(--ease-in-out); transition-duration: .2s; transition-timing-function: var(--ease-in-out); --tw-outline-style: none; border-width: 2px; border-color: #0000; border-radius: 3.40282e38px; outline-style: none; flex-shrink: 0; display: inline-flex; position: relative; &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:disabled {pointer-events: none; opacity: .7;} &:where(.dark,.dark *) {background-color: var(--gray-700);} &:where(.dark,.dark *):focus-visible { --tw-ring-color: var(--primary-500); --tw-ring-offset-color: var(--gray-900); } &:disabled {pointer-events: none; opacity: .7;} &[disabled] {pointer-events: none; opacity: .7;} &.fi-color {background-color: var(--bg);} &.fi-color:where(.dark,.dark *) {background-color: var(--dark-bg);} &.fi-color .fi-icon {color: var(--text);} &.fi-hidden {display: none;} & > :first-child {pointer-events: none; width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .2s; --tw-ease: var(--ease-in-out); transition-duration: .2s; transition-timing-function: var(--ease-in-out); border-radius: 3.40282e38px; display: inline-block; position: relative;} & > :first-child > * {inset: calc(var(--spacing) * 0); width: 100%; height: 100%; transition-property: opacity; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); justify-content: center; align-items: center; display: flex; position: absolute;} & .fi-icon {color: var(--gray-400);} & .fi-icon:where(.dark,.dark *) {color: var(--gray-700);} &.fi-toggle-on > :first-child { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle-on > :first-child:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle-on > :first-child > :first-child {opacity: 0; --tw-duration: .1s; --tw-ease: var(--ease-out); transition-duration: .1s; transition-timing-function: var(--ease-out);} &.fi-toggle-on > :first-child > :last-child {opacity: 1; --tw-duration: .2s; --tw-ease: var(--ease-in); transition-duration: .2s; transition-timing-function: var(--ease-in);} &.fi-toggle-off > :first-child { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle-off > :first-child > :first-child {opacity: 1; --tw-duration: .2s; --tw-ease: var(--ease-in); transition-duration: .2s; transition-timing-function: var(--ease-in);} &.fi-toggle-off > :first-child > :last-child {opacity: 0; --tw-duration: .1s; --tw-ease: var(--ease-out); transition-duration: .1s; transition-timing-function: var(--ease-out);} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label) > & {margin-block: calc(var(--spacing) * -.5);}}@utility fi-toggle-on{&.fi-toggle > :first-child { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle > :first-child:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle > :first-child > :first-child {opacity: 0; --tw-duration: .1s; --tw-ease: var(--ease-out); transition-duration: .1s; transition-timing-function: var(--ease-out);} &.fi-toggle > :first-child > :last-child {opacity: 1; --tw-duration: .2s; --tw-ease: var(--ease-in); transition-duration: .2s; transition-timing-function: var(--ease-in);}}@utility fi-toggle-off{&.fi-toggle > :first-child { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-toggle > :first-child > :first-child {opacity: 1; --tw-duration: .2s; --tw-ease: var(--ease-in); transition-duration: .2s; transition-timing-function: var(--ease-in);} &.fi-toggle > :first-child > :last-child {opacity: 0; --tw-duration: .1s; --tw-ease: var(--ease-out); transition-duration: .1s; transition-timing-function: var(--ease-out);}}@utility fi-sortable-ghost{opacity: .3;}@utility fi-ac{gap: calc(var(--spacing) * 3); &:not(.fi-width-full) {flex-wrap: wrap; align-items: center; display: flex;} &:not(.fi-width-full).fi-align-start {justify-content: flex-start;} &:not(.fi-width-full).fi-align-left {justify-content: flex-start;} &:not(.fi-width-full).fi-align-center {justify-content: center;} &:not(.fi-width-full).fi-align-end {flex-direction: row-reverse;} &:not(.fi-width-full).fi-align-right {flex-direction: row-reverse;} &:not(.fi-width-full).fi-align-between {justify-content: space-between;} &:not(.fi-width-full).fi-align-justify {justify-content: space-between;} &.fi-width-full {grid-template-columns: repeat(auto-fit,minmax(0,1fr)); display: grid;} .fi-no-database .fi-modal-window-ctn > .fi-modal-window .fi-modal-header & {margin-top: calc(var(--spacing) * 2);} .fi-sc-actions.fi-sticky & {bottom: calc(var(--spacing) * 0); margin-inline: calc(var(--spacing) * -4); width: 100%; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: fixed;} @media (min-width: 48rem) {.fi-sc-actions.fi-sticky & {bottom: calc(var(--spacing) * 4); border-radius: var(--radius-xl);}} .fi-sc-actions.fi-sticky &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-actions.fi-sticky &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility CodeMirror{color: #000; direction: ltr; height: 300px; font-family: monospace; & pre.CodeMirror-line {padding: 0 4px;} & pre.CodeMirror-line-like {padding: 0 4px;} & div.CodeMirror-secondarycursor {border-left: 1px solid silver;} &div span.CodeMirror-matchingbracket {color: #0b0;} &div span.CodeMirror-nonmatchingbracket {color: #a22;} background: #fff; position: relative; overflow: hidden; & pre.CodeMirror-line {font-family: inherit; font-size: inherit; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; background: 0 0; border-width: 0; border-radius: 0; margin: 0; position: relative; overflow: visible;} & pre.CodeMirror-line-like {font-family: inherit; font-size: inherit; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; background: 0 0; border-width: 0; border-radius: 0; margin: 0; position: relative; overflow: visible;} @media print {& div.CodeMirror-cursors {visibility: hidden;}} .EasyMDEContainer & {box-sizing: border-box; height: auto; font: inherit; z-index: 0; word-wrap: break-word; border: 1px solid #ced4da; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px;} & .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {background: #ff000026;} .fi-fo-markdown-editor .EasyMDEContainer & {padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 3) !important;} .fi-fo-markdown-editor .EasyMDEContainer & { --tw-border-style: none; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); color: inherit; background-color: #0000; border-style: none; }}@utility CodeMirror-lines{padding: 4px 0; cursor: text; min-height: 1px;}@utility CodeMirror-line{.CodeMirror &pre {padding: 0 4px;} .cm-fat-cursor &::selection {background: 0 0;} .cm-fat-cursor & > span::selection {background: 0 0;} .cm-fat-cursor & > span > span::selection {background: 0 0;} .cm-fat-cursor &::-moz-selection {background: 0 0;} .cm-fat-cursor & > span::-moz-selection {background: 0 0;} .cm-fat-cursor & > span > span::-moz-selection {background: 0 0;} .CodeMirror &pre {font-family: inherit; font-size: inherit; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; background: 0 0; border-width: 0; border-radius: 0; margin: 0; position: relative; overflow: visible;} .CodeMirror-wrap &pre {word-wrap: break-word; white-space: pre-wrap; word-break: normal;} &::selection {background: #d7d4f0;} & > span::selection {background: #d7d4f0;} & > span > span::selection {background: #d7d4f0;} &::-moz-selection {background: #d7d4f0;} & > span::-moz-selection {background: #d7d4f0;} & > span > span::-moz-selection {background: #d7d4f0;}}@utility CodeMirror-line-like{.CodeMirror &pre {padding: 0 4px;} .CodeMirror &pre {font-family: inherit; font-size: inherit; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; background: 0 0; border-width: 0; border-radius: 0; margin: 0; position: relative; overflow: visible;} .CodeMirror-wrap &pre {word-wrap: break-word; white-space: pre-wrap; word-break: normal;}}@utility CodeMirror-gutter-filler{background-color: #fff; z-index: 6; outline: 0; display: none; position: absolute; bottom: 0; left: 0;}@utility CodeMirror-scrollbar-filler{background-color: #fff; z-index: 6; outline: 0; display: none; position: absolute; bottom: 0; right: 0;}@utility CodeMirror-gutters{white-space: nowrap; background-color: #f7f7f7; border-right: 1px solid #ddd; z-index: 3; min-height: 100%; position: absolute; top: 0; left: 0; box-sizing: content-box;}@utility CodeMirror-linenumber{text-align: right; color: #999; white-space: nowrap; min-width: 20px; padding: 0 3px 0 5px; box-sizing: content-box;}@utility CodeMirror-guttermarker{color: #000;}@utility CodeMirror-guttermarker-subtle{color: #999;}@utility CodeMirror-cursor{border-left: 1px solid #000; border-right: none; width: 0; .cm-fat-cursor & {background: #7e7; width: auto; border: 0 !important;} pointer-events: none; position: absolute; .fi-fo-markdown-editor .EasyMDEContainer & {border-color: currentColor;}}@utility CodeMirror-secondarycursor{.CodeMirror &div {border-left: 1px solid silver;}}@utility cm-fat-cursor{& .CodeMirror-cursor {background: #7e7; width: auto; border: 0 !important;} & div.CodeMirror-cursors {z-index: 1;} & .CodeMirror-line::selection {background: 0 0;} & .CodeMirror-line > span::selection {background: 0 0;} & .CodeMirror-line > span > span::selection {background: 0 0;} & .CodeMirror-line::-moz-selection {background: 0 0;} & .CodeMirror-line > span::-moz-selection {background: 0 0;} & .CodeMirror-line > span > span::-moz-selection {background: 0 0;} caret-color: #0000;}@utility CodeMirror-cursors{.cm-fat-cursor &div {z-index: 1;} &div {visibility: hidden; z-index: 3; position: relative;} .CodeMirror-focused &div {visibility: visible;} @media print {.CodeMirror &div {visibility: hidden;}}}@utility cm-tab{-webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; display: inline-block; .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-variable-2 {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-comment {color: inherit; background-color: #0000;}}@utility CodeMirror-rulers{position: absolute; inset: -50px 0 0; overflow: hidden;}@utility CodeMirror-ruler{border-left: 1px solid #ccc; position: absolute; top: 0; bottom: 0;}@utility cm-s-default{& .cm-header {color: #00f;} & .cm-quote {color: #090;} & .cm-keyword {color: #708;} & .cm-atom {color: #219;} & .cm-number {color: #164;} & .cm-def {color: #00f;} & .cm-variable-2 {color: #05a;} & .cm-type {color: #085;} & .cm-variable-3 {color: #085;} & .cm-comment {color: #a50;} & .cm-string {color: #a11;} & .cm-string-2 {color: #f50;} & .cm-meta {color: #555;} & .cm-qualifier {color: #555;} & .cm-builtin {color: #30a;} & .cm-bracket {color: #997;} & .cm-tag {color: #170;} & .cm-attribute {color: #00c;} & .cm-hr {color: #999;} & .cm-link {color: #00c;} & .cm-error {color: red;}}@utility cm-header{.cm-s-default & {color: #00f;} font-weight: 700;}@utility cm-quote{.cm-s-default & {color: #090;} .cm-s-easymde & {color: #7f8c8d; font-style: italic;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-quote + & {color: var(--color-cm-gray-muted);}}@utility cm-negative{color: #d44;}@utility cm-positive{color: #292;}@utility cm-strong{font-weight: 700;}@utility cm-em{font-style: italic;}@utility cm-link{text-decoration: underline; .cm-s-default & {color: #00c;} .cm-s-easymde & {color: #7f8c8d;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-blue);}}@utility cm-strikethrough{text-decoration: line-through;}@utility cm-keyword{.cm-s-default & {color: #708;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-violet);}}@utility cm-atom{.cm-s-default & {color: #219;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-blue);}}@utility cm-number{.cm-s-default & {color: #164;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-green);}}@utility cm-def{.cm-s-default & {color: #00f;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-blue);}}@utility cm-variable-2{.cm-s-default & {color: #05a;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-blue);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-list + & {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab + & {color: var(--color-cm-gray);}}@utility cm-type{.cm-s-default & {color: #085;}}@utility cm-variable-3{.cm-s-default & {color: #085;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-emerald);}}@utility cm-comment{.cm-s-default & {color: #a50;} .cm-s-easymde & {background: #0000000d; border-radius: 2px;} .fi-fo-markdown-editor .cm-s-easymde & {color: var(--color-cm-gray-muted); background-color: #0000;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-formatting-code + &:not(.cm-formatting-code) {background-color: var(--color-cm-gray-background); color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {background-image: none;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-tab + & {color: inherit; background-color: #0000;}}@utility cm-string{.cm-s-default & {color: #a11;} .cm-s-easymde & {color: #183691;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-rose);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde .cm-attribute + & {color: var(--color-cm-green);}}@utility cm-string-2{.cm-s-default & {color: #f50;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-rose);}}@utility cm-meta{.cm-s-default & {color: #555;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray-muted);}}@utility cm-qualifier{.cm-s-default & {color: #555;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray-muted);}}@utility cm-builtin{.cm-s-default & {color: #30a;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-violet);}}@utility cm-bracket{.cm-s-default & {color: #997;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray-muted);}}@utility cm-tag{.cm-s-default & {color: #170;} .cm-s-easymde & {color: #63a35c;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-red);}}@utility cm-attribute{.cm-s-default & {color: #00c;} .cm-s-easymde & {color: #795da3;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-amber);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-string {color: var(--color-cm-green);}}@utility cm-hr{.cm-s-default & {color: #999;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray-muted);}}@utility cm-error{.cm-s-default & {color: red;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-red);}}@utility cm-invalidchar{color: red;}@utility CodeMirror-composing{border-bottom: 2px solid;}@utility CodeMirror-matchingbracket{div.CodeMirror &span {color: #0b0;}}@utility CodeMirror-nonmatchingbracket{div.CodeMirror &span {color: #a22;}}@utility CodeMirror-matchingtag{background: #ff96004d;}@utility CodeMirror-activeline-background{background: #e8f2ff;}@utility CodeMirror-scroll{z-index: 0; outline: 0; height: 100%; margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; position: relative; overflow: scroll !important; box-sizing: content-box; .EasyMDEContainer & {cursor: text;} .fi-fo-markdown-editor .EasyMDEContainer & {height: auto;}}@utility CodeMirror-sizer{border-right: 50px solid #0000; position: relative; box-sizing: content-box;}@utility CodeMirror-hscrollbar{z-index: 6; outline: 0; display: none; position: absolute; bottom: 0; left: 0; overflow: scroll hidden;}@utility CodeMirror-vscrollbar{z-index: 6; outline: 0; display: none; position: absolute; top: 0; right: 0; overflow: hidden scroll;}@utility CodeMirror-gutter{white-space: normal; vertical-align: top; height: 100%; margin-bottom: -50px; display: inline-block; box-sizing: content-box;}@utility CodeMirror-gutter-wrapper{z-index: 4; position: absolute; background: 0 0 !important; border: none !important; & ::selection {background-color: #0000;}}@utility CodeMirror-gutter-background{z-index: 4; position: absolute; top: 0; bottom: 0;}@utility CodeMirror-gutter-elt{cursor: default; z-index: 4; position: absolute;}@utility CodeMirror-wrap{& pre.CodeMirror-line {word-wrap: break-word; white-space: pre-wrap; word-break: normal;} & pre.CodeMirror-line-like {word-wrap: break-word; white-space: pre-wrap; word-break: normal;}}@utility CodeMirror-linebackground{z-index: 0; position: absolute; inset: 0;}@utility CodeMirror-linewidget{z-index: 2; padding: .1px; position: relative;}@utility CodeMirror-code{outline: 0;}@utility CodeMirror-measure{visibility: hidden; width: 100%; height: 0; position: absolute; overflow: hidden; & pre {position: static;}}@utility CodeMirror-dragcursors{&div {visibility: visible;}}@utility CodeMirror-focused{& div.CodeMirror-cursors {visibility: visible;} & .CodeMirror-selected {background: #d7d4f0;} .EasyMDEContainer & .CodeMirror-selected {background: #d9d9d9;}}@utility CodeMirror-selected{background: #d9d9d9; .CodeMirror-focused & {background: #d7d4f0;} .EasyMDEContainer .CodeMirror-focused & {background: #d9d9d9;}}@utility CodeMirror-crosshair{cursor: crosshair;}@utility cm-searching{background-color: #ff06;}@utility cm-force-border{padding-right: .1px;}@utility cm-tab-wrap-hack{&:after {content: "";}}@utility CodeMirror-selectedtext{&span {background: 0 0;} .fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer .cm-s-easymde &span {filter: invert();}}@utility EasyMDEContainer{display: block; &.sided--no-fullscreen {flex-flow: wrap; display: flex;} & .CodeMirror {box-sizing: border-box; height: auto; font: inherit; z-index: 0; word-wrap: break-word; border: 1px solid #ced4da; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 10px;} & .CodeMirror-scroll {cursor: text;} & .CodeMirror-fullscreen {z-index: 8; background: #fff; height: auto; inset: 50px 0 0; border-right: none !important; border-bottom-right-radius: 0 !important; position: fixed !important;} & .CodeMirror-sided {width: 50% !important;} &.sided--no-fullscreen .CodeMirror-sided {border-bottom-right-radius: 0; flex: auto; position: relative; border-right: none !important;} & .CodeMirror-placeholder {opacity: .5;} & .CodeMirror-focused .CodeMirror-selected {background: #d9d9d9;} &.sided--no-fullscreen .editor-toolbar {width: 100%;} &.sided--no-fullscreen .editor-statusbar {width: 100%;} &.sided--no-fullscreen .editor-preview-active-side {flex: auto; height: auto; position: static;} .fi-fo-markdown-editor & .CodeMirror {padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 3) !important;} .fi-fo-markdown-editor & .CodeMirror-cursor {border-color: currentColor;} .fi-fo-markdown-editor & .cm-s-easymde .cm-keyword {color: var(--color-cm-violet);} .fi-fo-markdown-editor & .cm-s-easymde .cm-atom {color: var(--color-cm-blue);} .fi-fo-markdown-editor & .cm-s-easymde .cm-number {color: var(--color-cm-green);} .fi-fo-markdown-editor & .cm-s-easymde .cm-def {color: var(--color-cm-blue);} .fi-fo-markdown-editor & .cm-s-easymde .cm-variable {color: var(--color-cm-yellow);} .fi-fo-markdown-editor & .cm-s-easymde .cm-variable-2 {color: var(--color-cm-blue);} .fi-fo-markdown-editor & .cm-s-easymde .cm-variable-3 {color: var(--color-cm-emerald);} .fi-fo-markdown-editor & .cm-s-easymde .cm-property {color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-operator {color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-string {color: var(--color-cm-rose);} .fi-fo-markdown-editor & .cm-s-easymde .cm-string-2 {color: var(--color-cm-rose);} .fi-fo-markdown-editor & .cm-s-easymde .cm-meta {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor & .cm-s-easymde .cm-error {color: var(--color-cm-red);} .fi-fo-markdown-editor & .cm-s-easymde .cm-qualifier {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor & .cm-s-easymde .cm-builtin {color: var(--color-cm-violet);} .fi-fo-markdown-editor & .cm-s-easymde .cm-bracket {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor & .cm-s-easymde .cm-hr {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-quote {color: var(--color-cm-sky);} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-quote + .cm-quote {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-list {color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-list + .cm-variable-2 {color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-tab + .cm-variable-2 {color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-link {color: var(--color-cm-blue);} .fi-fo-markdown-editor & .cm-s-easymde .cm-tag {color: var(--color-cm-red);} .fi-fo-markdown-editor & .cm-s-easymde .cm-attribute {color: var(--color-cm-amber);} .fi-fo-markdown-editor & .cm-s-easymde .cm-attribute + .cm-string {color: var(--color-cm-green);} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-code + .cm-comment:not(.cm-formatting-code) {background-color: var(--color-cm-gray-background); color: var(--color-cm-gray);} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-1 {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-2 {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-3 {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-4 {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-5 {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-header-6 {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-fo-markdown-editor & .cm-s-easymde .cm-comment {background-image: none;} .fi-fo-markdown-editor & .cm-s-easymde .cm-formatting-code-block {color: inherit; background-color: #0000;} .fi-fo-markdown-editor & .cm-s-easymde .cm-tab + .cm-comment {color: inherit; background-color: #0000;} .fi-fo-markdown-editor & .CodeMirror { --tw-border-style: none; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); color: inherit; background-color: #0000; border-style: none; } .fi-fo-markdown-editor & .CodeMirror-scroll {height: auto;} .fi-fo-markdown-editor & .editor-toolbar {gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); border-radius: 0; flex-wrap: wrap; display: flex;} .fi-fo-markdown-editor & .editor-toolbar:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor & .editor-toolbar:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-markdown-editor & .editor-toolbar button {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); border-radius: var(--radius-lg); --tw-border-style: none; padding: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-style: none; place-content: center; transition-duration: 75ms; display: grid;} @media (hover: hover) {.fi-fo-markdown-editor & .editor-toolbar button:hover {background-color: var(--gray-50);}} .fi-fo-markdown-editor & .editor-toolbar button:focus-visible {background-color: var(--gray-50);} @media (hover: hover) {.fi-fo-markdown-editor & .editor-toolbar button:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor & .editor-toolbar button:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-markdown-editor & .editor-toolbar button:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor & .editor-toolbar button:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor & .editor-toolbar button.active {background-color: var(--gray-50);} .fi-fo-markdown-editor & .editor-toolbar button.active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor & .editor-toolbar button.active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor & .editor-toolbar button:before {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background-color: var(--gray-700); content: ""; display: block; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .fi-fo-markdown-editor & .editor-toolbar button.active:before {background-color: var(--primary-600);} .fi-fo-markdown-editor & .editor-toolbar .separator {width: calc(var(--spacing) * 1); --tw-border-style: none; border-style: none; margin: calc(var(--spacing) * 0) !important;} .fi-fo-markdown-editor & .editor-toolbar .bold:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .italic:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .strikethrough:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .link:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .heading:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .quote:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .code:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .unordered-list:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .ordered-list:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .table:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .upload-image:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .undo:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-toolbar .redo:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor & .editor-statusbar {display: none;} .fi-fo-markdown-editor:where(.dark,.dark *) & .cm-s-easymde span.CodeMirror-selectedtext {filter: invert();} .fi-fo-markdown-editor:where(.dark,.dark *) & .editor-toolbar button:before {background-color: var(--gray-300);} .fi-fo-markdown-editor:where(.dark,.dark *) & .editor-toolbar button.active:before {background-color: var(--primary-400);}}@utility CodeMirror-rtl{& pre {direction: rtl;}}@utility sided--no-fullscreen{&.EasyMDEContainer {flex-flow: wrap; display: flex;} &.EasyMDEContainer .CodeMirror-sided {border-bottom-right-radius: 0; flex: auto; position: relative; border-right: none !important;} &.EasyMDEContainer .editor-toolbar {width: 100%;} &.EasyMDEContainer .editor-statusbar {width: 100%;} &.EasyMDEContainer .editor-preview-active-side {flex: auto; height: auto; position: static;}}@utility CodeMirror-fullscreen{.EasyMDEContainer & {z-index: 8; background: #fff; height: auto; inset: 50px 0 0; border-right: none !important; border-bottom-right-radius: 0 !important; position: fixed !important;}}@utility CodeMirror-sided{.EasyMDEContainer & {width: 50% !important;} .EasyMDEContainer.sided--no-fullscreen & {border-bottom-right-radius: 0; flex: auto; position: relative; border-right: none !important;}}@utility CodeMirror-placeholder{.EasyMDEContainer & {opacity: .5;}}@utility editor-toolbar{-webkit-user-select: none; user-select: none; -o-user-select: none; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-right: 1px solid #ced4da; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 9px 10px; position: relative; &.fullscreen {box-sizing: border-box; opacity: 1; z-index: 9; background: #fff; border: 0; width: 100%; height: 50px; padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; left: 0;} &.fullscreen:before {background: -o-linear-gradient(270deg,#fff 0,#fff0 100%); background: -ms-linear-gradient(left,#fff 0,#fff0 100%); background: linear-gradient(90deg,#fff 0,#fff0); width: 20px; height: 50px; margin: 0; padding: 0; position: fixed; top: 0; left: 0;} &.fullscreen:after {background: -o-linear-gradient(270deg,#fff0 0,#fff 100%); background: -ms-linear-gradient(left,#fff0 0,#fff 100%); background: linear-gradient(90deg,#fff0 0,#fff); width: 20px; height: 50px; margin: 0; padding: 0; position: fixed; top: 0; right: 0;} .EasyMDEContainer.sided--no-fullscreen & {width: 100%;} & .easymde-dropdown {text-align: center; cursor: pointer; background: 0 0; border: 1px solid #0000; border-radius: 3px; height: 30px; margin: 0; padding: 0; display: inline-block; text-decoration: none !important;} & button {text-align: center; cursor: pointer; background: 0 0; border: 1px solid #0000; border-radius: 3px; height: 30px; margin: 0; padding: 0; display: inline-block; text-decoration: none !important;} & button {white-space: nowrap; min-width: 30px; padding: 0 6px; font-weight: 700;} & button.active {background: #fcfcfc; border-color: #95a5a6;} & button:hover {background: #fcfcfc; border-color: #95a5a6;} & i.separator {color: #0000; text-indent: -10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #fff; width: 0; margin: 0 6px; display: inline-block;} & button:after {vertical-align: text-bottom; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 65%; position: relative; top: 2px;} & button.heading-1:after {content: "1";} & button.heading-2:after {content: "2";} & button.heading-3:after {content: "3";} & button.heading-bigger:after {content: "▲";} & button.heading-smaller:after {content: "▼";} &.disabled-for-preview button:not(.no-disable) {opacity: .6; pointer-events: none;} @media only screen and (max-width: 700px) {& i.no-mobile {display: none;}} & .easymde-dropdown {background: linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%); border: 1px solid #fff; border-radius: 0; position: relative;} & .easymde-dropdown:hover {background: linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%);} .fi-fo-markdown-editor .EasyMDEContainer & {gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); border-radius: 0; flex-wrap: wrap; display: flex;} .fi-fo-markdown-editor .EasyMDEContainer &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-markdown-editor .EasyMDEContainer & button {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); border-radius: var(--radius-lg); --tw-border-style: none; padding: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-style: none; place-content: center; transition-duration: 75ms; display: grid;} @media (hover: hover) {.fi-fo-markdown-editor .EasyMDEContainer & button:hover {background-color: var(--gray-50);}} .fi-fo-markdown-editor .EasyMDEContainer & button:focus-visible {background-color: var(--gray-50);} @media (hover: hover) {.fi-fo-markdown-editor .EasyMDEContainer & button:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer & button:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-markdown-editor .EasyMDEContainer & button:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer & button:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor .EasyMDEContainer & button.active {background-color: var(--gray-50);} .fi-fo-markdown-editor .EasyMDEContainer & button.active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer & button.active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor .EasyMDEContainer & button:before {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background-color: var(--gray-700); content: ""; display: block; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .fi-fo-markdown-editor .EasyMDEContainer & button.active:before {background-color: var(--primary-600);} .fi-fo-markdown-editor .EasyMDEContainer & .separator {width: calc(var(--spacing) * 1); --tw-border-style: none; border-style: none; margin: calc(var(--spacing) * 0) !important;} .fi-fo-markdown-editor .EasyMDEContainer & .bold:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .italic:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .strikethrough:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .link:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .heading:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .quote:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .code:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .unordered-list:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .ordered-list:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .table:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .upload-image:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .undo:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor .EasyMDEContainer & .redo:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");} .fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer & button:before {background-color: var(--gray-300);} .fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer & button.active:before {background-color: var(--primary-400);}}@utility fullscreen{&.editor-toolbar {box-sizing: border-box; opacity: 1; z-index: 9; background: #fff; border: 0; width: 100%; height: 50px; padding-top: 10px; padding-bottom: 10px; position: fixed; top: 0; left: 0;} &.editor-toolbar:before {background: -o-linear-gradient(270deg,#fff 0,#fff0 100%); background: -ms-linear-gradient(left,#fff 0,#fff0 100%); background: linear-gradient(90deg,#fff 0,#fff0); width: 20px; height: 50px; margin: 0; padding: 0; position: fixed; top: 0; left: 0;} &.editor-toolbar:after {background: -o-linear-gradient(270deg,#fff0 0,#fff 100%); background: -ms-linear-gradient(left,#fff0 0,#fff 100%); background: linear-gradient(90deg,#fff0 0,#fff); width: 20px; height: 50px; margin: 0; padding: 0; position: fixed; top: 0; right: 0;}}@utility easymde-dropdown{.editor-toolbar & {text-align: center; cursor: pointer; background: 0 0; border: 1px solid #0000; border-radius: 3px; height: 30px; margin: 0; padding: 0; display: inline-block; text-decoration: none !important;} .editor-toolbar & {background: linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%); border: 1px solid #fff; border-radius: 0; position: relative;} .editor-toolbar &:hover {background: linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%);} &:active .easymde-dropdown-content {visibility: visible;} &:focus .easymde-dropdown-content {visibility: visible;} &:focus-within .easymde-dropdown-content {visibility: visible;}}@utility active{.editor-toolbar &button {background: #fcfcfc; border-color: #95a5a6;} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &button {background-color: var(--gray-50);} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &button:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &button:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &button:before {background-color: var(--primary-600);} .fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer .editor-toolbar &button:before {background-color: var(--primary-400);}}@utility separator{.editor-toolbar &i {color: #0000; text-indent: -10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #fff; width: 0; margin: 0 6px; display: inline-block;} .fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar & {width: calc(var(--spacing) * 1); --tw-border-style: none; border-style: none; margin: calc(var(--spacing) * 0) !important;}}@utility heading-1{.editor-toolbar &button:after {content: "1";}}@utility heading-2{.editor-toolbar &button:after {content: "2";}}@utility heading-3{.editor-toolbar &button:after {content: "3";}}@utility heading-bigger{.editor-toolbar &button:after {content: "▲";}}@utility heading-smaller{.editor-toolbar &button:after {content: "▼";}}@utility disabled-for-preview{&.editor-toolbar button:not(.no-disable) {opacity: .6; pointer-events: none;}}@utility no-mobile{@media only screen and (max-width: 700px) {.editor-toolbar &i {display: none;}}}@utility editor-statusbar{color: #959694; text-align: right; padding: 8px 10px; font-size: 12px; .EasyMDEContainer.sided--no-fullscreen & {width: 100%;} & span {min-width: 4em; margin-left: 1em; display: inline-block;} & .lines:before {content: "lines: ";} & .words:before {content: "words: ";} & .characters:before {content: "characters: ";} .fi-fo-markdown-editor .EasyMDEContainer & {display: none;}}@utility lines{.editor-statusbar &:before {content: "lines: ";}}@utility words{.editor-statusbar &:before {content: "words: ";}}@utility characters{.editor-statusbar &:before {content: "characters: ";}}@utility editor-preview-full{z-index: 7; box-sizing: border-box; width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; overflow: auto;}@utility editor-preview-side{z-index: 9; box-sizing: border-box; word-wrap: break-word; border: 1px solid #ddd; width: 50%; display: none; position: fixed; top: 50px; bottom: 0; right: 0; overflow: auto;}@utility editor-preview-active-side{display: block; .EasyMDEContainer.sided--no-fullscreen & {flex: auto; height: auto; position: static;}}@utility editor-preview-active{display: block;}@utility editor-preview{background: #fafafa; padding: 10px; & > p {margin-top: 0;} & pre {background: #eee; margin-bottom: 10px;} & table td {border: 1px solid #ddd; padding: 5px;} & table th {border: 1px solid #ddd; padding: 5px;}}@utility cm-s-easymde{& .cm-tag {color: #63a35c;} & .cm-attribute {color: #795da3;} & .cm-string {color: #183691;} & .cm-header-1 {font-size: calc(1.375rem + 1.5vw) ;} & .cm-header-2 {font-size: calc(1.325rem + .9vw) ;} & .cm-header-3 {font-size: calc(1.3rem + .6vw) ;} & .cm-header-4 {font-size: calc(1.275rem + .3vw) ;} & .cm-header-5 {font-size: 1.25rem;} & .cm-header-6 {font-size: 1rem;} & .cm-header-1 {margin-bottom: .5rem; line-height: 1.2;} & .cm-header-2 {margin-bottom: .5rem; line-height: 1.2;} & .cm-header-3 {margin-bottom: .5rem; line-height: 1.2;} & .cm-header-4 {margin-bottom: .5rem; line-height: 1.2;} & .cm-header-5 {margin-bottom: .5rem; line-height: 1.2;} & .cm-header-6 {margin-bottom: .5rem; line-height: 1.2;} & .cm-comment {background: #0000000d; border-radius: 2px;} & .cm-link {color: #7f8c8d;} & .cm-url {color: #aab2b3;} & .cm-quote {color: #7f8c8d; font-style: italic;} .fi-fo-markdown-editor & .cm-comment {color: var(--color-cm-gray-muted); background-color: #0000;} .fi-fo-markdown-editor .EasyMDEContainer & .cm-keyword {color: var(--color-cm-violet);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-atom {color: var(--color-cm-blue);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-number {color: var(--color-cm-green);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-def {color: var(--color-cm-blue);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-variable {color: var(--color-cm-yellow);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-variable-2 {color: var(--color-cm-blue);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-variable-3 {color: var(--color-cm-emerald);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-property {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-operator {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-string {color: var(--color-cm-rose);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-string-2 {color: var(--color-cm-rose);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-meta {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-error {color: var(--color-cm-red);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-qualifier {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-builtin {color: var(--color-cm-violet);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-bracket {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-hr {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-quote {color: var(--color-cm-sky);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-quote + .cm-quote {color: var(--color-cm-gray-muted);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-list {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-list + .cm-variable-2 {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-tab + .cm-variable-2 {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-link {color: var(--color-cm-blue);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-tag {color: var(--color-cm-red);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-attribute {color: var(--color-cm-amber);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-attribute + .cm-string {color: var(--color-cm-green);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-code + .cm-comment:not(.cm-formatting-code) {background-color: var(--color-cm-gray-background); color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-1 {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-2 {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-3 {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-4 {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-5 {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-header-6 {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} .fi-fo-markdown-editor .EasyMDEContainer & .cm-comment {background-image: none;} .fi-fo-markdown-editor .EasyMDEContainer & .cm-formatting-code-block {color: inherit; background-color: #0000;} .fi-fo-markdown-editor .EasyMDEContainer & .cm-tab + .cm-comment {color: inherit; background-color: #0000;} .fi-fo-markdown-editor:where(.dark,.dark *) .EasyMDEContainer & span.CodeMirror-selectedtext {filter: invert();}}@utility cm-header-1{.cm-s-easymde & {font-size: calc(1.375rem + 1.5vw) ;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}}@utility cm-header-2{.cm-s-easymde & {font-size: calc(1.325rem + .9vw) ;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}}@utility cm-header-3{.cm-s-easymde & {font-size: calc(1.3rem + .6vw) ;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}}@utility cm-header-4{.cm-s-easymde & {font-size: calc(1.275rem + .3vw) ;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility cm-header-5{.cm-s-easymde & {font-size: 1.25rem;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}@utility cm-header-6{.cm-s-easymde & {font-size: 1rem;} .cm-s-easymde & {margin-bottom: .5rem; line-height: 1.2;} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}}@utility cm-url{.cm-s-easymde & {color: #aab2b3;}}@utility easymde-dropdown-content{visibility: hidden; z-index: 2; background-color: #f9f9f9; padding: 8px; display: block; position: absolute; top: 30px; box-shadow: 0 8px 16px #0003; .easymde-dropdown:active & {visibility: visible;} .easymde-dropdown:focus & {visibility: visible;} .easymde-dropdown:focus-within & {visibility: visible;} & button {display: block;}}@utility cm-spell-error{.CodeMirror &:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {background: #ff000026;}}@utility cropper-container{-webkit-touch-callout: none; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; user-select: none; direction: ltr; font-size: 0; line-height: 0; position: relative; & img {backface-visibility: hidden; image-orientation: 0deg; width: 100%; height: 100%; display: block; min-width: 0 !important; max-width: none !important; min-height: 0 !important; max-height: none !important;}}@utility cropper-canvas{position: absolute; inset: 0; overflow: hidden;}@utility cropper-crop-box{position: absolute; inset: 0;}@utility cropper-drag-box{position: absolute; inset: 0; opacity: 0; background-color: #fff; .cropper-disabled & {cursor: not-allowed;} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-crop.cropper-modal {background-color: var(--gray-100);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-crop.cropper-modal {background-color: color-mix(in oklab,var(--gray-100) 50%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-crop.cropper-modal {opacity: 1;} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}}}@utility cropper-modal{position: absolute; inset: 0; opacity: .5; background-color: #000; .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-crop {background-color: var(--gray-100);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-crop {background-color: color-mix(in oklab,var(--gray-100) 50%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-crop {opacity: 1;} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-crop:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-crop:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}}}@utility cropper-wrap-box{position: absolute; inset: 0; overflow: hidden;}@utility cropper-view-box{outline: 1px solid #3399ffbf; width: 100%; height: 100%; display: block; overflow: hidden; .fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper & {border-radius: 50%;}}@utility cropper-dashed{opacity: .5; border: 0 dashed #eee; display: block; position: absolute; &.dashed-h {border-top-width: 1px; border-bottom-width: 1px; width: 100%; height: 33.3333%; top: 33.3333%; left: 0;} &.dashed-v {border-left-width: 1px; border-right-width: 1px; width: 33.3333%; height: 100%; top: 0; left: 33.3333%;}}@utility dashed-h{&.cropper-dashed {border-top-width: 1px; border-bottom-width: 1px; width: 100%; height: 33.3333%; top: 33.3333%; left: 0;}}@utility dashed-v{&.cropper-dashed {border-left-width: 1px; border-right-width: 1px; width: 33.3333%; height: 100%; top: 0; left: 33.3333%;}}@utility cropper-center{opacity: .75; width: 0; height: 0; display: block; position: absolute; top: 50%; left: 50%; &:after {content: " "; background-color: #eee; display: block; position: absolute;} &:before {content: " "; background-color: #eee; display: block; position: absolute;} &:before {width: 7px; height: 1px; top: 0; left: -3px;} &:after {width: 1px; height: 7px; top: -3px; left: 0;}}@utility cropper-face{opacity: .1; width: 100%; height: 100%; display: block; position: absolute; background-color: #fff; top: 0; left: 0; .cropper-disabled & {cursor: not-allowed;} .fi-fo-file-upload .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper & {border-radius: 50%;}}@utility cropper-line{opacity: .1; width: 100%; height: 100%; display: block; position: absolute; background-color: #39f; &.line-e {cursor: ew-resize; width: 5px; top: 0; right: -3px;} &.line-n {cursor: ns-resize; height: 5px; top: -3px; left: 0;} &.line-w {cursor: ew-resize; width: 5px; top: 0; left: -3px;} &.line-s {cursor: ns-resize; height: 5px; bottom: -3px; left: 0;} .cropper-disabled & {cursor: not-allowed;}}@utility cropper-point{opacity: .1; width: 100%; height: 100%; display: block; position: absolute; opacity: .75; background-color: #39f; width: 5px; height: 5px; &.point-e {cursor: ew-resize; margin-top: -3px; top: 50%; right: -3px;} &.point-n {cursor: ns-resize; margin-left: -3px; top: -3px; left: 50%;} &.point-w {cursor: ew-resize; margin-top: -3px; top: 50%; left: -3px;} &.point-s {cursor: s-resize; margin-left: -3px; bottom: -3px; left: 50%;} &.point-ne {cursor: nesw-resize; top: -3px; right: -3px;} &.point-nw {cursor: nwse-resize; top: -3px; left: -3px;} &.point-sw {cursor: nesw-resize; bottom: -3px; left: -3px;} &.point-se {cursor: nwse-resize; opacity: 1; width: 20px; height: 20px; bottom: -3px; right: -3px;} @media (min-width: 768px) {&.point-se {width: 15px; height: 15px;}} @media (min-width: 992px) {&.point-se {width: 10px; height: 10px;}} @media (min-width: 1200px) {&.point-se {opacity: .75; width: 5px; height: 5px;}} &.point-se:before {content: " "; opacity: 0; background-color: #39f; width: 200%; height: 200%; display: block; position: absolute; bottom: -50%; right: -50%;} .cropper-disabled & {cursor: not-allowed;}}@utility line-e{&.cropper-line {cursor: ew-resize; width: 5px; top: 0; right: -3px;}}@utility line-n{&.cropper-line {cursor: ns-resize; height: 5px; top: -3px; left: 0;}}@utility line-w{&.cropper-line {cursor: ew-resize; width: 5px; top: 0; left: -3px;}}@utility line-s{&.cropper-line {cursor: ns-resize; height: 5px; bottom: -3px; left: 0;}}@utility point-e{&.cropper-point {cursor: ew-resize; margin-top: -3px; top: 50%; right: -3px;}}@utility point-n{&.cropper-point {cursor: ns-resize; margin-left: -3px; top: -3px; left: 50%;}}@utility point-w{&.cropper-point {cursor: ew-resize; margin-top: -3px; top: 50%; left: -3px;}}@utility point-s{&.cropper-point {cursor: s-resize; margin-left: -3px; bottom: -3px; left: 50%;}}@utility point-ne{&.cropper-point {cursor: nesw-resize; top: -3px; right: -3px;}}@utility point-nw{&.cropper-point {cursor: nwse-resize; top: -3px; left: -3px;}}@utility point-sw{&.cropper-point {cursor: nesw-resize; bottom: -3px; left: -3px;}}@utility point-se{&.cropper-point {cursor: nwse-resize; opacity: 1; width: 20px; height: 20px; bottom: -3px; right: -3px;} @media (min-width: 768px) {&.cropper-point {width: 15px; height: 15px;}} @media (min-width: 992px) {&.cropper-point {width: 10px; height: 10px;}} @media (min-width: 1200px) {&.cropper-point {opacity: .75; width: 5px; height: 5px;}} &.cropper-point:before {content: " "; opacity: 0; background-color: #39f; width: 200%; height: 200%; display: block; position: absolute; bottom: -50%; right: -50%;}}@utility cropper-invisible{opacity: 0;}@utility cropper-bg{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);}@utility cropper-hide{width: 0; height: 0; display: block; position: absolute;}@utility cropper-hidden{display: none !important;}@utility cropper-move{cursor: move;}@utility cropper-crop{cursor: crosshair; .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-modal {background-color: var(--gray-100);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-modal {background-color: color-mix(in oklab,var(--gray-100) 50%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-modal {opacity: 1;} .fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-modal:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &.cropper-drag-box.cropper-modal:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}}}@utility cropper-disabled{& .cropper-drag-box {cursor: not-allowed;} & .cropper-face {cursor: not-allowed;} & .cropper-line {cursor: not-allowed;} & .cropper-point {cursor: not-allowed;}}@utility filepond--assistant{clip: rect(1px,1px,1px,1px); clip-path: inset(50%); white-space: nowrap; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden;}@utility filepond--browser{&& {opacity: 0; width: calc(100% - 2em) ; margin: 0; padding: 0; font-size: 0; position: absolute; top: 1.75em; left: 1em;} z-index: 1;}@utility filepond--data{visibility: hidden; pointer-events: none; contain: strict; border: none; width: 0; height: 0; margin: 0; padding: 0; position: absolute;}@utility filepond--drip{opacity: .1; pointer-events: none; background: #00000003; border-radius: .5em; position: absolute; inset: 0; overflow: hidden; z-index: 3;}@utility filepond--drip-blob{transform-origin: 50%; background: #292625; border-radius: 50%; width: 8em; height: 8em; margin-top: -4em; margin-left: -4em; will-change: transform,opacity; position: absolute; top: 0; left: 0; .fi-fo-file-upload & {background-color: var(--gray-400);} .fi-fo-file-upload &:where(.dark,.dark *) {background-color: var(--gray-500);}}@utility filepond--drop-label{will-change: transform,opacity; position: absolute; top: 0; left: 0; color: #4f4f4f; -webkit-user-select: none; user-select: none; justify-content: center; align-items: center; height: 0; margin: 0; display: flex; right: 0; && label {margin: 0; padding: .5em; display: block;} & label {cursor: default; text-align: center; font-size: .875em; font-weight: 400; line-height: 1.5;} .filepond--root[data-disabled] & label {opacity: .5;} .filepond--root[data-style-panel-layout~="circle"] & {z-index: 7; justify-content: center; align-items: center; height: auto; display: flex; bottom: 0;} .filepond--root[data-style-panel-layout~="integrated"] & {z-index: 7; justify-content: center; align-items: center; height: auto; display: flex; bottom: 0;} .filepond--root[data-style-panel-layout~="compact"] & {z-index: 7;} .filepond--root[data-style-panel-layout~="integrated"] & {z-index: 7;} z-index: 5; .filepond--root & {min-height: 4.75em;} .fi-fo-file-upload & label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); padding: calc(var(--spacing) * 3) !important;} .fi-fo-file-upload & label:where(.dark,.dark *) {color: var(--gray-400);}}@utility filepond--label-action{-webkit-text-decoration-skip: ink; -webkit-text-decoration-skip-ink: auto; text-decoration-skip-ink: auto; cursor: pointer; -webkit-text-decoration: underline #a7a4a4; text-decoration: underline #a7a4a4; .fi-fo-file-upload & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--primary-600); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; text-decoration-line: none; transition-duration: 75ms; } @media (hover: hover) {.fi-fo-file-upload &:hover {color: var(--primary-500);}} .fi-fo-file-upload &:where(.dark,.dark *) {color: var(--color-white);} @media (hover: hover) {.fi-fo-file-upload &:where(.dark,.dark *):hover {color: var(--primary-500);}}}@utility filepond--root{&[data-disabled] .filepond--drop-label label {opacity: .5;} &[data-style-panel-layout~="integrated"] {width: 100%; max-width: none; height: 100%; margin: 0;} &[data-style-panel-layout~="circle"] .filepond--panel-root {border-radius: 0;} &[data-style-panel-layout~="integrated"] .filepond--panel-root {border-radius: 0;} &[data-style-panel-layout~="circle"] .filepond--panel-root > * {display: none;} &[data-style-panel-layout~="integrated"] .filepond--panel-root > * {display: none;} &[data-style-panel-layout~="circle"] .filepond--drop-label {z-index: 7; justify-content: center; align-items: center; height: auto; display: flex; bottom: 0;} &[data-style-panel-layout~="integrated"] .filepond--drop-label {z-index: 7; justify-content: center; align-items: center; height: auto; display: flex; bottom: 0;} &[data-style-panel-layout~="circle"] .filepond--item-panel {display: none;} &[data-style-panel-layout~="integrated"] .filepond--item-panel {display: none;} &[data-style-panel-layout~="compact"] .filepond--list-scroller {height: 100%; margin-top: 0; margin-bottom: 0; overflow: hidden;} &[data-style-panel-layout~="integrated"] .filepond--list-scroller {height: 100%; margin-top: 0; margin-bottom: 0; overflow: hidden;} &[data-style-panel-layout~="compact"] .filepond--list {height: 100%; left: 0; right: 0;} &[data-style-panel-layout~="integrated"] .filepond--list {height: 100%; left: 0; right: 0;} &[data-style-panel-layout~="compact"] .filepond--item {margin: 0;} &[data-style-panel-layout~="integrated"] .filepond--item {margin: 0;} &[data-style-panel-layout~="compact"] .filepond--file-wrapper {height: 100%;} &[data-style-panel-layout~="integrated"] .filepond--file-wrapper {height: 100%;} &[data-style-panel-layout~="compact"] .filepond--drop-label {z-index: 7;} &[data-style-panel-layout~="integrated"] .filepond--drop-label {z-index: 7;} &[data-style-panel-layout~="circle"] {border-radius: 99999rem; overflow: hidden;} &[data-style-panel-layout~="circle"] > .filepond--panel {border-radius: inherit;} &[data-style-panel-layout~="circle"] > .filepond--panel > * {display: none;} &[data-style-panel-layout~="circle"] .filepond--file-info {display: none;} &[data-style-panel-layout~="circle"] .filepond--file-status {display: none;} @media not all and (min-resolution: .001dpcm) {@supports ((-webkit-appearance: none)) and (stroke-color: transparent) {&[data-style-panel-layout~="circle"] {will-change: transform;}}} & > .filepond--panel {z-index: 2;} box-sizing: border-box; text-align: left; text-rendering: optimizeLegibility; contain: layout style size; direction: ltr; margin-bottom: 1em; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size: 1rem; font-weight: 450; line-height: normal; position: relative; & * {box-sizing: inherit; line-height: inherit;} & :not(text) {font-size: inherit;} &[data-disabled] {pointer-events: none;} &[data-disabled] .filepond--list-scroller {pointer-events: all;} &[data-disabled] .filepond--list {pointer-events: none;} & .filepond--drop-label {min-height: 4.75em;} & .filepond--list-scroller {margin-top: 1em; margin-bottom: 1em;} & .filepond--credits {opacity: .4; color: inherit; z-index: 3; font-size: 11px; line-height: .85; text-decoration: none; position: absolute; bottom: -14px; right: 0;} & .filepond--credits[style] {margin-top: 14px; top: 0; bottom: auto;} &[data-style-panel-layout~="circle"] .filepond--action-edit-item {opacity: 1 !important; visibility: visible !important;} &[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper {border-radius: 0;} &[data-style-panel-layout~="integrated"] .filepond--image-preview {justify-content: center; align-items: center; height: 100%; display: flex;} &[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper {border-radius: 99999rem;} &[data-style-panel-layout~="circle"] .filepond--image-preview-overlay {top: auto; bottom: 0; transform: scaleY(-1);} &[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) {margin-bottom: .325em;} &[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] {left: calc(50% - 3em) ;} &[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] {right: calc(50% - 3em) ;} &[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"] {margin-bottom: .5125em;} &[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] {margin-bottom: .5125em;} &[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] {margin-top: 0; margin-bottom: .1875em; margin-left: .1875em;} .fi-fo-file-upload & {margin-bottom: calc(var(--spacing) * 0); border-radius: var(--radius-lg); background-color: var(--color-white); font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); overflow: hidden;} .fi-fo-file-upload &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-file-upload &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-fo-file-upload &[data-disabled="disabled"] {background-color: var(--gray-50);} .fi-fo-file-upload &[data-disabled="disabled"]:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &[data-disabled="disabled"]:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-file-upload &[data-style-panel-layout="compact circle"] {border-radius: 3.40282e38px;} .fi-fo-file-upload &[data-style-panel-layout="grid"] .filepond--item {width: calc(50% - .5rem) ; display: inline;} @media (min-width: 64rem) {.fi-fo-file-upload &[data-style-panel-layout="grid"] .filepond--item {width: calc(33.33% - .5rem) ;}}}@utility filepond--file-action-button{&& {width: 1.625em; height: 1.625em; font-family: inherit; font-size: 1em; line-height: inherit; will-change: transform,opacity; border: none; outline: none; margin: 0; padding: 0;} && span {clip: rect(1px,1px,1px,1px); clip-path: inset(50%); white-space: nowrap; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden;} && svg {width: 100%; height: 100%;} &&:after {content: ""; position: absolute; inset: -.75em;} cursor: auto; color: #fff; background-color: #00000080; background-image: none; border-radius: 50%; transition: box-shadow .25s ease-in; box-shadow: 0 0 #fff0; &:focus {box-shadow: 0 0 0 .125em #ffffffe6;} &:hover {box-shadow: 0 0 0 .125em #ffffffe6;} &[disabled] {color: #ffffff80; background-color: #00000040;} &[hidden] {display: none;} .filepond--file & {position: absolute;} z-index: 102; .filepond--root[data-style-panel-layout~="circle"] .filepond--file &[data-align*="bottom"]:not([data-align*="center"]) {margin-bottom: .325em;} .fi-fo-file-upload &.filepond--action-edit-item {background-color: #00000080;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &.filepond--action-edit-item {background-color: color-mix(in oklab,var(--color-black) 50%,transparent);}}}@utility filepond--file-info{will-change: transform,opacity; pointer-events: none; -webkit-user-select: none; user-select: none; flex-direction: column; flex: 1; align-items: flex-start; min-width: 0; margin: 0 .5em 0 0; display: flex; position: static; & * {margin: 0;} & .filepond--file-info-main {text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: .75em; line-height: 1.2; overflow: hidden;} & .filepond--file-info-sub {opacity: .5; white-space: nowrap; font-size: .625em; transition: opacity .25s ease-in-out;} & .filepond--file-info-sub:empty {display: none;} [data-filepond-item-state*="error"] & {margin-right: 2.25em;} [data-filepond-item-state*="invalid"] & {margin-right: 2.25em;} [data-filepond-item-state="cancelled"] & {margin-right: 2.25em;} [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ & .filepond--file-info-sub {opacity: .5;} z-index: 100; .filepond--root[data-style-panel-layout~="circle"] & {display: none;}}@utility filepond--file-info-main{.filepond--file-info & {text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: .75em; line-height: 1.2; overflow: hidden;}}@utility filepond--file-info-sub{.filepond--file-info & {opacity: .5; white-space: nowrap; font-size: .625em; transition: opacity .25s ease-in-out;} .filepond--file-info &:empty {display: none;} [data-filepond-item-state="processing-complete"] & {opacity: 0;} [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info & {opacity: .5;}}@utility filepond--file-status{text-align: right; will-change: transform,opacity; pointer-events: none; -webkit-user-select: none; user-select: none; flex-direction: column; flex-grow: 0; flex-shrink: 0; align-items: flex-end; min-width: 2.25em; margin: 0; display: flex; position: static; & * {white-space: nowrap; margin: 0;} & .filepond--file-status-main {font-size: .75em; line-height: 1.2;} & .filepond--file-status-sub {opacity: .5; font-size: .625em; transition: opacity .25s ease-in-out;} .filepond--file & {margin-left: auto; margin-right: 2.25em;} [data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ & .filepond--file-status-sub {opacity: .5;} [data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ & .filepond--file-status-sub {opacity: .5;} [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ & .filepond--file-status-sub {opacity: 0;} z-index: 101; .filepond--root[data-style-panel-layout~="circle"] & {display: none;}}@utility filepond--file-status-main{.filepond--file-status & {font-size: .75em; line-height: 1.2;}}@utility filepond--file-status-sub{.filepond--file-status & {opacity: .5; font-size: .625em; transition: opacity .25s ease-in-out;} [data-filepond-item-state~="processing"] & {opacity: 0;} [data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status & {opacity: .5;} [data-filepond-item-state="processing-error"] & {opacity: 0;} [data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status & {opacity: .5;} [data-filepond-item-state="processing-complete"] & {opacity: .5;} [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status & {opacity: 0;}}@utility filepond--file-wrapper{&& {border: none; min-width: 0; height: 100%; margin: 0; padding: 0;} && > legend {clip: rect(1px,1px,1px,1px); clip-path: inset(50%); white-space: nowrap; border: 0; width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden;} [data-filepond-item-state*="error"] & {animation: .65s linear both shake;} [data-filepond-item-state*="invalid"] & {animation: .65s linear both shake;} .filepond--item > & {transition: opacity .15s ease-out;} .filepond--root[data-style-panel-layout~="compact"] & {height: 100%;} .filepond--root[data-style-panel-layout~="integrated"] & {height: 100%;}}@utility filepond--file{color: #fff; border-radius: .5em; align-items: flex-start; height: 100%; padding: .5625em; display: flex; position: static; & .filepond--file-status {margin-left: auto; margin-right: 2.25em;} & .filepond--processing-complete-indicator {pointer-events: none; -webkit-user-select: none; user-select: none; z-index: 3;} & .filepond--file-action-button {position: absolute;} & .filepond--processing-complete-indicator {position: absolute;} & .filepond--progress-indicator {position: absolute;} & [data-align*="left"] {left: .5625em;} & [data-align*="right"] {right: .5625em;} & [data-align*="center"] {left: calc(50% - .8125em) ;} & [data-align*="bottom"] {bottom: 1.125em;} & [data-align="center"] {top: calc(50% - .8125em) ;} & .filepond--progress-indicator {margin-top: .1875em;} & .filepond--progress-indicator[data-align*="right"] {margin-right: .1875em;} & .filepond--progress-indicator[data-align*="left"] {margin-left: .1875em;} .filepond--root[data-style-panel-layout~="circle"] & .filepond--file-action-button[data-align*="bottom"]:not([data-align*="center"]) {margin-bottom: .325em;} .filepond--root[data-style-panel-layout~="circle"] & [data-align*="left"] {left: calc(50% - 3em) ;} .filepond--root[data-style-panel-layout~="circle"] & [data-align*="right"] {right: calc(50% - 3em) ;}}@utility filepond--processing-complete-indicator{.filepond--file & {pointer-events: none; -webkit-user-select: none; user-select: none; z-index: 3;} .filepond--file & {position: absolute;} [data-filepond-item-state="processing-complete"] &:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub {opacity: 0;}}@utility filepond--progress-indicator{.filepond--file & {position: absolute;} .filepond--file & {margin-top: .1875em;} .filepond--file &[data-align*="right"] {margin-right: .1875em;} .filepond--file &[data-align*="left"] {margin-left: .1875em;} [data-filepond-item-state*="busy"] & svg {animation: 1s linear infinite spin;} z-index: 103; color: #fff; pointer-events: none; will-change: transform,opacity; width: 1.25em; height: 1.25em; margin: 0; position: static; & svg {vertical-align: top; transform-box: fill-box; width: 100%; height: 100%;} & path {fill: none; stroke: currentColor;} .filepond--root[data-style-panel-layout~="circle"] &[data-align*="bottom"][data-align*="left"] {margin-bottom: .5125em;} .filepond--root[data-style-panel-layout~="circle"] &[data-align*="bottom"][data-align*="right"] {margin-bottom: .5125em;} .filepond--root[data-style-panel-layout~="circle"] &[data-align*="bottom"][data-align*="center"] {margin-top: 0; margin-bottom: .1875em; margin-left: .1875em;}}@utility filepond--action-abort-item-processing{[data-filepond-item-state~="processing"] & ~ .filepond--file-status .filepond--file-status-sub {opacity: .5;}}@utility filepond--action-retry-item-processing{[data-filepond-item-state="processing-error"] & ~ .filepond--file-status .filepond--file-status-sub {opacity: .5;}}@utility filepond--action-revert-item-processing{[data-filepond-item-state="processing-complete"] & svg {animation: .5s linear .125s both fall;} [data-filepond-item-state="processing-complete"] & ~ .filepond--file-info .filepond--file-info-sub {opacity: .5;}}@utility filepond--panel{[data-filepond-item-state*="error"] & {animation: .65s linear both shake;} [data-filepond-item-state*="invalid"] & {animation: .65s linear both shake;} .filepond--item > & {z-index: -1;} .filepond--item > & .filepond--panel-bottom {box-shadow: 0 .0625em .125em -.0625em #00000040;} .filepond--item > & {transition: opacity .15s ease-out;} .filepond--item[data-drag-state] > & {transition: box-shadow .125s ease-in-out; box-shadow: 0 0 #0000;} .filepond--item[data-drag-state="drag"] > & {box-shadow: 0 .125em .3125em #00000053;} .filepond--root[data-style-panel-layout~="circle"] > & {border-radius: inherit;} .filepond--root[data-style-panel-layout~="circle"] > & > * {display: none;} pointer-events: none; margin: 0; position: absolute; top: 0; left: 0; right: 0; height: 100% !important; &[data-scalable="false"] > div {display: none;} &[data-scalable="true"] {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-color: #0000 !important; border: none !important;} .filepond--root > & {z-index: 2;}}@utility filepond--hopper{&[data-hopper-state="drag-over"] > * {pointer-events: none;} &[data-hopper-state="drag-over"]:after {content: ""; z-index: 100; position: absolute; inset: 0;}}@utility filepond--item{z-index: 1; will-change: transform,opacity; touch-action: auto; margin: .25em; padding: 0; position: absolute; top: 0; left: 0; right: 0; & > .filepond--panel {z-index: -1;} & > .filepond--panel .filepond--panel-bottom {box-shadow: 0 .0625em .125em -.0625em #00000040;} & > .filepond--file-wrapper {transition: opacity .15s ease-out;} & > .filepond--panel {transition: opacity .15s ease-out;} &[data-drag-state] {cursor: -webkit-grab; cursor: grab;} &[data-drag-state] > .filepond--panel {transition: box-shadow .125s ease-in-out; box-shadow: 0 0 #0000;} &[data-drag-state="drag"] {cursor: -webkit-grabbing; cursor: grabbing;} &[data-drag-state="drag"] > .filepond--panel {box-shadow: 0 .125em .3125em #00000053;} &[data-drag-state]:not([data-drag-state="idle"]) {z-index: 2;} .filepond--root[data-style-panel-layout~="compact"] & {margin: 0;} .filepond--root[data-style-panel-layout~="integrated"] & {margin: 0;} .fi-fo-file-upload .filepond--root[data-style-panel-layout="grid"] & {width: calc(50% - .5rem) ; display: inline;} @media (min-width: 64rem) {.fi-fo-file-upload .filepond--root[data-style-panel-layout="grid"] & {width: calc(33.33% - .5rem) ;}}}@utility filepond--panel-bottom{.filepond--item > .filepond--panel & {box-shadow: 0 .0625em .125em -.0625em #00000040;} margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: .5em; will-change: transform; backface-visibility: hidden; transform-origin: 0 0; transform: translateY(.5em); border-top: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; &:before {content: ""; background-color: inherit; height: 2px; position: absolute; top: -1px; left: 0; right: 0;}}@utility filepond--item-panel{background-color: #64605e; [data-filepond-item-state="processing-complete"] & {background-color: #369763;} [data-filepond-item-state*="error"] & {background-color: #c44e47;} [data-filepond-item-state*="invalid"] & {background-color: #c44e47;} border-radius: .5em; transition: background-color .25s; .filepond--root[data-style-panel-layout~="circle"] & {display: none;} .filepond--root[data-style-panel-layout~="integrated"] & {display: none;}}@utility filepond--list-scroller{will-change: transform; margin: 0; position: absolute; top: 0; left: 0; right: 0; &[data-state="overflow"] .filepond--list {bottom: 0; right: 0;} &[data-state="overflow"] {-webkit-overflow-scrolling: touch; overflow: hidden scroll; -webkit-mask: linear-gradient(#000 calc(100% - .5em),#0000); mask: linear-gradient(#000 calc(100% - .5em),#0000);} &::-webkit-scrollbar {background: 0 0;} &::-webkit-scrollbar:vertical {width: 1em;} &::-webkit-scrollbar:horizontal {height: 0;} &::-webkit-scrollbar-thumb {background-color: #0000004d; background-clip: content-box; border: .3125em solid #0000; border-radius: 99999px;} .filepond--root[data-style-panel-layout~="compact"] & {height: 100%; margin-top: 0; margin-bottom: 0; overflow: hidden;} .filepond--root[data-style-panel-layout~="integrated"] & {height: 100%; margin-top: 0; margin-bottom: 0; overflow: hidden;} z-index: 6; .filepond--root[data-disabled] & {pointer-events: all;} .filepond--root & {margin-top: 1em; margin-bottom: 1em;}}@utility filepond--list{.filepond--list-scroller[data-state="overflow"] & {bottom: 0; right: 0;} && {will-change: transform; margin: 0; padding: 0; list-style-type: none; position: absolute; top: 0;} left: .75em; right: .75em; .filepond--root[data-style-panel-layout~="compact"] & {height: 100%; left: 0; right: 0;} .filepond--root[data-style-panel-layout~="integrated"] & {height: 100%; left: 0; right: 0;} .filepond--root[data-disabled] & {pointer-events: none;}}@utility filepond--panel-root{.filepond--root[data-style-panel-layout~="circle"] & {border-radius: 0;} .filepond--root[data-style-panel-layout~="integrated"] & {border-radius: 0;} .filepond--root[data-style-panel-layout~="circle"] & > * {display: none;} .filepond--root[data-style-panel-layout~="integrated"] & > * {display: none;} background-color: #f1f0ef; border-radius: .5em; .fi-fo-file-upload & {background-color: #0000;}}@utility filepond-panel{&:not([data-scalable="false"]) {height: auto !important;}}@utility filepond--panel-center{margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; will-change: transform; backface-visibility: hidden; transform-origin: 0 0; transform: translateY(.5em); border-top: none !important; border-bottom: none !important; border-radius: 0 !important; height: 100px !important; &:not([style]) {visibility: hidden;}}@utility filepond--panel-top{margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: .5em; border-bottom: none !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; &:after {content: ""; background-color: inherit; height: 2px; position: absolute; bottom: -1px; left: 0; right: 0;}}@utility filepond--credits{.filepond--root & {opacity: .4; color: inherit; z-index: 3; font-size: 11px; line-height: .85; text-decoration: none; position: absolute; bottom: -14px; right: 0;} .filepond--root &[style] {margin-top: 14px; top: 0; bottom: auto;}}@utility filepond--action-edit-item{&& {width: 2em; height: 2em; padding: .1875em;} &&[data-align*="center"] {margin-left: -.1875em;} &&[data-align*="bottom"] {margin-bottom: -.1875em;} .filepond--root[data-style-panel-layout~="circle"] & {opacity: 1 !important; visibility: visible !important;} .fi-fo-file-upload &.filepond--file-action-button {background-color: #00000080;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &.filepond--file-action-button {background-color: color-mix(in oklab,var(--color-black) 50%,transparent);}}}@utility filepond--action-edit-item-alt{line-height: inherit; color: inherit; pointer-events: all; background: 0 0; border: none; outline: none; margin: 0 0 0 .25em; padding: 0; font-family: inherit; position: absolute; & svg {width: 1.3125em; height: 1.3125em;} & span {opacity: 0; font-size: 0;}}@utility filepond--image-preview-markup{position: absolute; top: 0; left: 0;}@utility filepond--image-preview-wrapper{z-index: 2; -webkit-user-select: none; user-select: none; background: #00000003; border-radius: .45em; height: 100%; margin: 0; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; .filepond--root[data-style-panel-layout~="integrated"] & {border-radius: 0;} .filepond--root[data-style-panel-layout~="circle"] & {border-radius: 99999rem;}}@utility filepond--image-preview-overlay{opacity: 0; z-index: 2; pointer-events: none; -webkit-user-select: none; user-select: none; width: 100%; min-height: 5rem; max-height: 7rem; margin: 0; display: block; position: absolute; top: 0; left: 0; & svg {width: 100%; height: auto; color: inherit; max-height: inherit;} .filepond--root[data-style-panel-layout~="circle"] & {top: auto; bottom: 0; transform: scaleY(-1);}}@utility filepond--image-preview-overlay-idle{mix-blend-mode: multiply; color: #282828d9; @supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {mix-blend-mode: normal;}}@utility filepond--image-preview-overlay-success{mix-blend-mode: normal; color: #369763;}@utility filepond--image-preview-overlay-failure{mix-blend-mode: normal; color: #c44e47;}@utility filepond--image-preview{z-index: 1; pointer-events: none; will-change: transform,opacity; background: #222; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; .filepond--root[data-style-panel-layout~="integrated"] & {justify-content: center; align-items: center; height: 100%; display: flex;}}@utility filepond--image-clip{margin: 0 auto; position: relative; overflow: hidden; &[data-transparency-indicator="grid"] img {background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em;} &[data-transparency-indicator="grid"] canvas {background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em;}}@utility filepond--image-bitmap{will-change: transform; position: absolute; top: 0; left: 0;}@utility filepond--image-vector{will-change: transform; position: absolute; top: 0; left: 0;}@utility filepond--media-preview{& audio {display: none;} & .audioplayer {width: calc(100% - 1.4em) ; margin: 2.3em auto auto;} & .playpausebtn {float: left; cursor: pointer; background-position: 50%; background-repeat: no-repeat; border: none; border-radius: 25px; outline: none; width: 25px; height: 25px; margin-top: .3em; margin-right: .3em;} & .playpausebtn:hover {background-color: #00000080;} & .play {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=);} & .pause {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC);} & .timeline {float: left; background: #ffffff4d; border-radius: 15px; width: calc(100% - 2.5em) ; height: 3px; margin-top: 1em;} & .playhead {background: #fff; border-radius: 50%; width: 13px; height: 13px; margin-top: -5px;} z-index: 1; transform-origin: 50%; will-change: transform,opacity; width: 100%; height: 100%; display: block; position: relative; & video {will-change: transform; width: 100%;} & audio {will-change: transform; width: 100%;}}@utility audioplayer{.filepond--media-preview & {width: calc(100% - 1.4em) ; margin: 2.3em auto auto;}}@utility playpausebtn{.filepond--media-preview & {float: left; cursor: pointer; background-position: 50%; background-repeat: no-repeat; border: none; border-radius: 25px; outline: none; width: 25px; height: 25px; margin-top: .3em; margin-right: .3em;} .filepond--media-preview &:hover {background-color: #00000080;}}@utility play{.filepond--media-preview & {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=);}}@utility pause{.filepond--media-preview & {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC);}}@utility timeline{.filepond--media-preview & {float: left; background: #ffffff4d; border-radius: 15px; width: calc(100% - 2.5em) ; height: 3px; margin-top: 1em;}}@utility playhead{.filepond--media-preview & {background: #fff; border-radius: 50%; width: 13px; height: 13px; margin-top: -5px;}}@utility filepond--media-preview-wrapper{pointer-events: auto; background: #00000003; border-radius: .45em; height: 100%; margin: 0; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; &:before {content: " "; width: 100%; height: 2em; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#00000000",GradientType=0); z-index: 3; background: linear-gradient(#000,#0000); position: absolute;}}@utility noUi-target{-webkit-touch-callout: none; -webkit-tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; box-sizing: border-box; & * {-webkit-touch-callout: none; -webkit-tap-highlight-color: #0000; -webkit-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; box-sizing: border-box;} position: relative; background: #fafafa; border: 1px solid #d3d3d3; border-radius: 4px; box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb; &[disabled] {cursor: not-allowed;}}@utility noUi-base{z-index: 1; width: 100%; height: 100%; position: relative;}@utility noUi-connects{z-index: 1; width: 100%; height: 100%; position: relative; z-index: 0; overflow: hidden; border-radius: 3px; .fi-fo-slider & {border-radius: var(--radius-lg); background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider & {background-color: color-mix(in oklab,var(--gray-950) 5%,transparent);}} .fi-fo-slider &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility noUi-connect{will-change: transform; z-index: 1; transform-origin: 0 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: flat; position: absolute; top: 0; right: 0; .noUi-state-tap & {transition: transform .3s;} background: #3fb8af; [disabled] & {background: #b8b8b8;} .fi-fo-slider & {background-color: var(--primary-500);} .fi-fo-slider &:where(.dark,.dark *) {background-color: var(--primary-600);}}@utility noUi-origin{will-change: transform; z-index: 1; transform-origin: 0 0; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: flat; position: absolute; top: 0; right: 0; .noUi-txt-dir-rtl.noUi-horizontal & {left: 0; right: auto;} .noUi-vertical & {width: 0; top: -100%;} .noUi-horizontal & {height: 0;} .noUi-state-tap & {transition: transform .3s;} .noUi-horizontal & > .noUi-tooltip {bottom: 10px; left: auto; transform: translate(50%);} .noUi-vertical & > .noUi-tooltip {top: auto; right: 28px; transform: translateY(-18px);}}@utility noUi-txt-dir-rtl{&.noUi-horizontal .noUi-origin {left: 0; right: auto;} &.noUi-horizontal .noUi-handle {left: -17px; right: auto;}}@utility noUi-horizontal{&.noUi-txt-dir-rtl .noUi-origin {left: 0; right: auto;} & .noUi-origin {height: 0;} height: 18px; & .noUi-handle {width: 34px; height: 28px; top: -6px; right: -17px;} &.noUi-txt-dir-rtl .noUi-handle {left: -17px; right: auto;} & .noUi-tooltip {bottom: 120%; left: 50%; transform: translate(-50%);} & .noUi-origin > .noUi-tooltip {bottom: 10px; left: auto; transform: translate(50%);}}@utility noUi-vertical{& .noUi-origin {width: 0; top: -100%;} width: 18px; & .noUi-handle {width: 28px; height: 34px; bottom: -17px; right: -6px;} & .noUi-draggable {cursor: ns-resize;} & .noUi-handle:before {width: 14px; height: 1px; top: 14px; left: 6px;} & .noUi-handle:after {width: 14px; height: 1px; top: 14px; left: 6px;} & .noUi-handle:after {top: 17px;} & .noUi-tooltip {top: 50%; right: 120%; transform: translateY(-50%);} & .noUi-origin > .noUi-tooltip {top: auto; right: 28px; transform: translateY(-18px);}}@utility noUi-handle{backface-visibility: hidden; position: absolute; .noUi-horizontal & {width: 34px; height: 28px; top: -6px; right: -17px;} .noUi-vertical & {width: 28px; height: 34px; bottom: -17px; right: -6px;} .noUi-txt-dir-rtl.noUi-horizontal & {left: -17px; right: auto;} cursor: default; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb; &:before {content: ""; background: #e8e7e6; width: 1px; height: 14px; display: block; position: absolute; top: 6px; left: 14px;} &:after {content: ""; background: #e8e7e6; width: 1px; height: 14px; display: block; position: absolute; top: 6px; left: 14px;} &:after {left: 17px;} .noUi-vertical &:before {width: 14px; height: 1px; top: 14px; left: 6px;} .noUi-vertical &:after {width: 14px; height: 1px; top: 14px; left: 6px;} .noUi-vertical &:after {top: 17px;} &[disabled] {cursor: not-allowed;} [disabled] & {cursor: not-allowed;} .fi-fo-slider & {border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); position: absolute;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider & {border-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} .fi-fo-slider & {background-color: var(--color-white); --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); backface-visibility: hidden;} .fi-fo-slider &:focus {outline-style: var(--tw-outline-style); outline-width: 2px; outline-color: var(--primary-600);} .fi-fo-slider &:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-fo-slider &:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-fo-slider &:where(.dark,.dark *):focus {outline-color: var(--primary-500);} .fi-fo-slider &:before {border-style: var(--tw-border-style); background-color: var(--gray-400); border-width: 0;} .fi-fo-slider &:after {border-style: var(--tw-border-style); background-color: var(--gray-400); border-width: 0;}}@utility noUi-touch-area{width: 100%; height: 100%;}@utility noUi-state-tap{& .noUi-connect {transition: transform .3s;} & .noUi-origin {transition: transform .3s;}}@utility noUi-state-drag{& * {cursor: inherit !important;}}@utility noUi-draggable{cursor: ew-resize; .noUi-vertical & {cursor: ns-resize;}}@utility noUi-active{box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;}@utility noUi-pips{box-sizing: border-box; & * {box-sizing: border-box;} color: #999; position: absolute; .fi-fo-slider & .noUi-value {color: var(--gray-950);} .fi-fo-slider & .noUi-value:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-slider:not(.fi-fo-slider-vertical) & .noUi-value {margin-top: calc(var(--spacing) * 1);}}@utility noUi-value{white-space: nowrap; text-align: center; position: absolute; .fi-fo-slider .noUi-pips & {color: var(--gray-950);} .fi-fo-slider .noUi-pips &:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-slider:not(.fi-fo-slider-vertical) .noUi-pips & {margin-top: calc(var(--spacing) * 1);}}@utility noUi-value-sub{color: #ccc; font-size: 10px;}@utility noUi-marker{background: #ccc; position: absolute; &.noUi-marker-horizontal {width: 2px; height: 5px; margin-left: -1px;} &.noUi-marker-vertical {width: 5px; height: 2px; margin-top: -1px;}}@utility noUi-marker-sub{background: #aaa; &.noUi-marker-horizontal {height: 10px;} &.noUi-marker-vertical {width: 10px;}}@utility noUi-marker-large{background: #aaa; &.noUi-marker-horizontal {height: 15px;} &.noUi-marker-vertical {width: 15px;}}@utility noUi-pips-horizontal{width: 100%; height: 80px; padding: 10px 0; top: 100%; left: 0;}@utility noUi-value-horizontal{transform: translate(-50%,50%); .noUi-rtl & {transform: translate(50%,50%);}}@utility noUi-rtl{& .noUi-value-horizontal {transform: translate(50%,50%);} & .noUi-value-vertical {transform: translateY(50%);}}@utility noUi-marker-horizontal{&.noUi-marker {width: 2px; height: 5px; margin-left: -1px;} &.noUi-marker-sub {height: 10px;} &.noUi-marker-large {height: 15px;}}@utility noUi-pips-vertical{height: 100%; padding: 0 10px; top: 0; left: 100%;}@utility noUi-value-vertical{padding-left: 25px; transform: translateY(-50%); .noUi-rtl & {transform: translateY(50%);}}@utility noUi-marker-vertical{&.noUi-marker {width: 5px; height: 2px; margin-top: -1px;} &.noUi-marker-sub {width: 10px;} &.noUi-marker-large {width: 15px;}}@utility noUi-tooltip{color: #000; text-align: center; white-space: nowrap; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; padding: 5px; display: block; position: absolute; .noUi-horizontal & {bottom: 120%; left: 50%; transform: translate(-50%);} .noUi-vertical & {top: 50%; right: 120%; transform: translateY(-50%);} .noUi-horizontal .noUi-origin > & {bottom: 10px; left: auto; transform: translate(50%);} .noUi-vertical .noUi-origin > & {top: auto; right: 28px; transform: translateY(-18px);} .fi-fo-slider & {border-radius: var(--radius-md); border-style: var(--tw-border-style); background-color: var(--color-white); color: var(--gray-950); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); border-width: 0;} .fi-fo-slider &:where(.dark,.dark *) {background-color: var(--gray-800); color: var(--color-white); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-slider &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }}}@utility fi-fo-builder{row-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid; & .fi-fo-builder-actions {column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-builder-actions.fi-hidden {display: none;} & .fi-fo-builder-items {row-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid;} & .fi-fo-builder-item {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} & .fi-fo-builder-item:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-builder-item:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-builder-item:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {& .fi-fo-builder-item:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapsible-actions {rotate: -180deg;} & .fi-fo-builder-item.fi-collapsed .fi-fo-builder-item-header-collapse-action {pointer-events: none; opacity: 0;} & .fi-fo-builder-item:not(.fi-collapsed) .fi-fo-builder-item-header-expand-action {pointer-events: none; opacity: 0;} &.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-item { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); background-color: #0000; border-radius: 0; } &.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-item > .fi-fo-builder-item-content {padding: calc(var(--spacing) * 0);} &.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items-divider-before {width: calc(var(--spacing) * 0);} &.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items {padding-inline-start: calc(var(--spacing) * 0);} & .fi-fo-builder-item-header {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex; overflow: hidden;} &.fi-collapsible .fi-fo-builder-item-header {cursor: pointer; -webkit-user-select: none; user-select: none;} & .fi-fo-builder-item-header-start-actions {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-builder-item-header-icon {color: var(--gray-400);} & .fi-fo-builder-item-header-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-fo-builder-item-header-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-fo-builder-item-header-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-builder-item-header-label.fi-truncated {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} & .fi-fo-builder-item-header-end-actions {align-items: center; column-gap: calc(var(--spacing) * 3); margin-inline-start: auto; display: flex;} & .fi-fo-builder-item-header-collapsible-actions {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: relative;} & .fi-fo-builder-item-header-collapse-action {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));} & .fi-fo-builder-item-header-expand-action {inset: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; rotate: 180deg;} & .fi-fo-builder-item-content:not(.fi-fo-builder-item-content-has-preview) {padding: calc(var(--spacing) * 4);} & .fi-fo-builder-item-content.fi-fo-builder-item-content-has-preview {position: relative;} & .fi-fo-builder-item-has-header > .fi-fo-builder-item-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} & .fi-fo-builder-item-has-header > .fi-fo-builder-item-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-builder-item-has-header > .fi-fo-builder-item-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-builder-item-preview:not(.fi-interactive) {pointer-events: none;} & .fi-fo-builder-item-preview-edit-overlay {inset: calc(var(--spacing) * 0); z-index: 1; cursor: pointer; position: absolute;} & .fi-fo-builder-block-picker-ctn {border-radius: var(--radius-lg); background-color: var(--color-white);} & .fi-fo-builder-block-picker-ctn:where(.dark,.dark *) {background-color: var(--gray-900);} & .fi-fo-builder-add-between-items-ctn {justify-content: center; width: 100%; display: flex;} & .fi-fo-builder-add-between-items {border-radius: var(--radius-lg); background-color: var(--color-white);} & .fi-fo-builder-add-between-items:where(.dark,.dark *) {background-color: var(--gray-900);} & .fi-fo-builder-label-between-items-ctn {margin-block: calc(var(--spacing) * -2); align-items: center; display: flex; position: relative;} & .fi-fo-builder-label-between-items-divider-before {width: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex-shrink: 0;} & .fi-fo-builder-label-between-items-divider-before:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-builder-label-between-items-divider-before:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-builder-label-between-items {padding-inline: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); flex-shrink: 0;} & .fi-fo-builder-label-between-items:where(.dark,.dark *) {color: var(--gray-400);} & .fi-fo-builder-label-between-items-divider-after {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex: 1;} & .fi-fo-builder-label-between-items-divider-after:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-builder-label-between-items-divider-after:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-builder-block-picker {justify-content: center; display: flex;} & .fi-fo-builder-block-picker.fi-align-start {justify-content: flex-start;} & .fi-fo-builder-block-picker.fi-align-left {justify-content: flex-start;} & .fi-fo-builder-block-picker.fi-align-end {justify-content: flex-end;} & .fi-fo-builder-block-picker.fi-align-right {justify-content: flex-end;}}@utility fi-fo-builder-actions{.fi-fo-builder & {column-gap: calc(var(--spacing) * 3); display: flex;} .fi-fo-builder &.fi-hidden {display: none;}}@utility fi-fo-builder-items{.fi-fo-builder & {row-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid;} .fi-fo-builder.fi-fo-builder-not-contained > & > .fi-fo-builder-item { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); background-color: #0000; border-radius: 0; } .fi-fo-builder.fi-fo-builder-not-contained > & > .fi-fo-builder-item > .fi-fo-builder-item-content {padding: calc(var(--spacing) * 0);} .fi-fo-builder.fi-fo-builder-not-contained > & > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items-divider-before {width: calc(var(--spacing) * 0);} .fi-fo-builder.fi-fo-builder-not-contained > & > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items {padding-inline-start: calc(var(--spacing) * 0);}}@utility fi-fo-builder-item{.fi-fo-builder & {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-fo-builder &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-builder &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-builder &.fi-collapsed .fi-fo-builder-item-header-collapsible-actions {rotate: -180deg;} .fi-fo-builder &.fi-collapsed .fi-fo-builder-item-header-collapse-action {pointer-events: none; opacity: 0;} .fi-fo-builder &:not(.fi-collapsed) .fi-fo-builder-item-header-expand-action {pointer-events: none; opacity: 0;} .fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > & { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); background-color: #0000; border-radius: 0; } .fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > & > .fi-fo-builder-item-content {padding: calc(var(--spacing) * 0);}}@utility fi-fo-builder-item-header-collapsible-actions{.fi-fo-builder .fi-fo-builder-item.fi-collapsed & {rotate: -180deg;} .fi-fo-builder & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: relative;}}@utility fi-fo-builder-item-header-collapse-action{.fi-fo-builder .fi-fo-builder-item.fi-collapsed & {pointer-events: none; opacity: 0;} .fi-fo-builder & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));}}@utility fi-fo-builder-item-header-expand-action{.fi-fo-builder .fi-fo-builder-item:not(.fi-collapsed) & {pointer-events: none; opacity: 0;} .fi-fo-builder & {inset: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; rotate: 180deg;}}@utility fi-fo-builder-not-contained{&.fi-fo-builder > .fi-fo-builder-items > .fi-fo-builder-item { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); background-color: #0000; border-radius: 0; } &.fi-fo-builder > .fi-fo-builder-items > .fi-fo-builder-item > .fi-fo-builder-item-content {padding: calc(var(--spacing) * 0);} &.fi-fo-builder > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items-divider-before {width: calc(var(--spacing) * 0);} &.fi-fo-builder > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > .fi-fo-builder-label-between-items {padding-inline-start: calc(var(--spacing) * 0);}}@utility fi-fo-builder-item-content{.fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-item > & {padding: calc(var(--spacing) * 0);} .fi-fo-builder &:not(.fi-fo-builder-item-content-has-preview) {padding: calc(var(--spacing) * 4);} .fi-fo-builder &.fi-fo-builder-item-content-has-preview {position: relative;} .fi-fo-builder .fi-fo-builder-item-has-header > & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} .fi-fo-builder .fi-fo-builder-item-has-header > &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder .fi-fo-builder-item-has-header > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-builder-label-between-items-ctn{.fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > & > .fi-fo-builder-label-between-items-divider-before {width: calc(var(--spacing) * 0);} .fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > & > .fi-fo-builder-label-between-items {padding-inline-start: calc(var(--spacing) * 0);} .fi-fo-builder & {margin-block: calc(var(--spacing) * -2); align-items: center; display: flex; position: relative;}}@utility fi-fo-builder-label-between-items-divider-before{.fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > & {width: calc(var(--spacing) * 0);} .fi-fo-builder & {width: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex-shrink: 0;} .fi-fo-builder &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-builder-label-between-items{.fi-fo-builder.fi-fo-builder-not-contained > .fi-fo-builder-items > .fi-fo-builder-label-between-items-ctn > & {padding-inline-start: calc(var(--spacing) * 0);} .fi-fo-builder & {padding-inline: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); flex-shrink: 0;} .fi-fo-builder &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-builder-item-header{.fi-fo-builder & {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex; overflow: hidden;} .fi-fo-builder.fi-collapsible & {cursor: pointer; -webkit-user-select: none; user-select: none;}}@utility fi-fo-builder-item-header-start-actions{.fi-fo-builder & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-fo-builder-item-header-icon{.fi-fo-builder & {color: var(--gray-400);} .fi-fo-builder &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-fo-builder-item-header-label{.fi-fo-builder & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-fo-builder &:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-builder &.fi-truncated {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-truncated{.fi-fo-builder &.fi-fo-builder-item-header-label {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .fi-fo-repeater &.fi-fo-repeater-item-header-label {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-fo-builder-item-header-end-actions{.fi-fo-builder & {align-items: center; column-gap: calc(var(--spacing) * 3); margin-inline-start: auto; display: flex;}}@utility fi-fo-builder-item-content-has-preview{.fi-fo-builder &.fi-fo-builder-item-content {position: relative;}}@utility fi-fo-builder-item-has-header{.fi-fo-builder & > .fi-fo-builder-item-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} .fi-fo-builder & > .fi-fo-builder-item-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder & > .fi-fo-builder-item-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-builder-item-preview{.fi-fo-builder &:not(.fi-interactive) {pointer-events: none;}}@utility fi-fo-builder-item-preview-edit-overlay{.fi-fo-builder & {inset: calc(var(--spacing) * 0); z-index: 1; cursor: pointer; position: absolute;}}@utility fi-fo-builder-block-picker-ctn{.fi-fo-builder & {border-radius: var(--radius-lg); background-color: var(--color-white);} .fi-fo-builder &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-fo-builder-add-between-items-ctn{.fi-fo-builder & {justify-content: center; width: 100%; display: flex;}}@utility fi-fo-builder-add-between-items{.fi-fo-builder & {border-radius: var(--radius-lg); background-color: var(--color-white);} .fi-fo-builder &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-fo-builder-label-between-items-divider-after{.fi-fo-builder & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex: 1;} .fi-fo-builder &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-builder &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-builder-block-picker{.fi-fo-builder & {justify-content: center; display: flex;} .fi-fo-builder &.fi-align-start {justify-content: flex-start;} .fi-fo-builder &.fi-align-left {justify-content: flex-start;} .fi-fo-builder &.fi-align-end {justify-content: flex-end;} .fi-fo-builder &.fi-align-right {justify-content: flex-end;}}@utility fi-fo-checkbox-list{& .fi-fo-checkbox-list-search-input-wrp {margin-bottom: calc(var(--spacing) * 4);} & .fi-fo-checkbox-list-actions {margin-bottom: calc(var(--spacing) * 2);} & .fi-fo-checkbox-list-options {gap: calc(var(--spacing) * 4);} & .fi-fo-checkbox-list-options.fi-grid-direction-col {margin-top: calc(var(--spacing) * -4);} & .fi-fo-checkbox-list-options.fi-grid-direction-col .fi-fo-checkbox-list-option-ctn {break-inside: avoid; padding-top: calc(var(--spacing) * 4);} & .fi-fo-checkbox-list-option {column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-checkbox-list-option .fi-checkbox-input {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;} & .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); display: grid;} & .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); overflow-wrap: break-word; color: var(--gray-950); overflow: hidden; } & .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description {color: var(--gray-500);} & .fi-fo-checkbox-list-option .fi-fo-checkbox-list-option-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-fo-checkbox-list-no-search-results-message {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-fo-checkbox-list-no-search-results-message:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-checkbox-list-search-input-wrp{.fi-fo-checkbox-list & {margin-bottom: calc(var(--spacing) * 4);}}@utility fi-fo-checkbox-list-actions{.fi-fo-checkbox-list & {margin-bottom: calc(var(--spacing) * 2);}}@utility fi-fo-checkbox-list-options{.fi-fo-checkbox-list & {gap: calc(var(--spacing) * 4);} .fi-fo-checkbox-list &.fi-grid-direction-col {margin-top: calc(var(--spacing) * -4);} .fi-fo-checkbox-list &.fi-grid-direction-col .fi-fo-checkbox-list-option-ctn {break-inside: avoid; padding-top: calc(var(--spacing) * 4);}}@utility fi-fo-checkbox-list-option-ctn{.fi-fo-checkbox-list .fi-fo-checkbox-list-options.fi-grid-direction-col & {break-inside: avoid; padding-top: calc(var(--spacing) * 4);}}@utility fi-fo-checkbox-list-option{.fi-fo-checkbox-list & {column-gap: calc(var(--spacing) * 3); display: flex;} .fi-fo-checkbox-list & .fi-checkbox-input {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;} .fi-fo-checkbox-list & .fi-fo-checkbox-list-option-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); display: grid;} .fi-fo-checkbox-list & .fi-fo-checkbox-list-option-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); overflow-wrap: break-word; color: var(--gray-950); overflow: hidden; } .fi-fo-checkbox-list & .fi-fo-checkbox-list-option-label:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-checkbox-list & .fi-fo-checkbox-list-option-description {color: var(--gray-500);} .fi-fo-checkbox-list & .fi-fo-checkbox-list-option-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-checkbox-list-option-text{.fi-fo-checkbox-list .fi-fo-checkbox-list-option & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); display: grid;}}@utility fi-fo-checkbox-list-option-label{.fi-fo-checkbox-list .fi-fo-checkbox-list-option & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); overflow-wrap: break-word; color: var(--gray-950); overflow: hidden; } .fi-fo-checkbox-list .fi-fo-checkbox-list-option &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-checkbox-list-option-description{.fi-fo-checkbox-list .fi-fo-checkbox-list-option & {color: var(--gray-500);} .fi-fo-checkbox-list .fi-fo-checkbox-list-option &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-checkbox-list-no-search-results-message{.fi-fo-checkbox-list & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-fo-checkbox-list &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-code-editor{overflow: hidden; & .cm-editor.cm-focused { --tw-outline-style: none !important; outline-style: none !important; } & .cm-editor .cm-gutters {min-height: calc(var(--spacing) * 48) !important; border-inline-end-color: var(--gray-300) !important; background-color: var(--gray-100) !important;} & .cm-editor .cm-gutters:where(.dark,.dark *) {border-inline-end-color: var(--gray-800) !important; background-color: var(--gray-950) !important;} & .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} & .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} & .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} & .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} & .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} & .cm-editor .cm-scroller {min-height: calc(var(--spacing) * 48) !important;} & .cm-editor .cm-line {border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); margin-inline-end: calc(var(--spacing) * 1);} &.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} &.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} &.fi-disabled .cm-editor .cm-line.cm-activeLine {background-color: #0000 !important;}}@utility cm-editor{.fi-fo-code-editor &.cm-focused { --tw-outline-style: none !important; outline-style: none !important; } .fi-fo-code-editor & .cm-gutters {min-height: calc(var(--spacing) * 48) !important; border-inline-end-color: var(--gray-300) !important; background-color: var(--gray-100) !important;} .fi-fo-code-editor & .cm-gutters:where(.dark,.dark *) {border-inline-end-color: var(--gray-800) !important; background-color: var(--gray-950) !important;} .fi-fo-code-editor & .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} .fi-fo-code-editor & .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor & .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor & .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor & .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor & .cm-scroller {min-height: calc(var(--spacing) * 48) !important;} .fi-fo-code-editor & .cm-line {border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); margin-inline-end: calc(var(--spacing) * 1);} .fi-fo-code-editor.fi-disabled & .cm-gutters .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled & .cm-gutters .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled & .cm-line.cm-activeLine {background-color: #0000 !important;}}@utility cm-focused{.fi-fo-code-editor &.cm-editor { --tw-outline-style: none !important; outline-style: none !important; }}@utility cm-gutters{.fi-fo-code-editor .cm-editor & {min-height: calc(var(--spacing) * 48) !important; border-inline-end-color: var(--gray-300) !important; background-color: var(--gray-100) !important;} .fi-fo-code-editor .cm-editor &:where(.dark,.dark *) {border-inline-end-color: var(--gray-800) !important; background-color: var(--gray-950) !important;} .fi-fo-code-editor .cm-editor & .cm-gutter.cm-lineNumbers .cm-gutterElement {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} .fi-fo-code-editor .cm-editor & .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor & .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor .cm-editor & .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor & .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor & .cm-gutter.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled .cm-editor & .cm-gutter.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;}}@utility cm-gutter{.fi-fo-code-editor .cm-editor .cm-gutters &.cm-lineNumbers .cm-gutterElement {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-foldGutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters &.cm-lineNumbers .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters &.cm-foldGutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;}}@utility cm-lineNumbers{.fi-fo-code-editor .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;}}@utility cm-gutterElement{.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers & {border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md); margin-inline-start: calc(var(--spacing) * 1);} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-activeLineGutter {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-activeLineGutter {background-color: #0000 !important;}}@utility cm-activeLineGutter{.fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-gutterElement {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-gutterElement:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-gutterElement {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-gutterElement:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-lineNumbers &.cm-gutterElement {background-color: #0000 !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters .cm-gutter.cm-foldGutter &.cm-gutterElement {background-color: #0000 !important;}}@utility cm-foldGutter{.fi-fo-code-editor .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter {background-color: var(--gray-200) !important;} .fi-fo-code-editor .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter:where(.dark,.dark *) {background-color: var(--gray-800) !important;} .fi-fo-code-editor.fi-disabled .cm-editor .cm-gutters &.cm-gutter .cm-gutterElement.cm-activeLineGutter {background-color: #0000 !important;}}@utility cm-scroller{.fi-fo-code-editor .cm-editor & {min-height: calc(var(--spacing) * 48) !important;}}@utility cm-line{.fi-fo-code-editor .cm-editor & {border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); margin-inline-end: calc(var(--spacing) * 1);} .fi-fo-code-editor.fi-disabled .cm-editor &.cm-activeLine {background-color: #0000 !important;}}@utility cm-activeLine{.fi-fo-code-editor.fi-disabled .cm-editor &.cm-line {background-color: #0000 !important;}}@utility fi-fo-color-picker{& .fi-input-wrp-content {display: flex;} & .fi-fo-color-picker-preview {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); -webkit-user-select: none; user-select: none; border-radius: 3.40282e38px; flex-shrink: 0; margin-block: auto; margin-inline-end: calc(var(--spacing) * 3);} & .fi-fo-color-picker-preview.fi-empty { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-200); --tw-ring-inset: inset; } & .fi-fo-color-picker-preview.fi-empty:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {& .fi-fo-color-picker-preview.fi-empty:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-fo-color-picker-panel {z-index: 10; border-radius: var(--radius-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); display: none; position: absolute;}}@utility fi-input-wrp-content{.fi-fo-color-picker & {display: flex;}}@utility fi-fo-color-picker-preview{.fi-fo-color-picker & {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); -webkit-user-select: none; user-select: none; border-radius: 3.40282e38px; flex-shrink: 0; margin-block: auto; margin-inline-end: calc(var(--spacing) * 3);} .fi-fo-color-picker &.fi-empty { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-200); --tw-ring-inset: inset; } .fi-fo-color-picker &.fi-empty:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-color-picker &.fi-empty:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-empty{.fi-fo-color-picker &.fi-fo-color-picker-preview { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-200); --tw-ring-inset: inset; } .fi-fo-color-picker &.fi-fo-color-picker-preview:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-color-picker &.fi-fo-color-picker-preview:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-fo-color-picker-panel{.fi-fo-color-picker & {z-index: 10; border-radius: var(--radius-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); display: none; position: absolute;}}@utility fi-fo-date-time-picker{& input::-webkit-datetime-edit {padding: 0; display: block;} & .fi-fo-date-time-picker-trigger {width: 100%;} & .fi-fo-date-time-picker-display-text-input { --tw-border-style: none; width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); --tw-outline-style: none; background-color: #0000; border-style: none; outline-style: none; } @media (forced-colors: active) {& .fi-fo-date-time-picker-display-text-input {outline-offset: 2px; outline: 2px solid #0000;}} & .fi-fo-date-time-picker-display-text-input {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & .fi-fo-date-time-picker-display-text-input::placeholder {color: var(--gray-400);} & .fi-fo-date-time-picker-display-text-input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } & .fi-fo-date-time-picker-display-text-input:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} & .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *)::placeholder {color: var(--gray-500);} & .fi-fo-date-time-picker-display-text-input:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} & .fi-fo-date-time-picker-panel {z-index: 10; position: absolute;} :where(& .fi-fo-date-time-picker-panel > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 3) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)) ); } & .fi-fo-date-time-picker-panel {border-radius: var(--radius-lg); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} & .fi-fo-date-time-picker-panel:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-date-time-picker-panel:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-fo-date-time-picker-panel .fi-fo-date-time-picker-panel-header {justify-content: space-between; align-items: center; display: flex;} & .fi-fo-date-time-picker-month-select {cursor: pointer; --tw-border-style: none; padding: calc(var(--spacing) * 0); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); background-color: #0000; border-style: none; flex-grow: 1;} & .fi-fo-date-time-picker-month-select:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } & .fi-fo-date-time-picker-month-select:where(.dark,.dark *) {background-color: var(--gray-900); color: var(--color-white);} & .fi-fo-date-time-picker-year-input {width: calc(var(--spacing) * 16); --tw-border-style: none; padding: calc(var(--spacing) * 0); text-align: right; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-950); background-color: #0000; border-style: none;} & .fi-fo-date-time-picker-year-input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } & .fi-fo-date-time-picker-year-input:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-date-time-picker-calendar-header {gap: calc(var(--spacing) * 1); grid-template-columns: repeat(7,minmax(0,1fr)); display: grid;} & .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day {text-align: center; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} & .fi-fo-date-time-picker-calendar-header .fi-fo-date-time-picker-calendar-header-day:where(.dark,.dark *) {color: var(--gray-400);} & .fi-fo-date-time-picker-calendar {grid-template-columns: repeat(7,minmax(calc(var(--spacing) * 7),1fr)); gap: calc(var(--spacing) * 1); display: grid;} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day {text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: var(--leading-loose); line-height: var(--leading-loose); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-radius: 3.40282e38px; transition-duration: 75ms;} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-disabled {pointer-events: none; opacity: .5;} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-disabled) {cursor: pointer;} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected {background-color: var(--gray-50); color: var(--primary-600);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {color: var(--primary-400);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled) {background-color: var(--gray-100);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled) {color: var(--primary-600);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {color: var(--primary-400);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected) {color: var(--gray-950);} & .fi-fo-date-time-picker-calendar .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-date-time-picker-time-inputs {justify-content: center; align-items: center; display: flex;} & .fi-fo-date-time-picker-time-inputs:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} & .fi-fo-date-time-picker-time-inputs input {width: calc(var(--spacing) * 10); --tw-border-style: none; padding: calc(var(--spacing) * 0); text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-950); background-color: #0000; border-style: none; margin-inline-end: calc(var(--spacing) * 1);} & .fi-fo-date-time-picker-time-inputs input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } & .fi-fo-date-time-picker-time-inputs input:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} & .fi-fo-date-time-picker-time-inputs .fi-fo-date-time-picker-time-input-separator:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-date-time-picker-trigger{.fi-fo-date-time-picker & {width: 100%;}}@utility fi-fo-date-time-picker-display-text-input{.fi-fo-date-time-picker & { --tw-border-style: none; width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); --tw-outline-style: none; background-color: #0000; border-style: none; outline-style: none; } @media (forced-colors: active) {.fi-fo-date-time-picker & {outline-offset: 2px; outline: 2px solid #0000;}} .fi-fo-date-time-picker & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-fo-date-time-picker &::placeholder {color: var(--gray-400);} .fi-fo-date-time-picker &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-fo-date-time-picker &:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} .fi-fo-date-time-picker &:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-date-time-picker &:where(.dark,.dark *)::placeholder {color: var(--gray-500);} .fi-fo-date-time-picker &:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);}}@utility fi-fo-date-time-picker-panel{.fi-fo-date-time-picker & {z-index: 10; position: absolute;} :where(.fi-fo-date-time-picker & > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 3) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)) ); } .fi-fo-date-time-picker & {border-radius: var(--radius-lg); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-fo-date-time-picker &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-date-time-picker & .fi-fo-date-time-picker-panel-header {justify-content: space-between; align-items: center; display: flex;}}@utility fi-fo-date-time-picker-panel-header{.fi-fo-date-time-picker .fi-fo-date-time-picker-panel & {justify-content: space-between; align-items: center; display: flex;}}@utility fi-fo-date-time-picker-month-select{.fi-fo-date-time-picker & {cursor: pointer; --tw-border-style: none; padding: calc(var(--spacing) * 0); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); background-color: #0000; border-style: none; flex-grow: 1;} .fi-fo-date-time-picker &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-fo-date-time-picker &:where(.dark,.dark *) {background-color: var(--gray-900); color: var(--color-white);}}@utility fi-fo-date-time-picker-year-input{.fi-fo-date-time-picker & {width: calc(var(--spacing) * 16); --tw-border-style: none; padding: calc(var(--spacing) * 0); text-align: right; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-950); background-color: #0000; border-style: none;} .fi-fo-date-time-picker &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-fo-date-time-picker &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-date-time-picker-calendar-header{.fi-fo-date-time-picker & {gap: calc(var(--spacing) * 1); grid-template-columns: repeat(7,minmax(0,1fr)); display: grid;} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-header-day {text-align: center; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-header-day:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-date-time-picker-calendar-header-day{.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header & {text-align: center; font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar-header &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-date-time-picker-calendar{.fi-fo-date-time-picker & {grid-template-columns: repeat(7,minmax(calc(var(--spacing) * 7),1fr)); gap: calc(var(--spacing) * 1); display: grid;} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day {text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: var(--leading-loose); line-height: var(--leading-loose); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-radius: 3.40282e38px; transition-duration: 75ms;} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-disabled {pointer-events: none; opacity: .5;} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day:not(.fi-disabled) {cursor: pointer;} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-selected {background-color: var(--gray-50); color: var(--primary-600);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-selected:where(.dark,.dark *) {color: var(--primary-400);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled) {background-color: var(--gray-100);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled) {color: var(--primary-600);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {color: var(--primary-400);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected) {color: var(--gray-950);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-calendar-day:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-date-time-picker-calendar-day{.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar & {text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: var(--leading-loose); line-height: var(--leading-loose); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-radius: 3.40282e38px; transition-duration: 75ms;} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-disabled {pointer-events: none; opacity: .5;} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &:not(.fi-disabled) {cursor: pointer;} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-selected {background-color: var(--gray-50); color: var(--primary-600);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-selected:where(.dark,.dark *) {color: var(--primary-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-focused:not(.fi-selected):not(.fi-disabled) {background-color: var(--gray-100);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-focused:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled) {color: var(--primary-600);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day-today:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {color: var(--primary-400);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected) {color: var(--gray-950);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &:not(.fi-fo-date-time-picker-calendar-day-today):not(.fi-selected):where(.dark,.dark *) {color: var(--color-white);}}@utility fi-focused{.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:not(.fi-selected):not(.fi-disabled) {background-color: var(--gray-100);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-date-time-picker-calendar-day-today{.fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:not(.fi-focused):not(.fi-selected):not(.fi-disabled) {color: var(--primary-600);} .fi-fo-date-time-picker .fi-fo-date-time-picker-calendar &.fi-fo-date-time-picker-calendar-day:not(.fi-focused):not(.fi-selected):not(.fi-disabled):where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-fo-date-time-picker-time-inputs{.fi-fo-date-time-picker & {justify-content: center; align-items: center; display: flex;} .fi-fo-date-time-picker &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} .fi-fo-date-time-picker & input {width: calc(var(--spacing) * 10); --tw-border-style: none; padding: calc(var(--spacing) * 0); text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-950); background-color: #0000; border-style: none; margin-inline-end: calc(var(--spacing) * 1);} .fi-fo-date-time-picker & input:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } .fi-fo-date-time-picker & input:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-time-input-separator {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} .fi-fo-date-time-picker & .fi-fo-date-time-picker-time-input-separator:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-date-time-picker-time-input-separator{.fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} .fi-fo-date-time-picker .fi-fo-date-time-picker-time-inputs &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-field{row-gap: calc(var(--spacing) * 2); display: grid; @media (min-width: 40rem) {&.fi-fo-field-has-inline-label {align-items: flex-start; column-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(3,minmax(0,1fr));} &.fi-fo-field-has-inline-label .fi-fo-field-content-col {grid-column: span 2 / span 2;}} & .fi-fo-field-label-ctn {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-field-label {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} :is(& .fi-fo-field-label-ctn,& .fi-fo-field-label) > .fi-checkbox-input {margin-top: calc(var(--spacing) * .5);} :is(& .fi-fo-field-label-ctn,& .fi-fo-field-label) > .fi-toggle {margin-block: calc(var(--spacing) * -.5);} :is(& .fi-fo-field-label-ctn,& .fi-fo-field-label) > .fi-sc:first-child {flex-grow: 0;} :is(& .fi-fo-field-label-ctn,& .fi-fo-field-label).fi-hidden {display: none;} & .fi-fo-field-label-content {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-fo-field-label-content:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-field-label-content .fi-fo-field-label-required-mark { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } & .fi-fo-field-label-content .fi-fo-field-label-required-mark:where(.dark,.dark *) {color: var(--danger-400);} & .fi-fo-field-label-col {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); height: 100%; display: grid;} @media (min-width: 40rem) {& .fi-fo-field-label-col.fi-vertical-align-start {align-items: flex-start;} & .fi-fo-field-label-col.fi-vertical-align-center {align-items: center;} & .fi-fo-field-label-col.fi-vertical-align-end {align-items: flex-end;}} & .fi-fo-field-content-col {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;} & .fi-fo-field-content-ctn {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; display: flex;} & .fi-fo-field-content {width: 100%;} & .fi-fo-field-wrp-error-message {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--danger-600);} & .fi-fo-field-wrp-error-message:where(.dark,.dark *) {color: var(--danger-400);} & .fi-fo-field-wrp-error-list {list-style-type: disc; list-style-position: inside;} :where(& .fi-fo-field-wrp-error-list > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * .5) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)) ); } @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}} .fi-sc-fused-group .fi-sc .fi-sc-component & {height: 100%;}}@utility fi-fo-field-has-inline-label{@media (min-width: 40rem) {&.fi-fo-field {align-items: flex-start; column-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(3,minmax(0,1fr));} &.fi-fo-field .fi-fo-field-content-col {grid-column: span 2 / span 2;}} @media (min-width: 40rem) {&.fi-fo-key-value-wrp .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {&.fi-fo-select-wrp .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {&.fi-fo-tags-input-wrp .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {&.fi-fo-textarea-wrp .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {&.fi-fo-toggle-buttons-wrp .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-fo-field-content-col{@media (min-width: 40rem) {.fi-fo-field.fi-fo-field-has-inline-label & {grid-column: span 2 / span 2;}} .fi-fo-field & {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;}}@utility fi-fo-field-label-ctn{.fi-fo-field & {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} :is(.fi-fo-field &,.fi-fo-field .fi-fo-field-label) > .fi-checkbox-input {margin-top: calc(var(--spacing) * .5);} :is(.fi-fo-field &,.fi-fo-field .fi-fo-field-label) > .fi-toggle {margin-block: calc(var(--spacing) * -.5);} :is(.fi-fo-field &,.fi-fo-field .fi-fo-field-label) > .fi-sc:first-child {flex-grow: 0;} :is(.fi-fo-field &,.fi-fo-field .fi-fo-field-label).fi-hidden {display: none;}}@utility fi-fo-field-label{.fi-fo-field & {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field &) > .fi-checkbox-input {margin-top: calc(var(--spacing) * .5);} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field &) > .fi-toggle {margin-block: calc(var(--spacing) * -.5);} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field &) > .fi-sc:first-child {flex-grow: 0;} :is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field &).fi-hidden {display: none;}}@utility fi-sc{:is(.fi-fo-field .fi-fo-field-label-ctn,.fi-fo-field .fi-fo-field-label) > &:first-child {flex-grow: 0;} .fi-in-entry .fi-in-entry-label-ctn > &:first-child {flex-grow: 0;} .fi-sc-fused-group > & { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); } .fi-sc-fused-group > &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } .fi-sc-fused-group > &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group > &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-sc-fused-group > &:where(.dark,.dark *):focus-within { --tw-ring-color: var(--primary-500); } .fi-sc-fused-group & {border-radius: var(--radius-lg); background-color: var(--gray-950); gap: 1px;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group & {background-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} .fi-sc-fused-group &:where(.dark,.dark *) {background-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-fused-group &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-sc-fused-group & .fi-sc-component {height: 100%;} .fi-sc-fused-group & .fi-sc-component .fi-fo-field {height: 100%;} .fi-sc-fused-group & .fi-sc-component .fi-input {height: 100%;} .fi-sc-fused-group & > :first-child .fi-input-wrp {border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);} .fi-sc-fused-group & > :last-child .fi-input-wrp {border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;} @media (min-width: 40rem) {.fi-sc-fused-group &.sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {.fi-sc-fused-group &.md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {.fi-sc-fused-group &.lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {.fi-sc-fused-group &.xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {.fi-sc-fused-group &.\32xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\32xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @supports (container-type: inline-size) {@container (min-width:16rem) {.fi-sc-fused-group &.\@3xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@3xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:18rem) {.fi-sc-fused-group &.\@2xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@2xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:20rem) {.fi-sc-fused-group &.\@xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:24rem) {.fi-sc-fused-group &.\@sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:28rem) {.fi-sc-fused-group &.\@md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:32rem) {.fi-sc-fused-group &.\@lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:36rem) {.fi-sc-fused-group &.\@xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:42rem) {.fi-sc-fused-group &.\@2xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@2xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:48rem) {.fi-sc-fused-group &.\@3xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@3xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:56rem) {.fi-sc-fused-group &.\@4xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@4xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:64rem) {.fi-sc-fused-group &.\@5xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@5xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:72rem) {.fi-sc-fused-group &.\@6xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@6xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:80rem) {.fi-sc-fused-group &.\@7xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\@7xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-sc-fused-group &.\!\@sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\!\@sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {.fi-sc-fused-group &.\!\@md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\!\@md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {.fi-sc-fused-group &.\!\@lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\!\@lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {.fi-sc-fused-group &.\!\@xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\!\@xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {.fi-sc-fused-group &.\!\@2xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.\!\@2xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &.fi-inline {flex-wrap: wrap; flex-grow: 1; align-items: center; display: flex;} &.fi-sc-has-gap {gap: calc(var(--spacing) * 6);} &.fi-sc-has-gap.fi-sc-dense {gap: calc(var(--spacing) * 3);} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-between {justify-content: space-between;} &.fi-align-justify {justify-content: space-between;} & > .fi-hidden {display: none;} & > .fi-grid-col.fi-width-xs {max-width: var(--container-xs);} & > .fi-grid-col.fi-width-sm {max-width: var(--container-sm);} & > .fi-grid-col.fi-width-md {max-width: var(--container-md);} & > .fi-grid-col.fi-width-lg {max-width: var(--container-lg);} & > .fi-grid-col.fi-width-xl {max-width: var(--container-xl);} & > .fi-grid-col.fi-width-2xl {max-width: var(--container-2xl);} & > .fi-grid-col.fi-width-3xl {max-width: var(--container-3xl);} & > .fi-grid-col.fi-width-4xl {max-width: var(--container-4xl);} & > .fi-grid-col.fi-width-5xl {max-width: var(--container-5xl);} & > .fi-grid-col.fi-width-6xl {max-width: var(--container-6xl);} & > .fi-grid-col.fi-width-7xl {max-width: var(--container-7xl);} & > .fi-grid-col > .fi-sc-component {height: 100%;}}@utility fi-fo-field-label-content{.fi-fo-field & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-fo-field &:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-field & .fi-fo-field-label-required-mark { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } .fi-fo-field & .fi-fo-field-label-required-mark:where(.dark,.dark *) {color: var(--danger-400);} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table > tbody > tr > td & {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table > tbody > tr > td & {display: none;}}}}@utility fi-fo-field-label-required-mark{.fi-fo-field .fi-fo-field-label-content & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } .fi-fo-field .fi-fo-field-label-content &:where(.dark,.dark *) {color: var(--danger-400);}}@utility fi-fo-field-label-col{.fi-fo-field & {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); height: 100%; display: grid;} @media (min-width: 40rem) {.fi-fo-field &.fi-vertical-align-start {align-items: flex-start;} .fi-fo-field &.fi-vertical-align-center {align-items: center;} .fi-fo-field &.fi-vertical-align-end {align-items: flex-end;}} @media (min-width: 40rem) {.fi-fo-key-value-wrp.fi-fo-field-has-inline-label & {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {.fi-fo-select-wrp.fi-fo-field-has-inline-label & {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {.fi-fo-tags-input-wrp.fi-fo-field-has-inline-label & {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {.fi-fo-textarea-wrp.fi-fo-field-has-inline-label & {padding-top: calc(var(--spacing) * 1.5);}} @media (min-width: 40rem) {.fi-fo-toggle-buttons-wrp.fi-fo-field-has-inline-label & {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-vertical-align-start{@media (min-width: 40rem) {.fi-fo-field &.fi-fo-field-label-col {align-items: flex-start;}} &.fi-no.fi-align-center .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {flex-direction: column-reverse; justify-content: flex-end;} &.fi-sc-actions {justify-content: flex-start;} &.fi-ta-cell {vertical-align: top;}}@utility fi-vertical-align-end{@media (min-width: 40rem) {.fi-fo-field &.fi-fo-field-label-col {align-items: flex-end;}} &.fi-no.fi-align-center .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-no {flex-direction: column; justify-content: flex-end;} &.fi-sc-actions {justify-content: flex-end;} &.fi-sc-flex.fi-from-default {align-items: flex-end;} @media (min-width: 40rem) {&.fi-sc-flex.fi-from-sm {align-items: flex-end;}} @media (min-width: 48rem) {&.fi-sc-flex.fi-from-md {align-items: flex-end;}} @media (min-width: 64rem) {&.fi-sc-flex.fi-from-lg {align-items: flex-end;}} @media (min-width: 80rem) {&.fi-sc-flex.fi-from-xl {align-items: flex-end;}} @media (min-width: 96rem) {&.fi-sc-flex.fi-from-2xl {align-items: flex-end;}} &.fi-ta-cell {vertical-align: bottom;}}@utility fi-fo-field-content-ctn{.fi-fo-field & {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; display: flex;}}@utility fi-fo-field-content{.fi-fo-field & {width: 100%;}}@utility fi-fo-field-wrp-error-message{.fi-fo-field & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--danger-600);} .fi-fo-field &:where(.dark,.dark *) {color: var(--danger-400);} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater.fi-compact & {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater.fi-compact & {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);}}}}@utility fi-fo-field-wrp-error-list{.fi-fo-field & {list-style-type: disc; list-style-position: inside;} :where(.fi-fo-field & > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * .5) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)) ); }}@utility fi-fo-file-upload{row-gap: calc(var(--spacing) * 2); flex-direction: column; display: flex; &.fi-align-start {align-items: flex-start;} &.fi-align-left {align-items: flex-start;} &.fi-align-center {align-items: center;} &.fi-align-end {align-items: flex-end;} &.fi-align-right {align-items: flex-end;} & .fi-fo-file-upload-input-ctn {width: 100%; height: 100%;} &.fi-fo-file-upload-avatar .fi-fo-file-upload-input-ctn {height: 100%; width: calc(var(--spacing) * 32);} & .fi-fo-file-upload-error-message {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--danger-600);} & .fi-fo-file-upload-error-message:where(.dark,.dark *) {color: var(--danger-400);} & .filepond--root {margin-bottom: calc(var(--spacing) * 0); border-radius: var(--radius-lg); background-color: var(--color-white); font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); overflow: hidden;} & .filepond--root:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .filepond--root:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .filepond--root:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& .filepond--root:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .filepond--root[data-disabled="disabled"] {background-color: var(--gray-50);} & .filepond--root[data-disabled="disabled"]:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab,red,red)) {& .filepond--root[data-disabled="disabled"]:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .filepond--root[data-style-panel-layout="compact circle"] {border-radius: 3.40282e38px;} & .filepond--panel-root {background-color: #0000;} & .filepond--drop-label label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); padding: calc(var(--spacing) * 3) !important;} & .filepond--drop-label label:where(.dark,.dark *) {color: var(--gray-400);} & .filepond--label-action { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--primary-600); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; text-decoration-line: none; transition-duration: 75ms; } @media (hover: hover) {& .filepond--label-action:hover {color: var(--primary-500);}} & .filepond--label-action:where(.dark,.dark *) {color: var(--color-white);} @media (hover: hover) {& .filepond--label-action:where(.dark,.dark *):hover {color: var(--primary-500);}} & .filepond--drip-blob {background-color: var(--gray-400);} & .filepond--drip-blob:where(.dark,.dark *) {background-color: var(--gray-500);} & .filepond--root[data-style-panel-layout="grid"] .filepond--item {width: calc(50% - .5rem) ; display: inline;} @media (min-width: 64rem) {& .filepond--root[data-style-panel-layout="grid"] .filepond--item {width: calc(33.33% - .5rem) ;}} & .filepond--download-icon {pointer-events: auto; width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); background-color: var(--color-white); vertical-align: bottom; margin-inline-end: calc(var(--spacing) * 1); display: inline-block;} @media (hover: hover) {& .filepond--download-icon:hover {background-color: #ffffffb3;} @supports (color: color-mix(in lab,red,red)) {& .filepond--download-icon:hover {background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}}} & .filepond--download-icon {-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} & .filepond--open-icon {pointer-events: auto; width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); background-color: var(--color-white); vertical-align: bottom; margin-inline-end: calc(var(--spacing) * 1); display: inline-block;} @media (hover: hover) {& .filepond--open-icon:hover {background-color: #ffffffb3;} @supports (color: color-mix(in lab,red,red)) {& .filepond--open-icon:hover {background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}}} & .filepond--open-icon {-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} & .filepond--file-action-button.filepond--action-edit-item {background-color: #00000080;} @supports (color: color-mix(in lab,red,red)) {& .filepond--file-action-button.filepond--action-edit-item {background-color: color-mix(in oklab,var(--color-black) 50%,transparent);}} & .fi-fo-file-upload-editor {inset: calc(var(--spacing) * 0); isolation: isolate; z-index: 50; width: 100vw; height: 100dvh; padding: calc(var(--spacing) * 2); position: fixed;} @media (min-width: 40rem) {& .fi-fo-file-upload-editor {padding: calc(var(--spacing) * 10);}} @media (min-width: 48rem) {& .fi-fo-file-upload-editor {padding: calc(var(--spacing) * 20);}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay {inset: calc(var(--spacing) * 0); cursor: pointer; background-color: var(--gray-950); width: 100%; height: 100%; position: fixed;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-overlay {will-change: transform;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window {isolation: isolate; border-radius: var(--radius-xl); background-color: var(--color-white); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; height: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-900); flex-direction: column; margin-inline: auto; display: flex; overflow: hidden;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window { --tw-ring-color: color-mix(in oklab, var(--gray-900) 10%, transparent); }} @media (min-width: 64rem) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window {flex-direction: row;}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark,.dark *) {background-color: var(--gray-800); --tw-ring-color: var(--gray-50);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-window:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-50) 10%, transparent); }} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image-ctn {margin: calc(var(--spacing) * 4); flex: 1; max-width: 100%; max-height: 100%;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-image {width: auto; height: 100%;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel {background-color: var(--gray-50); flex-direction: column; flex: 1; width: 100%; height: 100%; display: flex; overflow-y: auto;} @media (min-width: 64rem) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel {max-width: var(--container-xs);}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main {flex: 1;} :where(& .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 6) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) ); } & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main {padding: calc(var(--spacing) * 4); overflow: auto;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group {gap: calc(var(--spacing) * 3); display: grid;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn-group {width: 100%;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active {background-color: var(--gray-50);} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(.dark,.dark *) {background-color: var(--gray-700);} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-950);} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-footer {align-items: center; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} & .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-reset-action {margin-left: auto;} & .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal {background-color: var(--gray-100);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal {background-color: color-mix(in oklab,var(--gray-100) 50%,transparent);}} & .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal {opacity: 1;} & .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-file-upload-editor .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}} & .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-view-box {border-radius: 50%;} & .fi-fo-file-upload-editor.fi-fo-file-upload-editor-circle-cropper .cropper-face {border-radius: 50%;}}@utility fi-fo-file-upload-input-ctn{.fi-fo-file-upload & {width: 100%; height: 100%;} .fi-fo-file-upload.fi-fo-file-upload-avatar & {height: 100%; width: calc(var(--spacing) * 32);}}@utility fi-fo-file-upload-avatar{&.fi-fo-file-upload .fi-fo-file-upload-input-ctn {height: 100%; width: calc(var(--spacing) * 32);}}@utility fi-fo-file-upload-error-message{.fi-fo-file-upload & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--danger-600);} .fi-fo-file-upload &:where(.dark,.dark *) {color: var(--danger-400);}}@utility filepond--download-icon{.fi-fo-file-upload & {pointer-events: auto; width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); background-color: var(--color-white); vertical-align: bottom; margin-inline-end: calc(var(--spacing) * 1); display: inline-block;} @media (hover: hover) {.fi-fo-file-upload &:hover {background-color: #ffffffb3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &:hover {background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}}} .fi-fo-file-upload & {-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}}@utility filepond--open-icon{.fi-fo-file-upload & {pointer-events: auto; width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); background-color: var(--color-white); vertical-align: bottom; margin-inline-end: calc(var(--spacing) * 1); display: inline-block;} @media (hover: hover) {.fi-fo-file-upload &:hover {background-color: #ffffffb3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload &:hover {background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}}} .fi-fo-file-upload & {-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJoLTYgdy02IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEwIDZINmEyIDIgMCAwMC0yIDJ2MTBhMiAyIDAgMDAyIDJoMTBhMiAyIDAgMDAyLTJ2LTRNMTQgNGg2bTAgMHY2bTAtNkwxMCAxNCIgLz4KPC9zdmc+Cg==); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;}}@utility fi-fo-file-upload-editor{.fi-fo-file-upload & {inset: calc(var(--spacing) * 0); isolation: isolate; z-index: 50; width: 100vw; height: 100dvh; padding: calc(var(--spacing) * 2); position: fixed;} @media (min-width: 40rem) {.fi-fo-file-upload & {padding: calc(var(--spacing) * 10);}} @media (min-width: 48rem) {.fi-fo-file-upload & {padding: calc(var(--spacing) * 20);}} .fi-fo-file-upload & .fi-fo-file-upload-editor-overlay {inset: calc(var(--spacing) * 0); cursor: pointer; background-color: var(--gray-950); width: 100%; height: 100%; position: fixed;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .fi-fo-file-upload-editor-overlay {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);}} .fi-fo-file-upload & .fi-fo-file-upload-editor-overlay:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .fi-fo-file-upload-editor-overlay:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-fo-file-upload & .fi-fo-file-upload-editor-overlay {will-change: transform;} .fi-fo-file-upload & .fi-fo-file-upload-editor-window {isolation: isolate; border-radius: var(--radius-xl); background-color: var(--color-white); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; height: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-900); flex-direction: column; margin-inline: auto; display: flex; overflow: hidden;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .fi-fo-file-upload-editor-window { --tw-ring-color: color-mix(in oklab, var(--gray-900) 10%, transparent); }} @media (min-width: 64rem) {.fi-fo-file-upload & .fi-fo-file-upload-editor-window {flex-direction: row;}} .fi-fo-file-upload & .fi-fo-file-upload-editor-window:where(.dark,.dark *) {background-color: var(--gray-800); --tw-ring-color: var(--gray-50);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .fi-fo-file-upload-editor-window:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-50) 10%, transparent); }} .fi-fo-file-upload & .fi-fo-file-upload-editor-image-ctn {margin: calc(var(--spacing) * 4); flex: 1; max-width: 100%; max-height: 100%;} .fi-fo-file-upload & .fi-fo-file-upload-editor-image {width: auto; height: 100%;} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel {background-color: var(--gray-50); flex-direction: column; flex: 1; width: 100%; height: 100%; display: flex; overflow-y: auto;} @media (min-width: 64rem) {.fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel {max-width: var(--container-xs);}} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main {flex: 1;} :where(.fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 6) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) ); } .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-main {padding: calc(var(--spacing) * 4); overflow: auto;} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group {gap: calc(var(--spacing) * 3); display: grid;} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn-group {width: 100%;} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active {background-color: var(--gray-50);} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-950);} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-footer {align-items: center; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} .fi-fo-file-upload & .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-reset-action {margin-left: auto;} .fi-fo-file-upload & .cropper-drag-box.cropper-crop.cropper-modal {background-color: var(--gray-100);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .cropper-drag-box.cropper-crop.cropper-modal {background-color: color-mix(in oklab,var(--gray-100) 50%,transparent);}} .fi-fo-file-upload & .cropper-drag-box.cropper-crop.cropper-modal {opacity: 1;} .fi-fo-file-upload & .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload & .cropper-drag-box.cropper-crop.cropper-modal:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 80%,transparent);}} .fi-fo-file-upload &.fi-fo-file-upload-editor-circle-cropper .cropper-view-box {border-radius: 50%;} .fi-fo-file-upload &.fi-fo-file-upload-editor-circle-cropper .cropper-face {border-radius: 50%;}}@utility fi-fo-file-upload-editor-overlay{.fi-fo-file-upload .fi-fo-file-upload-editor & {inset: calc(var(--spacing) * 0); cursor: pointer; background-color: var(--gray-950); width: 100%; height: 100%; position: fixed;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor & {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor & {will-change: transform;}}@utility fi-fo-file-upload-editor-window{.fi-fo-file-upload .fi-fo-file-upload-editor & {isolation: isolate; border-radius: var(--radius-xl); background-color: var(--color-white); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); width: 100%; height: 100%; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-ring-color: var(--gray-900); flex-direction: column; margin-inline: auto; display: flex; overflow: hidden;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor & { --tw-ring-color: color-mix(in oklab, var(--gray-900) 10%, transparent); }} @media (min-width: 64rem) {.fi-fo-file-upload .fi-fo-file-upload-editor & {flex-direction: row;}} .fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) {background-color: var(--gray-800); --tw-ring-color: var(--gray-50);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-50) 10%, transparent); }}}@utility fi-fo-file-upload-editor-image-ctn{.fi-fo-file-upload .fi-fo-file-upload-editor & {margin: calc(var(--spacing) * 4); flex: 1; max-width: 100%; max-height: 100%;}}@utility fi-fo-file-upload-editor-image{.fi-fo-file-upload .fi-fo-file-upload-editor & {width: auto; height: 100%;}}@utility fi-fo-file-upload-editor-control-panel{.fi-fo-file-upload .fi-fo-file-upload-editor & {background-color: var(--gray-50); flex-direction: column; flex: 1; width: 100%; height: 100%; display: flex; overflow-y: auto;} @media (min-width: 64rem) {.fi-fo-file-upload .fi-fo-file-upload-editor & {max-width: var(--container-xs);}} .fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-file-upload .fi-fo-file-upload-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-main {flex: 1;} :where(.fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-main > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 6) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) ); } .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-main {padding: calc(var(--spacing) * 4); overflow: auto;} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group {gap: calc(var(--spacing) * 3); display: grid;} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group .fi-btn-group {width: 100%;} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active {background-color: var(--gray-50);} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group .fi-btn.fi-active:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-950);} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-group .fi-fo-file-upload-editor-control-panel-group-title:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-footer {align-items: center; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} .fi-fo-file-upload .fi-fo-file-upload-editor & .fi-fo-file-upload-editor-control-panel-reset-action {margin-left: auto;}}@utility fi-fo-file-upload-editor-control-panel-main{.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & {flex: 1;} :where(.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 6) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) ); } .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & {padding: calc(var(--spacing) * 4); overflow: auto;}}@utility fi-fo-file-upload-editor-control-panel-group{.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & {gap: calc(var(--spacing) * 3); display: grid;} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & .fi-btn-group {width: 100%;} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & .fi-btn.fi-active {background-color: var(--gray-50);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & .fi-btn.fi-active:where(.dark,.dark *) {background-color: var(--gray-700);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & .fi-fo-file-upload-editor-control-panel-group-title {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-950);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & .fi-fo-file-upload-editor-control-panel-group-title:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-file-upload-editor-control-panel-group-title{.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group & {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-950);} .fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel .fi-fo-file-upload-editor-control-panel-group &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-file-upload-editor-control-panel-footer{.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & {align-items: center; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;}}@utility fi-fo-file-upload-editor-control-panel-reset-action{.fi-fo-file-upload .fi-fo-file-upload-editor .fi-fo-file-upload-editor-control-panel & {margin-left: auto;}}@utility fi-fo-file-upload-editor-circle-cropper{.fi-fo-file-upload &.fi-fo-file-upload-editor .cropper-view-box {border-radius: 50%;} .fi-fo-file-upload &.fi-fo-file-upload-editor .cropper-face {border-radius: 50%;}}@utility fi-fo-key-value{:where(& .fi-fo-key-value-table-ctn > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& .fi-fo-key-value-table-ctn:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-fo-key-value-table-ctn:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-key-value-table {table-layout: auto; width: 100%;} :where(& .fi-fo-key-value-table > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& .fi-fo-key-value-table:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-fo-key-value-table:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-key-value-table > thead > tr > th {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700);} & .fi-fo-key-value-table > thead > tr > th:where(.dark,.dark *) {color: var(--gray-200);} & .fi-fo-key-value-table > thead > tr > th.fi-has-action {width: calc(var(--spacing) * 9); padding: calc(var(--spacing) * 0);} :where(& .fi-fo-key-value-table > tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& .fi-fo-key-value-table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-fo-key-value-table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(& .fi-fo-key-value-table > tbody > tr > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: var(--gray-200); } :where(& .fi-fo-key-value-table > tbody > tr:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) > :not(:last-child)) { --tw-divide-x-reverse: 1; } :where(& .fi-fo-key-value-table > tbody > tr:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-fo-key-value-table > tbody > tr:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-key-value-table > tbody > tr > td {width: 50%; padding: calc(var(--spacing) * 0);} & .fi-fo-key-value-table > tbody > tr > td.fi-has-action {width: auto; padding: calc(var(--spacing) * .5);} & .fi-fo-key-value-table > tbody > tr > td.fi-has-action .fi-fo-key-value-table-row-sortable-handle {display: flex;} & .fi-fo-key-value-table > tbody > tr > td .fi-input {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} & .fi-fo-key-value-add-action-ctn {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); justify-content: center; display: flex;}}@utility fi-fo-key-value-table-ctn{:where(.fi-fo-key-value & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-fo-key-value &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-key-value-table{.fi-fo-key-value & {table-layout: auto; width: 100%;} :where(.fi-fo-key-value & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-fo-key-value &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-key-value & > thead > tr > th {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700);} .fi-fo-key-value & > thead > tr > th:where(.dark,.dark *) {color: var(--gray-200);} .fi-fo-key-value & > thead > tr > th.fi-has-action {width: calc(var(--spacing) * 9); padding: calc(var(--spacing) * 0);} :where(.fi-fo-key-value & > tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-fo-key-value & > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value & > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(.fi-fo-key-value & > tbody > tr > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: var(--gray-200); } :where(.fi-fo-key-value & > tbody > tr:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) > :not(:last-child)) { --tw-divide-x-reverse: 1; } :where(.fi-fo-key-value & > tbody > tr:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-key-value & > tbody > tr:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-key-value & > tbody > tr > td {width: 50%; padding: calc(var(--spacing) * 0);} .fi-fo-key-value & > tbody > tr > td.fi-has-action {width: auto; padding: calc(var(--spacing) * .5);} .fi-fo-key-value & > tbody > tr > td.fi-has-action .fi-fo-key-value-table-row-sortable-handle {display: flex;} .fi-fo-key-value & > tbody > tr > td .fi-input {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}}@utility fi-has-action{.fi-fo-key-value .fi-fo-key-value-table > thead > tr > &th {width: calc(var(--spacing) * 9); padding: calc(var(--spacing) * 0);} .fi-fo-key-value .fi-fo-key-value-table > tbody > tr > &td {width: auto; padding: calc(var(--spacing) * .5);} .fi-fo-key-value .fi-fo-key-value-table > tbody > tr > &td .fi-fo-key-value-table-row-sortable-handle {display: flex;}}@utility fi-fo-key-value-table-row-sortable-handle{.fi-fo-key-value .fi-fo-key-value-table > tbody > tr > td.fi-has-action & {display: flex;}}@utility fi-fo-key-value-add-action-ctn{.fi-fo-key-value & {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); justify-content: center; display: flex;}}@utility fi-fo-key-value-wrp{@media (min-width: 40rem) {&.fi-fo-field-has-inline-label .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-fo-markdown-editor{ --color-cm-red: #991b1b; --color-cm-orange: #9a3412; --color-cm-amber: #92400e; --color-cm-yellow: #854d0e; --color-cm-lime: #3f6212; --color-cm-green: #166534; --color-cm-emerald: #065f46; --color-cm-teal: #115e59; --color-cm-cyan: #155e75; --color-cm-sky: #075985; --color-cm-blue: #1e40af; --color-cm-indigo: #3730a3; --color-cm-violet: #5b21b6; --color-cm-purple: #6b21a8; --color-cm-fuchsia: #86198f; --color-cm-pink: #9d174d; --color-cm-rose: #9f1239; --color-cm-gray: #18181b; --color-cm-gray-muted: #71717a; --color-cm-gray-background: #e4e4e7; &:not(.fi-disabled) { max-width: 100%; font-family: var(--mono-font-family), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-950); overflow: hidden; } &:not(.fi-disabled):where(.dark, .dark *) { color: var(--color-white); } &.fi-disabled { border-radius: var(--radius-lg); background-color: var(--gray-50); width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); display: block; } &.fi-disabled:where(.dark, .dark *) { color: var(--gray-400); --tw-ring-color: #ffffff1a; background-color: #0000; } @supports (color: color-mix(in lab, red, red)) { &.fi-disabled:where(.dark, .dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } & .EasyMDEContainer .CodeMirror { padding-inline: calc(var(--spacing) * 4) !important; padding-block: calc(var(--spacing) * 3) !important; } & .cm-s-easymde .cm-comment { color: var(--color-cm-gray-muted); background-color: #0000; } & .EasyMDEContainer .CodeMirror-cursor { border-color: currentColor; } & .EasyMDEContainer .cm-s-easymde .cm-keyword { color: var(--color-cm-violet); } & .EasyMDEContainer .cm-s-easymde .cm-atom { color: var(--color-cm-blue); } & .EasyMDEContainer .cm-s-easymde .cm-number { color: var(--color-cm-green); } & .EasyMDEContainer .cm-s-easymde .cm-def { color: var(--color-cm-blue); } & .EasyMDEContainer .cm-s-easymde .cm-variable { color: var(--color-cm-yellow); } & .EasyMDEContainer .cm-s-easymde .cm-variable-2 { color: var(--color-cm-blue); } & .EasyMDEContainer .cm-s-easymde .cm-variable-3 { color: var(--color-cm-emerald); } & .EasyMDEContainer .cm-s-easymde .cm-property { color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-operator { color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-string { color: var(--color-cm-rose); } & .EasyMDEContainer .cm-s-easymde .cm-string-2 { color: var(--color-cm-rose); } & .EasyMDEContainer .cm-s-easymde .cm-meta { color: var(--color-cm-gray-muted); } & .EasyMDEContainer .cm-s-easymde .cm-error { color: var(--color-cm-red); } & .EasyMDEContainer .cm-s-easymde .cm-qualifier { color: var(--color-cm-gray-muted); } & .EasyMDEContainer .cm-s-easymde .cm-builtin { color: var(--color-cm-violet); } & .EasyMDEContainer .cm-s-easymde .cm-bracket { color: var(--color-cm-gray-muted); } & .EasyMDEContainer .cm-s-easymde .cm-hr { color: var(--color-cm-gray-muted); } & .EasyMDEContainer .cm-s-easymde .cm-formatting-quote { color: var(--color-cm-sky); } & .EasyMDEContainer .cm-s-easymde .cm-formatting-quote + .cm-quote { color: var(--color-cm-gray-muted); } & .EasyMDEContainer .cm-s-easymde .cm-formatting-list { color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-formatting-list + .cm-variable-2 { color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-tab + .cm-variable-2 { color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-link { color: var(--color-cm-blue); } & .EasyMDEContainer .cm-s-easymde .cm-tag { color: var(--color-cm-red); } & .EasyMDEContainer .cm-s-easymde .cm-attribute { color: var(--color-cm-amber); } & .EasyMDEContainer .cm-s-easymde .cm-attribute + .cm-string { color: var(--color-cm-green); } & .EasyMDEContainer .cm-s-easymde .cm-formatting-code + .cm-comment:not(.cm-formatting-code) { background-color: var(--color-cm-gray-background); color: var(--color-cm-gray); } & .EasyMDEContainer .cm-s-easymde .cm-header-1 { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-header-2 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-header-3 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-header-4 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-header-5 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-header-6 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } & .EasyMDEContainer .cm-s-easymde .cm-comment { background-image: none; } & .EasyMDEContainer .cm-s-easymde .cm-formatting-code-block { color: inherit; background-color: #0000; } & .EasyMDEContainer .cm-s-easymde .cm-tab + .cm-comment { color: inherit; background-color: #0000; } & .EasyMDEContainer .CodeMirror { --tw-border-style: none; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); color: inherit; background-color: #0000; border-style: none; } & .EasyMDEContainer .CodeMirror-scroll { height: auto; } & .EasyMDEContainer .editor-toolbar { gap: calc(var(--spacing) * 1); border-style: var(--tw-border-style); border-width: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); border-radius: 0; flex-wrap: wrap; display: flex; } & .EasyMDEContainer .editor-toolbar:where(.dark, .dark *) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { & .EasyMDEContainer .editor-toolbar:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } & .EasyMDEContainer .editor-toolbar button { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); border-radius: var(--radius-lg); --tw-border-style: none; padding: calc(var(--spacing) * 0); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; border-style: none; place-content: center; transition-duration: 75ms; display: grid; } @media (hover: hover) { & .EasyMDEContainer .editor-toolbar button:hover { background-color: var(--gray-50); } } & .EasyMDEContainer .editor-toolbar button:focus-visible { background-color: var(--gray-50); } @media (hover: hover) { & .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):hover { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { & .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):hover { background-color: color-mix( in oklab, var(--color-white) 5%, transparent ); } } } & .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):focus-visible { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { & .EasyMDEContainer .editor-toolbar button:where(.dark, .dark *):focus-visible { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } & .EasyMDEContainer .editor-toolbar button.active { background-color: var(--gray-50); } & .EasyMDEContainer .editor-toolbar button.active:where(.dark, .dark *) { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { & .EasyMDEContainer .editor-toolbar button.active:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } & .EasyMDEContainer .editor-toolbar button:before { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); background-color: var(--gray-700); content: ""; display: block; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } & .EasyMDEContainer .editor-toolbar button.active:before { background-color: var(--primary-600); } & .EasyMDEContainer .editor-toolbar .separator { width: calc(var(--spacing) * 1); --tw-border-style: none; border-style: none; margin: calc(var(--spacing) * 0) !important; } & .EasyMDEContainer .editor-toolbar .bold:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .italic:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .strikethrough:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .link:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .heading:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .quote:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .code:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .unordered-list:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .ordered-list:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .table:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .upload-image:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .undo:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-toolbar .redo:before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); } & .EasyMDEContainer .editor-statusbar { display: none; } &:where(.dark, .dark *) { --color-cm-red: #f87171; --color-cm-orange: #fb923c; --color-cm-amber: #fbbf24; --color-cm-yellow: #facc15; --color-cm-lime: #a3e635; --color-cm-green: #4ade80; --color-cm-emerald: #4ade80; --color-cm-teal: #2dd4bf; --color-cm-cyan: #22d3ee; --color-cm-sky: #38bdf8; --color-cm-blue: #60a5fa; --color-cm-indigo: #818cf8; --color-cm-violet: #a78bfa; --color-cm-purple: #c084fc; --color-cm-fuchsia: #e879f9; --color-cm-pink: #f472b6; --color-cm-rose: #fb7185; --color-cm-gray: #fafafa; --color-cm-gray-muted: #a1a1aa; --color-cm-gray-background: #52525b; } &:where(.dark, .dark *) .EasyMDEContainer .cm-s-easymde span.CodeMirror-selectedtext { filter: invert(); } &:where(.dark, .dark *) .EasyMDEContainer .editor-toolbar button:before { background-color: var(--gray-300); } &:where(.dark, .dark *) .EasyMDEContainer .editor-toolbar button.active:before { background-color: var(--primary-400); } }@utility cm-variable{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-yellow);}}@utility cm-property{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray);}}@utility cm-operator{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray);}}@utility cm-formatting-quote{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-sky);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-quote {color: var(--color-cm-gray-muted);}}@utility cm-formatting-list{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: var(--color-cm-gray);} .fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-variable-2 {color: var(--color-cm-gray);}}@utility cm-formatting-code{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & + .cm-comment:not(.cm-formatting-code) {background-color: var(--color-cm-gray-background); color: var(--color-cm-gray);}}@utility cm-formatting-code-block{.fi-fo-markdown-editor .EasyMDEContainer .cm-s-easymde & {color: inherit; background-color: #0000;}}@utility bold{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M4 3a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.274 7.587A4.75 4.75 0 0 1 11.25 18H5a1 1 0 0 1-1-1V3Zm2.5 5.5v-4H11a2 2 0 1 1 0 4H6.5Zm0 2.5v4.5h4.75a2.25 2.25 0 0 0 0-4.5H6.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility italic{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility strikethrough{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M11.617 3.963c-1.186-.318-2.418-.323-3.416.015-.992.336-1.49.91-1.642 1.476-.152.566-.007 1.313.684 2.1.528.6 1.273 1.1 2.128 1.446h7.879a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5h3.813a5.976 5.976 0 0 1-.447-.456C5.18 7.479 4.798 6.231 5.11 5.066c.312-1.164 1.268-2.055 2.61-2.509 1.336-.451 2.877-.42 4.286-.043.856.23 1.684.592 2.409 1.074a.75.75 0 1 1-.83 1.25 6.723 6.723 0 0 0-1.968-.875Zm1.909 8.123a.75.75 0 0 1 1.015.309c.53.99.607 2.062.18 3.01-.421.94-1.289 1.648-2.441 2.038-1.336.452-2.877.42-4.286.043-1.409-.377-2.759-1.121-3.69-2.18a.75.75 0 1 1 1.127-.99c.696.791 1.765 1.403 2.952 1.721 1.186.318 2.418.323 3.416-.015.853-.288 1.34-.756 1.555-1.232.21-.467.205-1.049-.136-1.69a.75.75 0 0 1 .308-1.014Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility link{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z' /%3E%3Cpath d='M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z' /%3E%3C/svg%3E%0A");}}@utility heading{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M2.75 4a.75.75 0 0 1 .75.75v4.5h5v-4.5a.75.75 0 0 1 1.5 0v10.5a.75.75 0 0 1-1.5 0v-4.5h-5v4.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 2.75 4ZM13 8.75a.75.75 0 0 1 .75-.75h1.75a.75.75 0 0 1 .75.75v5.75h1a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h1v-5h-1a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility quote{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M10 2c-2.236 0-4.43.18-6.57.524C1.993 2.755 1 4.014 1 5.426v5.148c0 1.413.993 2.67 2.43 2.902 1.168.188 2.352.327 3.55.414.28.02.521.18.642.413l1.713 3.293a.75.75 0 0 0 1.33 0l1.713-3.293a.783.783 0 0 1 .642-.413 41.102 41.102 0 0 0 3.55-.414c1.437-.231 2.43-1.49 2.43-2.902V5.426c0-1.413-.993-2.67-2.43-2.902A41.289 41.289 0 0 0 10 2ZM6.75 6a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility code{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06ZM11.377 2.011a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility unordered-list{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M6 4.75A.75.75 0 0 1 6.75 4h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 4.75ZM6 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 10Zm0 5.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75a.75.75 0 0 1-.75-.75ZM1.99 4.75a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 15.25a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1v-.01ZM1.99 10a1 1 0 0 1 1-1H3a1 1 0 0 1 1 1v.01a1 1 0 0 1-1 1h-.01a1 1 0 0 1-1-1V10Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility ordered-list{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath d='M3 1.25a.75.75 0 0 0 0 1.5h.25v2.5a.75.75 0 0 0 1.5 0V2A.75.75 0 0 0 4 1.25H3ZM2.97 8.654a3.5 3.5 0 0 1 1.524-.12.034.034 0 0 1-.012.012L2.415 9.579A.75.75 0 0 0 2 10.25v1c0 .414.336.75.75.75h2.5a.75.75 0 0 0 0-1.5H3.927l1.225-.613c.52-.26.848-.79.848-1.371 0-.647-.429-1.327-1.193-1.451a5.03 5.03 0 0 0-2.277.155.75.75 0 0 0 .44 1.434ZM7.75 3a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 9.25a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM7.75 15.5a.75.75 0 0 0 0 1.5h9.5a.75.75 0 0 0 0-1.5h-9.5ZM2.625 13.875a.75.75 0 0 0 0 1.5h1.5a.125.125 0 0 1 0 .25H3.5a.75.75 0 0 0 0 1.5h.625a.125.125 0 0 1 0 .25h-1.5a.75.75 0 0 0 0 1.5h1.5a1.625 1.625 0 0 0 1.37-2.5 1.625 1.625 0 0 0-1.37-2.5h-1.5Z' /%3E%3C/svg%3E%0A");}}@utility table{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M.99 5.24A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25l.01 9.5A2.25 2.25 0 0 1 16.76 17H3.26A2.267 2.267 0 0 1 1 14.74l-.01-9.5Zm8.26 9.52v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.615c0 .414.336.75.75.75h5.373a.75.75 0 0 0 .627-.74Zm1.5 0a.75.75 0 0 0 .627.74h5.373a.75.75 0 0 0 .75-.75v-.615a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625Zm6.75-3.63v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75v.625c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75ZM17.5 7.5v-.625a.75.75 0 0 0-.75-.75H11.5a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75h5.25a.75.75 0 0 0 .75-.75Zm-8.25 0v-.625a.75.75 0 0 0-.75-.75H3.25a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H8.5a.75.75 0 0 0 .75-.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility upload-image{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility undo{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility redo{.fi-fo-markdown-editor .EasyMDEContainer .editor-toolbar &:before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='size-5'%3E%3Cpath fill-rule='evenodd' d='M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");}}@utility fi-fo-modal-table-select{&:not(.fi-fo-modal-table-select-multiple) {align-items: flex-start; column-gap: calc(var(--spacing) * 3); --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); display: flex;} &.fi-fo-modal-table-select-multiple {gap: calc(var(--spacing) * 2); display: grid;} &.fi-fo-modal-table-select-multiple .fi-fo-modal-table-select-badges-ctn {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;} & .fi-fo-modal-table-select-placeholder {color: var(--gray-400);} & .fi-fo-modal-table-select-placeholder:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-fo-modal-table-select-multiple{&.fi-fo-modal-table-select {gap: calc(var(--spacing) * 2); display: grid;} &.fi-fo-modal-table-select .fi-fo-modal-table-select-badges-ctn {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;}}@utility fi-fo-modal-table-select-badges-ctn{.fi-fo-modal-table-select.fi-fo-modal-table-select-multiple & {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;}}@utility fi-fo-modal-table-select-placeholder{.fi-fo-modal-table-select & {color: var(--gray-400);} .fi-fo-modal-table-select &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-fo-radio{gap: calc(var(--spacing) * 4); &.fi-inline {flex-wrap: wrap; display: flex;} &:not(.fi-inline).fi-grid-direction-col {margin-top: calc(var(--spacing) * -4);} &:not(.fi-inline).fi-grid-direction-col > .fi-fo-radio-label {break-inside: avoid; padding-top: calc(var(--spacing) * 4);} & > .fi-fo-radio-label {column-gap: calc(var(--spacing) * 3); align-self: flex-start; display: flex;} & > .fi-fo-radio-label > .fi-radio-input {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;} & > .fi-fo-radio-label > .fi-fo-radio-label-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} & > .fi-fo-radio-label > .fi-fo-radio-label-text:where(.dark,.dark *) {color: var(--color-white);} & > .fi-fo-radio-label .fi-fo-radio-label-description { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--gray-500); } & > .fi-fo-radio-label .fi-fo-radio-label-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-radio-label{.fi-fo-radio:not(.fi-inline).fi-grid-direction-col > & {break-inside: avoid; padding-top: calc(var(--spacing) * 4);} .fi-fo-radio > & {column-gap: calc(var(--spacing) * 3); align-self: flex-start; display: flex;} .fi-fo-radio > & > .fi-radio-input {margin-top: calc(var(--spacing) * 1); flex-shrink: 0;} .fi-fo-radio > & > .fi-fo-radio-label-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-fo-radio > & > .fi-fo-radio-label-text:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-radio > & .fi-fo-radio-label-description { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--gray-500); } .fi-fo-radio > & .fi-fo-radio-label-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-radio-label-text{.fi-fo-radio > .fi-fo-radio-label > & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-fo-radio > .fi-fo-radio-label > &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-radio-label-description{.fi-fo-radio > .fi-fo-radio-label & { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--gray-500); } .fi-fo-radio > .fi-fo-radio-label &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-repeater{row-gap: calc(var(--spacing) * 4); display: grid; & .fi-fo-repeater-actions {column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-repeater-actions.fi-hidden {display: none;} & .fi-fo-repeater-items {align-items: flex-start; gap: calc(var(--spacing) * 4);} & .fi-fo-repeater-item {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} & .fi-fo-repeater-item:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-repeater-item:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-repeater-item:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {& .fi-fo-repeater-item:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapsible-actions {rotate: -180deg;} & .fi-fo-repeater-item.fi-collapsed .fi-fo-repeater-item-header-collapse-action {pointer-events: none; opacity: 0;} & .fi-fo-repeater-item:not(.fi-collapsed) .fi-fo-repeater-item-header-expand-action {pointer-events: none; opacity: 0;} & .fi-fo-repeater-item-header {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex; overflow: hidden;} &.fi-collapsible .fi-fo-repeater-item-header {cursor: pointer; -webkit-user-select: none; user-select: none;} & .fi-fo-repeater-item-header-start-actions {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-repeater-item-header-icon {color: var(--gray-400);} & .fi-fo-repeater-item-header-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-fo-repeater-item-header-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-fo-repeater-item-header-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-repeater-item-header-label.fi-truncated {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} & .fi-fo-repeater-item-header-end-actions {align-items: center; column-gap: calc(var(--spacing) * 3); margin-inline-start: auto; display: flex;} & .fi-fo-repeater-item-header-collapsible-actions {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: relative;} & .fi-fo-repeater-item-header-collapse-action {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));} & .fi-fo-repeater-item-header-expand-action {inset: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; rotate: 180deg;} & .fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} & .fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-repeater-item-has-header > .fi-fo-repeater-item-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-repeater-item-content {padding: calc(var(--spacing) * 4);} & .fi-fo-repeater-add-between-items-ctn {justify-content: center; width: 100%; display: flex;} & .fi-fo-repeater-add-between-items {border-radius: var(--radius-lg); background-color: var(--color-white);} & .fi-fo-repeater-add-between-items:where(.dark,.dark *) {background-color: var(--gray-900);} & .fi-fo-repeater-label-between-items-ctn {margin-block: calc(var(--spacing) * -2); align-items: center; display: flex; position: relative;} & .fi-fo-repeater-label-between-items-divider-before {width: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex-shrink: 0;} & .fi-fo-repeater-label-between-items-divider-before:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-repeater-label-between-items-divider-before:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-repeater-label-between-items {padding-inline: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); flex-shrink: 0;} & .fi-fo-repeater-label-between-items:where(.dark,.dark *) {color: var(--gray-400);} & .fi-fo-repeater-label-between-items-divider-after {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex: 1;} & .fi-fo-repeater-label-between-items-divider-after:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-repeater-label-between-items-divider-after:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-repeater-add {justify-content: center; width: 100%; display: flex;} & .fi-fo-repeater-add.fi-align-start {justify-content: flex-start;} & .fi-fo-repeater-add.fi-align-left {justify-content: flex-start;} & .fi-fo-repeater-add.fi-align-end {justify-content: flex-end;} & .fi-fo-repeater-add.fi-align-right {justify-content: flex-end;}}@utility fi-fo-repeater-actions{.fi-fo-repeater & {column-gap: calc(var(--spacing) * 3); display: flex;} .fi-fo-repeater &.fi-hidden {display: none;}}@utility fi-fo-repeater-items{.fi-fo-repeater & {align-items: flex-start; gap: calc(var(--spacing) * 4);}}@utility fi-fo-repeater-item{.fi-fo-repeater & {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-fo-repeater &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-repeater &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-fo-repeater &.fi-collapsed .fi-fo-repeater-item-header-collapsible-actions {rotate: -180deg;} .fi-fo-repeater &.fi-collapsed .fi-fo-repeater-item-header-collapse-action {pointer-events: none; opacity: 0;} .fi-fo-repeater &:not(.fi-collapsed) .fi-fo-repeater-item-header-expand-action {pointer-events: none; opacity: 0;}}@utility fi-fo-repeater-item-header-collapsible-actions{.fi-fo-repeater .fi-fo-repeater-item.fi-collapsed & {rotate: -180deg;} .fi-fo-repeater & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: relative;}}@utility fi-fo-repeater-item-header-collapse-action{.fi-fo-repeater .fi-fo-repeater-item.fi-collapsed & {pointer-events: none; opacity: 0;} .fi-fo-repeater & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));}}@utility fi-fo-repeater-item-header-expand-action{.fi-fo-repeater .fi-fo-repeater-item:not(.fi-collapsed) & {pointer-events: none; opacity: 0;} .fi-fo-repeater & {inset: calc(var(--spacing) * 0); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; rotate: 180deg;}}@utility fi-fo-repeater-item-header{.fi-fo-repeater & {align-items: center; column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex; overflow: hidden;} .fi-fo-repeater.fi-collapsible & {cursor: pointer; -webkit-user-select: none; user-select: none;}}@utility fi-fo-repeater-item-header-start-actions{.fi-fo-repeater & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-fo-repeater-item-header-icon{.fi-fo-repeater & {color: var(--gray-400);} .fi-fo-repeater &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-fo-repeater-item-header-label{.fi-fo-repeater & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-fo-repeater &:where(.dark,.dark *) {color: var(--color-white);} .fi-fo-repeater &.fi-truncated {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}}@utility fi-fo-repeater-item-header-end-actions{.fi-fo-repeater & {align-items: center; column-gap: calc(var(--spacing) * 3); margin-inline-start: auto; display: flex;}}@utility fi-fo-repeater-item-has-header{.fi-fo-repeater & > .fi-fo-repeater-item-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} .fi-fo-repeater & > .fi-fo-repeater-item-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater & > .fi-fo-repeater-item-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-repeater-item-content{.fi-fo-repeater .fi-fo-repeater-item-has-header > & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-100);} .fi-fo-repeater .fi-fo-repeater-item-has-header > &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater .fi-fo-repeater-item-has-header > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-repeater & {padding: calc(var(--spacing) * 4);}}@utility fi-fo-repeater-add-between-items-ctn{.fi-fo-repeater & {justify-content: center; width: 100%; display: flex;}}@utility fi-fo-repeater-add-between-items{.fi-fo-repeater & {border-radius: var(--radius-lg); background-color: var(--color-white);} .fi-fo-repeater &:where(.dark,.dark *) {background-color: var(--gray-900);}}@utility fi-fo-repeater-label-between-items-ctn{.fi-fo-repeater & {margin-block: calc(var(--spacing) * -2); align-items: center; display: flex; position: relative;}}@utility fi-fo-repeater-label-between-items-divider-before{.fi-fo-repeater & {width: calc(var(--spacing) * 3); border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex-shrink: 0;} .fi-fo-repeater &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-repeater-label-between-items{.fi-fo-repeater & {padding-inline: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); flex-shrink: 0;} .fi-fo-repeater &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-fo-repeater-label-between-items-divider-after{.fi-fo-repeater & {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); flex: 1;} .fi-fo-repeater &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-repeater &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-repeater-add{.fi-fo-repeater & {justify-content: center; width: 100%; display: flex;} .fi-fo-repeater &.fi-align-start {justify-content: flex-start;} .fi-fo-repeater &.fi-align-left {justify-content: flex-start;} .fi-fo-repeater &.fi-align-end {justify-content: flex-end;} .fi-fo-repeater &.fi-align-right {justify-content: flex-end;}}@utility fi-fo-simple-repeater{row-gap: calc(var(--spacing) * 4); display: grid; & .fi-fo-simple-repeater-items {gap: calc(var(--spacing) * 4);} & .fi-fo-simple-repeater-item {justify-content: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-fo-simple-repeater-item-content {flex: 1;} & .fi-fo-simple-repeater-item-actions {align-items: center; column-gap: calc(var(--spacing) * 1); display: flex;} & .fi-fo-simple-repeater-add {justify-content: center; width: 100%; display: flex;} & .fi-fo-simple-repeater-add.fi-align-start {justify-content: flex-start;} & .fi-fo-simple-repeater-add.fi-align-left {justify-content: flex-start;} & .fi-fo-simple-repeater-add.fi-align-end {justify-content: flex-end;} & .fi-fo-simple-repeater-add.fi-align-right {justify-content: flex-end;}}@utility fi-fo-simple-repeater-items{.fi-fo-simple-repeater & {gap: calc(var(--spacing) * 4);}}@utility fi-fo-simple-repeater-item{.fi-fo-simple-repeater & {justify-content: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-fo-simple-repeater-item-content{.fi-fo-simple-repeater & {flex: 1;}}@utility fi-fo-simple-repeater-item-actions{.fi-fo-simple-repeater & {align-items: center; column-gap: calc(var(--spacing) * 1); display: flex;}}@utility fi-fo-simple-repeater-add{.fi-fo-simple-repeater & {justify-content: center; width: 100%; display: flex;} .fi-fo-simple-repeater &.fi-align-start {justify-content: flex-start;} .fi-fo-simple-repeater &.fi-align-left {justify-content: flex-start;} .fi-fo-simple-repeater &.fi-align-end {justify-content: flex-end;} .fi-fo-simple-repeater &.fi-align-right {justify-content: flex-end;}}@utility fi-fo-table-repeater{gap: calc(var(--spacing) * 3); display: grid; & > table {width: 100%; display: block;} :where(& > table > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } & > table {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} :where(& > table:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& > table:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & > table:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& > table:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & > table > thead {white-space: nowrap; display: none;} & > table > thead > tr > th {border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & > table > thead > tr > th:first-of-type {border-top-left-radius: var(--radius-xl);} & > table > thead > tr > th:last-of-type {border-top-right-radius: var(--radius-xl);} & > table > thead > tr > th:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > table > thead > tr > th:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > thead > tr > th:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > table > thead > tr > th:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > thead > tr > th:where(.dark,.dark *) {color: var(--color-white);} & > table > thead > tr > th:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} & > table > thead > tr > th:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} & > table > thead > tr > th.fi-align-start {text-align: start;} & > table > thead > tr > th.fi-align-left {text-align: start;} & > table > thead > tr > th.fi-align-end {text-align: end;} & > table > thead > tr > th.fi-align-right {text-align: end;} & > table > thead > tr > th.fi-wrapped {white-space: normal;} & > table > thead > tr > th:not(.fi-wrapped) {white-space: nowrap;} & > table > thead > tr > th.fi-fo-table-repeater-empty-header-cell {width: calc(var(--spacing) * 1);} & > table > tbody {display: block;} :where(& > table > tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& > table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& > table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > tbody > tr {gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} & > table > tbody > tr > td {display: block;} & > table > tbody > tr > td.fi-hidden {display: none;} & > table .fi-fo-table-repeater-header-required-mark { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } & > table .fi-fo-table-repeater-header-required-mark:where(.dark,.dark *) {color: var(--danger-400);} & > table .fi-fo-table-repeater-actions {align-items: center; column-gap: calc(var(--spacing) * 3); height: 100%; display: flex;} @supports (container-type: inline-size) {container-type: inline-size; @container (min-width:36rem) {& > table {display: table;} & > table > thead {display: table-header-group;} & > table > tbody {display: table-row-group;} & > table > tbody > tr {padding: calc(var(--spacing) * 0); display: table-row;} & > table > tbody > tr > td {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: table-cell;} & > table > tbody > tr > td.fi-hidden {display: table-cell;} & > table > tbody > tr > td .fi-fo-field {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-in-entry {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-fo-field-label-content {display: none;} & > table > tbody > tr > td .fi-in-entry-label {display: none;} & > table .fi-fo-table-repeater-actions {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);} &.fi-compact > table > tbody > tr > td {border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 1);} &.fi-compact > table > tbody > tr > td:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-compact > table > tbody > tr > td:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-compact > table > tbody > tr > td:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-compact > table > tbody > tr > td:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-compact .fi-input-wrp { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; } &.fi-compact .fi-fo-field-wrp-error-message {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);} &.fi-compact .fi-in-entry-content {padding-inline: calc(var(--spacing) * 3);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {& > table {display: table;} & > table > thead {display: table-header-group;} & > table > tbody {display: table-row-group;} & > table > tbody > tr {padding: calc(var(--spacing) * 0); display: table-row;} & > table > tbody > tr > td {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: table-cell;} & > table > tbody > tr > td.fi-hidden {display: table-cell;} & > table > tbody > tr > td .fi-fo-field {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-in-entry {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-fo-field-label-content {display: none;} & > table > tbody > tr > td .fi-in-entry-label {display: none;} & > table .fi-fo-table-repeater-actions {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);} &.fi-compact > table > tbody > tr > td {border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 0); padding-block: calc(var(--spacing) * 1);} &.fi-compact > table > tbody > tr > td:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-compact > table > tbody > tr > td:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-compact > table > tbody > tr > td:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-compact > table > tbody > tr > td:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-compact .fi-input-wrp { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; background-color: #0000 !important; } &.fi-compact .fi-fo-field-wrp-error-message {padding-inline: calc(var(--spacing) * 3); padding-bottom: calc(var(--spacing) * 2);} &.fi-compact .fi-in-entry-content {padding-inline: calc(var(--spacing) * 3);}}} & .fi-fo-table-repeater-add {justify-content: center; width: 100%; display: flex;} & .fi-fo-table-repeater-add.fi-align-start {justify-content: flex-start;} & .fi-fo-table-repeater-add.fi-align-left {justify-content: flex-start;} & .fi-fo-table-repeater-add.fi-align-end {justify-content: flex-end;} & .fi-fo-table-repeater-add.fi-align-right {justify-content: flex-end;}}@utility fi-fo-table-repeater-empty-header-cell{.fi-fo-table-repeater > table > thead > tr > &th {width: calc(var(--spacing) * 1);}}@utility fi-fo-table-repeater-header-required-mark{.fi-fo-table-repeater > table & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-600); } .fi-fo-table-repeater > table &:where(.dark,.dark *) {color: var(--danger-400);}}@utility fi-fo-table-repeater-actions{.fi-fo-table-repeater > table & {align-items: center; column-gap: calc(var(--spacing) * 3); height: 100%; display: flex;} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table & {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table & {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);}}}}@utility fi-in-entry{@supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}} row-gap: calc(var(--spacing) * 2); display: grid; @media (min-width: 40rem) {&.fi-in-entry-has-inline-label {align-items: flex-start; column-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(3,minmax(0,1fr));} &.fi-in-entry-has-inline-label .fi-in-entry-content-col {grid-column: span 2 / span 2;}} & .fi-in-entry-label-ctn {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-in-entry-label-ctn > .fi-sc:first-child {flex-grow: 0;} & .fi-in-entry-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-in-entry-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-in-entry-label.fi-hidden {display: none;} & .fi-in-entry-label-col {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;} & .fi-in-entry-content-col {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;} & .fi-in-entry-content-ctn {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; display: flex;} & .fi-in-entry-content {text-align: start; width: 100%; display: block;} & .fi-in-entry-content.fi-align-center {text-align: center;} & .fi-in-entry-content.fi-align-end {text-align: end;} & .fi-in-entry-content.fi-align-left {text-align: left;} & .fi-in-entry-content.fi-align-right {text-align: right;} & .fi-in-entry-content.fi-align-justify {text-align: justify;} & .fi-in-entry-content.fi-align-between {text-align: justify;} & .fi-in-placeholder {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-400);} & .fi-in-placeholder:where(.dark,.dark *) {color: var(--gray-500);} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-in-table-repeatable > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-in-table-repeatable > table > tbody > tr > td & {row-gap: calc(var(--spacing) * 0);}}}}@utility fi-in-entry-label{@supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater > table > tbody > tr > td & {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater > table > tbody > tr > td & {display: none;}}} .fi-in-entry & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-in-entry &:where(.dark,.dark *) {color: var(--color-white);} .fi-in-entry &.fi-hidden {display: none;} @supports (container-type: inline-size) {@container (min-width:36rem) {.fi-in-table-repeatable > table > tbody > tr > td & {display: none;}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-in-table-repeatable > table > tbody > tr > td & {display: none;}}}}@utility fi-in-entry-content{@supports (container-type: inline-size) {@container (min-width:36rem) {.fi-fo-table-repeater.fi-compact & {padding-inline: calc(var(--spacing) * 3);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {.fi-fo-table-repeater.fi-compact & {padding-inline: calc(var(--spacing) * 3);}}} .fi-in-entry & {text-align: start; width: 100%; display: block;} .fi-in-entry &.fi-align-center {text-align: center;} .fi-in-entry &.fi-align-end {text-align: end;} .fi-in-entry &.fi-align-left {text-align: left;} .fi-in-entry &.fi-align-right {text-align: right;} .fi-in-entry &.fi-align-justify {text-align: justify;} .fi-in-entry &.fi-align-between {text-align: justify;}}@utility fi-fo-table-repeater-add{.fi-fo-table-repeater & {justify-content: center; width: 100%; display: flex;} .fi-fo-table-repeater &.fi-align-start {justify-content: flex-start;} .fi-fo-table-repeater &.fi-align-left {justify-content: flex-start;} .fi-fo-table-repeater &.fi-align-end {justify-content: flex-end;} .fi-fo-table-repeater &.fi-align-right {justify-content: flex-end;}}@utility fi-fo-rich-editor{& .fi-fo-rich-editor-uploading-file {pointer-events: none; cursor: wait; opacity: .5;} & .fi-fo-rich-editor-toolbar {column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); flex-wrap: wrap; display: flex; position: relative;} & .fi-fo-rich-editor-toolbar:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-toolbar:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-rich-editor-floating-toolbar {visibility: hidden; z-index: 20; margin-top: calc(var(--spacing) * -1); column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); background-color: var(--color-white); max-width: 100%; padding: calc(var(--spacing) * 1); --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); flex-wrap: wrap; display: flex; position: absolute;} & .fi-fo-rich-editor-floating-toolbar:where(.dark,.dark *) {border-color: var(--gray-600); background-color: var(--gray-800);} & .fi-fo-rich-editor-toolbar-group {column-gap: calc(var(--spacing) * 1); display: flex;} & .fi-fo-rich-editor-tool {height: calc(var(--spacing) * 8); min-width: calc(var(--spacing) * 8); border-radius: var(--radius-lg); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-700); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; justify-content: center; align-items: center; transition-duration: 75ms; display: flex;} @media (hover: hover) {& .fi-fo-rich-editor-tool:hover {background-color: var(--gray-50);}} & .fi-fo-rich-editor-tool:focus-visible {background-color: var(--gray-50);} & .fi-fo-rich-editor-tool:where(.dark,.dark *) {color: var(--gray-200);} @media (hover: hover) {& .fi-fo-rich-editor-tool:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-tool:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} & .fi-fo-rich-editor-tool:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-tool:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-rich-editor-tool[disabled] {pointer-events: none; cursor: default; opacity: .7;} & .fi-fo-rich-editor-tool.fi-active {background-color: var(--gray-50); color: var(--primary-600);} & .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-rich-editor-tool.fi-active:where(.dark,.dark *) {color: var(--primary-400);} & .fi-fo-rich-editor-uploading-file-message {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: flex;} & .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-rich-editor-uploading-file-message:where(.dark,.dark *) {color: var(--gray-200);} & .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator {color: var(--gray-400);} & .fi-fo-rich-editor-uploading-file-message .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);} & .fi-fo-rich-editor-file-validation-message {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--danger-200); background-color: var(--danger-50); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-700); display: flex;} & .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-fo-rich-editor-file-validation-message:where(.dark,.dark *) {color: var(--danger-200);} & .fi-fo-rich-editor-main {flex-direction: column-reverse; display: flex;} & .fi-fo-rich-editor-content {min-height: calc(var(--spacing) * 12); width: 100%; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); flex: 1; position: relative;} & span[data-type="mergeTag"]:before { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); opacity: .6; content: "{{"; margin-inline-end: calc(var(--spacing) * 1); } & span[data-type="mergeTag"]:after { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); opacity: .6; content: "}}"; margin-inline-start: calc(var(--spacing) * 1); } & .fi-fo-rich-editor-panels {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); width: 100%;} & .fi-fo-rich-editor-panels:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-panels:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-rich-editor-panels:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-panels:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} & .fi-fo-rich-editor-panel-header {align-items: flex-start; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} & .fi-fo-rich-editor-panel-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); flex: 1;} & .fi-fo-rich-editor-panel-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-rich-editor-panel-close-btn-ctn {flex-shrink: 0;} & .fi-fo-rich-editor-panel {display: grid;} :where(& .fi-fo-rich-editor-panel > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& .fi-fo-rich-editor-panel:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-fo-rich-editor-panel:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-rich-editor-merge-tags-list {gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;} & .fi-fo-rich-editor-merge-tag-btn {cursor: move; border-radius: var(--radius-lg); background-color: var(--color-white); padding: calc(var(--spacing) * 1); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-600);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-merge-tag-btn { --tw-ring-color: color-mix(in oklab, var(--gray-600) 10%, transparent); }} & .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} & .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-merge-tag-btn:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} & .fi-fo-rich-editor-custom-blocks-list {gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;} & .fi-fo-rich-editor-custom-block-btn {cursor: move; gap: calc(var(--spacing) * 1.5); border-radius: var(--radius-lg); background-color: var(--color-white); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-600); display: flex;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-custom-block-btn { --tw-ring-color: color-mix(in oklab, var(--gray-600) 10%, transparent); }} & .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} & .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-custom-block-btn:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }} & .tiptap {height: 100%;} & .tiptap:focus { --tw-outline-style: none; outline-style: none; } div:is(& .tiptap:focus .ProseMirror-selectednode)[data-type="customBlock"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } img:is(& .tiptap:focus .ProseMirror-selectednode) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } :is(div:is(& .tiptap:focus .ProseMirror-selectednode)[data-type="customBlock"],img:is(& .tiptap:focus .ProseMirror-selectednode)):where(.dark,.dark *) { --tw-ring-color: var(--primary-500); } & .tiptap p.is-editor-empty:first-child:before {pointer-events: none; float: inline-start; height: calc(var(--spacing) * 0); color: var(--gray-400); content: attr(data-placeholder);} & .tiptap p.is-editor-empty:first-child:where(.dark,.dark *):before {color: var(--gray-500);} & .tiptap [data-type="details"] {margin-block: calc(var(--spacing) * 6); gap: calc(var(--spacing) * 1); border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); display: flex;} @supports (color: color-mix(in lab,red,red)) {& .tiptap [data-type="details"] {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} & .tiptap [data-type="details"] {padding: calc(var(--spacing) * 4);} & .tiptap [data-type="details"]:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& .tiptap [data-type="details"]:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} & .tiptap [data-type="details"] > div:first-of-type {margin-top: calc(var(--spacing) * 0) !important;} & .tiptap [data-type="details"] summary { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); list-style-type: none; } & .tiptap [data-type="details"] > button {margin-top: 1px; margin-right: calc(var(--spacing) * 2); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); border-radius: var(--radius-md); padding: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: 1; background-color: #0000; justify-content: center; align-items: center; line-height: 1; display: flex;} @media (hover: hover) {& .tiptap [data-type="details"] > button:hover {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .tiptap [data-type="details"] > button:hover {background-color: color-mix(in oklab,var(--gray-950) 5%,transparent);}} & .tiptap [data-type="details"] > button:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .tiptap [data-type="details"] > button:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} & .tiptap [data-type="details"] > button:before {content: "▶";} & .tiptap [data-type="details"].is-open > button:before {transform: rotate(90deg);} & .tiptap [data-type="details"] > div {gap: calc(var(--spacing) * 4); flex-direction: column; width: 100%; display: flex;} & .tiptap [data-type="details"] > div > [data-type="detailsContent"] {margin-top: calc(var(--spacing) * 0) !important;} & .tiptap [data-type="details"] > div > [data-type="detailsContent"] > :last-child {margin-bottom: calc(var(--spacing) * 4);} & .tiptap table {margin: calc(var(--spacing) * 0); table-layout: fixed; border-collapse: collapse; width: 100%; overflow: hidden;} & .tiptap table:first-child {margin-top: calc(var(--spacing) * 0);} & .tiptap table td {border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); vertical-align: top; min-width: 1em; position: relative; padding: calc(var(--spacing) * 2) !important;} & .tiptap table th {border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); vertical-align: top; min-width: 1em; position: relative; padding: calc(var(--spacing) * 2) !important;} :is(& .tiptap table td,& .tiptap table th):where(.dark,.dark *) {border-color: var(--gray-600);} :is(& .tiptap table td,& .tiptap table th) > * {margin-bottom: calc(var(--spacing) * 0);} & .tiptap table th {background-color: var(--gray-100); text-align: start; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);} & .tiptap table th:where(.dark,.dark *) {background-color: var(--gray-800); color: var(--color-white);} & .tiptap table .selectedCell:after {pointer-events: none; inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); z-index: 2; background-color: var(--gray-200); position: absolute;} @supports (color: color-mix(in lab,red,red)) {& .tiptap table .selectedCell:after {background-color: color-mix(in oklab,var(--gray-200) 80%,transparent);}} & .tiptap table .selectedCell:after { --tw-content: ""; content: var(--tw-content); } & .tiptap table .selectedCell:where(.dark,.dark *):after {background-color: var(--gray-800);} @supports (color: color-mix(in lab,red,red)) {& .tiptap table .selectedCell:where(.dark,.dark *):after {background-color: color-mix(in oklab,var(--gray-800) 80%,transparent);}} & .tiptap table .column-resize-handle {pointer-events: none; inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); width: calc(var(--spacing) * 1); background-color: var(--primary-600); position: absolute; margin: calc(var(--spacing) * 0) !important;} & .tiptap .tableWrapper {overflow-x: auto;} & .tiptap.resize-cursor {cursor: col-resize; cursor: ew-resize;} & .tiptap .grid-layout > .grid-layout-col {border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .tiptap .grid-layout > .grid-layout-col {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} & .tiptap .grid-layout > .grid-layout-col {padding: calc(var(--spacing) * 4);} & .tiptap .grid-layout > .grid-layout-col:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& .tiptap .grid-layout > .grid-layout-col:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} & img {display: inline-block;} & div[data-type="customBlock"] {display: grid;} :where(& div[data-type="customBlock"] > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } & div[data-type="customBlock"] {border-radius: var(--radius-lg); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); overflow: hidden;} :where(& div[data-type="customBlock"]:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& div[data-type="customBlock"]:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & div[data-type="customBlock"]:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& div[data-type="customBlock"]:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .fi-fo-rich-editor-custom-block-header {align-items: flex-start; gap: calc(var(--spacing) * 3); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} & .fi-fo-rich-editor-custom-block-header:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-rich-editor-custom-block-header:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} & .fi-fo-rich-editor-custom-block-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); flex: 1;} & .fi-fo-rich-editor-custom-block-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-fo-rich-editor-custom-block-edit-btn-ctn {flex-shrink: 0;} & .fi-fo-rich-editor-custom-block-delete-btn-ctn {flex-shrink: 0;} & .fi-fo-rich-editor-custom-block-preview {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3);} @supports (container-type: inline-size) {container-type: inline-size; @container (min-width:42rem) {& .fi-fo-rich-editor-main {flex-direction: row;} & .fi-fo-rich-editor-panels {max-width: var(--container-3xs); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; border-end-end-radius: var(--radius-lg);}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {& .fi-fo-rich-editor-main {flex-direction: row;} & .fi-fo-rich-editor-panels {max-width: var(--container-3xs); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; border-end-end-radius: var(--radius-lg);}}}}@utility fi-fo-rich-editor-uploading-file{.fi-fo-rich-editor & {pointer-events: none; cursor: wait; opacity: .5;}}@utility fi-fo-rich-editor-toolbar{.fi-fo-rich-editor & {column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 2); flex-wrap: wrap; display: flex; position: relative;} .fi-fo-rich-editor &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-rich-editor-floating-toolbar{.fi-fo-rich-editor & {visibility: hidden; z-index: 20; margin-top: calc(var(--spacing) * -1); column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); background-color: var(--color-white); max-width: 100%; padding: calc(var(--spacing) * 1); --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); flex-wrap: wrap; display: flex; position: absolute;} .fi-fo-rich-editor &:where(.dark,.dark *) {border-color: var(--gray-600); background-color: var(--gray-800);}}@utility fi-fo-rich-editor-toolbar-group{.fi-fo-rich-editor & {column-gap: calc(var(--spacing) * 1); display: flex;}}@utility fi-fo-rich-editor-tool{.fi-fo-rich-editor & {height: calc(var(--spacing) * 8); min-width: calc(var(--spacing) * 8); border-radius: var(--radius-lg); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-700); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; justify-content: center; align-items: center; transition-duration: 75ms; display: flex;} @media (hover: hover) {.fi-fo-rich-editor &:hover {background-color: var(--gray-50);}} .fi-fo-rich-editor &:focus-visible {background-color: var(--gray-50);} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--gray-200);} @media (hover: hover) {.fi-fo-rich-editor &:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-rich-editor &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor &[disabled] {pointer-events: none; cursor: default; opacity: .7;} .fi-fo-rich-editor &.fi-active {background-color: var(--gray-50); color: var(--primary-600);} .fi-fo-rich-editor &.fi-active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &.fi-active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor &.fi-active:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-fo-rich-editor-uploading-file-message{.fi-fo-rich-editor & {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: flex;} .fi-fo-rich-editor &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--gray-200);} .fi-fo-rich-editor & .fi-loading-indicator {color: var(--gray-400);} .fi-fo-rich-editor & .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-fo-rich-editor-file-validation-message{.fi-fo-rich-editor & {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--danger-200); background-color: var(--danger-50); padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--danger-700); display: flex;} .fi-fo-rich-editor &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--danger-200);}}@utility fi-fo-rich-editor-main{.fi-fo-rich-editor & {flex-direction: column-reverse; display: flex;} @supports (container-type: inline-size) {@container (min-width:42rem) {.fi-fo-rich-editor & {flex-direction: row;}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-fo-rich-editor & {flex-direction: row;}}}}@utility fi-fo-rich-editor-content{.fi-fo-rich-editor & {min-height: calc(var(--spacing) * 12); width: 100%; padding-inline: calc(var(--spacing) * 5); padding-block: calc(var(--spacing) * 3); flex: 1; position: relative;}}@utility fi-fo-rich-editor-panels{.fi-fo-rich-editor & {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); width: 100%;} .fi-fo-rich-editor &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}} @supports (container-type: inline-size) {@container (min-width:42rem) {.fi-fo-rich-editor & {max-width: var(--container-3xs); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; border-end-end-radius: var(--radius-lg);}}} @supports not (container-type: inline-size) {@media (min-width: 48rem) {.fi-fo-rich-editor & {max-width: var(--container-3xs); border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; border-bottom-style: var(--tw-border-style); border-bottom-width: 0; border-end-end-radius: var(--radius-lg);}}}}@utility fi-fo-rich-editor-panel-header{.fi-fo-rich-editor & {align-items: flex-start; gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;}}@utility fi-fo-rich-editor-panel-heading{.fi-fo-rich-editor & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); flex: 1;} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-rich-editor-panel-close-btn-ctn{.fi-fo-rich-editor & {flex-shrink: 0;}}@utility fi-fo-rich-editor-panel{.fi-fo-rich-editor & {display: grid;} :where(.fi-fo-rich-editor & > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(.fi-fo-rich-editor &:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(.fi-fo-rich-editor &:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-fo-rich-editor-merge-tags-list{.fi-fo-rich-editor & {gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;}}@utility fi-fo-rich-editor-merge-tag-btn{.fi-fo-rich-editor & {cursor: move; border-radius: var(--radius-lg); background-color: var(--color-white); padding: calc(var(--spacing) * 1); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-600);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & { --tw-ring-color: color-mix(in oklab, var(--gray-600) 10%, transparent); }} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }}}@utility fi-fo-rich-editor-custom-blocks-list{.fi-fo-rich-editor & {gap: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;}}@utility fi-fo-rich-editor-custom-block-btn{.fi-fo-rich-editor & {cursor: move; gap: calc(var(--spacing) * 1.5); border-radius: var(--radius-lg); background-color: var(--color-white); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-600); display: flex;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & { --tw-ring-color: color-mix(in oklab, var(--gray-600) 10%, transparent); }} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-400) 10%,transparent);}} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--gray-200); --tw-ring-color: var(--gray-400);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--gray-400) 20%, transparent); }}}@utility tiptap{.fi-fo-rich-editor & {height: 100%;} .fi-fo-rich-editor &:focus { --tw-outline-style: none; outline-style: none; } div:is(.fi-fo-rich-editor &:focus .ProseMirror-selectednode)[data-type="customBlock"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } img:is(.fi-fo-rich-editor &:focus .ProseMirror-selectednode) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } :is(div:is(.fi-fo-rich-editor &:focus .ProseMirror-selectednode)[data-type="customBlock"],img:is(.fi-fo-rich-editor &:focus .ProseMirror-selectednode)):where(.dark,.dark *) { --tw-ring-color: var(--primary-500); } .fi-fo-rich-editor & p.is-editor-empty:first-child:before {pointer-events: none; float: inline-start; height: calc(var(--spacing) * 0); color: var(--gray-400); content: attr(data-placeholder);} .fi-fo-rich-editor & p.is-editor-empty:first-child:where(.dark,.dark *):before {color: var(--gray-500);} .fi-fo-rich-editor & [data-type="details"] {margin-block: calc(var(--spacing) * 6); gap: calc(var(--spacing) * 1); border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); display: flex;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & [data-type="details"] {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} .fi-fo-rich-editor & [data-type="details"] {padding: calc(var(--spacing) * 4);} .fi-fo-rich-editor & [data-type="details"]:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & [data-type="details"]:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-fo-rich-editor & [data-type="details"] > div:first-of-type {margin-top: calc(var(--spacing) * 0) !important;} .fi-fo-rich-editor & [data-type="details"] summary { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); list-style-type: none; } .fi-fo-rich-editor & [data-type="details"] > button {margin-top: 1px; margin-right: calc(var(--spacing) * 2); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); border-radius: var(--radius-md); padding: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: 1; background-color: #0000; justify-content: center; align-items: center; line-height: 1; display: flex;} @media (hover: hover) {.fi-fo-rich-editor & [data-type="details"] > button:hover {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & [data-type="details"] > button:hover {background-color: color-mix(in oklab,var(--gray-950) 5%,transparent);}} .fi-fo-rich-editor & [data-type="details"] > button:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & [data-type="details"] > button:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-fo-rich-editor & [data-type="details"] > button:before {content: "▶";} .fi-fo-rich-editor & [data-type="details"].is-open > button:before {transform: rotate(90deg);} .fi-fo-rich-editor & [data-type="details"] > div {gap: calc(var(--spacing) * 4); flex-direction: column; width: 100%; display: flex;} .fi-fo-rich-editor & [data-type="details"] > div > [data-type="detailsContent"] {margin-top: calc(var(--spacing) * 0) !important;} .fi-fo-rich-editor & [data-type="details"] > div > [data-type="detailsContent"] > :last-child {margin-bottom: calc(var(--spacing) * 4);} .fi-fo-rich-editor & table {margin: calc(var(--spacing) * 0); table-layout: fixed; border-collapse: collapse; width: 100%; overflow: hidden;} .fi-fo-rich-editor & table:first-child {margin-top: calc(var(--spacing) * 0);} .fi-fo-rich-editor & table td {border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); vertical-align: top; min-width: 1em; position: relative; padding: calc(var(--spacing) * 2) !important;} .fi-fo-rich-editor & table th {border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); vertical-align: top; min-width: 1em; position: relative; padding: calc(var(--spacing) * 2) !important;} :is(.fi-fo-rich-editor & table td,.fi-fo-rich-editor & table th):where(.dark,.dark *) {border-color: var(--gray-600);} :is(.fi-fo-rich-editor & table td,.fi-fo-rich-editor & table th) > * {margin-bottom: calc(var(--spacing) * 0);} .fi-fo-rich-editor & table th {background-color: var(--gray-100); text-align: start; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);} .fi-fo-rich-editor & table th:where(.dark,.dark *) {background-color: var(--gray-800); color: var(--color-white);} .fi-fo-rich-editor & table .selectedCell:after {pointer-events: none; inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); z-index: 2; background-color: var(--gray-200); position: absolute;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & table .selectedCell:after {background-color: color-mix(in oklab,var(--gray-200) 80%,transparent);}} .fi-fo-rich-editor & table .selectedCell:after { --tw-content: ""; content: var(--tw-content); } .fi-fo-rich-editor & table .selectedCell:where(.dark,.dark *):after {background-color: var(--gray-800);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & table .selectedCell:where(.dark,.dark *):after {background-color: color-mix(in oklab,var(--gray-800) 80%,transparent);}} .fi-fo-rich-editor & table .column-resize-handle {pointer-events: none; inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); width: calc(var(--spacing) * 1); background-color: var(--primary-600); position: absolute; margin: calc(var(--spacing) * 0) !important;} .fi-fo-rich-editor & .tableWrapper {overflow-x: auto;} .fi-fo-rich-editor &.resize-cursor {cursor: col-resize; cursor: ew-resize;} .fi-fo-rich-editor & .grid-layout > .grid-layout-col {border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & .grid-layout > .grid-layout-col {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} .fi-fo-rich-editor & .grid-layout > .grid-layout-col {padding: calc(var(--spacing) * 4);} .fi-fo-rich-editor & .grid-layout > .grid-layout-col:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor & .grid-layout > .grid-layout-col:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}}}@utility ProseMirror-selectednode{div:is(.fi-fo-rich-editor .tiptap:focus &)[data-type="customBlock"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } img:is(.fi-fo-rich-editor .tiptap:focus &) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } :is(div:is(.fi-fo-rich-editor .tiptap:focus &)[data-type="customBlock"],img:is(.fi-fo-rich-editor .tiptap:focus &)):where(.dark,.dark *) { --tw-ring-color: var(--primary-500); }}@utility is-editor-empty{.fi-fo-rich-editor .tiptap &p:first-child:before {pointer-events: none; float: inline-start; height: calc(var(--spacing) * 0); color: var(--gray-400); content: attr(data-placeholder);} .fi-fo-rich-editor .tiptap &p:first-child:where(.dark,.dark *):before {color: var(--gray-500);}}@utility is-open{.fi-fo-rich-editor .tiptap &[data-type="details"] > button:before {transform: rotate(90deg);}}@utility selectedCell{.fi-fo-rich-editor .tiptap table &:after {pointer-events: none; inset-inline-start: calc(var(--spacing) * 0); inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); z-index: 2; background-color: var(--gray-200); position: absolute;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap table &:after {background-color: color-mix(in oklab,var(--gray-200) 80%,transparent);}} .fi-fo-rich-editor .tiptap table &:after { --tw-content: ""; content: var(--tw-content); } .fi-fo-rich-editor .tiptap table &:where(.dark,.dark *):after {background-color: var(--gray-800);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap table &:where(.dark,.dark *):after {background-color: color-mix(in oklab,var(--gray-800) 80%,transparent);}}}@utility column-resize-handle{.fi-fo-rich-editor .tiptap table & {pointer-events: none; inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); width: calc(var(--spacing) * 1); background-color: var(--primary-600); position: absolute; margin: calc(var(--spacing) * 0) !important;}}@utility tableWrapper{.fi-fo-rich-editor .tiptap & {overflow-x: auto;}}@utility resize-cursor{.fi-fo-rich-editor &.tiptap {cursor: col-resize; cursor: ew-resize;}}@utility grid-layout{.fi-fo-rich-editor .tiptap & > .grid-layout-col {border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap & > .grid-layout-col {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} .fi-fo-rich-editor .tiptap & > .grid-layout-col {padding: calc(var(--spacing) * 4);} .fi-fo-rich-editor .tiptap & > .grid-layout-col:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap & > .grid-layout-col:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *)) {gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1,minmax(0,1fr)); display: grid;} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="default"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="default"] > .grid-layout-col {grid-column: var(--col-span);} @media (min-width: 40rem) {.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="sm"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="sm"] > .grid-layout-col {grid-column: var(--col-span);}} @media (min-width: 48rem) {.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="md"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="md"] > .grid-layout-col {grid-column: var(--col-span);}} @media (min-width: 64rem) {.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="lg"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="lg"] > .grid-layout-col {grid-column: var(--col-span);}} @media (min-width: 80rem) {.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="xl"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="xl"] > .grid-layout-col {grid-column: var(--col-span);}} @media (min-width: 96rem) {.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="2xl"] {grid-template-columns: var(--cols);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="2xl"] > .grid-layout-col {grid-column: var(--col-span);}} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *)) > .grid-layout-col {min-width: 0; margin-top: 0;}}@utility grid-layout-col{.fi-fo-rich-editor .tiptap .grid-layout > & {border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap .grid-layout > & {border-color: color-mix(in oklab,var(--gray-950) 20%,transparent);}} .fi-fo-rich-editor .tiptap .grid-layout > & {padding: calc(var(--spacing) * 4);} .fi-fo-rich-editor .tiptap .grid-layout > &:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor .tiptap .grid-layout > &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="default"] > & {grid-column: var(--col-span);} @media (min-width: 40rem) {.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="sm"] > & {grid-column: var(--col-span);}} @media (min-width: 48rem) {.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="md"] > & {grid-column: var(--col-span);}} @media (min-width: 64rem) {.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="lg"] > & {grid-column: var(--col-span);}} @media (min-width: 80rem) {.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="xl"] > & {grid-column: var(--col-span);}} @media (min-width: 96rem) {.fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *))[data-from-breakpoint="2xl"] > & {grid-column: var(--col-span);}} .fi-prose .grid-layout:where(:not(.fi-not-prose,.fi-not-prose *)) > & {min-width: 0; margin-top: 0;}}@utility fi-fo-rich-editor-custom-block-header{.fi-fo-rich-editor & {align-items: flex-start; gap: calc(var(--spacing) * 3); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); display: flex;} .fi-fo-rich-editor &:where(.dark,.dark *) {background-color: var(--gray-900);} @supports (color: color-mix(in lab,red,red)) {.fi-fo-rich-editor &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-900) 30%,transparent);}}}@utility fi-fo-rich-editor-custom-block-heading{.fi-fo-rich-editor & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); flex: 1;} .fi-fo-rich-editor &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-fo-rich-editor-custom-block-edit-btn-ctn{.fi-fo-rich-editor & {flex-shrink: 0;}}@utility fi-fo-rich-editor-custom-block-delete-btn-ctn{.fi-fo-rich-editor & {flex-shrink: 0;}}@utility fi-fo-rich-editor-custom-block-preview{.fi-fo-rich-editor & {padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3);}}@utility fi-fo-rich-editor-text-color-select-option{:scope & {align-items: center; gap: calc(var(--spacing) * 2); display: flex;} :scope & .fi-fo-rich-editor-text-color-select-option-preview {height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); background-color: var(--color); border-radius: 3.40282e38px; flex-shrink: 0;} :scope & .fi-fo-rich-editor-text-color-select-option-preview:where(.dark,.dark *) {background-color: var(--dark-color);}}@utility fi-fo-rich-editor-text-color-select-option-preview{:scope .fi-fo-rich-editor-text-color-select-option & {height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); background-color: var(--color); border-radius: 3.40282e38px; flex-shrink: 0;} :scope .fi-fo-rich-editor-text-color-select-option &:where(.dark,.dark *) {background-color: var(--dark-color);}}@utility fi-fo-select{& .fi-hidden {display: none;}}@utility fi-fo-select-wrp{@media (min-width: 40rem) {&.fi-fo-field-has-inline-label .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-fo-slider{gap: calc(var(--spacing) * 4); border-radius: var(--radius-lg); border-style: var(--tw-border-style); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); background-color: #0000; border-width: 0; &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .noUi-connect {background-color: var(--primary-500);} & .noUi-connect:where(.dark,.dark *) {background-color: var(--primary-600);} & .noUi-connects {border-radius: var(--radius-lg); background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .noUi-connects {background-color: color-mix(in oklab,var(--gray-950) 5%,transparent);}} & .noUi-connects:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .noUi-connects:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .noUi-handle {border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-950); position: absolute;} @supports (color: color-mix(in lab,red,red)) {& .noUi-handle {border-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} & .noUi-handle {background-color: var(--color-white); --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); backface-visibility: hidden;} & .noUi-handle:focus {outline-style: var(--tw-outline-style); outline-width: 2px; outline-color: var(--primary-600);} & .noUi-handle:where(.dark,.dark *) {border-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& .noUi-handle:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} & .noUi-handle:where(.dark,.dark *) {background-color: var(--gray-700);} & .noUi-handle:where(.dark,.dark *):focus {outline-color: var(--primary-500);} & .noUi-handle:before {border-style: var(--tw-border-style); background-color: var(--gray-400); border-width: 0;} & .noUi-handle:after {border-style: var(--tw-border-style); background-color: var(--gray-400); border-width: 0;} & .noUi-tooltip {border-radius: var(--radius-md); border-style: var(--tw-border-style); background-color: var(--color-white); color: var(--gray-950); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); border-width: 0;} & .noUi-tooltip:where(.dark,.dark *) {background-color: var(--gray-800); color: var(--color-white); --tw-ring-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& .noUi-tooltip:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .noUi-pips .noUi-value {color: var(--gray-950);} & .noUi-pips .noUi-value:where(.dark,.dark *) {color: var(--color-white);} &.fi-fo-slider-vertical {margin-top: calc(var(--spacing) * 4); height: calc(var(--spacing) * 40);} &.fi-fo-slider-vertical.fi-fo-slider-has-tooltips {margin-inline-start: calc(var(--spacing) * 10);} &:not(.fi-fo-slider-vertical).fi-fo-slider-has-pips {margin-bottom: calc(var(--spacing) * 8);} &:not(.fi-fo-slider-vertical).fi-fo-slider-has-tooltips {margin-top: calc(var(--spacing) * 10);} &:not(.fi-fo-slider-vertical) .noUi-pips .noUi-value {margin-top: calc(var(--spacing) * 1);}}@utility fi-fo-slider-vertical{&.fi-fo-slider {margin-top: calc(var(--spacing) * 4); height: calc(var(--spacing) * 40);} &.fi-fo-slider.fi-fo-slider-has-tooltips {margin-inline-start: calc(var(--spacing) * 10);}}@utility fi-fo-slider-has-tooltips{&.fi-fo-slider.fi-fo-slider-vertical {margin-inline-start: calc(var(--spacing) * 10);} &.fi-fo-slider:not(.fi-fo-slider-vertical) {margin-top: calc(var(--spacing) * 10);}}@utility fi-fo-slider-has-pips{&.fi-fo-slider:not(.fi-fo-slider-vertical) {margin-bottom: calc(var(--spacing) * 8);}}@utility fi-fo-tags-input{&.fi-disabled .fi-badge-delete-btn {display: none;} & .fi-fo-tags-input-tags-ctn {gap: calc(var(--spacing) * 1.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-top-color: var(--gray-200); width: 100%; padding: calc(var(--spacing) * 2); flex-wrap: wrap; display: flex;} & .fi-fo-tags-input-tags-ctn:where(.dark,.dark *) {border-top-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-fo-tags-input-tags-ctn:where(.dark,.dark *) {border-top-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-fo-tags-input-tags-ctn > template {display: none;} & .fi-fo-tags-input-tags-ctn > .fi-badge.fi-reorderable {cursor: move;} & .fi-fo-tags-input-tags-ctn > .fi-badge .fi-badge-label-ctn {text-align: start; -webkit-user-select: none; user-select: none;}}@utility fi-fo-tags-input-tags-ctn{.fi-fo-tags-input & {gap: calc(var(--spacing) * 1.5); border-top-style: var(--tw-border-style); border-top-width: 1px; border-top-color: var(--gray-200); width: 100%; padding: calc(var(--spacing) * 2); flex-wrap: wrap; display: flex;} .fi-fo-tags-input &:where(.dark,.dark *) {border-top-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-fo-tags-input &:where(.dark,.dark *) {border-top-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-fo-tags-input & > template {display: none;} .fi-fo-tags-input & > .fi-badge.fi-reorderable {cursor: move;} .fi-fo-tags-input & > .fi-badge .fi-badge-label-ctn {text-align: start; -webkit-user-select: none; user-select: none;}}@utility fi-reorderable{.fi-fo-tags-input .fi-fo-tags-input-tags-ctn > &.fi-badge {cursor: move;}}@utility fi-fo-tags-input-wrp{@media (min-width: 40rem) {&.fi-fo-field-has-inline-label .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-fo-text-input{overflow: hidden; & input.fi-revealable::-ms-reveal {display: none;}}@utility fi-revealable{.fi-fo-text-input &input::-ms-reveal {display: none;}}@utility fi-fo-textarea{overflow: hidden; & textarea { --tw-border-style: none; width: 100%; height: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-950); background-color: #0000; border-style: none; display: block; } & textarea::placeholder {color: var(--gray-400);} & textarea:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); --tw-outline-style: none; outline-style: none; } & textarea:disabled {color: var(--gray-500); -webkit-text-fill-color: var(--color-gray-500);} & textarea:disabled::placeholder {-webkit-text-fill-color: var(--color-gray-400);} & textarea:where(.dark,.dark *) {color: var(--color-white);} & textarea:where(.dark,.dark *)::placeholder {color: var(--gray-500);} & textarea:where(.dark,.dark *):disabled {color: var(--gray-400); -webkit-text-fill-color: var(--color-gray-400);} & textarea:where(.dark,.dark *):disabled::placeholder {-webkit-text-fill-color: var(--color-gray-500);} @supports (-webkit-touch-callout: none) {& textarea {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}} &.fi-autosizable textarea {resize: none;}}@utility fi-autosizable{&.fi-fo-textarea textarea {resize: none;}}@utility fi-fo-textarea-wrp{@media (min-width: 40rem) {&.fi-fo-field-has-inline-label .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-fo-toggle-buttons{&.fi-btn-group {width: max-content;} &:not(.fi-btn-group) {gap: calc(var(--spacing) * 3);} &:not(.fi-btn-group).fi-inline {flex-wrap: wrap; display: flex;} &:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col {margin-top: calc(var(--spacing) * -3);} &:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col .fi-fo-toggle-buttons-btn-ctn {break-inside: avoid; padding-top: calc(var(--spacing) * 3);} & .fi-fo-toggle-buttons-input {pointer-events: none; opacity: 0; position: absolute;}}@utility fi-fo-toggle-buttons-btn-ctn{.fi-fo-toggle-buttons:not(.fi-btn-group):not(.fi-inline).fi-grid-direction-col & {break-inside: avoid; padding-top: calc(var(--spacing) * 3);}}@utility fi-fo-toggle-buttons-input{.fi-fo-toggle-buttons & {pointer-events: none; opacity: 0; position: absolute;}}@utility fi-fo-toggle-buttons-wrp{@media (min-width: 40rem) {&.fi-fo-field-has-inline-label .fi-fo-field-label-col {padding-top: calc(var(--spacing) * 1.5);}}}@utility fi-in-code{& .phiki {border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); overflow-x: auto;} & .phiki:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& .phiki:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} &:where(.dark,.dark *) .phiki {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;} &:where(.dark,.dark *) .phiki span {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;} &.fi-copyable {cursor: pointer;}}@utility phiki{.fi-in-code & {border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 10%,transparent); overflow-x: auto;} .fi-in-code &:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-in-code &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-in-code:where(.dark,.dark *) & {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;} .fi-in-code:where(.dark,.dark *) & span {color: var(--phiki-dark-color) !important; background-color: var(--phiki-dark-background-color) !important; font-style: var(--phiki-dark-font-style) !important; font-weight: var(--phiki-dark-font-weight) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; -webkit-text-decoration: var(--phiki-dark-text-decoration) !important; text-decoration: var(--phiki-dark-text-decoration) !important;}}@utility fi-copyable{&.fi-in-code {cursor: pointer;} .fi-in-color > &.fi-in-color-item {cursor: pointer;} .fi-in-text-item > & {cursor: pointer;} &.fi-sc-text {cursor: pointer;} .fi-ta-color > &.fi-ta-color-item {cursor: pointer;} .fi-ta-text-item > & {cursor: pointer;}}@utility fi-in-color{gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; &.fi-wrapped {flex-wrap: wrap;} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} & > .fi-in-color-item {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); border-radius: var(--radius-md);} & > .fi-in-color-item.fi-copyable {cursor: pointer;}}@utility fi-in-color-item{.fi-in-color > & {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); border-radius: var(--radius-md);} .fi-in-color > &.fi-copyable {cursor: pointer;}}@utility fi-in-entry-has-inline-label{@media (min-width: 40rem) {&.fi-in-entry {align-items: flex-start; column-gap: calc(var(--spacing) * 4); grid-template-columns: repeat(3,minmax(0,1fr));} &.fi-in-entry .fi-in-entry-content-col {grid-column: span 2 / span 2;}}}@utility fi-in-entry-content-col{@media (min-width: 40rem) {.fi-in-entry.fi-in-entry-has-inline-label & {grid-column: span 2 / span 2;}} .fi-in-entry & {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;}}@utility fi-in-entry-label-ctn{.fi-in-entry & {align-items: flex-start; column-gap: calc(var(--spacing) * 3); display: flex;} .fi-in-entry & > .fi-sc:first-child {flex-grow: 0;}}@utility fi-in-entry-label-col{.fi-in-entry & {row-gap: calc(var(--spacing) * 2); grid-auto-columns: minmax(0,1fr); display: grid;}}@utility fi-in-entry-content-ctn{.fi-in-entry & {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; display: flex;}}@utility fi-in-placeholder{.fi-in-entry & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-400);} .fi-in-entry &:where(.dark,.dark *) {color: var(--gray-500);} .fi-in-key-value &td {width: 100%; padding-block: calc(var(--spacing) * 2); text-align: center; font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}}@utility fi-in-key-value{table-layout: auto; width: 100%; :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); :where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & th {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700);} & th:where(.dark,.dark *) {color: var(--gray-200);} :where(& tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } & tbody {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} @media (min-width: 40rem) {& tbody {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6);}} :where(& tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(& tr > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: var(--gray-200); } :where(& tr:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) > :not(:last-child)) { --tw-divide-x-reverse: 1; } :where(& tr:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& tr:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & td {width: 50%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); overflow-wrap: anywhere;} & td.fi-in-placeholder {width: 100%; padding-block: calc(var(--spacing) * 2); text-align: center; font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}}@utility fi-in-icon{gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; &.fi-wrapped {flex-wrap: wrap;} &.fi-in-icon-has-line-breaks {flex-direction: column;} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > .fi-icon.fi-color {color: var(--text);} & > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--dark-text);}}@utility fi-in-icon-has-line-breaks{&.fi-in-icon {flex-direction: column;}}@utility fi-in-image{align-items: center; gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; & img {object-fit: cover; object-position: center; max-width: none;} &.fi-circular img {border-radius: 3.40282e38px;} &.fi-in-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } &.fi-in-image-ring .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(&.fi-in-image-ring img,&.fi-in-image-ring .fi-in-image-limited-remaining-text):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } &.fi-in-image-ring.fi-in-image-ring-1 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-in-image-ring.fi-in-image-ring-1 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-in-image-ring.fi-in-image-ring-2 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-in-image-ring.fi-in-image-ring-2 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-in-image-ring.fi-in-image-ring-4 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-in-image-ring.fi-in-image-ring-4 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-in-image-overlap-1 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -1) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-2 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-3 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -3) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-4 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-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)) ); } &.fi-in-image-overlap-5 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -5) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-6 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -6) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -6) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-7 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-7 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -7) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -7) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-in-image-overlap-8 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image-overlap-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -8) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-wrapped {flex-wrap: wrap;} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} &.fi-stacked .fi-in-image-limited-remaining-text {background-color: var(--gray-100); border-radius: 3.40282e38px;} &.fi-stacked .fi-in-image-limited-remaining-text:where(.dark,.dark *) {background-color: var(--gray-800);} & .fi-in-image-limited-remaining-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); justify-content: center; align-items: center; display: flex;} & .fi-in-image-limited-remaining-text:where(.dark,.dark *) {color: var(--gray-400);} & .fi-in-image-limited-remaining-text.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} & .fi-in-image-limited-remaining-text.fi-size-base {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} & .fi-in-image-limited-remaining-text.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} & .fi-in-image-limited-remaining-text.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-in-image-ring{&.fi-in-image img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } &.fi-in-image .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(&.fi-in-image img,&.fi-in-image .fi-in-image-limited-remaining-text):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } &.fi-in-image.fi-in-image-ring-1 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-in-image.fi-in-image-ring-1 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-in-image.fi-in-image-ring-2 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-in-image.fi-in-image-ring-2 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-in-image.fi-in-image-ring-4 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-in-image.fi-in-image-ring-4 .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); }}@utility fi-in-image-limited-remaining-text{.fi-in-image.fi-in-image-ring & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(.fi-in-image.fi-in-image-ring img,.fi-in-image.fi-in-image-ring &):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } .fi-in-image.fi-in-image-ring.fi-in-image-ring-1 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } .fi-in-image.fi-in-image-ring.fi-in-image-ring-2 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .fi-in-image.fi-in-image-ring.fi-in-image-ring-4 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } .fi-in-image.fi-stacked & {background-color: var(--gray-100); border-radius: 3.40282e38px;} .fi-in-image.fi-stacked &:where(.dark,.dark *) {background-color: var(--gray-800);} .fi-in-image & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); justify-content: center; align-items: center; display: flex;} .fi-in-image &:where(.dark,.dark *) {color: var(--gray-400);} .fi-in-image &.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} .fi-in-image &.fi-size-base {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-in-image &.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-in-image &.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-in-image-ring-1{&.fi-in-image.fi-in-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); }}@utility fi-in-image-ring-2{&.fi-in-image.fi-in-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }}@utility fi-in-image-ring-4{&.fi-in-image.fi-in-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-in-image.fi-in-image-ring .fi-in-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); }}@utility fi-in-image-overlap-1{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -1) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-2{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-3{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -3) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-4{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :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)) ); }}@utility fi-in-image-overlap-5{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -5) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-6{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -6) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -6) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-7{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -7) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -7) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-in-image-overlap-8{&.fi-in-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-in-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -8) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-stacked{&.fi-in-image .fi-in-image-limited-remaining-text {background-color: var(--gray-100); border-radius: 3.40282e38px;} &.fi-in-image .fi-in-image-limited-remaining-text:where(.dark,.dark *) {background-color: var(--gray-800);} &.fi-ta-image .fi-ta-image-limited-remaining-text {background-color: var(--gray-100); border-radius: 3.40282e38px;} &.fi-ta-image .fi-ta-image-limited-remaining-text:where(.dark,.dark *) {background-color: var(--gray-800);}}@utility fi-size-base{.fi-in-image &.fi-in-image-limited-remaining-text {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-ta-image &.fi-ta-image-limited-remaining-text {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}@utility fi-in-repeatable{&ul {gap: calc(var(--spacing) * 4);} & .fi-in-repeatable-item {display: block;} &.fi-contained .fi-in-repeatable-item {border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-contained .fi-in-repeatable-item:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-contained .fi-in-repeatable-item:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-contained .fi-in-repeatable-item:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-contained .fi-in-repeatable-item:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-in-repeatable-item{.fi-in-repeatable & {display: block;} .fi-in-repeatable.fi-contained & {border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-in-repeatable.fi-contained &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-in-repeatable.fi-contained &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-in-repeatable.fi-contained &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-in-repeatable.fi-contained &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-in-table-repeatable{gap: calc(var(--spacing) * 3); display: grid; & > table {width: 100%; display: block;} :where(& > table > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } & > table {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} :where(& > table:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& > table:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & > table:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& > table:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & > table > thead {white-space: nowrap; display: none;} & > table > thead > tr > th {border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & > table > thead > tr > th:first-of-type {border-top-left-radius: var(--radius-xl);} & > table > thead > tr > th:last-of-type {border-top-right-radius: var(--radius-xl);} & > table > thead > tr > th:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > table > thead > tr > th:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > thead > tr > th:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > table > thead > tr > th:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > thead > tr > th:where(.dark,.dark *) {color: var(--color-white);} & > table > thead > tr > th:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} & > table > thead > tr > th:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} & > table > thead > tr > th.fi-align-center {text-align: center;} & > table > thead > tr > th.fi-align-end {text-align: end;} & > table > thead > tr > th.fi-align-right {text-align: end;} & > table > thead > tr > th.fi-wrapped {white-space: normal;} & > table > thead > tr > th:not(.fi-wrapped) {white-space: nowrap;} & > table > thead > tr > th.fi-in-table-repeatable-empty-header-cell {width: calc(var(--spacing) * 1);} & > table > tbody {display: block;} :where(& > table > tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& > table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& > table > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > table > tbody > tr {gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} & > table > tbody > tr > td {display: block;} & > table > tbody > tr > td.fi-hidden {display: none;} @supports (container-type: inline-size) {container-type: inline-size; @container (min-width:36rem) {& > table {display: table;} & > table > thead {display: table-header-group;} & > table > tbody {display: table-row-group;} & > table > tbody > tr {padding: calc(var(--spacing) * 0); display: table-row;} & > table > tbody > tr > td {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: table-cell;} & > table > tbody > tr > td.fi-hidden {display: table-cell;} & > table > tbody > tr > td .fi-in-entry {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-in-entry-label {display: none;} & > table .fi-in-table-repeatable-actions {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);}}} @supports not (container-type: inline-size) {@media (min-width: 64rem) {& > table {display: table;} & > table > thead {display: table-header-group;} & > table > tbody {display: table-row-group;} & > table > tbody > tr {padding: calc(var(--spacing) * 0); display: table-row;} & > table > tbody > tr > td {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: table-cell;} & > table > tbody > tr > td.fi-hidden {display: table-cell;} & > table > tbody > tr > td .fi-in-entry {row-gap: calc(var(--spacing) * 0);} & > table > tbody > tr > td .fi-in-entry-label {display: none;}}}}@utility fi-in-table-repeatable-empty-header-cell{.fi-in-table-repeatable > table > thead > tr > &th {width: calc(var(--spacing) * 1);}}@utility fi-in-table-repeatable-actions{@supports (container-type: inline-size) {@container (min-width:36rem) {.fi-in-table-repeatable > table & {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);}}}}@utility fi-in-text{width: 100%; &.fi-in-text-affixed {gap: calc(var(--spacing) * 3); display: flex;} & .fi-in-text-affixed-content {min-width: calc(var(--spacing) * 0); flex: 1;} & .fi-in-text-affix {align-items: center; gap: calc(var(--spacing) * 3); align-self: stretch; display: flex;} &.fi-in-text-list-limited {flex-direction: column; display: flex;} &.fi-in-text-list-limited.fi-in-text-has-badges {row-gap: calc(var(--spacing) * 2);} &.fi-in-text-list-limited:not(.fi-in-text-has-badges) {row-gap: calc(var(--spacing) * 1);} &ul.fi-bulleted {list-style-type: disc; list-style-position: inside;} &.fi-bulleted ul {list-style-type: disc; list-style-position: inside;} &ul:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges {column-gap: calc(var(--spacing) * 1.5); display: flex;} &:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,&:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges,&:not(.fi-in-text-has-line-breaks).fi-in-text-has-badges ul):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul).fi-in-text-has-line-breaks {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):is(.fi-in-text-has-line-breaks ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(:is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(ul.fi-in-text-has-line-breaks),:is(&ul.fi-in-text-has-badges,&.fi-in-text-has-badges ul):not(.fi-in-text-has-line-breaks ul)):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) {white-space: normal; overflow-wrap: break-word;} &.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-badge {white-space: nowrap;} &.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) .fi-in-text-list-limited-message {white-space: nowrap;} & > .fi-in-text-list-limited-message {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & > .fi-in-text-list-limited-message:where(.dark,.dark *) {color: var(--gray-400);} &.fi-align-center {text-align: center;} &ul.fi-align-center {justify-content: center;} &.fi-align-center ul {justify-content: center;} &.fi-align-end {text-align: end;} &.fi-align-right {text-align: end;} ul:is(&.fi-align-end,&.fi-align-right) {justify-content: flex-end;} :is(&.fi-align-end,&.fi-align-right) ul {justify-content: flex-end;} &.fi-align-justify {text-align: justify;} &.fi-align-between {text-align: justify;} ul:is(&.fi-align-justify,&.fi-align-between) {justify-content: space-between;} :is(&.fi-align-justify,&.fi-align-between) ul {justify-content: space-between;}}@utility fi-in-text-affixed{&.fi-in-text {gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-in-text-affixed-content{.fi-in-text & {min-width: calc(var(--spacing) * 0); flex: 1;}}@utility fi-in-text-affix{.fi-in-text & {align-items: center; gap: calc(var(--spacing) * 3); align-self: stretch; display: flex;}}@utility fi-in-text-list-limited{&.fi-in-text {flex-direction: column; display: flex;} &.fi-in-text.fi-in-text-has-badges {row-gap: calc(var(--spacing) * 2);} &.fi-in-text:not(.fi-in-text-has-badges) {row-gap: calc(var(--spacing) * 1);}}@utility fi-in-text-has-badges{&.fi-in-text.fi-in-text-list-limited {row-gap: calc(var(--spacing) * 2);} &ul.fi-in-text:not(.fi-in-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} &.fi-in-text:not(.fi-in-text-has-line-breaks) ul {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-in-text:not(.fi-in-text-has-line-breaks),&.fi-in-text:not(.fi-in-text-has-line-breaks) ul).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-in-text:not(.fi-in-text-has-line-breaks),&.fi-in-text:not(.fi-in-text-has-line-breaks) ul):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-in-text,&.fi-in-text ul).fi-in-text-has-line-breaks {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-in-text,&.fi-in-text ul):is(.fi-in-text-has-line-breaks ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-in-text,&.fi-in-text ul):not(ul.fi-in-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-in-text,&.fi-in-text ul):not(.fi-in-text-has-line-breaks ul) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(:is(&ul.fi-in-text,&.fi-in-text ul):not(ul.fi-in-text-has-line-breaks),:is(&ul.fi-in-text,&.fi-in-text ul):not(.fi-in-text-has-line-breaks ul)).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(&ul.fi-in-text,&.fi-in-text ul):not(ul.fi-in-text-has-line-breaks),:is(&ul.fi-in-text,&.fi-in-text ul):not(.fi-in-text-has-line-breaks ul)):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;}}@utility fi-bulleted{&ul.fi-in-text {list-style-type: disc; list-style-position: inside;} &.fi-in-text ul {list-style-type: disc; list-style-position: inside;} &ul.fi-ta-text {list-style-type: disc; list-style-position: inside;} &.fi-ta-text ul {list-style-type: disc; list-style-position: inside;} .fi-ta-values-summary > &ul {list-style-type: disc; list-style-position: inside;}}@utility fi-in-text-has-line-breaks{&:is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(ul.fi-in-text.fi-in-text-has-badges,.fi-in-text.fi-in-text-has-badges ul):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;}}@utility fi-in-text-list-limited-message{.fi-in-text.fi-wrapped:not(.fi-in-text-has-badges.fi-in-text-has-line-breaks) & {white-space: nowrap;} .fi-in-text > & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-in-text > &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-in-text-item{color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);} @media (hover: hover) {& a:hover {text-decoration-line: underline;}} & a:focus-visible {text-decoration-line: underline;} &:not(.fi-bulleted li.fi-in-text-item) {-webkit-line-clamp: var(--line-clamp, none); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;} & > .fi-copyable {cursor: pointer;} &.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-size-sm {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));} &.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &.fi-font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-font-sans {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} &.fi-font-serif {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} &.fi-font-mono {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} &.fi-color {color: var(--text);} &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} &li.fi-color::marker {color: var(--gray-950);} &li.fi-color:where(.dark,.dark *)::marker {color: var(--color-white);} &.fi-color-gray {color: var(--gray-500);} &.fi-color-gray:where(.dark,.dark *) {color: var(--gray-400);} &li.fi-color-gray::marker {color: var(--gray-950);} & > .fi-icon {color: var(--gray-400); flex-shrink: 0; display: inline-block;} & > span:not(.fi-badge) > .fi-icon {color: var(--gray-400); flex-shrink: 0; display: inline-block;} :is(& > .fi-icon,& > span:not(.fi-badge) > .fi-icon):where(.dark,.dark *) {color: var(--gray-500);} :is(& > .fi-icon,& > span:not(.fi-badge) > .fi-icon).fi-color {color: var(--color-500);}}@utility fi-font-medium{&.fi-in-text-item { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &.fi-sc-text:not(.fi-badge) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &.fi-ta-text-item { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }}@utility fi-font-sans{&.fi-in-text-item {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} &.fi-sc-text {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} &.fi-ta-text-item {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}}@utility fi-font-serif{&.fi-in-text-item {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} &.fi-sc-text {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} &.fi-ta-text-item {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}}@utility fi-font-mono{&.fi-in-text-item {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} &.fi-sc-text {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} &.fi-ta-text-item {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}}@utility fi-color-gray{&.fi-in-text-item {color: var(--gray-500);} &.fi-in-text-item:where(.dark,.dark *) {color: var(--gray-400);} &li.fi-in-text-item::marker {color: var(--gray-950);} &.fi-ta-text-item {color: var(--gray-500);} &.fi-ta-text-item:where(.dark,.dark *) {color: var(--gray-400);} &li.fi-ta-text-item::marker {color: var(--gray-950);} &li.fi-ta-text-item:where(.dark,.dark *)::marker {color: var(--color-white);} --color-50: var(--gray-50); --color-100: var(--gray-100); --color-200: var(--gray-200); --color-300: var(--gray-300); --color-400: var(--gray-400); --color-500: var(--gray-500); --color-600: var(--gray-600); --color-700: var(--gray-700); --color-800: var(--gray-800); --color-900: var(--gray-900); --color-950: var(--gray-950);}@utility fi-no-database{display: flex; & .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading {display: inline-block; position: relative;} & .fi-modal-window-ctn > .fi-modal-window .fi-modal-heading .fi-badge {inset-inline-start: 100%; top: calc(var(--spacing) * -1); width: max-content; margin-inline-start: calc(var(--spacing) * 1); position: absolute;} & .fi-modal-window-ctn > .fi-modal-window .fi-modal-header .fi-ac {margin-top: calc(var(--spacing) * 2);} & .fi-modal-window-ctn > .fi-modal-window .fi-modal-content {margin-inline: calc(var(--spacing) * -6); margin-top: calc(var(--spacing) * -6); row-gap: calc(var(--spacing) * 0);} :where(& .fi-modal-window-ctn > .fi-modal-window .fi-modal-content > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& .fi-modal-window-ctn > .fi-modal-window .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(& .fi-modal-window-ctn > .fi-modal-window .fi-modal-content:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-modal-window-ctn > .fi-modal-window:not(.fi-modal-window-has-footer) .fi-modal-content {margin-bottom: calc(var(--spacing) * -6);} & .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} & .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-modal-window-ctn > .fi-modal-window.fi-modal-window-has-footer .fi-modal-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-no-notification-unread-ctn {position: relative;} & .fi-no-notification-unread-ctn:before {content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); height: 100%; width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} & .fi-no-notification-unread-ctn:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);} .fi-sidebar-footer > & {display: block;}}@utility fi-modal-window-has-footer{.fi-no-database .fi-modal-window-ctn > &.fi-modal-window .fi-modal-content {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} .fi-no-database .fi-modal-window-ctn > &.fi-modal-window .fi-modal-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-no-database .fi-modal-window-ctn > &.fi-modal-window .fi-modal-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-no-notification-unread-ctn{.fi-no-database & {position: relative;} .fi-no-database &:before {content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); content: var(--tw-content); height: 100%; width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} .fi-no-database &:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);}}@utility fi-no-notification{pointer-events: auto; visibility: hidden; gap: calc(var(--spacing) * 3); width: 100%; padding: calc(var(--spacing) * 4); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; flex-shrink: 0; transition-duration: .3s; display: flex; overflow: hidden; & .fi-no-notification-icon {color: var(--gray-400);} & .fi-no-notification-icon.fi-color {color: var(--color-400);} & .fi-no-notification-main {margin-top: calc(var(--spacing) * .5); gap: calc(var(--spacing) * 3); flex: 1; display: grid;} & .fi-no-notification-text {gap: calc(var(--spacing) * 1); display: grid;} & .fi-no-notification-title {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-no-notification-title:where(.dark,.dark *) {color: var(--color-white);} & .fi-no-notification-date {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-no-notification-date:where(.dark,.dark *) {color: var(--gray-400);} & .fi-no-notification-body {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); text-wrap: pretty; overflow-wrap: break-word; color: var(--gray-500); overflow: hidden;} & .fi-no-notification-body:where(.dark,.dark *) {color: var(--gray-400);} & .fi-no-notification-body > p:not(:first-of-type) {margin-top: calc(var(--spacing) * 1);} &:not(.fi-inline) {max-width: var(--container-sm); gap: calc(var(--spacing) * 3); border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); display: flex;} &:not(.fi-inline):where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-inline):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-inline).fi-color { --tw-ring-color: var(--color-600); } @supports (color: color-mix(in lab,red,red)) {&:not(.fi-inline).fi-color { --tw-ring-color: color-mix(in oklab, var(--color-600) 20%, transparent); }} &:not(.fi-inline).fi-color:where(.dark,.dark *) { --tw-ring-color: var(--color-400); } @supports (color: color-mix(in lab,red,red)) {&:not(.fi-inline).fi-color:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent); }} &:not(.fi-inline).fi-transition-leave-end { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } &.fi-color {background-color: var(--color-50);} &.fi-color:where(.dark,.dark *) {background-color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {&.fi-color:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-400) 10%,transparent);}} &.fi-transition-enter-start {opacity: 0;} &.fi-transition-leave-end {opacity: 0;} :is(.fi-no.fi-align-start,.fi-no.fi-align-left) &.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } :is(.fi-no.fi-align-end,.fi-no.fi-align-right) &.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-no.fi-align-center.fi-vertical-align-start &.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-no.fi-align-center.fi-vertical-align-end &.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); }}@utility fi-no-notification-icon{.fi-no-notification & {color: var(--gray-400);} .fi-no-notification &.fi-color {color: var(--color-400);}}@utility fi-no-notification-main{.fi-no-notification & {margin-top: calc(var(--spacing) * .5); gap: calc(var(--spacing) * 3); flex: 1; display: grid;}}@utility fi-no-notification-text{.fi-no-notification & {gap: calc(var(--spacing) * 1); display: grid;}}@utility fi-no-notification-title{.fi-no-notification & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-no-notification &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-no-notification-date{.fi-no-notification & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-no-notification &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-no-notification-body{.fi-no-notification & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); text-wrap: pretty; overflow-wrap: break-word; color: var(--gray-500); overflow: hidden;} .fi-no-notification &:where(.dark,.dark *) {color: var(--gray-400);} .fi-no-notification & > p:not(:first-of-type) {margin-top: calc(var(--spacing) * 1);}}@utility fi-no{:is(&.fi-align-start,&.fi-align-left) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } :is(&.fi-align-end,&.fi-align-right) .fi-no-notification.fi-transition-enter-start { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-align-center.fi-vertical-align-start .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-align-center.fi-vertical-align-end .fi-no-notification.fi-transition-enter-start { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } pointer-events: none; inset: calc(var(--spacing) * 4); z-index: 50; gap: calc(var(--spacing) * 3); margin-inline: auto; display: flex; position: fixed; &.fi-align-start {align-items: flex-start;} &.fi-align-left {align-items: flex-start;} &.fi-align-center {align-items: center;} &.fi-align-end {align-items: flex-end;} &.fi-align-right {align-items: flex-end;} &.fi-vertical-align-start {flex-direction: column-reverse; justify-content: flex-end;} &.fi-vertical-align-center {flex-direction: column; justify-content: center;} &.fi-vertical-align-end {flex-direction: column; justify-content: flex-end;}}@utility fi-sc-actions{gap: calc(var(--spacing) * 2); flex-direction: column; height: 100%; display: flex; & .fi-sc-actions-label-ctn {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-sc-actions-label-ctn .fi-sc-actions-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-sc-actions-label-ctn .fi-sc-actions-label:where(.dark,.dark *) {color: var(--color-white);} &.fi-sticky .fi-ac {bottom: calc(var(--spacing) * 0); margin-inline: calc(var(--spacing) * -4); width: 100%; transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); background-color: var(--color-white); padding: calc(var(--spacing) * 4); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: fixed;} @media (min-width: 48rem) {&.fi-sticky .fi-ac {bottom: calc(var(--spacing) * 4); border-radius: var(--radius-xl);}} &.fi-sticky .fi-ac:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-sticky .fi-ac:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-vertical-align-start {justify-content: flex-start;} &.fi-vertical-align-center {justify-content: center;} &.fi-vertical-align-end {justify-content: flex-end;}}@utility fi-sc-actions-label-ctn{.fi-sc-actions & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} .fi-sc-actions & .fi-sc-actions-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-sc-actions & .fi-sc-actions-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-actions-label{.fi-sc-actions .fi-sc-actions-label-ctn & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-sc-actions .fi-sc-actions-label-ctn &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-flex{gap: calc(var(--spacing) * 6); display: flex; &.fi-dense {gap: calc(var(--spacing) * 3);} & > .fi-hidden {display: none;} & > .fi-growable {flex: 1; width: 100%;} &.fi-from-default {align-items: flex-start;} &.fi-from-default.fi-vertical-align-center {align-items: center;} &.fi-from-default.fi-vertical-align-end {align-items: flex-end;} &.fi-from-sm {flex-direction: column;} @media (min-width: 40rem) {&.fi-from-sm {flex-direction: row; align-items: flex-start;} &.fi-from-sm.fi-vertical-align-center {align-items: center;} &.fi-from-sm.fi-vertical-align-end {align-items: flex-end;}} &.fi-from-md {flex-direction: column;} @media (min-width: 48rem) {&.fi-from-md {flex-direction: row; align-items: flex-start;} &.fi-from-md.fi-vertical-align-center {align-items: center;} &.fi-from-md.fi-vertical-align-end {align-items: flex-end;}} &.fi-from-lg {flex-direction: column;} @media (min-width: 64rem) {&.fi-from-lg {flex-direction: row; align-items: flex-start;} &.fi-from-lg.fi-vertical-align-center {align-items: center;} &.fi-from-lg.fi-vertical-align-end {align-items: flex-end;}} &.fi-from-xl {flex-direction: column;} @media (min-width: 80rem) {&.fi-from-xl {flex-direction: row; align-items: flex-start;} &.fi-from-xl.fi-vertical-align-center {align-items: center;} &.fi-from-xl.fi-vertical-align-end {align-items: flex-end;}} &.fi-from-2xl {flex-direction: column;} @media (min-width: 96rem) {&.fi-from-2xl {flex-direction: row; align-items: flex-start;} &.fi-from-2xl.fi-vertical-align-center {align-items: center;} &.fi-from-2xl.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-dense{&.fi-sc-flex {gap: calc(var(--spacing) * 3);} &.fi-sc-form {gap: calc(var(--spacing) * 3);}}@utility fi-growable{.fi-sc-flex > & {flex: 1; width: 100%;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-ta-col {width: 100%;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {flex: 1; width: 100%;} &.fi-ta-header-cell {width: 100%;}}@utility fi-from-default{&.fi-sc-flex {align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}@utility fi-from-sm{&.fi-sc-flex {flex-direction: column;} @media (min-width: 40rem) {&.fi-sc-flex {flex-direction: row; align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-from-md{&.fi-sc-flex {flex-direction: column;} @media (min-width: 48rem) {&.fi-sc-flex {flex-direction: row; align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-from-lg{&.fi-sc-flex {flex-direction: column;} @media (min-width: 64rem) {&.fi-sc-flex {flex-direction: row; align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-from-xl{&.fi-sc-flex {flex-direction: column;} @media (min-width: 80rem) {&.fi-sc-flex {flex-direction: row; align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-from-2xl{&.fi-sc-flex {flex-direction: column;} @media (min-width: 96rem) {&.fi-sc-flex {flex-direction: row; align-items: flex-start;} &.fi-sc-flex.fi-vertical-align-center {align-items: center;} &.fi-sc-flex.fi-vertical-align-end {align-items: flex-end;}}}@utility fi-sc-form{gap: calc(var(--spacing) * 6); flex-direction: column; display: flex; &.fi-dense {gap: calc(var(--spacing) * 3);}}@utility fi-sc-fused-group{& > .fi-sc { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab, var(--gray-950) 10%, transparent); } & > .fi-sc:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-color: var(--primary-600); } & > .fi-sc:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& > .fi-sc:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & > .fi-sc:where(.dark,.dark *):focus-within { --tw-ring-color: var(--primary-500); } & .fi-sc {border-radius: var(--radius-lg); background-color: var(--gray-950); gap: 1px;} @supports (color: color-mix(in lab,red,red)) {& .fi-sc {background-color: color-mix(in oklab,var(--gray-950) 10%,transparent);}} & .fi-sc:where(.dark,.dark *) {background-color: #fff3;} @supports (color: color-mix(in lab,red,red)) {& .fi-sc:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} & .fi-sc .fi-sc-component {height: 100%;} & .fi-sc .fi-sc-component .fi-fo-field {height: 100%;} & .fi-sc .fi-sc-component .fi-input {height: 100%;} & .fi-sc > :first-child .fi-input-wrp {border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg);} & .fi-sc > :last-child .fi-input-wrp {border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg);} & .fi-sc.fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;} @media (min-width: 40rem) {& .fi-sc.sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {& .fi-sc.md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {& .fi-sc.lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {& .fi-sc.xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {& .fi-sc.\32xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\32xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @supports (container-type: inline-size) {@container (min-width:16rem) {& .fi-sc.\@3xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@3xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:18rem) {& .fi-sc.\@2xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@2xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:20rem) {& .fi-sc.\@xs\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@xs\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:24rem) {& .fi-sc.\@sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:28rem) {& .fi-sc.\@md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:32rem) {& .fi-sc.\@lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:36rem) {& .fi-sc.\@xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:42rem) {& .fi-sc.\@2xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@2xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:48rem) {& .fi-sc.\@3xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@3xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:56rem) {& .fi-sc.\@4xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@4xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:64rem) {& .fi-sc.\@5xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@5xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:72rem) {& .fi-sc.\@6xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@6xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @container (min-width:80rem) {& .fi-sc.\@7xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\@7xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {& .fi-sc.\!\@sm\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\!\@sm\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 48rem) {& .fi-sc.\!\@md\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\!\@md\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 64rem) {& .fi-sc.\!\@lg\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\!\@lg\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 80rem) {& .fi-sc.\!\@xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\!\@xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}} @media (min-width: 96rem) {& .fi-sc.\!\@2xl\:fi-grid-cols > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} & .fi-sc.\!\@2xl\:fi-grid-cols > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}} & .fi-input-wrp { --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); border-radius: 0; } & .fi-input-wrp:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .fi-input-wrp:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}} & .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)):focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); } & .fi-input-wrp:not(.fi-disabled):not(:has(.fi-ac-action:focus)).fi-invalid:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); }}@utility fi-sc-component{.fi-sc-fused-group .fi-sc & {height: 100%;} .fi-sc-fused-group .fi-sc & .fi-fo-field {height: 100%;} .fi-sc-fused-group .fi-sc & .fi-input {height: 100%;} .fi-sc > .fi-grid-col > & {height: 100%;}}@utility fi-grid-cols{.fi-sc-fused-group &.fi-sc > :first-child .fi-input-wrp {border-start-end-radius: 0; border-end-start-radius: var(--radius-lg);} .fi-sc-fused-group &.fi-sc > :last-child .fi-input-wrp {border-start-end-radius: var(--radius-lg); border-end-start-radius: 0;}}@utility fi-sc-icon{color: var(--gray-400); &:where(.dark,.dark *) {color: var(--gray-500);} &.fi-color {color: var(--color-500);} &.fi-color:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-sc-image{border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--gray-300); &:where(.dark,.dark *) {border-color: #0000;} &.fi-align-center {margin-inline: auto;} &.fi-align-end {margin-inline-start: auto;} &.fi-align-right {margin-inline-start: auto;}}@utility fi-sc-section{gap: calc(var(--spacing) * 2); flex-direction: column; display: flex; & .fi-sc-section-label-ctn {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-sc-section-label-ctn .fi-sc-section-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-sc-section-label-ctn .fi-sc-section-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-section-label-ctn{.fi-sc-section & {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} .fi-sc-section & .fi-sc-section-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-sc-section & .fi-sc-section-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-section-label{.fi-sc-section .fi-sc-section-label-ctn & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-sc-section .fi-sc-section-label-ctn &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-tabs{flex-direction: column; display: flex; & .fi-sc-tabs-tab { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) {& .fi-sc-tabs-tab {outline-offset: 2px; outline: 2px solid #0000;}} & .fi-sc-tabs-tab.fi-active {margin-top: calc(var(--spacing) * 6);} & .fi-sc-tabs-tab:not(.fi-active) {visibility: hidden; height: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); position: absolute; overflow: hidden;} &.fi-contained {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-contained:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-contained:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-contained .fi-sc-tabs-tab.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} &.fi-vertical {flex-direction: row;} &.fi-vertical .fi-sc-tabs-tab.fi-active {margin-inline-start: calc(var(--spacing) * 6); margin-top: calc(var(--spacing) * 0); flex: 1;}}@utility fi-sc-tabs-tab{.fi-sc-tabs & { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) {.fi-sc-tabs & {outline-offset: 2px; outline: 2px solid #0000;}} .fi-sc-tabs &.fi-active {margin-top: calc(var(--spacing) * 6);} .fi-sc-tabs &:not(.fi-active) {visibility: hidden; height: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); position: absolute; overflow: hidden;} .fi-sc-tabs.fi-contained &.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} .fi-sc-tabs.fi-vertical &.fi-active {margin-inline-start: calc(var(--spacing) * 6); margin-top: calc(var(--spacing) * 0); flex: 1;}}@utility fi-color-neutral{&.fi-sc-text:not(.fi-badge) {color: var(--gray-950);} &.fi-sc-text:not(.fi-badge):where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-unordered-list{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); margin-inline-start: calc(var(--spacing) * 3); list-style-type: disc; @media (min-width: 40rem) {columns: 2;} &.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-sc-wizard{flex-direction: column; display: flex; & .fi-sc-wizard-header {display: grid;} @media (min-width: 48rem) {& .fi-sc-wizard-header {grid-auto-flow: column; overflow-x: auto;}} & .fi-sc-wizard-header .fi-sc-wizard-header-step {display: flex; position: relative;} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) {display: none;} @media (min-width: 48rem) {& .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) {display: flex;}} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn {align-items: center; column-gap: calc(var(--spacing) * 4); height: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); text-align: start; display: flex;} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: flex;} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {justify-items: start; display: grid;} @media (min-width: 48rem) {& .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {width: max-content; max-width: calc(var(--spacing) * 60);}} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator {height: 100%; width: calc(var(--spacing) * 5); color: var(--gray-200); display: none; position: absolute; inset-inline-end: calc(var(--spacing) * 0);} @media (min-width: 48rem) {& .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator {display: block;}} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {rotate: 180deg;} & .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {background-color: var(--primary-600);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {background-color: var(--primary-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--color-white);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-950);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-style: var(--tw-border-style); border-width: 2px;} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--primary-600);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--gray-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--primary-600);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--primary-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--primary-600);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--primary-700);} & .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--gray-300);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--gray-600);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--gray-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--gray-400);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-500);} & .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);} & .fi-sc-wizard-step { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) {& .fi-sc-wizard-step {outline-offset: 2px; outline: 2px solid #0000;}} & .fi-sc-wizard-step:not(.fi-active) {visibility: hidden; height: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); position: absolute; overflow: hidden;} &:not(.fi-sc-wizard-header-hidden) .fi-sc-wizard-step.fi-active {margin-top: calc(var(--spacing) * 6);} & .fi-sc-wizard-footer {justify-content: space-between; align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-sc-wizard-footer > .fi-hidden {display: none;} & .fi-sc-wizard-footer > .fi-disabled {pointer-events: none; opacity: .7;} &.fi-contained {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &.fi-contained:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-contained:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &.fi-contained .fi-sc-wizard-header {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} &.fi-contained .fi-sc-wizard-header:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&.fi-contained .fi-sc-wizard-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &.fi-contained .fi-sc-wizard-step.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);} &.fi-contained .fi-sc-wizard-footer {padding-inline: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6);} &:not(.fi-contained) .fi-sc-wizard-header {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} &:not(.fi-contained) .fi-sc-wizard-header:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-contained) .fi-sc-wizard-header:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-contained) .fi-sc-wizard-footer {margin-top: calc(var(--spacing) * 6);}}@utility fi-sc-wizard-header{.fi-sc-wizard & {display: grid;} @media (min-width: 48rem) {.fi-sc-wizard & {grid-auto-flow: column; overflow-x: auto;}} .fi-sc-wizard & .fi-sc-wizard-header-step {display: flex; position: relative;} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) {display: none;} @media (min-width: 48rem) {.fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) {display: flex;}} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn {align-items: center; column-gap: calc(var(--spacing) * 4); height: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); text-align: start; display: flex;} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: flex;} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {justify-items: start; display: grid;} @media (min-width: 48rem) {.fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {width: max-content; max-width: calc(var(--spacing) * 60);}} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator {height: 100%; width: calc(var(--spacing) * 5); color: var(--gray-200); display: none; position: absolute; inset-inline-end: calc(var(--spacing) * 0);} @media (min-width: 48rem) {.fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator {display: block;}} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {rotate: 180deg;} .fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard & .fi-sc-wizard-header-step .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {background-color: var(--primary-600);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {background-color: var(--primary-500);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--color-white);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-950);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-style: var(--tw-border-style); border-width: 2px;} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--primary-600);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--gray-500);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--primary-600);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--primary-600);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--primary-700);} .fi-sc-wizard & .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--gray-300);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--gray-600);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--gray-500);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-500);} .fi-sc-wizard & .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard.fi-contained & {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200);} .fi-sc-wizard.fi-contained &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard.fi-contained &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-sc-wizard:not(.fi-contained) & {border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-sc-wizard:not(.fi-contained) &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard:not(.fi-contained) &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-sc-wizard-header-step{.fi-sc-wizard .fi-sc-wizard-header & {display: flex; position: relative;} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) {display: none;} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) {display: flex;}} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn {align-items: center; column-gap: calc(var(--spacing) * 4); height: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); text-align: start; display: flex;} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: flex;} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {justify-items: start; display: grid;} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text {width: max-content; max-width: calc(var(--spacing) * 60);}} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-separator {height: 100%; width: calc(var(--spacing) * 5); color: var(--gray-200); display: none; position: absolute; inset-inline-end: calc(var(--spacing) * 0);} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-separator {display: block;}} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {rotate: 180deg;} .fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard .fi-sc-wizard-header & .fi-sc-wizard-header-step-separator:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sc-wizard .fi-sc-wizard-header &.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {background-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {background-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header &.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-950);} .fi-sc-wizard .fi-sc-wizard-header &.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-completed) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-style: var(--tw-border-style); border-width: 2px;} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--primary-700);} .fi-sc-wizard .fi-sc-wizard-header &.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {border-color: var(--gray-300);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--gray-600);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header &:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-btn{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & {align-items: center; column-gap: calc(var(--spacing) * 4); height: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); text-align: start; display: flex;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-icon-ctn {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: flex;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-text {justify-items: start; display: grid;} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-text {width: max-content; max-width: calc(var(--spacing) * 60);}} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed & .fi-sc-wizard-header-step-icon-ctn {background-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed & .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {background-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed & .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-950);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed) & .fi-sc-wizard-header-step-icon-ctn {border-style: var(--tw-border-style); border-width: 2px;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active & .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active & .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-icon-ctn {border-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--primary-700);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn {border-color: var(--gray-300);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {border-color: var(--gray-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) & .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-icon-ctn{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); border-radius: 3.40282e38px; flex-shrink: 0; justify-content: center; align-items: center; display: flex;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-number {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn & {background-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn &:where(.dark,.dark *) {background-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn & .fi-icon {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed) .fi-sc-wizard-header-step-btn & {border-style: var(--tw-border-style); border-width: 2px;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn & .fi-icon {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed).fi-active .fi-sc-wizard-header-step-btn & .fi-icon:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-icon {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-completed):not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn & {border-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn &:where(.dark,.dark *) {border-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-number {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn & {border-color: var(--gray-300);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn &:where(.dark,.dark *) {border-color: var(--gray-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-number {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-number:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-number{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn &:where(.dark,.dark *) {color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-text{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & {justify-items: start; display: grid;} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & {width: max-content; max-width: calc(var(--spacing) * 60);}} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-description {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-label {color: var(--gray-950);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-label {color: var(--primary-700);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn & .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & .fi-sc-wizard-header-step-label {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn & .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-label{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text & {color: var(--gray-950);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-completed .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text &:where(.dark,.dark *) {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text & {color: var(--primary-700);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step.fi-active .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text &:where(.dark,.dark *) {color: var(--primary-400);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text & {color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step:not(.fi-active) .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-sc-wizard-header-step-text &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-description{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text & {text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sc-wizard-header-step-separator{.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & {height: 100%; width: calc(var(--spacing) * 5); color: var(--gray-200); display: none; position: absolute; inset-inline-end: calc(var(--spacing) * 0);} @media (min-width: 48rem) {.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step & {display: block;}} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {rotate: 180deg;} .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step &:where(.dark,.dark *) {color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step &:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-completed{.fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn {background-color: var(--primary-600);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn:where(.dark,.dark *) {background-color: var(--primary-500);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-icon-ctn .fi-icon {color: var(--color-white);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label {color: var(--gray-950);} .fi-sc-wizard .fi-sc-wizard-header &.fi-sc-wizard-header-step .fi-sc-wizard-header-step-btn .fi-sc-wizard-header-step-text .fi-sc-wizard-header-step-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-sc-wizard-step{.fi-sc-wizard & { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) {.fi-sc-wizard & {outline-offset: 2px; outline: 2px solid #0000;}} .fi-sc-wizard &:not(.fi-active) {visibility: hidden; height: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); position: absolute; overflow: hidden;} .fi-sc-wizard:not(.fi-sc-wizard-header-hidden) &.fi-active {margin-top: calc(var(--spacing) * 6);} .fi-sc-wizard.fi-contained &.fi-active {margin-top: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 6);}}@utility fi-sc-wizard-footer{.fi-sc-wizard & {justify-content: space-between; align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;} .fi-sc-wizard & > .fi-hidden {display: none;} .fi-sc-wizard & > .fi-disabled {pointer-events: none; opacity: .7;} .fi-sc-wizard.fi-contained & {padding-inline: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6);} .fi-sc-wizard:not(.fi-contained) & {margin-top: calc(var(--spacing) * 6);}}@utility fi-sc-has-gap{&.fi-sc {gap: calc(var(--spacing) * 6);} &.fi-sc.fi-sc-dense {gap: calc(var(--spacing) * 3);}}@utility fi-sc-dense{&.fi-sc.fi-sc-has-gap {gap: calc(var(--spacing) * 3);}}@utility fi-ta-actions{justify-content: flex-end; align-items: center; gap: calc(var(--spacing) * 3); flex-shrink: 0; max-width: 100%; display: flex; & > * {flex-shrink: 0;} &.fi-wrapped {flex-wrap: wrap;} @media (min-width: 40rem) {&.sm\:fi-not-wrapped {flex-wrap: nowrap;}} &.fi-align-center {justify-content: center;} &.fi-align-start {justify-content: flex-start;} &.fi-align-between {justify-content: space-between;} @media (min-width: 48rem) {&.md\:fi-align-end {justify-content: flex-end;}} .fi-ta-cell:has(&) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); white-space: nowrap;} .fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} @media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position & {margin-inline-start: auto;}} .fi-ta-ctn .fi-ta-header.fi-ta-header-adaptive-actions-position:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) & {margin-inline-start: auto;} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix & {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix & {padding-inline-end: calc(var(--spacing) * 2);} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) & {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) & {padding-inline-end: calc(var(--spacing) * 6);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix & {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix & {padding-inline-end: calc(var(--spacing) * 3);} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record & {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record &.fi-ta-actions-before-columns-position {order: -9999;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) & {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) & {padding-inline-end: calc(var(--spacing) * 4);} .fi-ta-empty-state & {margin-top: calc(var(--spacing) * 6);}}@utility sm:fi-not-wrapped{@media (min-width: 40rem) {&.fi-ta-actions {flex-wrap: nowrap;}}}@utility md:fi-align-end{@media (min-width: 48rem) {&.fi-ta-actions {justify-content: flex-end;}}}@utility fi-ta-cell{padding: calc(var(--spacing) * 0); &:first-of-type {padding-inline-start: calc(var(--spacing) * 1);} &:last-of-type {padding-inline-end: calc(var(--spacing) * 1);} @media (min-width: 40rem) {&:first-of-type {padding-inline-start: calc(var(--spacing) * 3);} &:last-of-type {padding-inline-end: calc(var(--spacing) * 3);}} &.fi-vertical-align-start {vertical-align: top;} &.fi-vertical-align-end {vertical-align: bottom;} @media (min-width: 40rem) {&.sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {&.md\:fi-hidden {display: none;}} @media (min-width: 64rem) {&.lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {&.xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {&.\32xl\:fi-hidden {display: none;}} &.sm\:fi-visible {display: none;} @media (min-width: 40rem) {&.sm\:fi-visible {display: table-cell;}} &.md\:fi-visible {display: none;} @media (min-width: 48rem) {&.md\:fi-visible {display: table-cell;}} &.lg\:fi-visible {display: none;} @media (min-width: 64rem) {&.lg\:fi-visible {display: table-cell;}} &.xl\:fi-visible {display: none;} @media (min-width: 80rem) {&.xl\:fi-visible {display: table-cell;}} &.\32xl\:fi-visible {display: none;} @media (min-width: 96rem) {&.\32xl\:fi-visible {display: table-cell;}} & > .fi-ta-col {text-align: start; justify-content: flex-start; width: 100%; display: flex;} & > .fi-ta-col:disabled {pointer-events: none;} &:has(.fi-ta-reorder-handle) {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3);} &:has(.fi-ta-reorder-handle):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &:has(.fi-ta-reorder-handle):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&:has(.fi-ta-reorder-handle):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &:has(.fi-ta-reorder-handle):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} &:has(.fi-ta-actions) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); white-space: nowrap;} &:has(.fi-ta-actions):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &:has(.fi-ta-actions):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&:has(.fi-ta-actions):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &:has(.fi-ta-actions):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} &:has(.fi-ta-record-checkbox) {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &:has(.fi-ta-record-checkbox):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &:has(.fi-ta-record-checkbox):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&:has(.fi-ta-record-checkbox):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &:has(.fi-ta-record-checkbox):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} & .fi-ta-placeholder {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-400);} & .fi-ta-placeholder:where(.dark,.dark *) {color: var(--gray-500);} &.fi-ta-summary-row-heading-cell {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} &.fi-ta-summary-row-heading-cell:where(.dark,.dark *) {color: var(--color-white);} &.fi-align-start {text-align: start;} &.fi-align-center {text-align: center;} &.fi-align-end {text-align: end;} &.fi-align-left {text-align: left;} &.fi-align-right {text-align: right;} &.fi-align-justify {text-align: justify;} &.fi-align-between {text-align: justify;} &.fi-ta-summary-header-cell {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} @media (min-width: 40rem) {&.fi-ta-summary-header-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);}} &.fi-ta-summary-header-cell:where(.dark,.dark *) {color: var(--color-white);} &.fi-ta-summary-header-cell.fi-wrapped {white-space: nowrap;} &.fi-ta-summary-header-cell:not(.fi-wrapped) {white-space: nowrap;} &.fi-ta-individual-search-cell {min-width: calc(var(--spacing) * 48); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);} & .fi-ta-reorder-handle {cursor: move;} &.fi-ta-selection-cell {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-ta-selection-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &.fi-ta-selection-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&.fi-ta-selection-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &.fi-ta-selection-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} &.fi-ta-group-selection-cell {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3);} &.fi-ta-group-selection-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &.fi-ta-group-selection-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&.fi-ta-group-selection-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &.fi-ta-group-selection-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}}}@utility sm:fi-hidden{@media (min-width: 40rem) {&.fi-ta-cell {display: none;}} @media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings &.fi-dropdown {display: none;}} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;}} @media (min-width: 40rem) {&.fi-ta-header-cell {display: none;}} @media (min-width: 40rem) {&.fi-ta-header-group-cell {display: none;}}}@utility md:fi-hidden{@media (min-width: 48rem) {&.fi-ta-cell {display: none;}} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;}} @media (min-width: 48rem) {&.fi-ta-header-cell {display: none;}} @media (min-width: 48rem) {&.fi-ta-header-group-cell {display: none;}}}@utility lg:fi-hidden{@media (min-width: 64rem) {&.fi-ta-cell {display: none;}} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;}} @media (min-width: 64rem) {&.fi-ta-header-cell {display: none;}} @media (min-width: 64rem) {&.fi-ta-header-group-cell {display: none;}} @media (min-width: 64rem) {.fi-body > &.fi-layout-sidebar-toggle-btn-ctn {display: none;}}}@utility xl:fi-hidden{@media (min-width: 80rem) {&.fi-ta-cell {display: none;}} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;}} @media (min-width: 80rem) {&.fi-ta-header-cell {display: none;}} @media (min-width: 80rem) {&.fi-ta-header-group-cell {display: none;}}}@utility 2xl:fi-hidden{@media (min-width: 96rem) {&.fi-ta-cell {display: none;}} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;}} @media (min-width: 96rem) {&.fi-ta-header-cell {display: none;}} @media (min-width: 96rem) {&.fi-ta-header-group-cell {display: none;}}}@utility sm:fi-visible{&.fi-ta-cell {display: none;} @media (min-width: 40rem) {&.fi-ta-cell {display: table-cell;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: block;}} &.fi-ta-header-cell {display: none;} @media (min-width: 40rem) {&.fi-ta-header-cell {display: table-cell;}} &.fi-ta-header-group-cell {display: none;} @media (min-width: 40rem) {&.fi-ta-header-group-cell {display: table-cell;}}}@utility md:fi-visible{&.fi-ta-cell {display: none;} @media (min-width: 48rem) {&.fi-ta-cell {display: table-cell;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: block;}} &.fi-ta-header-cell {display: none;} @media (min-width: 48rem) {&.fi-ta-header-cell {display: table-cell;}} &.fi-ta-header-group-cell {display: none;} @media (min-width: 48rem) {&.fi-ta-header-group-cell {display: table-cell;}}}@utility lg:fi-visible{&.fi-ta-cell {display: none;} @media (min-width: 64rem) {&.fi-ta-cell {display: table-cell;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: block;}} &.fi-ta-header-cell {display: none;} @media (min-width: 64rem) {&.fi-ta-header-cell {display: table-cell;}} &.fi-ta-header-group-cell {display: none;} @media (min-width: 64rem) {&.fi-ta-header-group-cell {display: table-cell;}}}@utility xl:fi-visible{&.fi-ta-cell {display: none;} @media (min-width: 80rem) {&.fi-ta-cell {display: table-cell;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: block;}} &.fi-ta-header-cell {display: none;} @media (min-width: 80rem) {&.fi-ta-header-cell {display: table-cell;}} &.fi-ta-header-group-cell {display: none;} @media (min-width: 80rem) {&.fi-ta-header-group-cell {display: table-cell;}}}@utility 2xl:fi-visible{&.fi-ta-cell {display: none;} @media (min-width: 96rem) {&.fi-ta-cell {display: table-cell;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: none;} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {display: block;}} &.fi-ta-header-cell {display: none;} @media (min-width: 96rem) {&.fi-ta-header-cell {display: table-cell;}} &.fi-ta-header-group-cell {display: none;} @media (min-width: 96rem) {&.fi-ta-header-group-cell {display: table-cell;}}}@utility fi-ta-col{.fi-ta-cell > & {text-align: start; justify-content: flex-start; width: 100%; display: flex;} .fi-ta-cell > &:disabled {pointer-events: none;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content & {text-align: start; justify-content: flex-start; display: flex;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &:disabled {pointer-events: none;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-growable {width: 100%;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-center {text-align: center; justify-content: center;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-end {text-align: end; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-left {text-align: left; justify-content: flex-start;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-right {text-align: right; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-justify {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content &.fi-align-between {text-align: justify; justify-content: space-between;}}@utility fi-ta-reorder-handle{.fi-ta-cell:has(&) {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3);} .fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} .fi-ta-cell & {cursor: move;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2);}}@utility fi-ta-record-checkbox{.fi-ta-cell:has(&) {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} .fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-cell:has(&):first-of-type {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-cell:has(&):last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & {margin-inline: calc(var(--spacing) * 3); margin-block: calc(var(--spacing) * 4); flex-shrink: 0;}}@utility fi-ta-placeholder{.fi-ta-cell & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); color: var(--gray-400);} .fi-ta-cell &:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-ta-summary-row-heading-cell{&.fi-ta-cell {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} &.fi-ta-cell:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-summary-header-cell{&.fi-ta-cell {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} @media (min-width: 40rem) {&.fi-ta-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);}} &.fi-ta-cell:where(.dark,.dark *) {color: var(--color-white);} &.fi-ta-cell.fi-wrapped {white-space: nowrap;} &.fi-ta-cell:not(.fi-wrapped) {white-space: nowrap;}}@utility fi-ta-individual-search-cell{&.fi-ta-cell {min-width: calc(var(--spacing) * 48); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2);}}@utility fi-ta-selection-cell{&.fi-ta-cell {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-ta-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &.fi-ta-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&.fi-ta-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &.fi-ta-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}}}@utility fi-ta-group-selection-cell{&.fi-ta-cell {width: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3);} &.fi-ta-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 4);} &.fi-ta-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 4);} @media (min-width: 40rem) {&.fi-ta-cell:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &.fi-ta-cell:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}}}@utility fi-ta-checkbox{width: 100%; &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-align-center {text-align: center;} &.fi-align-end {text-align: end;} &.fi-align-right {text-align: end;}}@utility fi-ta-color{gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; &.fi-wrapped {flex-wrap: wrap;} &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} & > .fi-ta-color-item {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); border-radius: var(--radius-md);} & > .fi-ta-color-item.fi-copyable {cursor: pointer;}}@utility fi-ta-color-item{.fi-ta-color > & {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); border-radius: var(--radius-md);} .fi-ta-color > &.fi-copyable {cursor: pointer;}}@utility fi-ta-icon{gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; &.fi-wrapped {flex-wrap: wrap;} &.fi-ta-icon-has-line-breaks {flex-direction: column;} &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > .fi-icon.fi-color {color: var(--text);} & > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--dark-text);}}@utility fi-ta-icon-has-line-breaks{&.fi-ta-icon {flex-direction: column;}}@utility fi-ta-image{align-items: center; gap: calc(var(--spacing) * 1.5); width: 100%; display: flex; & img {object-fit: cover; object-position: center; max-width: none;} &.fi-circular img {border-radius: 3.40282e38px;} &.fi-ta-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } &.fi-ta-image-ring .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(&.fi-ta-image-ring img,&.fi-ta-image-ring .fi-ta-image-limited-remaining-text):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } &.fi-ta-image-ring.fi-ta-image-ring-1 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-ta-image-ring.fi-ta-image-ring-1 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-ta-image-ring.fi-ta-image-ring-2 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-ta-image-ring.fi-ta-image-ring-2 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-ta-image-ring.fi-ta-image-ring-4 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-ta-image-ring.fi-ta-image-ring-4 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-ta-image-overlap-1 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -1) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-2 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-3 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -3) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-4 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-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)) ); } &.fi-ta-image-overlap-5 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-5 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -5) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-6 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -6) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -6) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-7 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-7 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -7) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -7) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-ta-image-overlap-8 {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image-overlap-8 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -8) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse)) ); } &.fi-wrapped {flex-wrap: wrap;} &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-align-start {justify-content: flex-start;} &.fi-align-left {justify-content: flex-start;} &.fi-align-center {justify-content: center;} &.fi-align-end {justify-content: flex-end;} &.fi-align-right {justify-content: flex-end;} &.fi-align-justify {justify-content: space-between;} &.fi-align-between {justify-content: space-between;} &.fi-stacked .fi-ta-image-limited-remaining-text {background-color: var(--gray-100); border-radius: 3.40282e38px;} &.fi-stacked .fi-ta-image-limited-remaining-text:where(.dark,.dark *) {background-color: var(--gray-800);} & .fi-ta-image-limited-remaining-text {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); justify-content: center; align-items: center; display: flex;} & .fi-ta-image-limited-remaining-text:where(.dark,.dark *) {color: var(--gray-400);} & .fi-ta-image-limited-remaining-text.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} & .fi-ta-image-limited-remaining-text.fi-size-base {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} & .fi-ta-image-limited-remaining-text.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} & .fi-ta-image-limited-remaining-text.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-ta-image-ring{&.fi-ta-image img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } &.fi-ta-image .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(&.fi-ta-image img,&.fi-ta-image .fi-ta-image-limited-remaining-text):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } &.fi-ta-image.fi-ta-image-ring-1 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-ta-image.fi-ta-image-ring-1 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-ta-image.fi-ta-image-ring-2 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-ta-image.fi-ta-image-ring-2 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-ta-image.fi-ta-image-ring-4 img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-ta-image.fi-ta-image-ring-4 .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); }}@utility fi-ta-image-limited-remaining-text{.fi-ta-image.fi-ta-image-ring & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--color-white); } :is(.fi-ta-image.fi-ta-image-ring img,.fi-ta-image.fi-ta-image-ring &):where(.dark,.dark *) { --tw-ring-color: var(--gray-900); } .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-1 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-2 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .fi-ta-image.fi-ta-image-ring.fi-ta-image-ring-4 & { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } .fi-ta-image.fi-stacked & {background-color: var(--gray-100); border-radius: 3.40282e38px;} .fi-ta-image.fi-stacked &:where(.dark,.dark *) {background-color: var(--gray-800);} .fi-ta-image & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); justify-content: center; align-items: center; display: flex;} .fi-ta-image &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-image &.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} .fi-ta-image &.fi-size-base {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-ta-image &.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .fi-ta-image &.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}@utility fi-ta-image-ring-1{&.fi-ta-image.fi-ta-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); } &.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); }}@utility fi-ta-image-ring-2{&.fi-ta-image.fi-ta-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }}@utility fi-ta-image-ring-4{&.fi-ta-image.fi-ta-image-ring img { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } &.fi-ta-image.fi-ta-image-ring .fi-ta-image-limited-remaining-text { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); }}@utility fi-ta-image-overlap-1{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -1) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-2{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-3{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -3) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-4{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :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)) ); }}@utility fi-ta-image-overlap-5{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -5) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -5) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-6{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -6) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -6) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-7{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -7) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -7) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-image-overlap-8{&.fi-ta-image {column-gap: calc(var(--spacing) * 0);} :where(&.fi-ta-image > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -8) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse)) ); }}@utility fi-ta-select{width: 100%; min-width: calc(var(--spacing) * 48); &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);}}@utility fi-ta-text{width: 100%; &.fi-ta-text-has-descriptions {flex-direction: column; display: flex;} &.fi-ta-text-list-limited {flex-direction: column; display: flex;} :is(&.fi-ta-text-has-descriptions,&.fi-ta-text-list-limited).fi-ta-text-has-badges {row-gap: calc(var(--spacing) * 2);} :is(&.fi-ta-text-has-descriptions,&.fi-ta-text-list-limited):not(.fi-ta-text-has-badges) {row-gap: calc(var(--spacing) * 1);} &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &ul.fi-bulleted {list-style-type: disc; list-style-position: inside;} &.fi-bulleted ul {list-style-type: disc; list-style-position: inside;} &ul:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges {column-gap: calc(var(--spacing) * 1.5); display: flex;} &:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,&:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges,&:not(.fi-ta-text-has-line-breaks).fi-ta-text-has-badges ul):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul).fi-ta-text-has-line-breaks {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):is(.fi-ta-text-has-line-breaks ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(:is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(ul.fi-ta-text-has-line-breaks),:is(&ul.fi-ta-text-has-badges,&.fi-ta-text-has-badges ul):not(.fi-ta-text-has-line-breaks ul)):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} &.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) {white-space: normal;} &.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-badge {white-space: nowrap;} &.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) .fi-ta-text-list-limited-message {white-space: nowrap;} & > .fi-ta-text-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & > .fi-ta-text-list-limited-message {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} :is(& > .fi-ta-text-description,& > .fi-ta-text-list-limited-message):where(.dark,.dark *) {color: var(--gray-400);} &.fi-align-center {text-align: center;} &ul.fi-align-center {justify-content: center;} &.fi-align-center ul {justify-content: center;} &.fi-align-end {text-align: end;} &.fi-align-right {text-align: end;} ul:is(&.fi-align-end,&.fi-align-right) {justify-content: flex-end;} :is(&.fi-align-end,&.fi-align-right) ul {justify-content: flex-end;} &.fi-align-justify {text-align: justify;} &.fi-align-between {text-align: justify;} ul:is(&.fi-align-justify,&.fi-align-between) {justify-content: space-between;} :is(&.fi-align-justify,&.fi-align-between) ul {justify-content: space-between;}}@utility fi-ta-text-has-descriptions{&.fi-ta-text {flex-direction: column; display: flex;} :is(&.fi-ta-text,.fi-ta-text.fi-ta-text-list-limited).fi-ta-text-has-badges {row-gap: calc(var(--spacing) * 2);} :is(&.fi-ta-text,.fi-ta-text.fi-ta-text-list-limited):not(.fi-ta-text-has-badges) {row-gap: calc(var(--spacing) * 1);}}@utility fi-ta-text-list-limited{&.fi-ta-text {flex-direction: column; display: flex;} :is(.fi-ta-text.fi-ta-text-has-descriptions,&.fi-ta-text).fi-ta-text-has-badges {row-gap: calc(var(--spacing) * 2);} :is(.fi-ta-text.fi-ta-text-has-descriptions,&.fi-ta-text):not(.fi-ta-text-has-badges) {row-gap: calc(var(--spacing) * 1);}}@utility fi-ta-text-has-badges{&:is(.fi-ta-text.fi-ta-text-has-descriptions,.fi-ta-text.fi-ta-text-list-limited) {row-gap: calc(var(--spacing) * 2);} &ul.fi-ta-text:not(.fi-ta-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} &.fi-ta-text:not(.fi-ta-text-has-line-breaks) ul {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-ta-text:not(.fi-ta-text-has-line-breaks),&.fi-ta-text:not(.fi-ta-text-has-line-breaks) ul).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-ta-text:not(.fi-ta-text-has-line-breaks),&.fi-ta-text:not(.fi-ta-text-has-line-breaks) ul):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(&ul.fi-ta-text,&.fi-ta-text ul).fi-ta-text-has-line-breaks {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-ta-text,&.fi-ta-text ul):is(.fi-ta-text-has-line-breaks ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(&ul.fi-ta-text,&.fi-ta-text ul):not(ul.fi-ta-text-has-line-breaks) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(&ul.fi-ta-text,&.fi-ta-text ul):not(.fi-ta-text-has-line-breaks ul) {column-gap: calc(var(--spacing) * 1.5); display: flex;} :is(:is(&ul.fi-ta-text,&.fi-ta-text ul):not(ul.fi-ta-text-has-line-breaks),:is(&ul.fi-ta-text,&.fi-ta-text ul):not(.fi-ta-text-has-line-breaks ul)).fi-wrapped {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;} :is(:is(&ul.fi-ta-text,&.fi-ta-text ul):not(ul.fi-ta-text-has-line-breaks),:is(&ul.fi-ta-text,&.fi-ta-text ul):not(.fi-ta-text-has-line-breaks ul)):is(.fi-wrapped ul) {row-gap: calc(var(--spacing) * 1); flex-wrap: wrap;}}@utility fi-ta-text-has-line-breaks{&:is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} :is(ul.fi-ta-text.fi-ta-text-has-badges,.fi-ta-text.fi-ta-text-has-badges ul):is(& ul) {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;}}@utility fi-ta-text-list-limited-message{.fi-ta-text.fi-wrapped:not(.fi-ta-text-has-badges.fi-ta-text-has-line-breaks) & {white-space: nowrap;} .fi-ta-text > & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} :is(.fi-ta-text > .fi-ta-text-description,.fi-ta-text > &):where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-text-description{.fi-ta-text > & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} :is(.fi-ta-text > &,.fi-ta-text > .fi-ta-text-list-limited-message):where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-text-item{color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);} @media (hover: hover) {& a:hover {text-decoration-line: underline;}} & a:focus-visible {text-decoration-line: underline;} &:not(.fi-bulleted li.fi-ta-text-item) {-webkit-line-clamp: var(--line-clamp, none); -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;} & > .fi-copyable {cursor: pointer;} &.fi-size-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} &.fi-size-sm {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6);} &.fi-size-md {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} &.fi-size-lg {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));} &.fi-font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } &.fi-font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight); } &.fi-font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } &.fi-font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } &.fi-font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &.fi-font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } &.fi-font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } &.fi-font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } &.fi-font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } &.fi-font-sans {font-family: var(--font-family),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} &.fi-font-serif {font-family: var(--serif-font-family),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;} &.fi-font-mono {font-family: var(--mono-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;} &.fi-color {color: var(--text);} &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} &li.fi-color::marker {color: var(--gray-950);} &li.fi-color:where(.dark,.dark *)::marker {color: var(--color-white);} &.fi-color-gray {color: var(--gray-500);} &.fi-color-gray:where(.dark,.dark *) {color: var(--gray-400);} &li.fi-color-gray::marker {color: var(--gray-950);} &li.fi-color-gray:where(.dark,.dark *)::marker {color: var(--color-white);} & > .fi-icon {color: var(--gray-400); flex-shrink: 0; display: inline-block;} & > span:not(.fi-badge) > .fi-icon {color: var(--gray-400); flex-shrink: 0; display: inline-block;} :is(& > .fi-icon,& > span:not(.fi-badge) > .fi-icon):where(.dark,.dark *) {color: var(--gray-500);} :is(& > .fi-icon,& > span:not(.fi-badge) > .fi-icon).fi-color {color: var(--color-500);} @media (hover: hover) {.fi-ta-col-has-column-url &:hover {text-decoration-line: underline;}} .fi-ta-col-has-column-url &:focus-visible {text-decoration-line: underline;} @media (hover: hover) {.fi-ta-col-has-column-url & .fi-icon:hover {text-decoration-line: none;}} .fi-ta-col-has-column-url & .fi-icon:focus-visible {text-decoration-line: none;} @media (hover: hover) {.fi-ta-col-has-column-url & > .fi-badge:hover {text-decoration-line: none;}} .fi-ta-col-has-column-url & > .fi-badge:focus-visible {text-decoration-line: none;}}@utility fi-ta-col-has-column-url{@media (hover: hover) {& .fi-ta-text-item:hover {text-decoration-line: underline;}} & .fi-ta-text-item:focus-visible {text-decoration-line: underline;} @media (hover: hover) {& .fi-ta-text-item .fi-icon:hover {text-decoration-line: none;}} & .fi-ta-text-item .fi-icon:focus-visible {text-decoration-line: none;} @media (hover: hover) {& .fi-ta-text-item > .fi-badge:hover {text-decoration-line: none;}} & .fi-ta-text-item > .fi-badge:focus-visible {text-decoration-line: none;}}@utility fi-ta-text-input{width: 100%; min-width: calc(var(--spacing) * 48); &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);}}@utility fi-ta-toggle{width: 100%; &:not(.fi-inline) {padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4);} &.fi-align-center {text-align: center;} &.fi-align-end {text-align: end;} &.fi-align-right {text-align: end;}}@utility fi-ta-grid{&.fi-gap-sm {gap: calc(var(--spacing) * 1);} @media (min-width: 40rem) {&.sm\:fi-gap-sm {gap: calc(var(--spacing) * 1);}} @media (min-width: 48rem) {&.md\:fi-gap-sm {gap: calc(var(--spacing) * 1);}} @media (min-width: 64rem) {&.lg\:fi-gap-sm {gap: calc(var(--spacing) * 1);}} @media (min-width: 80rem) {&.xl\:fi-gap-sm {gap: calc(var(--spacing) * 1);}} @media (min-width: 96rem) {&.\32xl\:fi-gap-sm {gap: calc(var(--spacing) * 1);}} &.fi-gap-lg {gap: calc(var(--spacing) * 3);} @media (min-width: 40rem) {&.sm\:fi-gap-lg {gap: calc(var(--spacing) * 3);}} @media (min-width: 48rem) {&.md\:fi-gap-lg {gap: calc(var(--spacing) * 3);}} @media (min-width: 64rem) {&.lg\:fi-gap-lg {gap: calc(var(--spacing) * 3);}} @media (min-width: 80rem) {&.xl\:fi-gap-lg {gap: calc(var(--spacing) * 3);}} @media (min-width: 96rem) {&.\32xl\:fi-gap-lg {gap: calc(var(--spacing) * 3);}}}@utility fi-gap-sm{&.fi-ta-grid {gap: calc(var(--spacing) * 1);} :where(&.fi-ta-stack > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 1) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)) ); }}@utility sm:fi-gap-sm{@media (min-width: 40rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 1);}}}@utility md:fi-gap-sm{@media (min-width: 48rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 1);}}}@utility lg:fi-gap-sm{@media (min-width: 64rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 1);}}}@utility xl:fi-gap-sm{@media (min-width: 80rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 1);}}}@utility 2xl:fi-gap-sm{@media (min-width: 96rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 1);}}}@utility fi-gap-lg{&.fi-ta-grid {gap: calc(var(--spacing) * 3);} :where(&.fi-ta-stack > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 3) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)) ); }}@utility sm:fi-gap-lg{@media (min-width: 40rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 3);}}}@utility md:fi-gap-lg{@media (min-width: 48rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 3);}}}@utility lg:fi-gap-lg{@media (min-width: 64rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 3);}}}@utility xl:fi-gap-lg{@media (min-width: 80rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 3);}}}@utility 2xl:fi-gap-lg{@media (min-width: 96rem) {&.fi-ta-grid {gap: calc(var(--spacing) * 3);}}}@utility fi-ta-panel{border-radius: var(--radius-lg); background-color: var(--gray-50); padding: calc(var(--spacing) * 4); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-950); @supports (color: color-mix(in lab,red,red)) { --tw-ring-color: color-mix(in oklab, var(--gray-950) 5%, transparent); } --tw-ring-inset: inset; &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-ta-split{display: flex; &.default\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3);} &.sm\:fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} &.md\:fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} &.lg\:fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} &.xl\:fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} &.\32xl\:fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 40rem) {&.sm\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}} @media (min-width: 48rem) {&.md\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}} @media (min-width: 64rem) {&.lg\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}} @media (min-width: 80rem) {&.xl\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}} @media (min-width: 96rem) {&.\32xl\:fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility default:fi-ta-split{&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3);}}@utility sm:fi-ta-split{&.fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 40rem) {&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility md:fi-ta-split{&.fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 48rem) {&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility lg:fi-ta-split{&.fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 64rem) {&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility xl:fi-ta-split{&.fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 80rem) {&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility 2xl:fi-ta-split{&.fi-ta-split {gap: calc(var(--spacing) * 2); flex-direction: column;} @media (min-width: 96rem) {&.fi-ta-split {align-items: center; gap: calc(var(--spacing) * 3); flex-direction: row;}}}@utility fi-ta-stack{flex-direction: column; display: flex; &.fi-align-start {align-items: flex-start;} &.fi-align-left {align-items: flex-start;} &.fi-align-center {align-items: center;} &.fi-align-end {align-items: flex-end;} &.fi-align-right {align-items: flex-end;} :where(&.fi-gap-sm > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 1) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)) ); } :where(&.fi-gap-md > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 2) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)) ); } :where(&.fi-gap-lg > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 3) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)) ); }}@utility fi-gap-md{:where(&.fi-ta-stack > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 2) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)) ); }}@utility fi-ta-icon-count-summary{row-gap: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: grid; &:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-ta-icon-count-summary-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } & > .fi-ta-icon-count-summary-label:where(.dark,.dark *) {color: var(--color-white);} & > ul {row-gap: calc(var(--spacing) * 1.5); display: grid;} & > ul > li {justify-content: flex-end; align-items: center; column-gap: calc(var(--spacing) * 1.5); display: flex;} & > ul > li > .fi-icon {color: var(--gray-400);} & > ul > li > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > ul > li > .fi-icon.fi-color {color: var(--text);} & > ul > li > .fi-icon.fi-color:where(.dark,.dark *) {color: var(--dark-text);}}@utility fi-ta-icon-count-summary-label{.fi-ta-icon-count-summary > & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } .fi-ta-icon-count-summary > &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-range-summary{row-gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: grid; &:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-ta-range-summary-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } & > .fi-ta-range-summary-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-range-summary-label{.fi-ta-range-summary > & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } .fi-ta-range-summary > &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-text-summary{row-gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: grid; &:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-ta-text-summary-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } & > .fi-ta-text-summary-label:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-text-summary-label{.fi-ta-text-summary > & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } .fi-ta-text-summary > &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-values-summary{row-gap: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: grid; &:where(.dark,.dark *) {color: var(--gray-400);} & > .fi-ta-values-summary-label { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } & > .fi-ta-values-summary-label:where(.dark,.dark *) {color: var(--color-white);} & > ul.fi-bulleted {list-style-type: disc; list-style-position: inside;}}@utility fi-ta-values-summary-label{.fi-ta-values-summary > & { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); } .fi-ta-values-summary > &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-ctn{border-radius: var(--radius-xl); background-color: var(--color-white); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-ta-ctn-with-header) {overflow: hidden;} &.fi-loading {animation: var(--animate-pulse);} & .fi-ta-header-ctn {margin-top: -1px;} & .fi-ta-header {gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 4); flex-direction: column; display: flex;} @media (min-width: 40rem) {& .fi-ta-header {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-header:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} @media (min-width: 40rem) {& .fi-ta-header.fi-ta-header-adaptive-actions-position {flex-direction: row; align-items: center;} & .fi-ta-header.fi-ta-header-adaptive-actions-position .fi-ta-actions {margin-inline-start: auto;}} & .fi-ta-header.fi-ta-header-adaptive-actions-position:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) .fi-ta-actions {margin-inline-start: auto;} & .fi-ta-header .fi-ta-header-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-ta-header .fi-ta-header-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-header .fi-ta-header-description {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600);} & .fi-ta-header .fi-ta-header-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-ta-header-toolbar {justify-content: space-between; align-items: center; gap: calc(var(--spacing) * 4); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;} @media (min-width: 40rem) {& .fi-ta-header-toolbar {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-header-toolbar:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-header-toolbar:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-header-toolbar > * {align-items: center; column-gap: calc(var(--spacing) * 4); display: flex;} & .fi-ta-header-toolbar > :first-child {flex-shrink: 0;} & .fi-ta-header-toolbar > :nth-child(2) {margin-inline-start: auto;} @media (min-width: 40rem) {& .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown.sm\:fi-hidden {display: none;}} & .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields {row-gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} & .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label {row-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} & .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-header-toolbar .fi-ta-grouping-settings > .fi-ta-grouping-settings-fields {align-items: center; column-gap: calc(var(--spacing) * 3); display: none;} @media (min-width: 40rem) {& .fi-ta-header-toolbar .fi-ta-grouping-settings > .fi-ta-grouping-settings-fields {display: flex;}} & .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-ta-filters {padding: calc(var(--spacing) * 6);} & .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-ta-col-manager {padding: calc(var(--spacing) * 6);} & .fi-ta-filters {row-gap: calc(var(--spacing) * 4); display: grid;} & .fi-ta-filters.fi-ta-filters-below-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {& .fi-ta-filters.fi-ta-filters-below-content {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-filters.fi-ta-filters-below-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-filters.fi-ta-filters-below-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-filters .fi-ta-filters-header {justify-content: space-between; align-items: center; display: flex;} & .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-ta-filters .fi-ta-filters-header .fi-ta-filters-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator {color: var(--gray-400);} & .fi-ta-filters .fi-ta-filters-header .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);} & .fi-ta-filters-above-content-ctn {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 4); display: grid;} @media (min-width: 40rem) {& .fi-ta-filters-above-content-ctn {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-filters-above-content-ctn:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-filters-above-content-ctn:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-filters-above-content-ctn .fi-ta-filters-trigger-action-ctn {margin-inline-start: auto;} & .fi-ta-filters-above-content-ctn.fi-open .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * 3);} & .fi-ta-filters-above-content-ctn.fi-open:has(.fi-ta-filters-apply-action-ctn) .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * -7);} & .fi-ta-reorder-indicator {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: flex;} @media (min-width: 40rem) {& .fi-ta-reorder-indicator {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-reorder-indicator:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-reorder-indicator:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-reorder-indicator:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-reorder-indicator:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-reorder-indicator:where(.dark,.dark *) {color: var(--gray-200);} & .fi-ta-reorder-indicator .fi-loading-indicator {color: var(--gray-400);} & .fi-ta-reorder-indicator .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);} & .fi-ta-selection-indicator {justify-content: space-between; row-gap: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); flex-direction: column; display: flex;} @media (min-width: 40rem) {& .fi-ta-selection-indicator {padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 1.5); flex-direction: row; align-items: center;}} & .fi-ta-selection-indicator:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-selection-indicator:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-selection-indicator:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-selection-indicator:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-selection-indicator .fi-loading-indicator {color: var(--gray-400);} & .fi-ta-selection-indicator .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);} & .fi-ta-selection-indicator .fi-ta-selection-indicator-actions-ctn {column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-ta-selection-indicator > * {column-gap: calc(var(--spacing) * 3); display: flex;} & .fi-ta-selection-indicator > :first-child {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700);} & .fi-ta-selection-indicator > :first-child:where(.dark,.dark *) {color: var(--gray-200);} & .fi-ta-selection-indicator > :nth-child(2) {margin-inline-start: auto;} & .fi-ta-filter-indicators {justify-content: space-between; align-items: flex-start; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); display: flex;} @media (min-width: 40rem) {& .fi-ta-filter-indicators {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-filter-indicators:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-filter-indicators:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-filter-indicators:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-filter-indicators:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-filter-indicators > :first-child {column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} @media (min-width: 40rem) {& .fi-ta-filter-indicators > :first-child {flex-direction: row;}} & .fi-ta-filter-indicators > :first-child .fi-ta-filter-indicators-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; color: var(--gray-700);} & .fi-ta-filter-indicators > :first-child .fi-ta-filter-indicators-label:where(.dark,.dark *) {color: var(--gray-200);} & .fi-ta-filter-indicators > :first-child .fi-ta-filter-indicators-badges-ctn {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;} & .fi-ta-filter-indicators > :nth-child(2).fi-icon-btn {margin-top: calc(var(--spacing) * -1);} & .fi-pagination {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3);} @media (min-width: 40rem) {& .fi-pagination {padding-inline: calc(var(--spacing) * 6);}} & .fi-pagination:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-pagination:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-table-loading-ctn {height: calc(var(--spacing) * 32); justify-content: center; align-items: center; display: flex;}}@utility fi-loading{&.fi-ta-ctn {animation: var(--animate-pulse);}}@utility fi-ta-header-ctn{.fi-ta-ctn & {margin-top: -1px;}}@utility fi-ta-header{.fi-ta-ctn & {gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 4); flex-direction: column; display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} @media (min-width: 40rem) {.fi-ta-ctn &.fi-ta-header-adaptive-actions-position {flex-direction: row; align-items: center;} .fi-ta-ctn &.fi-ta-header-adaptive-actions-position .fi-ta-actions {margin-inline-start: auto;}} .fi-ta-ctn &.fi-ta-header-adaptive-actions-position:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) .fi-ta-actions {margin-inline-start: auto;} .fi-ta-ctn & .fi-ta-header-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-ctn & .fi-ta-header-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn & .fi-ta-header-description {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600);} .fi-ta-ctn & .fi-ta-header-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-header-adaptive-actions-position{@media (min-width: 40rem) {.fi-ta-ctn &.fi-ta-header {flex-direction: row; align-items: center;} .fi-ta-ctn &.fi-ta-header .fi-ta-actions {margin-inline-start: auto;}} .fi-ta-ctn &.fi-ta-header:not(:has(.fi-ta-header-heading)):not(:has(.fi-ta-header-description)) .fi-ta-actions {margin-inline-start: auto;}}@utility fi-ta-header-heading{.fi-ta-ctn .fi-ta-header & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-ctn .fi-ta-header &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-header-description{.fi-ta-ctn .fi-ta-header & {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-600);} .fi-ta-ctn .fi-ta-header &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-header-toolbar{.fi-ta-ctn & {justify-content: space-between; align-items: center; gap: calc(var(--spacing) * 4); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); flex-wrap: wrap; display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn & > * {align-items: center; column-gap: calc(var(--spacing) * 4); display: flex;} .fi-ta-ctn & > :first-child {flex-shrink: 0;} .fi-ta-ctn & > :nth-child(2) {margin-inline-start: auto;} @media (min-width: 40rem) {.fi-ta-ctn & .fi-ta-grouping-settings .fi-dropdown.sm\:fi-hidden {display: none;}} .fi-ta-ctn & .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields {row-gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} .fi-ta-ctn & .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label {row-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-ta-ctn & .fi-ta-grouping-settings .fi-dropdown .fi-ta-grouping-settings-fields label:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn & .fi-ta-grouping-settings > .fi-ta-grouping-settings-fields {align-items: center; column-gap: calc(var(--spacing) * 3); display: none;} @media (min-width: 40rem) {.fi-ta-ctn & .fi-ta-grouping-settings > .fi-ta-grouping-settings-fields {display: flex;}} .fi-ta-ctn & .fi-ta-filters-dropdown .fi-ta-filters {padding: calc(var(--spacing) * 6);} .fi-ta-ctn & .fi-ta-col-manager-dropdown .fi-ta-col-manager {padding: calc(var(--spacing) * 6);}}@utility fi-ta-grouping-settings{@media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header-toolbar & .fi-dropdown.sm\:fi-hidden {display: none;}} .fi-ta-ctn .fi-ta-header-toolbar & .fi-dropdown .fi-ta-grouping-settings-fields {row-gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar & .fi-dropdown .fi-ta-grouping-settings-fields label {row-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar & .fi-dropdown .fi-ta-grouping-settings-fields label:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-header-toolbar & > .fi-ta-grouping-settings-fields {align-items: center; column-gap: calc(var(--spacing) * 3); display: none;} @media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header-toolbar & > .fi-ta-grouping-settings-fields {display: flex;}}}@utility fi-dropdown{@media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings &.sm\:fi-hidden {display: none;}} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings & .fi-ta-grouping-settings-fields {row-gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings & .fi-ta-grouping-settings-fields label {row-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings & .fi-ta-grouping-settings-fields label:where(.dark,.dark *) {color: var(--color-white);} .fi-wi-chart &.fi-wi-chart-filter .fi-wi-chart-filter-content {padding: calc(var(--spacing) * 6);}}@utility fi-ta-grouping-settings-fields{.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown & {row-gap: calc(var(--spacing) * 6); padding: calc(var(--spacing) * 6); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown & label {row-gap: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); display: grid;} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings .fi-dropdown & label:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings > & {align-items: center; column-gap: calc(var(--spacing) * 3); display: none;} @media (min-width: 40rem) {.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-grouping-settings > & {display: flex;}}}@utility fi-ta-filters-dropdown{.fi-ta-ctn .fi-ta-header-toolbar & .fi-ta-filters {padding: calc(var(--spacing) * 6);}}@utility fi-ta-filters{.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-filters-dropdown & {padding: calc(var(--spacing) * 6);} .fi-ta-ctn & {row-gap: calc(var(--spacing) * 4); display: grid;} .fi-ta-ctn &.fi-ta-filters-below-content {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-ctn &.fi-ta-filters-below-content {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &.fi-ta-filters-below-content:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &.fi-ta-filters-below-content:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn & .fi-ta-filters-header {justify-content: space-between; align-items: center; display: flex;} .fi-ta-ctn & .fi-ta-filters-header .fi-ta-filters-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-ctn & .fi-ta-filters-header .fi-ta-filters-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn & .fi-ta-filters-header .fi-loading-indicator {color: var(--gray-400);} .fi-ta-ctn & .fi-ta-filters-header .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-ta-col-manager-dropdown{.fi-ta-ctn .fi-ta-header-toolbar & .fi-ta-col-manager {padding: calc(var(--spacing) * 6);}}@utility fi-ta-col-manager{.fi-ta-ctn .fi-ta-header-toolbar .fi-ta-col-manager-dropdown & {padding: calc(var(--spacing) * 6);} row-gap: calc(var(--spacing) * 4); display: grid; & .fi-ta-col-manager-ctn {gap: calc(var(--spacing) * 4); display: grid;} & .fi-ta-col-manager-header {justify-content: space-between; align-items: center; display: flex;} & .fi-ta-col-manager-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-ta-col-manager-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-col-manager-items {margin-top: calc(var(--spacing) * -6); column-gap: calc(var(--spacing) * 6);} & .fi-ta-col-manager-item {break-inside: avoid; align-items: center; gap: calc(var(--spacing) * 3); padding-top: calc(var(--spacing) * 6); display: flex;} & .fi-ta-col-manager-item .fi-ta-col-manager-label {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); flex: 1; display: flex;} & .fi-ta-col-manager-item .fi-ta-col-manager-label:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-col-manager-item .fi-ta-col-manager-label .fi-checkbox-input {flex-shrink: 0;} & .fi-ta-col-manager-item .fi-ta-col-manager-reorder-handle {cursor: move;} & .fi-ta-col-manager-group {break-inside: avoid;} & .fi-ta-col-manager-group .fi-ta-col-manager-group-items {padding-inline-start: calc(var(--spacing) * 8);}}@utility fi-ta-filters-below-content{.fi-ta-ctn &.fi-ta-filters {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-ctn &.fi-ta-filters {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &.fi-ta-filters:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &.fi-ta-filters:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-ta-filters-header{.fi-ta-ctn .fi-ta-filters & {justify-content: space-between; align-items: center; display: flex;} .fi-ta-ctn .fi-ta-filters & .fi-ta-filters-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-ctn .fi-ta-filters & .fi-ta-filters-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-ctn .fi-ta-filters & .fi-loading-indicator {color: var(--gray-400);} .fi-ta-ctn .fi-ta-filters & .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-ta-filters-heading{.fi-ta-ctn .fi-ta-filters .fi-ta-filters-header & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-ctn .fi-ta-filters .fi-ta-filters-header &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-filters-above-content-ctn{.fi-ta-ctn & {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 4); display: grid;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn & .fi-ta-filters-trigger-action-ctn {margin-inline-start: auto;} .fi-ta-ctn &.fi-open .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * 3);} .fi-ta-ctn &.fi-open:has(.fi-ta-filters-apply-action-ctn) .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * -7);}}@utility fi-ta-filters-trigger-action-ctn{.fi-ta-ctn .fi-ta-filters-above-content-ctn & {margin-inline-start: auto;} .fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open & {margin-top: calc(var(--spacing) * 3);} .fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open:has(.fi-ta-filters-apply-action-ctn) & {margin-top: calc(var(--spacing) * -7);}}@utility fi-open{.fi-ta-ctn &.fi-ta-filters-above-content-ctn .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * 3);} .fi-ta-ctn &.fi-ta-filters-above-content-ctn:has(.fi-ta-filters-apply-action-ctn) .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * -7);}}@utility fi-ta-filters-apply-action-ctn{.fi-ta-ctn .fi-ta-filters-above-content-ctn.fi-open:has(&) .fi-ta-filters-trigger-action-ctn {margin-top: calc(var(--spacing) * -7);}}@utility fi-ta-reorder-indicator{.fi-ta-ctn & {align-items: center; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn &:where(.dark,.dark *) {color: var(--gray-200);} .fi-ta-ctn & .fi-loading-indicator {color: var(--gray-400);} .fi-ta-ctn & .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-ta-selection-indicator{.fi-ta-ctn & {justify-content: space-between; row-gap: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); flex-direction: column; display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 1.5); flex-direction: row; align-items: center;}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn & .fi-loading-indicator {color: var(--gray-400);} .fi-ta-ctn & .fi-loading-indicator:where(.dark,.dark *) {color: var(--gray-500);} .fi-ta-ctn & .fi-ta-selection-indicator-actions-ctn {column-gap: calc(var(--spacing) * 3); display: flex;} .fi-ta-ctn & > * {column-gap: calc(var(--spacing) * 3); display: flex;} .fi-ta-ctn & > :first-child {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700);} .fi-ta-ctn & > :first-child:where(.dark,.dark *) {color: var(--gray-200);} .fi-ta-ctn & > :nth-child(2) {margin-inline-start: auto;}}@utility fi-ta-selection-indicator-actions-ctn{.fi-ta-ctn .fi-ta-selection-indicator & {column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-ta-filter-indicators{.fi-ta-ctn & {justify-content: space-between; align-items: flex-start; column-gap: calc(var(--spacing) * 3); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-ctn &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-ctn &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-ctn &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-ctn & > :first-child {column-gap: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} @media (min-width: 40rem) {.fi-ta-ctn & > :first-child {flex-direction: row;}} .fi-ta-ctn & > :first-child .fi-ta-filter-indicators-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; color: var(--gray-700);} .fi-ta-ctn & > :first-child .fi-ta-filter-indicators-label:where(.dark,.dark *) {color: var(--gray-200);} .fi-ta-ctn & > :first-child .fi-ta-filter-indicators-badges-ctn {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;} .fi-ta-ctn & > :nth-child(2).fi-icon-btn {margin-top: calc(var(--spacing) * -1);}}@utility fi-ta-filter-indicators-label{.fi-ta-ctn .fi-ta-filter-indicators > :first-child & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; color: var(--gray-700);} .fi-ta-ctn .fi-ta-filter-indicators > :first-child &:where(.dark,.dark *) {color: var(--gray-200);}}@utility fi-ta-filter-indicators-badges-ctn{.fi-ta-ctn .fi-ta-filter-indicators > :first-child & {gap: calc(var(--spacing) * 1.5); flex-wrap: wrap; display: flex;}}@utility fi-ta-table-loading-ctn{.fi-ta-ctn & {height: calc(var(--spacing) * 32); justify-content: center; align-items: center; display: flex;}}@utility fi-ta-content-ctn{position: relative; :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } overflow-x: auto; :where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &:where(.dark,.dark *) {border-top-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {border-top-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-content-header {align-items: center; gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 6); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 4); display: flex;} @media (min-width: 40rem) {& .fi-ta-content-header {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-content-header:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content-header:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content-header .fi-ta-page-checkbox {margin-block: calc(var(--spacing) * 4); flex-shrink: 0;} & .fi-ta-content-header .fi-ta-sorting-settings {column-gap: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); display: flex;} &:not(.fi-ta-ctn-with-footer .fi-ta-content-ctn) {border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl);} &:not(.fi-ta-ctn-with-header .fi-ta-content-ctn) {border-top-style: var(--tw-border-style); border-top-width: 0;} & .fi-ta-content {display: grid;} & .fi-ta-content.fi-ta-content-grid {gap: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {& .fi-ta-content.fi-ta-content-grid {padding-inline: calc(var(--spacing) * 6);}} & .fi-ta-content.fi-ta-content-grid.fi-ta-content-grouped {padding-top: calc(var(--spacing) * 0);} & .fi-ta-content.fi-ta-content-grid .fi-ta-group-header {margin-inline: calc(var(--spacing) * -4); border-block-style: var(--tw-border-style); border-block-width: 1px; border-color: var(--gray-200);} & .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:first-child {border-top-style: var(--tw-border-style); border-top-width: 0;} @media (min-width: 40rem) {& .fi-ta-content.fi-ta-content-grid .fi-ta-group-header {margin-inline: calc(var(--spacing) * -6);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-group-header {width: calc(100% + 2rem) ;} @media (min-width: 40rem) {& .fi-ta-content.fi-ta-content-grid .fi-ta-group-header {width: calc(100% + 3rem) ;}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record {border-radius: var(--radius-xl); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} & .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} & .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected) {background-color: var(--color-white);} & .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 2);} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 2);} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 2);} & .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 2);} & .fi-ta-content:not(.fi-ta-content-grid) {background-color: var(--gray-200); row-gap: 1px;} & .fi-ta-content:not(.fi-ta-content-grid):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content:not(.fi-ta-content-grid):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:before {content: var(--tw-content); content: var(--tw-content); inset-block: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);} @media (min-width: 48rem) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-record-content-ctn {flex-direction: row; align-items: center;}} @media (min-width: 40rem) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 6);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 6);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 6);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 6);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 3);}} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 3);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);} @media (min-width: 40rem) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 3);}} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 3);} & .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 3);} @media (min-width: 48rem) {& .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);}} & .fi-ta-content .fi-ta-group-header {align-items: center; column-gap: calc(var(--spacing) * 3); background-color: var(--gray-50); width: 100%; padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 2); grid-column: 1/-1; display: flex;} @media (min-width: 40rem) {& .fi-ta-content .fi-ta-group-header {padding-inline: calc(var(--spacing) * 3);}} & .fi-ta-content .fi-ta-group-header:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-content .fi-ta-group-header:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-content .fi-ta-group-header.fi-collapsible {cursor: pointer;} & .fi-ta-content .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn {rotate: -180deg;} & .fi-ta-content .fi-ta-group-header .fi-ta-group-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-ta-content .fi-ta-group-header .fi-ta-group-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-content .fi-ta-group-header .fi-ta-group-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-ta-content .fi-ta-group-header .fi-ta-group-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-ta-content .fi-ta-group-header .fi-ta-group-checkbox {margin-inline: calc(var(--spacing) * 3);} & .fi-ta-content .fi-ta-table {grid-column: 1/-1;} & .fi-ta-content .fi-ta-record {background-color: var(--color-white); height: 100%; transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; align-items: center; transition-duration: 75ms; display: flex; position: relative;} & .fi-ta-content .fi-ta-record:where(.dark,.dark *) {background-color: var(--gray-900);} & .fi-ta-content .fi-ta-record.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 1);} & .fi-ta-content .fi-ta-record.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 1);} @media (hover: hover) {& .fi-ta-content .fi-ta-record.fi-clickable:hover {background-color: var(--gray-50);}} & .fi-ta-content .fi-ta-record.fi-collapsed {display: none;} & .fi-ta-content .fi-ta-record.fi-selected {background-color: var(--gray-50);} & .fi-ta-content .fi-ta-record .fi-ta-reorder-handle {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2);} & .fi-ta-content .fi-ta-record .fi-ta-record-checkbox {margin-inline: calc(var(--spacing) * 3); margin-block: calc(var(--spacing) * 4); flex-shrink: 0;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn {row-gap: calc(var(--spacing) * 3); width: 100%; height: 100%; padding-block: calc(var(--spacing) * 4); flex-direction: column; display: flex;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn > :first-child {flex: 1;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content {width: 100%; display: block;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col {text-align: start; justify-content: flex-start; display: flex;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col:disabled {pointer-events: none;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-growable {width: 100%;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-center {text-align: center; justify-content: center;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-end {text-align: end; justify-content: flex-end;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-left {text-align: left; justify-content: flex-start;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-right {text-align: right; justify-content: flex-end;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-justify {text-align: justify; justify-content: space-between;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-between {text-align: justify; justify-content: space-between;} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content.fi-collapsible {margin-top: calc(var(--spacing) * 3);} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-growable {flex: 1; width: 100%;} @media (min-width: 40rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-hidden {display: none;}} @media (min-width: 64rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-hidden {display: none;}} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: none;} @media (min-width: 40rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: block;}} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: none;} @media (min-width: 48rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: block;}} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: none;} @media (min-width: 64rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: block;}} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: none;} @media (min-width: 80rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: block;}} & .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: none;} @media (min-width: 96rem) {& .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: block;}} & .fi-ta-content .fi-ta-record .fi-ta-record-collapse-btn {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2); flex-shrink: 0;} & .fi-ta-content .fi-ta-record .fi-ta-actions.fi-ta-actions-before-columns-position {order: -9999;} & .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 4);} & .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 4);} & .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 4);} & .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 4);} & .fi-ta-content .fi-ta-record.fi-ta-record-collapsed .fi-ta-record-collapse-btn {rotate: 180deg;}}@utility fi-ta-content-header{.fi-ta-content-ctn & {align-items: center; gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 6); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 4); display: flex;} @media (min-width: 40rem) {.fi-ta-content-ctn & {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-content-ctn &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn & .fi-ta-page-checkbox {margin-block: calc(var(--spacing) * 4); flex-shrink: 0;} .fi-ta-content-ctn & .fi-ta-sorting-settings {column-gap: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); display: flex;}}@utility fi-ta-page-checkbox{.fi-ta-content-ctn .fi-ta-content-header & {margin-block: calc(var(--spacing) * 4); flex-shrink: 0;}}@utility fi-ta-sorting-settings{.fi-ta-content-ctn .fi-ta-content-header & {column-gap: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3); display: flex;}}@utility fi-ta-content{.fi-ta-content-ctn & {display: grid;} .fi-ta-content-ctn &.fi-ta-content-grid {gap: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content-grid {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-content-ctn &.fi-ta-content-grid.fi-ta-content-grouped {padding-top: calc(var(--spacing) * 0);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header {margin-inline: calc(var(--spacing) * -4); border-block-style: var(--tw-border-style); border-block-width: 1px; border-color: var(--gray-200);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header:first-child {border-top-style: var(--tw-border-style); border-top-width: 0;} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header {margin-inline: calc(var(--spacing) * -6);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header {width: calc(100% + 2rem) ;} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-group-header {width: calc(100% + 3rem) ;}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record {border-radius: var(--radius-xl); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:not(.fi-selected) {background-color: var(--color-white);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 2);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) {background-color: var(--gray-200); row-gap: 1px;} .fi-ta-content-ctn &:not(.fi-ta-content-grid):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &:not(.fi-ta-content-grid):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:before {content: var(--tw-content); content: var(--tw-content); inset-block: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-selected:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);} @media (min-width: 48rem) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-record-content-ctn {flex-direction: row; align-items: center;}} @media (min-width: 40rem) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 6);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 6);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);} @media (min-width: 40rem) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 3);}} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 3);} .fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 3);} @media (min-width: 48rem) {.fi-ta-content-ctn &:not(.fi-ta-content-grid) .fi-ta-record .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn & .fi-ta-group-header {align-items: center; column-gap: calc(var(--spacing) * 3); background-color: var(--gray-50); width: 100%; padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 2); grid-column: 1/-1; display: flex;} @media (min-width: 40rem) {.fi-ta-content-ctn & .fi-ta-group-header {padding-inline: calc(var(--spacing) * 3);}} .fi-ta-content-ctn & .fi-ta-group-header:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn & .fi-ta-group-header:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn & .fi-ta-group-header.fi-collapsible {cursor: pointer;} .fi-ta-content-ctn & .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn {rotate: -180deg;} .fi-ta-content-ctn & .fi-ta-group-header .fi-ta-group-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-ta-content-ctn & .fi-ta-group-header .fi-ta-group-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-content-ctn & .fi-ta-group-header .fi-ta-group-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-content-ctn & .fi-ta-group-header .fi-ta-group-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-content-ctn & .fi-ta-group-header .fi-ta-group-checkbox {margin-inline: calc(var(--spacing) * 3);} .fi-ta-content-ctn & .fi-ta-table {grid-column: 1/-1;} .fi-ta-content-ctn & .fi-ta-record {background-color: var(--color-white); height: 100%; transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; align-items: center; transition-duration: 75ms; display: flex; position: relative;} .fi-ta-content-ctn & .fi-ta-record:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-ta-content-ctn & .fi-ta-record.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 1);} .fi-ta-content-ctn & .fi-ta-record.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 1);} @media (hover: hover) {.fi-ta-content-ctn & .fi-ta-record.fi-clickable:hover {background-color: var(--gray-50);}} .fi-ta-content-ctn & .fi-ta-record.fi-collapsed {display: none;} .fi-ta-content-ctn & .fi-ta-record.fi-selected {background-color: var(--gray-50);} .fi-ta-content-ctn & .fi-ta-record .fi-ta-reorder-handle {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2);} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-checkbox {margin-inline: calc(var(--spacing) * 3); margin-block: calc(var(--spacing) * 4); flex-shrink: 0;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn {row-gap: calc(var(--spacing) * 3); width: 100%; height: 100%; padding-block: calc(var(--spacing) * 4); flex-direction: column; display: flex;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn > :first-child {flex: 1;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content {width: 100%; display: block;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col {text-align: start; justify-content: flex-start; display: flex;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col:disabled {pointer-events: none;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-growable {width: 100%;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-center {text-align: center; justify-content: center;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-end {text-align: end; justify-content: flex-end;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-left {text-align: left; justify-content: flex-start;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-right {text-align: right; justify-content: flex-end;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-justify {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-between {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content.fi-collapsible {margin-top: calc(var(--spacing) * 3);} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .fi-growable {flex: 1; width: 100%;} @media (min-width: 40rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-hidden {display: none;}} @media (min-width: 64rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-hidden {display: none;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: none;} @media (min-width: 40rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: block;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: none;} @media (min-width: 48rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: block;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: none;} @media (min-width: 64rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: block;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: none;} @media (min-width: 80rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: block;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: none;} @media (min-width: 96rem) {.fi-ta-content-ctn & .fi-ta-record .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: block;}} .fi-ta-content-ctn & .fi-ta-record .fi-ta-record-collapse-btn {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2); flex-shrink: 0;} .fi-ta-content-ctn & .fi-ta-record .fi-ta-actions.fi-ta-actions-before-columns-position {order: -9999;} .fi-ta-content-ctn & .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn & .fi-ta-record:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn & .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 4);} .fi-ta-content-ctn & .fi-ta-record:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 4);} .fi-ta-content-ctn & .fi-ta-record.fi-ta-record-collapsed .fi-ta-record-collapse-btn {rotate: 180deg;}}@utility fi-ta-content-grid{.fi-ta-content-ctn &.fi-ta-content {gap: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4);} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content {padding-inline: calc(var(--spacing) * 6);}} .fi-ta-content-ctn &.fi-ta-content.fi-ta-content-grouped {padding-top: calc(var(--spacing) * 0);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header {margin-inline: calc(var(--spacing) * -4); border-block-style: var(--tw-border-style); border-block-width: 1px; border-color: var(--gray-200);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header:first-child {border-top-style: var(--tw-border-style); border-top-width: 0;} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header {margin-inline: calc(var(--spacing) * -6);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header {width: calc(100% + 2rem) ;} @media (min-width: 40rem) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-group-header {width: calc(100% + 3rem) ;}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record {border-radius: var(--radius-xl); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-selected:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record:not(.fi-selected) {background-color: var(--color-white);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record:not(.fi-selected):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn &.fi-ta-content .fi-ta-record:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 2);} .fi-ta-content-ctn &.fi-ta-content .fi-ta-record.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 2);}}@utility fi-ta-content-grouped{.fi-ta-content-ctn &.fi-ta-content.fi-ta-content-grid {padding-top: calc(var(--spacing) * 0);}}@utility fi-ta-group-header{.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid & {margin-inline: calc(var(--spacing) * -4); border-block-style: var(--tw-border-style); border-block-width: 1px; border-color: var(--gray-200);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:first-child {border-top-style: var(--tw-border-style); border-top-width: 0;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid & {margin-inline: calc(var(--spacing) * -6);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid & {width: calc(100% + 2rem) ;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid & {width: calc(100% + 3rem) ;}} .fi-ta-content-ctn .fi-ta-content & {align-items: center; column-gap: calc(var(--spacing) * 3); background-color: var(--gray-50); width: 100%; padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 2); grid-column: 1/-1; display: flex;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content & {padding-inline: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content &.fi-collapsible {cursor: pointer;} .fi-ta-content-ctn .fi-ta-content &.fi-collapsible.fi-collapsed .fi-icon-btn {rotate: -180deg;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-group-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-group-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-group-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-group-description:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-group-checkbox {margin-inline: calc(var(--spacing) * 3);} .fi-ta-row & {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: flex;} .fi-ta-row &.fi-collapsible {cursor: pointer;} .fi-ta-row &.fi-collapsible.fi-collapsed .fi-icon-btn {rotate: -180deg;} .fi-ta-row & .fi-ta-group-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-ta-row & .fi-ta-group-heading:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-row & .fi-ta-group-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-row & .fi-ta-group-description:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-record{.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid & {border-radius: var(--radius-xl); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-clickable:where(.dark,.dark *):hover { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); }}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-selected:where(.dark,.dark *) {background-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-selected:where(.dark,.dark *) { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-selected:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); }} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:not(.fi-selected) {background-color: var(--color-white);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:not(.fi-selected):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:not(.fi-selected):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &:not(.fi-selected):where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 2);} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-selected:before {content: var(--tw-content); content: var(--tw-content); inset-block: calc(var(--spacing) * 0); content: var(--tw-content); content: var(--tw-content); width: calc(var(--spacing) * .5); content: var(--tw-content); background-color: var(--primary-600); position: absolute; inset-inline-start: calc(var(--spacing) * 0);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-selected:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-selected:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-selected:where(.dark,.dark *):before {content: var(--tw-content); background-color: var(--primary-500);} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) & .fi-ta-record-content-ctn {flex-direction: row; align-items: center;}} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-prefix .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-prefix .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-suffix .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record-with-content-suffix .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 3);} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) & .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content & {background-color: var(--color-white); height: 100%; transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; align-items: center; transition-duration: 75ms; display: flex; position: relative;} .fi-ta-content-ctn .fi-ta-content &:where(.dark,.dark *) {background-color: var(--gray-900);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record-with-content-prefix {padding-inline-start: calc(var(--spacing) * 1);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record-with-content-suffix {padding-inline-end: calc(var(--spacing) * 1);} @media (hover: hover) {.fi-ta-content-ctn .fi-ta-content &.fi-clickable:hover {background-color: var(--gray-50);}} .fi-ta-content-ctn .fi-ta-content &.fi-collapsed {display: none;} .fi-ta-content-ctn .fi-ta-content &.fi-selected {background-color: var(--gray-50);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-reorder-handle {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-checkbox {margin-inline: calc(var(--spacing) * 3); margin-block: calc(var(--spacing) * 4); flex-shrink: 0;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn {row-gap: calc(var(--spacing) * 3); width: 100%; height: 100%; padding-block: calc(var(--spacing) * 4); flex-direction: column; display: flex;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn > :first-child {flex: 1;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content {width: 100%; display: block;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col {text-align: start; justify-content: flex-start; display: flex;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col:disabled {pointer-events: none;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-growable {width: 100%;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-center {text-align: center; justify-content: center;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-end {text-align: end; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-left {text-align: left; justify-content: flex-start;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-right {text-align: right; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-justify {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-ta-col.fi-align-between {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content.fi-collapsible {margin-top: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .fi-growable {flex: 1; width: 100%;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-hidden {display: none;}} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-hidden {display: none;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: none;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .sm\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: none;} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .md\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: none;} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .lg\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: none;} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .xl\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: none;} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content & .fi-ta-record-content-ctn .fi-ta-record-content .\32  xl\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content & .fi-ta-record-collapse-btn {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2); flex-shrink: 0;} .fi-ta-content-ctn .fi-ta-content & .fi-ta-actions.fi-ta-actions-before-columns-position {order: -9999;} .fi-ta-content-ctn .fi-ta-content &:not(.fi-ta-record-with-content-prefix) .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content &:not(.fi-ta-record-with-content-prefix) .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content &:not(.fi-ta-record-with-content-suffix) .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content &:not(.fi-ta-record-with-content-suffix) .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record-collapsed .fi-ta-record-collapse-btn {rotate: 180deg;}}@utility fi-ta-record-with-content-prefix{.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 2);} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record {padding-inline-start: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record .fi-ta-record-content {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record .fi-ta-actions {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record {padding-inline-start: calc(var(--spacing) * 1);}}@utility fi-ta-record-content{.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-prefix & {padding-inline-start: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid .fi-ta-record.fi-ta-record-with-content-suffix & {padding-inline-end: calc(var(--spacing) * 2);} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-prefix) & {padding-inline-start: calc(var(--spacing) * 6);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record:not(.fi-ta-record-with-content-suffix) & {padding-inline-end: calc(var(--spacing) * 6);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-prefix & {padding-inline-start: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record.fi-ta-record-with-content-suffix & {padding-inline-end: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & {width: 100%; display: block;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col {text-align: start; justify-content: flex-start; display: flex;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col:disabled {pointer-events: none;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-growable {width: 100%;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-center {text-align: center; justify-content: center;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-end {text-align: end; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-left {text-align: left; justify-content: flex-start;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-right {text-align: right; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-justify {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-ta-col.fi-align-between {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn &.fi-collapsible {margin-top: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .fi-growable {flex: 1; width: 100%;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .md\:fi-hidden {display: none;}} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .\32  xl\:fi-hidden {display: none;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .sm\:fi-visible {display: none;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .sm\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .md\:fi-visible {display: none;} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .md\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .lg\:fi-visible {display: none;} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .lg\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .xl\:fi-visible {display: none;} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .xl\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .\32  xl\:fi-visible {display: none;} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record .fi-ta-record-content-ctn & .\32  xl\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-prefix) & {padding-inline-start: calc(var(--spacing) * 4);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record:not(.fi-ta-record-with-content-suffix) & {padding-inline-end: calc(var(--spacing) * 4);}}@utility fi-ta-record-with-content-suffix{.fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 2);} .fi-ta-content-ctn .fi-ta-content.fi-ta-content-grid &.fi-ta-record .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 2);} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record {padding-inline-end: calc(var(--spacing) * 3);}} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record .fi-ta-record-content {padding-inline-end: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) &.fi-ta-record .fi-ta-actions {padding-inline-end: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content &.fi-ta-record {padding-inline-end: calc(var(--spacing) * 1);}}@utility fi-ta-record-content-ctn{@media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content:not(.fi-ta-content-grid) .fi-ta-record & {flex-direction: row; align-items: center;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & {row-gap: calc(var(--spacing) * 3); width: 100%; height: 100%; padding-block: calc(var(--spacing) * 4); flex-direction: column; display: flex;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & > :first-child {flex: 1;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content {width: 100%; display: block;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col {text-align: start; justify-content: flex-start; display: flex;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col:disabled {pointer-events: none;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-growable {width: 100%;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-center {text-align: center; justify-content: center;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-end {text-align: end; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-left {text-align: left; justify-content: flex-start;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-right {text-align: right; justify-content: flex-end;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-justify {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-ta-col.fi-align-between {text-align: justify; justify-content: space-between;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content.fi-collapsible {margin-top: calc(var(--spacing) * 3);} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .fi-growable {flex: 1; width: 100%;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .md\:fi-hidden {display: none;}} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .\32  xl\:fi-hidden {display: none;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .sm\:fi-visible {display: none;} @media (min-width: 40rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .sm\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .md\:fi-visible {display: none;} @media (min-width: 48rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .md\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .lg\:fi-visible {display: none;} @media (min-width: 64rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .lg\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .xl\:fi-visible {display: none;} @media (min-width: 80rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .xl\:fi-visible {display: block;}} .fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .\32  xl\:fi-visible {display: none;} @media (min-width: 96rem) {.fi-ta-content-ctn .fi-ta-content .fi-ta-record & .fi-ta-record-content .\32  xl\:fi-visible {display: block;}}}@utility fi-ta-group-heading{.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header &:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-row .fi-ta-group-header & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} .fi-ta-row .fi-ta-group-header &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-group-description{.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-content-ctn .fi-ta-content .fi-ta-group-header &:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-row .fi-ta-group-header & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-row .fi-ta-group-header &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-group-checkbox{.fi-ta-content-ctn .fi-ta-content .fi-ta-group-header & {margin-inline: calc(var(--spacing) * 3);}}@utility fi-ta-table{.fi-ta-content-ctn .fi-ta-content & {grid-column: 1/-1;} table-layout: auto; width: 100%; :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } text-align: start; :where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} :where(& > thead > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(& > thead:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& > thead:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > thead > tr {background-color: var(--gray-50);} & > thead > tr:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > thead > tr:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > thead > tr.fi-ta-table-head-groups-row {background-color: var(--gray-100);} & > thead > tr.fi-ta-table-head-groups-row:where(.dark,.dark *) {background-color: #0000;} :where(& > tbody > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } & > tbody {white-space: nowrap;} :where(& > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {:where(& > tbody:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > tfoot {background-color: var(--gray-50);} & > tfoot:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {& > tfoot:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-ta-record-collapse-btn{.fi-ta-content-ctn .fi-ta-content .fi-ta-record & {margin-inline: calc(var(--spacing) * 1); margin-block: calc(var(--spacing) * 2); flex-shrink: 0;} .fi-ta-content-ctn .fi-ta-content .fi-ta-record.fi-ta-record-collapsed & {rotate: 180deg;}}@utility fi-ta-actions-before-columns-position{.fi-ta-content-ctn .fi-ta-content .fi-ta-record &.fi-ta-actions {order: -9999;}}@utility fi-ta-record-collapsed{.fi-ta-content-ctn .fi-ta-content &.fi-ta-record .fi-ta-record-collapse-btn {rotate: 180deg;}}@utility fi-ta-empty-state{padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 12); &:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state) {border-top-style: var(--tw-border-style); border-top-width: 1px; border-color: var(--gray-200);} &:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:not(.fi-ta-ctn-with-content-layout .fi-ta-empty-state):where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} & .fi-ta-empty-state-content {max-width: var(--container-lg); text-align: center; justify-items: center; margin-inline: auto; display: grid;} & .fi-ta-empty-state-icon-bg {margin-bottom: calc(var(--spacing) * 4); background-color: var(--gray-100); padding: calc(var(--spacing) * 3); border-radius: 3.40282e38px;} & .fi-ta-empty-state-icon-bg:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {& .fi-ta-empty-state-icon-bg:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} & .fi-ta-empty-state-icon-bg .fi-icon {color: var(--gray-500);} & .fi-ta-empty-state-icon-bg .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-ta-empty-state-heading {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} & .fi-ta-empty-state-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-empty-state-description {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-ta-empty-state-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-ta-actions {margin-top: calc(var(--spacing) * 6);}}@utility fi-ta-empty-state-content{.fi-ta-empty-state & {max-width: var(--container-lg); text-align: center; justify-items: center; margin-inline: auto; display: grid;}}@utility fi-ta-empty-state-icon-bg{.fi-ta-empty-state & {margin-bottom: calc(var(--spacing) * 4); background-color: var(--gray-100); padding: calc(var(--spacing) * 3); border-radius: 3.40282e38px;} .fi-ta-empty-state &:where(.dark,.dark *) {background-color: var(--gray-500);} @supports (color: color-mix(in lab,red,red)) {.fi-ta-empty-state &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-500) 20%,transparent);}} .fi-ta-empty-state & .fi-icon {color: var(--gray-500);} .fi-ta-empty-state & .fi-icon:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-empty-state-heading{.fi-ta-empty-state & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-empty-state &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-empty-state-description{.fi-ta-empty-state & {margin-top: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} .fi-ta-empty-state &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-ta-header-cell{padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 3.5); text-align: start; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); @media (min-width: 40rem) {&:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} &:where(.dark,.dark *) {color: var(--color-white);} &.fi-growable {width: 100%;} &.fi-grouped {border-color: var(--gray-200);} &.fi-grouped:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-grouped:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-grouped:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-grouped:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-align-center {text-align: center;} &.fi-align-center .fi-ta-header-cell-sort-btn {justify-content: center;} &.fi-align-end {text-align: end;} &.fi-align-end .fi-ta-header-cell-sort-btn {justify-content: flex-end;} &.fi-align-left {text-align: left;} &.fi-align-left .fi-ta-header-cell-sort-btn {justify-content: flex-start;} &.fi-align-left .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} &.fi-align-right {text-align: right;} &.fi-align-right .fi-ta-header-cell-sort-btn {justify-content: flex-end;} &.fi-align-right .fi-ta-header-cell-sort-btn:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} &.fi-align-justify {text-align: justify;} &.fi-align-between {text-align: justify;} :is(&.fi-align-justify,&.fi-align-between) .fi-ta-header-cell-sort-btn {justify-content: space-between;} &.fi-ta-header-cell-sorted .fi-icon {color: var(--gray-950);} &.fi-ta-header-cell-sorted .fi-icon:where(.dark,.dark *) {color: var(--color-white);} &:not(.fi-ta-header-cell-sorted) .fi-icon {color: var(--gray-400);} &:not(.fi-ta-header-cell-sorted) .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} &:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon {color: var(--gray-500);} &:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} &:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon {color: var(--gray-500);} &:not(.fi-ta-header-cell-sorted) .fi-ta-header-cell-sort-btn:focus-visible .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} @media (min-width: 40rem) {&.sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {&.md\:fi-hidden {display: none;}} @media (min-width: 64rem) {&.lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {&.xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {&.\32xl\:fi-hidden {display: none;}} &.sm\:fi-visible {display: none;} @media (min-width: 40rem) {&.sm\:fi-visible {display: table-cell;}} &.md\:fi-visible {display: none;} @media (min-width: 48rem) {&.md\:fi-visible {display: table-cell;}} &.lg\:fi-visible {display: none;} @media (min-width: 64rem) {&.lg\:fi-visible {display: table-cell;}} &.xl\:fi-visible {display: none;} @media (min-width: 80rem) {&.xl\:fi-visible {display: table-cell;}} &.\32xl\:fi-visible {display: none;} @media (min-width: 96rem) {&.\32xl\:fi-visible {display: table-cell;}} &.fi-wrapped {white-space: normal;} &:not(.fi-wrapped) {white-space: nowrap;} & .fi-ta-header-cell-sort-btn {cursor: pointer; justify-content: flex-start; align-items: center; column-gap: calc(var(--spacing) * 1); width: 100%; display: flex;} & .fi-icon {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; transition-duration: 75ms;}}@utility fi-grouped{&.fi-ta-header-cell {border-color: var(--gray-200);} &.fi-ta-header-cell:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-header-cell:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-ta-header-cell:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &.fi-ta-header-cell:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;}}@utility fi-ta-header-cell-sort-btn{.fi-ta-header-cell.fi-align-center & {justify-content: center;} .fi-ta-header-cell.fi-align-end & {justify-content: flex-end;} .fi-ta-header-cell.fi-align-left & {justify-content: flex-start;} .fi-ta-header-cell.fi-align-left &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} .fi-ta-header-cell.fi-align-right & {justify-content: flex-end;} .fi-ta-header-cell.fi-align-right &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {flex-direction: row-reverse;} :is(.fi-ta-header-cell.fi-align-justify,.fi-ta-header-cell.fi-align-between) & {justify-content: space-between;} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) &:hover .fi-icon {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) &:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) &:focus-visible .fi-icon {color: var(--gray-500);} .fi-ta-header-cell:not(.fi-ta-header-cell-sorted) &:focus-visible .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-ta-header-cell & {cursor: pointer; justify-content: flex-start; align-items: center; column-gap: calc(var(--spacing) * 1); width: 100%; display: flex;}}@utility fi-ta-header-cell-sorted{&.fi-ta-header-cell .fi-icon {color: var(--gray-950);} &.fi-ta-header-cell .fi-icon:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-header-group-cell{border-color: var(--gray-200); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); @media (min-width: 40rem) {&:first-of-type {padding-inline-start: calc(var(--spacing) * 6);} &:last-of-type {padding-inline-end: calc(var(--spacing) * 6);}} &:where(.dark,.dark *) {border-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &:where(.dark,.dark *) {color: var(--color-white);} &:not(:first-of-type) {border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px;} &:not(:last-of-type) {border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px;} &.fi-align-start {text-align: start;} &.fi-align-center {text-align: center;} &.fi-align-end {text-align: end;} &.fi-align-left {text-align: left;} &.fi-align-right {text-align: right;} &.fi-align-justify {text-align: justify;} &.fi-align-between {text-align: justify;} @media (min-width: 40rem) {&.sm\:fi-hidden {display: none;}} @media (min-width: 48rem) {&.md\:fi-hidden {display: none;}} @media (min-width: 64rem) {&.lg\:fi-hidden {display: none;}} @media (min-width: 80rem) {&.xl\:fi-hidden {display: none;}} @media (min-width: 96rem) {&.\32xl\:fi-hidden {display: none;}} &.sm\:fi-visible {display: none;} @media (min-width: 40rem) {&.sm\:fi-visible {display: table-cell;}} &.md\:fi-visible {display: none;} @media (min-width: 48rem) {&.md\:fi-visible {display: table-cell;}} &.lg\:fi-visible {display: none;} @media (min-width: 64rem) {&.lg\:fi-visible {display: table-cell;}} &.xl\:fi-visible {display: none;} @media (min-width: 80rem) {&.xl\:fi-visible {display: table-cell;}} &.\32xl\:fi-visible {display: none;} @media (min-width: 96rem) {&.\32xl\:fi-visible {display: table-cell;}} &.fi-wrapped {white-space: normal;} &:not(.fi-wrapped) {white-space: nowrap;}}@utility fi-ta-empty-header-cell{width: calc(var(--spacing) * 1);}@utility fi-ta-row{@media (hover: hover) {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; &.fi-clickable:hover {background-color: var(--gray-50);} &.fi-clickable:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-clickable:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &.fi-striped {background-color: var(--gray-50);} &.fi-striped:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-striped:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-collapsed {display: none;} &.fi-ta-group-header-row > td {background-color: var(--gray-50);} &.fi-ta-group-header-row > td:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-group-header-row > td:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-ta-group-header {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); display: flex;} & .fi-ta-group-header.fi-collapsible {cursor: pointer;} & .fi-ta-group-header.fi-collapsible.fi-collapsed .fi-icon-btn {rotate: -180deg;} & .fi-ta-group-header .fi-ta-group-heading {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950);} & .fi-ta-group-header .fi-ta-group-heading:where(.dark,.dark *) {color: var(--color-white);} & .fi-ta-group-header .fi-ta-group-description {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500);} & .fi-ta-group-header .fi-ta-group-description:where(.dark,.dark *) {color: var(--gray-400);} &.fi-selected:not(.fi-striped) {background-color: var(--gray-50);} &.fi-selected:not(.fi-striped):where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-selected:not(.fi-striped):where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-selected > :first-child {position: relative;} &.fi-selected > :first-child:before {inset-block: calc(var(--spacing) * 0); width: calc(var(--spacing) * .5); background-color: var(--primary-600); content: ""; position: absolute; inset-inline-start: calc(var(--spacing) * 0);} &.fi-selected > :first-child:where(.dark,.dark *):before {background-color: var(--primary-500);} .fi-ta-reordering &:not(.fi-ta-row-not-reorderable) {cursor: move;}}@utility fi-striped{&.fi-ta-row {background-color: var(--gray-50);} &.fi-ta-row:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-row:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-ta-group-header-row{&.fi-ta-row > td {background-color: var(--gray-50);} &.fi-ta-row > td:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-ta-row > td:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-ta-reordering{& .fi-ta-row:not(.fi-ta-row-not-reorderable) {cursor: move;}}@utility fi-ta-table-head-groups-row{.fi-ta-table > thead > &tr {background-color: var(--gray-100);} .fi-ta-table > thead > &tr:where(.dark,.dark *) {background-color: #0000;}}@utility fi-ta-col-manager-ctn{.fi-ta-col-manager & {gap: calc(var(--spacing) * 4); display: grid;}}@utility fi-ta-col-manager-header{.fi-ta-col-manager & {justify-content: space-between; align-items: center; display: flex;}}@utility fi-ta-col-manager-heading{.fi-ta-col-manager & {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950);} .fi-ta-col-manager &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-ta-col-manager-items{.fi-ta-col-manager & {margin-top: calc(var(--spacing) * -6); column-gap: calc(var(--spacing) * 6);}}@utility fi-ta-col-manager-item{.fi-ta-col-manager & {break-inside: avoid; align-items: center; gap: calc(var(--spacing) * 3); padding-top: calc(var(--spacing) * 6); display: flex;} .fi-ta-col-manager & .fi-ta-col-manager-label {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); flex: 1; display: flex;} .fi-ta-col-manager & .fi-ta-col-manager-label:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-col-manager & .fi-ta-col-manager-label .fi-checkbox-input {flex-shrink: 0;} .fi-ta-col-manager & .fi-ta-col-manager-reorder-handle {cursor: move;}}@utility fi-ta-col-manager-label{.fi-ta-col-manager .fi-ta-col-manager-item & {align-items: center; column-gap: calc(var(--spacing) * 3); width: 100%; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); flex: 1; display: flex;} .fi-ta-col-manager .fi-ta-col-manager-item &:where(.dark,.dark *) {color: var(--color-white);} .fi-ta-col-manager .fi-ta-col-manager-item & .fi-checkbox-input {flex-shrink: 0;}}@utility fi-ta-col-manager-reorder-handle{.fi-ta-col-manager .fi-ta-col-manager-item & {cursor: move;}}@utility fi-ta-col-manager-group{.fi-ta-col-manager & {break-inside: avoid;} .fi-ta-col-manager & .fi-ta-col-manager-group-items {padding-inline-start: calc(var(--spacing) * 8);}}@utility fi-ta-col-manager-group-items{.fi-ta-col-manager .fi-ta-col-manager-group & {padding-inline-start: calc(var(--spacing) * 8);}}@utility fi-wi-chart{& .fi-wi-chart-canvas-ctn {margin-inline: auto;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 1;} @supports (container-type: inline-size) {& .fi-section-content {container-type: inline-size;} @container (min-width:24rem) {& .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 2;}} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="doughnut"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="pie"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="polarArea"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="radar"] {aspect-ratio: 1;}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {& .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 2;}} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="doughnut"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="pie"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="polarArea"] {aspect-ratio: 1;} & .fi-wi-chart-canvas-ctn:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="radar"] {aspect-ratio: 1;}} & .fi-wi-chart-filter.fi-input-wrp {width: max-content;} @media (min-width: 40rem) {& .fi-wi-chart-filter.fi-input-wrp {margin-block: calc(var(--spacing) * -2);}} & .fi-wi-chart-filter.fi-dropdown .fi-wi-chart-filter-content {padding: calc(var(--spacing) * 6);} & .fi-color .fi-wi-chart-bg-color {color: var(--color-50);} & .fi-color .fi-wi-chart-bg-color:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-color .fi-wi-chart-bg-color:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} & .fi-color .fi-wi-chart-border-color {color: var(--color-500);} & .fi-color .fi-wi-chart-border-color:where(.dark,.dark *) {color: var(--color-400);} & .fi-wi-chart-bg-color {color: var(--gray-100);} & .fi-wi-chart-bg-color:where(.dark,.dark *) {color: var(--gray-800);} & .fi-wi-chart-border-color {color: var(--gray-400);} & .fi-wi-chart-grid-color {color: var(--gray-200);} & .fi-wi-chart-grid-color:where(.dark,.dark *) {color: var(--gray-800);} & .fi-wi-chart-text-color {color: var(--gray-500);} & .fi-wi-chart-text-color:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-wi-chart-canvas-ctn{.fi-wi-chart & {margin-inline: auto;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 1;} @supports (container-type: inline-size) {@container (min-width:24rem) {.fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 2;}} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="doughnut"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="pie"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="polarArea"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="radar"] {aspect-ratio: 1;}} @supports not (container-type: inline-size) {@media (min-width: 40rem) {.fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio) {aspect-ratio: 2;}} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="doughnut"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="pie"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="polarArea"] {aspect-ratio: 1;} .fi-wi-chart &:not(.fi-wi-chart-canvas-ctn-no-aspect-ratio)[data-chart-type="radar"] {aspect-ratio: 1;}}}@utility fi-wi-chart-filter{.fi-wi-chart &.fi-input-wrp {width: max-content;} @media (min-width: 40rem) {.fi-wi-chart &.fi-input-wrp {margin-block: calc(var(--spacing) * -2);}} .fi-wi-chart &.fi-dropdown .fi-wi-chart-filter-content {padding: calc(var(--spacing) * 6);}}@utility fi-wi-chart-filter-content{.fi-wi-chart .fi-wi-chart-filter.fi-dropdown & {padding: calc(var(--spacing) * 6);}}@utility fi-wi-chart-bg-color{.fi-wi-chart .fi-color & {color: var(--color-50);} .fi-wi-chart .fi-color &:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-chart .fi-color &:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-chart & {color: var(--gray-100);} .fi-wi-chart &:where(.dark,.dark *) {color: var(--gray-800);}}@utility fi-wi-chart-border-color{.fi-wi-chart .fi-color & {color: var(--color-500);} .fi-wi-chart .fi-color &:where(.dark,.dark *) {color: var(--color-400);} .fi-wi-chart & {color: var(--gray-400);}}@utility fi-wi-chart-grid-color{.fi-wi-chart & {color: var(--gray-200);} .fi-wi-chart &:where(.dark,.dark *) {color: var(--gray-800);}}@utility fi-wi-chart-text-color{.fi-wi-chart & {color: var(--gray-500);} .fi-wi-chart &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-wi-stats-overview-stat{border-radius: var(--radius-xl); background-color: var(--color-white); padding: calc(var(--spacing) * 6); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),0 1px 2px -1px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); display: block; position: relative; &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-icon {color: var(--gray-400); flex-shrink: 0;} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & .fi-wi-stats-overview-stat-content {row-gap: calc(var(--spacing) * 2); display: grid;} & .fi-wi-stats-overview-stat-label-ctn {align-items: center; column-gap: calc(var(--spacing) * 2); display: flex;} & .fi-wi-stats-overview-stat-label {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} & .fi-wi-stats-overview-stat-label:where(.dark,.dark *) {color: var(--gray-400);} & .fi-wi-stats-overview-stat-value {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--gray-950);} & .fi-wi-stats-overview-stat-value:where(.dark,.dark *) {color: var(--color-white);} & .fi-wi-stats-overview-stat-description {align-items: center; column-gap: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: flex;} & .fi-wi-stats-overview-stat-description:where(.dark,.dark *) {color: var(--gray-400);} & .fi-wi-stats-overview-stat-description.fi-color {color: var(--text);} & .fi-wi-stats-overview-stat-description.fi-color:where(.dark,.dark *) {color: var(--dark-text);} & .fi-wi-stats-overview-stat-description.fi-color .fi-icon {color: var(--color-500);} & .fi-wi-stats-overview-stat-chart {inset-inline: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); position: absolute; overflow: hidden;} & .fi-wi-stats-overview-stat-chart > canvas {height: calc(var(--spacing) * 6);} & .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color {color: var(--gray-100);} & .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: var(--gray-800);} & .fi-wi-stats-overview-stat-chart .fi-wi-stats-overview-stat-chart-border-color {color: var(--gray-400);} & .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color {color: var(--color-50);} & .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {& .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} & .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color {color: var(--color-500);} & .fi-wi-stats-overview-stat-chart.fi-color .fi-wi-stats-overview-stat-chart-border-color:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-wi-stats-overview-stat-content{.fi-wi-stats-overview-stat & {row-gap: calc(var(--spacing) * 2); display: grid;}}@utility fi-wi-stats-overview-stat-label-ctn{.fi-wi-stats-overview-stat & {align-items: center; column-gap: calc(var(--spacing) * 2); display: flex;}}@utility fi-wi-stats-overview-stat-label{.fi-wi-stats-overview-stat & {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500);} .fi-wi-stats-overview-stat &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-wi-stats-overview-stat-value{.fi-wi-stats-overview-stat & {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--gray-950);} .fi-wi-stats-overview-stat &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-wi-stats-overview-stat-description{.fi-wi-stats-overview-stat & {align-items: center; column-gap: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); display: flex;} .fi-wi-stats-overview-stat &:where(.dark,.dark *) {color: var(--gray-400);} .fi-wi-stats-overview-stat &.fi-color {color: var(--text);} .fi-wi-stats-overview-stat &.fi-color:where(.dark,.dark *) {color: var(--dark-text);} .fi-wi-stats-overview-stat &.fi-color .fi-icon {color: var(--color-500);}}@utility fi-wi-stats-overview-stat-chart{.fi-wi-stats-overview-stat & {inset-inline: calc(var(--spacing) * 0); bottom: calc(var(--spacing) * 0); border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); position: absolute; overflow: hidden;} .fi-wi-stats-overview-stat & > canvas {height: calc(var(--spacing) * 6);} .fi-wi-stats-overview-stat & .fi-wi-stats-overview-stat-chart-bg-color {color: var(--gray-100);} .fi-wi-stats-overview-stat & .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: var(--gray-800);} .fi-wi-stats-overview-stat & .fi-wi-stats-overview-stat-chart-border-color {color: var(--gray-400);} .fi-wi-stats-overview-stat &.fi-color .fi-wi-stats-overview-stat-chart-bg-color {color: var(--color-50);} .fi-wi-stats-overview-stat &.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-stats-overview-stat &.fi-color .fi-wi-stats-overview-stat-chart-bg-color:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}} .fi-wi-stats-overview-stat &.fi-color .fi-wi-stats-overview-stat-chart-border-color {color: var(--color-500);} .fi-wi-stats-overview-stat &.fi-color .fi-wi-stats-overview-stat-chart-border-color:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-wi-stats-overview-stat-chart-bg-color{.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart & {color: var(--gray-100);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart &:where(.dark,.dark *) {color: var(--gray-800);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color & {color: var(--color-50);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color &:where(.dark,.dark *) {color: var(--color-400);} @supports (color: color-mix(in lab,red,red)) {.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color &:where(.dark,.dark *) {color: color-mix(in oklab,var(--color-400) 10%,transparent);}}}@utility fi-wi-stats-overview-stat-chart-border-color{.fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart & {color: var(--gray-400);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color & {color: var(--color-500);} .fi-wi-stats-overview-stat .fi-wi-stats-overview-stat-chart.fi-color &:where(.dark,.dark *) {color: var(--color-400);}}@utility fi-wi{gap: calc(var(--spacing) * 6);}@utility fi-global-search-ctn{align-items: center; display: flex; .fi-sidebar & {margin-inline: calc(var(--spacing) * 3); margin-top: calc(var(--spacing) * 3);}}@utility fi-global-search{flex: 1; @media (min-width: 40rem) {position: relative;}}@utility fi-global-search-results-ctn{inset-inline: calc(var(--spacing) * 4); z-index: 10; margin-top: calc(var(--spacing) * 2); max-height: calc(var(--spacing) * 96); border-radius: var(--radius-lg); background-color: var(--color-white); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); position: absolute; overflow: auto; @media (min-width: 40rem) {inset-inline: auto;} &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} transform: translateZ(0); &.fi-transition-enter-start {opacity: 0;} &.fi-transition-leave-end {opacity: 0;} @media (min-width: 40rem) {.fi-topbar & {width: 100vw; max-width: var(--container-sm); inset-inline-end: calc(var(--spacing) * 0);}} @media (min-width: 40rem) {.fi-sidebar & {inset-inline-start: calc(var(--spacing) * 0);}}}@utility fi-topbar{@media (min-width: 40rem) {& .fi-global-search-results-ctn {width: 100vw; max-width: var(--container-sm); inset-inline-end: calc(var(--spacing) * 0);}} min-height: calc(var(--spacing) * 16); background-color: var(--color-white); padding-inline: calc(var(--spacing) * 4); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); align-items: center; display: flex; &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} & .fi-tenant-menu {display: none;} @media (min-width: 64rem) {& .fi-tenant-menu {display: block;}} & .fi-user-menu-trigger {flex-shrink: 0;}}@utility fi-sidebar{& .fi-global-search-ctn {margin-inline: calc(var(--spacing) * 3); margin-top: calc(var(--spacing) * 3);} @media (min-width: 40rem) {& .fi-global-search-results-ctn {inset-inline-start: calc(var(--spacing) * 0);}} inset-block: calc(var(--spacing) * 0); z-index: 30; background-color: var(--color-white); height: 100dvh; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); flex-direction: column; align-content: flex-start; display: flex; position: fixed; inset-inline-start: calc(var(--spacing) * 0); @media (min-width: 64rem) {z-index: 20; background-color: #0000; transition-property: none;} &:where(.dark,.dark *) {background-color: var(--gray-900);} @media (min-width: 64rem) {&:where(.dark,.dark *) {background-color: #0000;}} &.fi-sidebar-open {width: var(--sidebar-width); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),0 8px 10px -6px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} @media (min-width: 64rem) {&.fi-sidebar-open { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); }} &.fi-sidebar-open:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-sidebar-open:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-open:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} &:not(.fi-sidebar-open) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &:not(.fi-sidebar-open):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } @media (min-width: 64rem) {.fi-body-has-topbar & {height: calc(100dvh - 4rem) ; top: 4rem;}} @media (min-width: 64rem) {.fi-body.fi-body-has-top-navigation & { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-body.fi-body-has-top-navigation &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-body:not(.fi-body-has-top-navigation) &.fi-sidebar-open {position: sticky;} .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop &:not(.fi-sidebar-open) {position: sticky;} .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop &:not(.fi-sidebar-open) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-body:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop &:not(.fi-sidebar-open):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) & { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) &:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }} .fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) &:not(.fi-sidebar-open) {width: var(--sidebar-width);} @media (min-width: 64rem) {.fi-body:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) &:not(.fi-sidebar-open) {position: sticky;}} & .fi-tenant-menu {margin-inline: calc(var(--spacing) * 4); margin-top: calc(var(--spacing) * 3);} & .fi-user-menu-trigger {justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); width: 100%; padding: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); --tw-outline-style: none; outline-style: none; display: flex;} @media (forced-colors: active) {& .fi-user-menu-trigger {outline-offset: 2px; outline: 2px solid #0000;}} & .fi-user-menu-trigger {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} & .fi-user-menu-trigger .fi-user-avatar {flex-shrink: 0;} & .fi-user-menu-trigger .fi-icon {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; margin-inline-start: auto; transition-duration: 75ms;} @media (hover: hover) {& .fi-user-menu-trigger .fi-icon:is(:where(.group):hover *) {color: var(--gray-500);}} & .fi-user-menu-trigger .fi-icon:is(:where(.group):focus-visible *) {color: var(--gray-500);} & .fi-user-menu-trigger .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {& .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):hover *) {color: var(--gray-400);}} & .fi-user-menu-trigger .fi-icon:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-400);} & .fi-user-menu-trigger:hover .fi-icon {color: var(--gray-500);} & .fi-user-menu-trigger:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-user-menu-trigger:focus-visible .fi-icon {color: var(--gray-500);} & .fi-user-menu-trigger:focus-visible .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} & .fi-user-menu-trigger .fi-tenant-menu-trigger-text {text-align: start; color: var(--gray-950); justify-items: start; display: grid;} & .fi-user-menu-trigger .fi-tenant-menu-trigger-text:where(.dark,.dark *) {color: var(--color-white);} & .fi-user-menu .fi-dropdown-panel {max-width: max(14rem,100% - 1.5rem) !important;}}@utility fi-global-search-no-results-message{padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-global-search-results{:where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-global-search-result-group-header{top: calc(var(--spacing) * 0); z-index: 10; border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--gray-200); background-color: var(--gray-50); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); text-transform: capitalize; position: sticky; &:where(.dark,.dark *) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}} &:where(.dark,.dark *) {background-color: var(--gray-800); color: var(--color-white);}}@utility fi-global-search-result-group-results{:where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color: var(--gray-200); } :where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {:where(&:where(.dark,.dark *) > :not(:last-child)) {border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}@utility fi-global-search-result{scroll-margin-top: calc(var(--spacing) * 9); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; &:focus-within {background-color: var(--gray-50);} @media (hover: hover) {&:hover {background-color: var(--gray-50);}} &:where(.dark,.dark *):focus-within {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-within {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &.fi-global-search-result-has-actions .fi-global-search-result-link {padding-bottom: calc(var(--spacing) * 0);}}@utility fi-global-search-result-has-actions{&.fi-global-search-result .fi-global-search-result-link {padding-bottom: calc(var(--spacing) * 0);}}@utility fi-global-search-result-link{.fi-global-search-result.fi-global-search-result-has-actions & {padding-bottom: calc(var(--spacing) * 0);} padding: calc(var(--spacing) * 4); --tw-outline-style: none; outline-style: none; display: block; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;}}@utility fi-global-search-result-heading{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-global-search-result-details{margin-top: calc(var(--spacing) * 1);}@utility fi-global-search-result-detail{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-global-search-result-detail-label{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); display: inline; }@utility fi-global-search-result-detail-value{display: inline;}@utility fi-global-search-result-actions{margin-top: calc(var(--spacing) * 3); column-gap: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 4); display: flex;}@utility fi-header{gap: calc(var(--spacing) * 4); flex-direction: column; display: flex; @media (min-width: 40rem) {flex-direction: row; justify-content: space-between; align-items: center;} & .fi-breadcrumbs {margin-bottom: calc(var(--spacing) * 2); display: none;} @media (min-width: 40rem) {& .fi-breadcrumbs {display: block;} &.fi-header-has-breadcrumbs .fi-header-actions-ctn {margin-top: calc(var(--spacing) * 7);}}}@utility fi-header-has-breadcrumbs{@media (min-width: 40rem) {&.fi-header .fi-header-actions-ctn {margin-top: calc(var(--spacing) * 7);}}}@utility fi-header-actions-ctn{@media (min-width: 40rem) {.fi-header.fi-header-has-breadcrumbs & {margin-top: calc(var(--spacing) * 7);}} align-items: center; gap: calc(var(--spacing) * 3); flex-shrink: 0; display: flex;}@utility fi-header-heading{font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--gray-950); @media (min-width: 40rem) {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));} &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-header-subheading{margin-top: calc(var(--spacing) * 2); max-width: var(--container-2xl); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); color: var(--gray-600); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-simple-header{flex-direction: column; align-items: center; display: flex; & .fi-logo {margin-bottom: calc(var(--spacing) * 4);}}@utility fi-logo{.fi-simple-header & {margin-bottom: calc(var(--spacing) * 4);} font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--gray-950); display: flex; &:where(.dark,.dark *) {color: var(--color-white);} &.fi-logo-light:where(.dark,.dark *) {display: none;} &.fi-logo-dark {display: none;} &.fi-logo-dark:where(.dark,.dark *) {display: flex;} :not(.fi-body-has-topbar) .fi-sidebar-header & {margin-inline-start: calc(var(--spacing) * 3);} .fi-topbar-start & {margin-inline-start: calc(var(--spacing) * 3);}}@utility fi-simple-header-heading{text-align: center; font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-simple-header-subheading{margin-top: calc(var(--spacing) * 2); text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi{&html {min-height: 100dvh;}}@utility fi-body{background-color: var(--gray-50); --tw-font-weight: var(--font-weight-normal); min-height: 100dvh; font-weight: var(--font-weight-normal); color: var(--gray-950); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; &:where(.dark,.dark *) {background-color: var(--gray-950); color: var(--color-white);} :is(&.fi-body-has-sidebar-collapsible-on-desktop,&.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-main-ctn {opacity: 0; min-height: calc(100dvh - 4rem) ; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));} & > .fi-layout-sidebar-toggle-btn-ctn {padding-inline-start: calc(var(--spacing) * 5); padding-top: calc(var(--spacing) * 5);} @media (min-width: 64rem) {& > .fi-layout-sidebar-toggle-btn-ctn.lg\:fi-hidden {display: none;}} &.fi-body-has-navigation:not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop):not(.fi-body-has-top-navigation) .fi-main-ctn {opacity: 0;} :is(&.fi-body-has-top-navigation,&:not(.fi-body-has-navigation)) .fi-main-ctn {min-height: calc(100dvh - 4rem) ; display: flex;} &:not(.fi-body-has-topbar) .fi-main-ctn {min-height: 100dvh; display: flex;} @media (min-width: 64rem) {&.fi-body-has-top-navigation .fi-sidebar { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-body-has-top-navigation .fi-sidebar:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &:not(.fi-body-has-top-navigation) .fi-sidebar.fi-sidebar-open {position: sticky;} &:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open) {position: sticky;} &:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &:not(.fi-body-has-top-navigation).fi-body-has-sidebar-collapsible-on-desktop .fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }} &:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open) {width: var(--sidebar-width);} @media (min-width: 64rem) {&:not(.fi-body-has-top-navigation):not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-sidebar:not(.fi-sidebar-open) {position: sticky;}} @media (min-width: 64rem) {:is(&.fi-body-has-sidebar-collapsible-on-desktop,&:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-sidebar-open-sidebar-btn {display: none;}} @media (min-width: 64rem) {:is(&.fi-body-has-sidebar-collapsible-on-desktop,&:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-topbar-open-sidebar-btn {display: none;}}}@utility fi-body-has-sidebar-collapsible-on-desktop{:is(&.fi-body,.fi-body.fi-body-has-sidebar-fully-collapsible-on-desktop) .fi-main-ctn {opacity: 0; min-height: calc(100dvh - 4rem) ; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));} @media (min-width: 64rem) {&.fi-body:not(.fi-body-has-top-navigation) .fi-sidebar:not(.fi-sidebar-open) {position: sticky;} &.fi-body:not(.fi-body-has-top-navigation) .fi-sidebar:not(.fi-sidebar-open) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-body:not(.fi-body-has-top-navigation) .fi-sidebar:not(.fi-sidebar-open):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }} @media (min-width: 64rem) {:is(&.fi-body,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-sidebar-open-sidebar-btn {display: none;}} @media (min-width: 64rem) {:is(&.fi-body,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) .fi-topbar-open-sidebar-btn {display: none;}}}@utility fi-body-has-sidebar-fully-collapsible-on-desktop{:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,&.fi-body) .fi-main-ctn {opacity: 0; min-height: calc(100dvh - 4rem) ; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));}}@utility fi-main-ctn{:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body.fi-body-has-sidebar-fully-collapsible-on-desktop) & {opacity: 0; min-height: calc(100dvh - 4rem) ; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration));} .fi-body.fi-body-has-navigation:not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop):not(.fi-body-has-top-navigation) & {opacity: 0;} :is(.fi-body.fi-body-has-top-navigation,.fi-body:not(.fi-body-has-navigation)) & {min-height: calc(100dvh - 4rem) ; display: flex;} .fi-body:not(.fi-body-has-topbar) & {min-height: 100dvh; display: flex;} flex-direction: column; flex: 1; width: 100vw;}@utility fi-layout-sidebar-toggle-btn-ctn{.fi-body > & {padding-inline-start: calc(var(--spacing) * 5); padding-top: calc(var(--spacing) * 5);} @media (min-width: 64rem) {.fi-body > &.lg\:fi-hidden {display: none;}}}@utility fi-body-has-navigation{&.fi-body:not(.fi-body-has-sidebar-collapsible-on-desktop):not(.fi-body-has-sidebar-fully-collapsible-on-desktop):not(.fi-body-has-top-navigation) .fi-main-ctn {opacity: 0;}}@utility fi-body-has-top-navigation{:is(&.fi-body,.fi-body:not(.fi-body-has-navigation)) .fi-main-ctn {min-height: calc(100dvh - 4rem) ; display: flex;} @media (min-width: 64rem) {&.fi-body .fi-sidebar { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-body .fi-sidebar:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); }}}@utility fi-layout{width: 100%; height: 100%; display: flex; overflow-x: clip;}@utility fi-main{width: 100%; height: 100%; padding-inline: calc(var(--spacing) * 4); margin-inline: auto; @media (min-width: 48rem) {padding-inline: calc(var(--spacing) * 6);} @media (min-width: 64rem) {padding-inline: calc(var(--spacing) * 8);} :is(&,.fi-simple-main).fi-width-xs {max-width: var(--container-xs);} :is(&,.fi-simple-main).fi-width-sm {max-width: var(--container-sm);} :is(&,.fi-simple-main).fi-width-md {max-width: var(--container-md);} :is(&,.fi-simple-main).fi-width-lg {max-width: var(--container-lg);} :is(&,.fi-simple-main).fi-width-xl {max-width: var(--container-xl);} :is(&,.fi-simple-main).fi-width-2xl {max-width: var(--container-2xl);} :is(&,.fi-simple-main).fi-width-3xl {max-width: var(--container-3xl);} :is(&,.fi-simple-main).fi-width-4xl {max-width: var(--container-4xl);} :is(&,.fi-simple-main).fi-width-5xl {max-width: var(--container-5xl);} :is(&,.fi-simple-main).fi-width-6xl {max-width: var(--container-6xl);} :is(&,.fi-simple-main).fi-width-7xl {max-width: var(--container-7xl);} :is(&,.fi-simple-main).fi-width-full {max-width: 100%;} :is(&,.fi-simple-main).fi-width-min {max-width: min-content;} :is(&,.fi-simple-main).fi-width-max {max-width: max-content;} :is(&,.fi-simple-main).fi-width-fit {max-width: fit-content;} :is(&,.fi-simple-main).fi-width-prose {max-width: 65ch;} :is(&,.fi-simple-main).fi-width-screen-sm {max-width: var(--breakpoint-sm);} :is(&,.fi-simple-main).fi-width-screen-md {max-width: var(--breakpoint-md);} :is(&,.fi-simple-main).fi-width-screen-lg {max-width: var(--breakpoint-lg);} :is(&,.fi-simple-main).fi-width-screen-xl {max-width: var(--breakpoint-xl);} :is(&,.fi-simple-main).fi-width-screen-2xl {max-width: var(--breakpoint-2xl);} :is(&,.fi-simple-main).fi-width-screen {inset: calc(var(--spacing) * 0); position: fixed;}}@utility fi-simple-main{:is(.fi-main,&).fi-width-xs {max-width: var(--container-xs);} :is(.fi-main,&).fi-width-sm {max-width: var(--container-sm);} :is(.fi-main,&).fi-width-md {max-width: var(--container-md);} :is(.fi-main,&).fi-width-lg {max-width: var(--container-lg);} :is(.fi-main,&).fi-width-xl {max-width: var(--container-xl);} :is(.fi-main,&).fi-width-2xl {max-width: var(--container-2xl);} :is(.fi-main,&).fi-width-3xl {max-width: var(--container-3xl);} :is(.fi-main,&).fi-width-4xl {max-width: var(--container-4xl);} :is(.fi-main,&).fi-width-5xl {max-width: var(--container-5xl);} :is(.fi-main,&).fi-width-6xl {max-width: var(--container-6xl);} :is(.fi-main,&).fi-width-7xl {max-width: var(--container-7xl);} :is(.fi-main,&).fi-width-full {max-width: 100%;} :is(.fi-main,&).fi-width-min {max-width: min-content;} :is(.fi-main,&).fi-width-max {max-width: max-content;} :is(.fi-main,&).fi-width-fit {max-width: fit-content;} :is(.fi-main,&).fi-width-prose {max-width: 65ch;} :is(.fi-main,&).fi-width-screen-sm {max-width: var(--breakpoint-sm);} :is(.fi-main,&).fi-width-screen-md {max-width: var(--breakpoint-md);} :is(.fi-main,&).fi-width-screen-lg {max-width: var(--breakpoint-lg);} :is(.fi-main,&).fi-width-screen-xl {max-width: var(--breakpoint-xl);} :is(.fi-main,&).fi-width-screen-2xl {max-width: var(--breakpoint-2xl);} :is(.fi-main,&).fi-width-screen {inset: calc(var(--spacing) * 0); position: fixed;} margin-block: calc(var(--spacing) * 16); background-color: var(--color-white); width: 100%; padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 12); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent); @media (min-width: 40rem) {border-radius: var(--radius-xl); padding-inline: calc(var(--spacing) * 12);} &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-simple-layout{flex-direction: column; align-items: center; min-height: 100dvh; display: flex;}@utility fi-simple-layout-header{inset-inline-end: calc(var(--spacing) * 0); top: calc(var(--spacing) * 0); height: calc(var(--spacing) * 16); align-items: center; column-gap: calc(var(--spacing) * 4); padding-inline-end: calc(var(--spacing) * 4); display: flex; position: absolute; @media (min-width: 48rem) {padding-inline-end: calc(var(--spacing) * 6);} @media (min-width: 64rem) {padding-inline-end: calc(var(--spacing) * 8);}}@utility fi-simple-main-ctn{flex-grow: 1; justify-content: center; align-items: center; width: 100%; display: flex;}@utility fi-logo-light{&.fi-logo:where(.dark,.dark *) {display: none;}}@utility fi-logo-dark{&.fi-logo {display: none;} &.fi-logo:where(.dark,.dark *) {display: flex;}}@utility fi-page-sub-navigation-dropdown{@media (min-width: 48rem) {display: none;} & > .fi-dropdown-trigger > .fi-btn {justify-content: space-between; width: 100%;}}@utility fi-page-sub-navigation-sidebar-ctn{width: calc(var(--spacing) * 72); flex-direction: column; display: none; @media (min-width: 48rem) {display: flex;}}@utility fi-page-sub-navigation-sidebar{row-gap: calc(var(--spacing) * 7); flex-direction: column; display: flex;}@utility fi-page-sub-navigation-tabs{display: none; @media (min-width: 48rem) {display: flex;}}@utility fi-page{&.fi-height-full {height: 100%;} &.fi-height-full .fi-page-main {height: 100%;} &.fi-height-full .fi-page-header-main-ctn {height: 100%;} &.fi-height-full .fi-page-content {height: 100%;} &.fi-page-has-sub-navigation .fi-page-main {gap: calc(var(--spacing) * 8); flex-direction: column; display: flex;} @media (min-width: 48rem) {:is(&.fi-page-has-sub-navigation.fi-page-has-sub-navigation-start,&.fi-page-has-sub-navigation.fi-page-has-sub-navigation-end) .fi-page-main {flex-direction: row; align-items: flex-start;}}}@utility fi-height-full{&.fi-page {height: 100%;} &.fi-page .fi-page-main {height: 100%;} &.fi-page .fi-page-header-main-ctn {height: 100%;} &.fi-page .fi-page-content {height: 100%;}}@utility fi-page-main{.fi-page.fi-height-full & {height: 100%;} .fi-page.fi-page-has-sub-navigation & {gap: calc(var(--spacing) * 8); flex-direction: column; display: flex;} @media (min-width: 48rem) {:is(.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-start,.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-end) & {flex-direction: row; align-items: flex-start;}}}@utility fi-page-header-main-ctn{.fi-page.fi-height-full & {height: 100%;} row-gap: calc(var(--spacing) * 8); padding-block: calc(var(--spacing) * 8); flex-direction: column; display: flex;}@utility fi-page-content{.fi-page.fi-height-full & {height: 100%;} row-gap: calc(var(--spacing) * 8); flex: 1; grid-auto-columns: minmax(0,1fr); display: grid;}@utility fi-page-has-sub-navigation{&.fi-page .fi-page-main {gap: calc(var(--spacing) * 8); flex-direction: column; display: flex;} @media (min-width: 48rem) {:is(&.fi-page.fi-page-has-sub-navigation-start,&.fi-page.fi-page-has-sub-navigation-end) .fi-page-main {flex-direction: row; align-items: flex-start;}}}@utility fi-page-has-sub-navigation-start{@media (min-width: 48rem) {:is(&.fi-page.fi-page-has-sub-navigation,.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-end) .fi-page-main {flex-direction: row; align-items: flex-start;}}}@utility fi-page-has-sub-navigation-end{@media (min-width: 48rem) {:is(.fi-page.fi-page-has-sub-navigation.fi-page-has-sub-navigation-start,&.fi-page.fi-page-has-sub-navigation) .fi-page-main {flex-direction: row; align-items: flex-start;}}}@utility fi-page-main-sub-navigation-mobile-menu-render-hook-ctn{display: contents; @media (min-width: 48rem) {display: none;}}@utility fi-simple-page-content{row-gap: calc(var(--spacing) * 6); grid-auto-columns: minmax(0,1fr); display: grid;}@utility fi-sidebar-group{row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex; &.fi-collapsed .fi-sidebar-group-collapse-btn {rotate: -180deg;} &.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon {color: var(--primary-600);} &.fi-active .fi-sidebar-group-dropdown-trigger-btn .fi-icon:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-sidebar-group-collapse-btn{.fi-sidebar-group.fi-collapsed & {rotate: -180deg;}}@utility fi-sidebar-group-dropdown-trigger-btn{.fi-sidebar-group.fi-active & .fi-icon {color: var(--primary-600);} .fi-sidebar-group.fi-active & .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); padding: calc(var(--spacing) * 2); --tw-outline-style: none; outline-style: none; flex: 1; display: flex; position: relative; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; @media (hover: hover) {&:hover {background-color: var(--gray-100);}} &:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-icon {color: var(--gray-400);} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-sidebar-group-btn{align-items: center; column-gap: calc(var(--spacing) * 3); padding: calc(var(--spacing) * 2); display: flex; & .fi-icon {color: var(--gray-400);} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} :is(&,.fi-sidebar-group-items).fi-transition-enter {transition-delay: .1s;} @media (min-width: 64rem) {:is(&,.fi-sidebar-group-items).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) );}} :is(&,.fi-sidebar-group-items).fi-transition-enter-start {opacity: 0;} :is(&,.fi-sidebar-group-items).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-group-label{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-500); flex: 1; &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-sidebar-group-items{row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex; :is(.fi-sidebar-group-btn,&).fi-transition-enter {transition-delay: .1s;} @media (min-width: 64rem) {:is(.fi-sidebar-group-btn,&).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) );}} :is(.fi-sidebar-group-btn,&).fi-transition-enter-start {opacity: 0;} :is(.fi-sidebar-group-btn,&).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-open{&.fi-sidebar {width: var(--sidebar-width); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),0 8px 10px -6px var(--tw-shadow-color, #0000001a); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: color-mix(in oklab,var(--gray-950) 5%,transparent);} @media (min-width: 64rem) {&.fi-sidebar { --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); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); }} &.fi-sidebar:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } &.fi-sidebar:where(.dark,.dark *) { --tw-ring-color: #ffffff1a; } @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} @media (min-width: 64rem) {.fi-body:not(.fi-body-has-top-navigation) &.fi-sidebar {position: sticky;}}}@utility fi-body-has-topbar{@media (min-width: 64rem) {& .fi-sidebar {height: calc(100dvh - 4rem) ; top: 4rem;}} & .fi-sidebar-header {background-color: var(--color-white); padding-inline: calc(var(--spacing) * 6); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {& .fi-sidebar-header { --tw-ring-color: color-mix(in oklab, var(--gray-950) 5%, transparent); }} @media (min-width: 64rem) {& .fi-sidebar-header { --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); display: none; }} & .fi-sidebar-header:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {& .fi-sidebar-header:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }}}@utility fi-sidebar-close-overlay{inset: calc(var(--spacing) * 0); z-index: 30; background-color: var(--gray-950); position: fixed; @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--gray-950) 50%,transparent);} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .5s; transition-duration: .5s; @media (min-width: 64rem) {display: none;} &:where(.dark,.dark *) {background-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--gray-950) 75%,transparent);}}}@utility fi-sidebar-header-ctn{overflow-x: clip;}@utility fi-sidebar-header{height: calc(var(--spacing) * 16); justify-content: center; align-items: center; display: flex; .fi-body-has-topbar & {background-color: var(--color-white); padding-inline: calc(var(--spacing) * 6); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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); --tw-ring-color: var(--gray-950);} @supports (color: color-mix(in lab,red,red)) {.fi-body-has-topbar & { --tw-ring-color: color-mix(in oklab, var(--gray-950) 5%, transparent); }} @media (min-width: 64rem) {.fi-body-has-topbar & { --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); display: none; }} .fi-body-has-topbar &:where(.dark,.dark *) {background-color: var(--gray-900); --tw-ring-color: #ffffff1a;} @supports (color: color-mix(in lab,red,red)) {.fi-body-has-topbar &:where(.dark,.dark *) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); }} :not(.fi-body-has-topbar) & {padding-inline: calc(var(--spacing) * 4); --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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); background-color: #0000;} :not(.fi-body-has-topbar) & .fi-logo {margin-inline-start: calc(var(--spacing) * 3);}}@utility fi-sidebar-header-logo-ctn{flex: 1;}@utility fi-sidebar-nav{row-gap: calc(var(--spacing) * 7); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 8); scrollbar-gutter: stable; flex-direction: column; flex-grow: 1; display: flex; overflow: hidden auto;}@utility fi-sidebar-nav-groups{margin-inline: calc(var(--spacing) * -2); row-gap: calc(var(--spacing) * 7); flex-direction: column; display: flex;}@utility fi-sidebar-item{&.fi-active {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} &.fi-sidebar-item-has-active-child-items {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;} &.fi-active > .fi-sidebar-item-btn {background-color: var(--gray-100);} &.fi-active > .fi-sidebar-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-active > .fi-sidebar-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active > .fi-sidebar-item-btn > .fi-icon {color: var(--primary-600);} &.fi-active > .fi-sidebar-item-btn > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} &.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part {background-color: var(--primary-600);} &.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part:where(.dark,.dark *) {background-color: var(--primary-400);} &.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label {color: var(--primary-600);} &.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label:where(.dark,.dark *) {color: var(--primary-400);} &.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-grouped-border-part {height: calc(var(--spacing) * 1.5); width: calc(var(--spacing) * 1.5); border-radius: 3.40282e38px; position: relative;} @media (hover: hover) {&.fi-sidebar-item-has-url > .fi-sidebar-item-btn:hover {background-color: var(--gray-100);}} &.fi-sidebar-item-has-url > .fi-sidebar-item-btn:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {&.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-item-has-url > .fi-sidebar-item-btn:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-sidebar-item-has-active-child-items{&.fi-sidebar-item {row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;}}@utility fi-sidebar-item-btn{.fi-sidebar-item.fi-active > & {background-color: var(--gray-100);} .fi-sidebar-item.fi-active > &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-active > &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-sidebar-item.fi-active > & > .fi-icon {color: var(--primary-600);} .fi-sidebar-item.fi-active > & > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} .fi-sidebar-item.fi-active > & > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part {background-color: var(--primary-600);} .fi-sidebar-item.fi-active > & > .fi-sidebar-item-grouped-border > .fi-sidebar-item-grouped-border-part:where(.dark,.dark *) {background-color: var(--primary-400);} .fi-sidebar-item.fi-active > & > .fi-sidebar-item-label {color: var(--primary-600);} .fi-sidebar-item.fi-active > & > .fi-sidebar-item-label:where(.dark,.dark *) {color: var(--primary-400);} .fi-sidebar-item.fi-active > & .fi-sidebar-item-grouped-border-part {height: calc(var(--spacing) * 1.5); width: calc(var(--spacing) * 1.5); border-radius: 3.40282e38px; position: relative;} @media (hover: hover) {.fi-sidebar-item.fi-sidebar-item-has-url > &:hover {background-color: var(--gray-100);}} .fi-sidebar-item.fi-sidebar-item-has-url > &:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {.fi-sidebar-item.fi-sidebar-item-has-url > &:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-sidebar-item-has-url > &:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} .fi-sidebar-item.fi-sidebar-item-has-url > &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-sidebar-item.fi-sidebar-item-has-url > &:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); padding: calc(var(--spacing) * 2); --tw-outline-style: none; outline-style: none; display: flex; position: relative; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);}}@utility fi-sidebar-item-grouped-border{.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > & > .fi-sidebar-item-grouped-border-part {background-color: var(--primary-600);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > & > .fi-sidebar-item-grouped-border-part:where(.dark,.dark *) {background-color: var(--primary-400);} width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); justify-content: center; align-items: center; display: flex; position: relative;}@utility fi-sidebar-item-grouped-border-part{.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > & {background-color: var(--primary-600);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-grouped-border > &:where(.dark,.dark *) {background-color: var(--primary-400);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn & {height: calc(var(--spacing) * 1.5); width: calc(var(--spacing) * 1.5); border-radius: 3.40282e38px; position: relative;} height: calc(var(--spacing) * 1.5); width: calc(var(--spacing) * 1.5); background-color: var(--gray-400); border-radius: 3.40282e38px; position: relative; &:where(.dark,.dark *) {background-color: var(--gray-500);}}@utility fi-sidebar-item-label{.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > & {color: var(--primary-600);} .fi-sidebar-item.fi-active > .fi-sidebar-item-btn > &:where(.dark,.dark *) {color: var(--primary-400);} text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); flex: 1; overflow: hidden; &:where(.dark,.dark *) {color: var(--gray-200);} @media (min-width: 64rem) {:is(&,.fi-sidebar-item-badge-ctn).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} :is(&,.fi-sidebar-item-badge-ctn).fi-transition-enter-start {opacity: 0;} :is(&,.fi-sidebar-item-badge-ctn).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-item-has-url{@media (hover: hover) {&.fi-sidebar-item > .fi-sidebar-item-btn:hover {background-color: var(--gray-100);}} &.fi-sidebar-item > .fi-sidebar-item-btn:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {&.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-sidebar-item > .fi-sidebar-item-btn:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}}@utility fi-sidebar-item-grouped-border-part-not-first{background-color: var(--gray-300); width: 1px; position: absolute; top: -50%; bottom: 50%; &:where(.dark,.dark *) {background-color: var(--gray-600);}}@utility fi-sidebar-item-grouped-border-part-not-last{background-color: var(--gray-300); width: 1px; position: absolute; top: 50%; bottom: -50%; &:where(.dark,.dark *) {background-color: var(--gray-600);}}@utility fi-sidebar-item-badge-ctn{@media (min-width: 64rem) {:is(.fi-sidebar-item-label,&).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} :is(.fi-sidebar-item-label,&).fi-transition-enter-start {opacity: 0;} :is(.fi-sidebar-item-label,&).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-footer{margin-inline: calc(var(--spacing) * 4); margin-block: calc(var(--spacing) * 3); row-gap: calc(var(--spacing) * 3); display: grid; & > .fi-no-database {display: block;}}@utility fi-sidebar-sub-group-items{row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;}@utility fi-sidebar-database-notifications-btn{justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); width: 100%; padding: calc(var(--spacing) * 2); text-align: start; --tw-outline-style: none; outline-style: none; display: flex; position: relative; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; @media (hover: hover) {&:hover {background-color: var(--gray-100);}} &:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} & > .fi-sidebar-database-notifications-btn-label {text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); flex: 1; overflow: hidden;} & > .fi-sidebar-database-notifications-btn-label:where(.dark,.dark *) {color: var(--gray-200);} @media (min-width: 64rem) {:is(& > .fi-sidebar-database-notifications-btn-label,& > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} :is(& > .fi-sidebar-database-notifications-btn-label,& > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-start {opacity: 0;} :is(& > .fi-sidebar-database-notifications-btn-label,& > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-database-notifications-btn-label{.fi-sidebar-database-notifications-btn > & {text-overflow: ellipsis; white-space: nowrap; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); flex: 1; overflow: hidden;} .fi-sidebar-database-notifications-btn > &:where(.dark,.dark *) {color: var(--gray-200);} @media (min-width: 64rem) {:is(.fi-sidebar-database-notifications-btn > &,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} :is(.fi-sidebar-database-notifications-btn > &,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-start {opacity: 0;} :is(.fi-sidebar-database-notifications-btn > &,.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-badge-ctn).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-database-notifications-btn-badge-ctn{@media (min-width: 64rem) {:is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > &).fi-transition-enter {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-delay: .1s;}} :is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > &).fi-transition-enter-start {opacity: 0;} :is(.fi-sidebar-database-notifications-btn > .fi-sidebar-database-notifications-btn-label,.fi-sidebar-database-notifications-btn > &).fi-transition-enter-end {opacity: 1;}}@utility fi-sidebar-open-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) & {display: none;}}}@utility fi-sidebar-open-collapse-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important;}@utility fi-sidebar-close-collapse-sidebar-btn{display: none; margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {display: flex;}}@utility fi-sidebar-close-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {display: none;}}@utility fi-tenant-menu-trigger{justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); width: 100%; padding: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); --tw-outline-style: none; outline-style: none; display: flex; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; @media (hover: hover) {&:hover {background-color: var(--gray-100);}} &:focus-visible {background-color: var(--gray-100);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & .fi-tenant-avatar {flex-shrink: 0;} & .fi-icon {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; margin-inline-start: auto; transition-duration: 75ms;} @media (hover: hover) {& .fi-icon:is(:where(.group):hover *) {color: var(--gray-500);}} & .fi-icon:is(:where(.group):focus-visible *) {color: var(--gray-500);} & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {& .fi-icon:where(.dark,.dark *):is(:where(.group):hover *) {color: var(--gray-400);}} & .fi-icon:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-400);} &:hover .fi-icon {color: var(--gray-500);} &:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} &:focus-visible .fi-icon {color: var(--gray-500);} &:focus-visible .fi-icon:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-tenant-avatar{.fi-tenant-menu-trigger & {flex-shrink: 0;}}@utility fi-tenant-menu-trigger-text{text-align: start; justify-items: start; display: grid; .fi-sidebar .fi-user-menu-trigger & {text-align: start; color: var(--gray-950); justify-items: start; display: grid;} .fi-sidebar .fi-user-menu-trigger &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-tenant-menu-trigger-current-tenant-label{font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-tenant-menu-trigger-tenant-name{color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-tenant-menu{.fi-sidebar & {margin-inline: calc(var(--spacing) * 4); margin-top: calc(var(--spacing) * 3);} .fi-topbar & {display: none;} @media (min-width: 64rem) {.fi-topbar & {display: block;}}}@utility fi-theme-switcher{column-gap: calc(var(--spacing) * 1); grid-auto-flow: column; display: grid;}@utility fi-theme-switcher-btn{border-radius: var(--radius-md); padding: calc(var(--spacing) * 2); --tw-outline-style: none; outline-style: none; justify-content: center; display: flex; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; @media (hover: hover) {&:hover {background-color: var(--gray-50);}} &:focus-visible {background-color: var(--gray-50);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active {background-color: var(--gray-50); color: var(--primary-500);} &.fi-active:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-active:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active:where(.dark,.dark *) {color: var(--primary-400);} &:not(.fi-active) {color: var(--gray-400);} @media (hover: hover) {&:not(.fi-active):hover {color: var(--gray-500);}} &:not(.fi-active):focus-visible {color: var(--gray-500);} &:not(.fi-active):where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {&:not(.fi-active):where(.dark,.dark *):hover {color: var(--gray-400);}} &:not(.fi-active):where(.dark,.dark *):focus-visible {color: var(--gray-400);}}@utility fi-topbar-ctn{top: calc(var(--spacing) * 0); z-index: 30; position: sticky; overflow-x: clip;}@utility fi-topbar-open-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {:is(.fi-body.fi-body-has-sidebar-collapsible-on-desktop,.fi-body:not(.fi-body-has-sidebar-fully-collapsible-on-desktop)) & {display: none;}}}@utility fi-topbar-close-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {display: none;}}@utility fi-topbar-open-collapse-sidebar-btn{margin-inline: calc(var(--spacing) * 0) !important;}@utility fi-topbar-close-collapse-sidebar-btn{display: none; margin-inline: calc(var(--spacing) * 0) !important; @media (min-width: 64rem) {display: flex;}}@utility fi-topbar-start{align-items: center; margin-inline-end: calc(var(--spacing) * 6); display: none; @media (min-width: 64rem) {display: flex;} & .fi-logo {margin-inline-start: calc(var(--spacing) * 3);}}@utility fi-topbar-nav-groups{align-items: center; column-gap: calc(var(--spacing) * 4); margin-inline-start: calc(var(--spacing) * 4); margin-inline-end: calc(var(--spacing) * 4); display: none; @media (min-width: 64rem) {margin-block: calc(var(--spacing) * 2); row-gap: calc(var(--spacing) * 1); flex-wrap: wrap; display: flex;}}@utility fi-topbar-end{align-items: center; column-gap: calc(var(--spacing) * 4); margin-inline-start: auto; display: flex;}@utility fi-topbar-item-btn{justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 2); border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); --tw-outline-style: none; outline-style: none; display: flex; @media (forced-colors: active) {outline-offset: 2px; outline: 2px solid #0000;} transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms; @media (hover: hover) {&:hover {background-color: var(--gray-50);}} &:focus-visible {background-color: var(--gray-50);} @media (hover: hover) {&:where(.dark,.dark *):hover {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):hover {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}} &:where(.dark,.dark *):focus-visible {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&:where(.dark,.dark *):focus-visible {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} & > .fi-icon {color: var(--gray-400);} & > .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} .fi-topbar-item.fi-active & {background-color: var(--gray-50);} .fi-topbar-item.fi-active &:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {.fi-topbar-item.fi-active &:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} .fi-topbar-item.fi-active & > .fi-icon {color: var(--primary-600);} .fi-topbar-item.fi-active & > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-topbar-item-label{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--gray-700); &:where(.dark,.dark *) {color: var(--gray-200);} .fi-topbar-item.fi-active & {color: var(--primary-600);} .fi-topbar-item.fi-active &:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-topbar-item{&.fi-active .fi-topbar-item-btn {background-color: var(--gray-50);} &.fi-active .fi-topbar-item-btn:where(.dark,.dark *) {background-color: #ffffff0d;} @supports (color: color-mix(in lab,red,red)) {&.fi-active .fi-topbar-item-btn:where(.dark,.dark *) {background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}} &.fi-active .fi-topbar-item-btn > .fi-icon {color: var(--primary-600);} &.fi-active .fi-topbar-item-btn > .fi-icon:where(.dark,.dark *) {color: var(--primary-400);} &.fi-active .fi-topbar-item-label {color: var(--primary-600);} &.fi-active .fi-topbar-item-label:where(.dark,.dark *) {color: var(--primary-400);}}@utility fi-simple-user-menu-ctn{align-items: center; column-gap: calc(var(--spacing) * 4); display: flex;}@utility fi-user-menu-trigger{.fi-topbar & {flex-shrink: 0;} .fi-sidebar & {justify-content: center; align-items: center; column-gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); width: 100%; padding: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); --tw-outline-style: none; outline-style: none; display: flex;} @media (forced-colors: active) {.fi-sidebar & {outline-offset: 2px; outline: 2px solid #0000;}} .fi-sidebar & {transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; transition-duration: 75ms;} .fi-sidebar & .fi-user-avatar {flex-shrink: 0;} .fi-sidebar & .fi-icon {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); color: var(--gray-400); transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 75ms; flex-shrink: 0; margin-inline-start: auto; transition-duration: 75ms;} @media (hover: hover) {.fi-sidebar & .fi-icon:is(:where(.group):hover *) {color: var(--gray-500);}} .fi-sidebar & .fi-icon:is(:where(.group):focus-visible *) {color: var(--gray-500);} .fi-sidebar & .fi-icon:where(.dark,.dark *) {color: var(--gray-500);} @media (hover: hover) {.fi-sidebar & .fi-icon:where(.dark,.dark *):is(:where(.group):hover *) {color: var(--gray-400);}} .fi-sidebar & .fi-icon:where(.dark,.dark *):is(:where(.group):focus-visible *) {color: var(--gray-400);} .fi-sidebar &:hover .fi-icon {color: var(--gray-500);} .fi-sidebar &:hover .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sidebar &:focus-visible .fi-icon {color: var(--gray-500);} .fi-sidebar &:focus-visible .fi-icon:where(.dark,.dark *) {color: var(--gray-400);} .fi-sidebar & .fi-tenant-menu-trigger-text {text-align: start; color: var(--gray-950); justify-items: start; display: grid;} .fi-sidebar & .fi-tenant-menu-trigger-text:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-user-avatar{.fi-sidebar .fi-user-menu-trigger & {flex-shrink: 0;}}@utility fi-user-menu{.fi-sidebar & .fi-dropdown-panel {max-width: max(14rem,100% - 1.5rem) !important;}}@utility fi-account-widget{& .fi-section-content {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-account-widget-logout-form{margin-block: auto;}@utility fi-account-widget-main{flex: 1;}@utility fi-account-widget-heading{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--gray-950); flex: 1; display: grid; &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-account-widget-user-name{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-filament-info-widget{& .fi-section-content {align-items: center; column-gap: calc(var(--spacing) * 3); display: flex;}}@utility fi-filament-info-widget-main{flex: 1;}@utility fi-filament-info-widget-logo{height: calc(var(--spacing) * 5); color: var(--gray-950); &:where(.dark,.dark *) {color: var(--color-white);}}@utility fi-filament-info-widget-version{margin-top: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); color: var(--gray-500); &:where(.dark,.dark *) {color: var(--gray-400);}}@utility fi-filament-info-widget-links{align-items: flex-end; row-gap: calc(var(--spacing) * 1); flex-direction: column; display: flex;}@utility fi-color-danger{ --color-50: var(--danger-50); --color-100: var(--danger-100); --color-200: var(--danger-200); --color-300: var(--danger-300); --color-400: var(--danger-400); --color-500: var(--danger-500); --color-600: var(--danger-600); --color-700: var(--danger-700); --color-800: var(--danger-800); --color-900: var(--danger-900); --color-950: var(--danger-950); }@utility fi-color-info{ --color-50: var(--info-50); --color-100: var(--info-100); --color-200: var(--info-200); --color-300: var(--info-300); --color-400: var(--info-400); --color-500: var(--info-500); --color-600: var(--info-600); --color-700: var(--info-700); --color-800: var(--info-800); --color-900: var(--info-900); --color-950: var(--info-950); }@utility fi-color-primary{ --color-50: var(--primary-50); --color-100: var(--primary-100); --color-200: var(--primary-200); --color-300: var(--primary-300); --color-400: var(--primary-400); --color-500: var(--primary-500); --color-600: var(--primary-600); --color-700: var(--primary-700); --color-800: var(--primary-800); --color-900: var(--primary-900); --color-950: var(--primary-950); }@utility fi-color-success{ --color-50: var(--success-50); --color-100: var(--success-100); --color-200: var(--success-200); --color-300: var(--success-300); --color-400: var(--success-400); --color-500: var(--success-500); --color-600: var(--success-600); --color-700: var(--success-700); --color-800: var(--success-800); --color-900: var(--success-900); --color-950: var(--success-950); }@utility fi-color-warning{ --color-50: var(--warning-50); --color-100: var(--warning-100); --color-200: var(--warning-200); --color-300: var(--warning-300); --color-400: var(--warning-400); --color-500: var(--warning-500); --color-600: var(--warning-600); --color-700: var(--warning-700); --color-800: var(--warning-800); --color-900: var(--warning-900); --color-950: var(--warning-950); }@utility fi-bg-color-50{ --bg: var(--color-50); }@utility fi-bg-color-100{ --bg: var(--color-100); }@utility fi-bg-color-200{ --bg: var(--color-200); }@utility fi-bg-color-300{ --bg: var(--color-300); }@utility fi-bg-color-400{ --bg: var(--color-400); }@utility fi-bg-color-500{ --bg: var(--color-500); }@utility fi-bg-color-600{ --bg: var(--color-600); }@utility fi-bg-color-700{ --bg: var(--color-700); }@utility fi-bg-color-800{ --bg: var(--color-800); }@utility fi-bg-color-900{ --bg: var(--color-900); }@utility fi-bg-color-950{ --bg: var(--color-950); }@utility hover:fi-bg-color-50{ --hover-bg: var(--color-50); }@utility hover:fi-bg-color-100{ --hover-bg: var(--color-100); }@utility hover:fi-bg-color-200{ --hover-bg: var(--color-200); }@utility hover:fi-bg-color-300{ --hover-bg: var(--color-300); }@utility hover:fi-bg-color-400{ --hover-bg: var(--color-400); }@utility hover:fi-bg-color-500{ --hover-bg: var(--color-500); }@utility hover:fi-bg-color-600{ --hover-bg: var(--color-600); }@utility hover:fi-bg-color-700{ --hover-bg: var(--color-700); }@utility hover:fi-bg-color-800{ --hover-bg: var(--color-800); }@utility hover:fi-bg-color-900{ --hover-bg: var(--color-900); }@utility hover:fi-bg-color-950{ --hover-bg: var(--color-950); }@utility dark:fi-bg-color-50{ --dark-bg: var(--color-50); }@utility dark:fi-bg-color-100{ --dark-bg: var(--color-100); }@utility dark:fi-bg-color-200{ --dark-bg: var(--color-200); }@utility dark:fi-bg-color-300{ --dark-bg: var(--color-300); }@utility dark:fi-bg-color-400{ --dark-bg: var(--color-400); }@utility dark:fi-bg-color-500{ --dark-bg: var(--color-500); }@utility dark:fi-bg-color-600{ --dark-bg: var(--color-600); }@utility dark:fi-bg-color-700{ --dark-bg: var(--color-700); }@utility dark:fi-bg-color-800{ --dark-bg: var(--color-800); }@utility dark:fi-bg-color-900{ --dark-bg: var(--color-900); }@utility dark:fi-bg-color-950{ --dark-bg: var(--color-950); }@utility dark:hover:fi-bg-color-50{ --dark-hover-bg: var(--color-50); }@utility dark:hover:fi-bg-color-100{ --dark-hover-bg: var(--color-100); }@utility dark:hover:fi-bg-color-200{ --dark-hover-bg: var(--color-200); }@utility dark:hover:fi-bg-color-300{ --dark-hover-bg: var(--color-300); }@utility dark:hover:fi-bg-color-400{ --dark-hover-bg: var(--color-400); }@utility dark:hover:fi-bg-color-500{ --dark-hover-bg: var(--color-500); }@utility dark:hover:fi-bg-color-600{ --dark-hover-bg: var(--color-600); }@utility dark:hover:fi-bg-color-700{ --dark-hover-bg: var(--color-700); }@utility dark:hover:fi-bg-color-800{ --dark-hover-bg: var(--color-800); }@utility dark:hover:fi-bg-color-900{ --dark-hover-bg: var(--color-900); }@utility dark:hover:fi-bg-color-950{ --dark-hover-bg: var(--color-950); }@utility fi-text-color-0{ --text: oklch(100% 0 0); }@utility fi-text-color-50{ --text: var(--color-50); }@utility fi-text-color-100{ --text: var(--color-100); }@utility fi-text-color-200{ --text: var(--color-200); }@utility fi-text-color-300{ --text: var(--color-300); }@utility fi-text-color-400{ --text: var(--color-400); }@utility fi-text-color-500{ --text: var(--color-500); }@utility fi-text-color-600{ --text: var(--color-600); }@utility fi-text-color-700{ --text: var(--color-700); }@utility fi-text-color-800{ --text: var(--color-800); }@utility fi-text-color-900{ --text: var(--color-900); }@utility fi-text-color-950{ --text: var(--color-950); }@utility hover:fi-text-color-0{ --hover-text: oklch(100% 0 0); }@utility hover:fi-text-color-50{ --hover-text: var(--color-50); }@utility hover:fi-text-color-100{ --hover-text: var(--color-100); }@utility hover:fi-text-color-200{ --hover-text: var(--color-200); }@utility hover:fi-text-color-300{ --hover-text: var(--color-300); }@utility hover:fi-text-color-400{ --hover-text: var(--color-400); }@utility hover:fi-text-color-500{ --hover-text: var(--color-500); }@utility hover:fi-text-color-600{ --hover-text: var(--color-600); }@utility hover:fi-text-color-700{ --hover-text: var(--color-700); }@utility hover:fi-text-color-800{ --hover-text: var(--color-800); }@utility hover:fi-text-color-900{ --hover-text: var(--color-900); }@utility hover:fi-text-color-950{ --hover-text: var(--color-950); }@utility dark:fi-text-color-0{ --dark-text: oklch(100% 0 0); }@utility dark:fi-text-color-50{ --dark-text: var(--color-50); }@utility dark:fi-text-color-100{ --dark-text: var(--color-100); }@utility dark:fi-text-color-200{ --dark-text: var(--color-200); }@utility dark:fi-text-color-300{ --dark-text: var(--color-300); }@utility dark:fi-text-color-400{ --dark-text: var(--color-400); }@utility dark:fi-text-color-500{ --dark-text: var(--color-500); }@utility dark:fi-text-color-600{ --dark-text: var(--color-600); }@utility dark:fi-text-color-700{ --dark-text: var(--color-700); }@utility dark:fi-text-color-800{ --dark-text: var(--color-800); }@utility dark:fi-text-color-900{ --dark-text: var(--color-900); }@utility dark:fi-text-color-950{ --dark-text: var(--color-950); }@utility dark:hover:fi-text-color-0{ --dark-hover-text: oklch(100% 0 0); }@utility dark:hover:fi-text-color-50{ --dark-hover-text: var(--color-50); }@utility dark:hover:fi-text-color-100{ --dark-hover-text: var(--color-100); }@utility dark:hover:fi-text-color-200{ --dark-hover-text: var(--color-200); }@utility dark:hover:fi-text-color-300{ --dark-hover-text: var(--color-300); }@utility dark:hover:fi-text-color-400{ --dark-hover-text: var(--color-400); }@utility dark:hover:fi-text-color-500{ --dark-hover-text: var(--color-500); }@utility dark:hover:fi-text-color-600{ --dark-hover-text: var(--color-600); }@utility dark:hover:fi-text-color-700{ --dark-hover-text: var(--color-700); }@utility dark:hover:fi-text-color-800{ --dark-hover-text: var(--color-800); }@utility dark:hover:fi-text-color-900{ --dark-hover-text: var(--color-900); }@utility dark:hover:fi-text-color-950{ --dark-hover-text: var(--color-950); }@utility fi-sr-only{clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;}@utility fi-prose{ --prose-color: var(--color-gray-700); --prose-heading-color: var(--color-gray-950); --prose-strong-color: var(--color-gray-950); --prose-link-color: var(--color-gray-950); --prose-code-color: var(--color-gray-950); --prose-marker-color: var(--color-gray-700); @supports (color: color-mix(in lab, red, red)) { --prose-marker-color: color-mix( in oklab, var(--color-gray-700) 25%, transparent ); } --prose-link-underline-color: var(--color-primary-400); --prose-th-borders: var(--color-gray-300); --prose-td-borders: var(--color-gray-200); --prose-hr-color: var(--color-gray-950); @supports (color: color-mix(in lab, red, red)) { --prose-hr-color: color-mix( in oklab, var(--color-gray-950) 5%, transparent ); } --prose-blockquote-border-color: var(--color-gray-300); --prose-pre-bg: var(--color-gray-100); &:where(.dark, .dark *) { --prose-color: var(--color-gray-300); --prose-heading-color: var(--color-white); --prose-strong-color: var(--color-white); --prose-link-color: var(--color-white); --prose-code-color: var(--color-white); --prose-marker-color: var(--color-gray-300); } @supports (color: color-mix(in lab, red, red)) { &:where(.dark, .dark *) { --prose-marker-color: color-mix( in oklab, var(--color-gray-300) 35%, transparent ); } } &:where(.dark, .dark *) { --prose-link-underline-color: var(--color-sky-400); --prose-th-borders: var(--color-gray-600); --prose-td-borders: var(--color-gray-700); --prose-hr-color: oklab(100% 0 5.96046e-8/.1); } @supports (color: color-mix(in lab, red, red)) { &:where(.dark, .dark *) { --prose-hr-color: color-mix( in oklab, var(--color-white) 10%, transparent ); } } &:where(.dark, .dark *) { --prose-blockquote-border-color: var(--color-gray-600); --prose-pre-bg: var(--color-gray-900); } @supports (color: color-mix(in lab, red, red)) { &:where(.dark, .dark *) { --prose-pre-bg: color-mix( in oklab, var(--color-gray-900) 40%, transparent ); } } color: var(--prose-color); font-size: var(--text-sm); line-height: 1.5; & :where(:not(.fi-not-prose, .fi-not-prose *)) + :where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: calc(var(--spacing) * 4); } & h1:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-xl); letter-spacing: -.025em; color: var(--prose-code-color); line-height: 1.55556; font-weight: var(--font-weight-bold); } & h2:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-lg); letter-spacing: -.025em; color: var(--prose-code-color); line-height: 1.55556; font-weight: var(--font-weight-semibold); } & h3:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-base); color: var(--prose-heading-color); line-height: 1.55556; font-weight: var(--font-weight-semibold); } & h4:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-sm); color: var(--prose-heading-color); line-height: 2; font-weight: var(--font-weight-semibold); } & h5:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-sm); color: var(--prose-heading-color); line-height: 2; font-weight: var(--font-weight-semibold); } & h6:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-sm); color: var(--prose-heading-color); line-height: 2; font-weight: var(--font-weight-semibold); } & :is(h2, h3, h4, h5, h6):where(:not(.fi-not-prose, .fi-not-prose *)) { scroll-margin-top: calc(var(--spacing) * 32); } @media (min-width: 64rem) { & :is(h2, h3, h4, h5, h6):where(:not(.fi-not-prose, .fi-not-prose *)) { scroll-margin-top: calc(var(--spacing) * 18); } } & ol:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: calc(var(--spacing) * 6); list-style-type: decimal; } & ul:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: calc(var(--spacing) * 6); list-style-type: disc; } & ol li:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: calc(var(--spacing) * 3); } & ul li:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: calc(var(--spacing) * 3); } & ol li + li:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: calc(var(--spacing) * 4); } & ul li + li:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: calc(var(--spacing) * 4); } & ol li:where(:not(.fi-not-prose, .fi-not-prose *))::marker { color: var(--prose-marker-color); } & ul li:where(:not(.fi-not-prose, .fi-not-prose *))::marker { color: var(--prose-marker-color); } & a:not(:where(:is(h2, h3, h4, h5, h6) *)):where( :not(.fi-not-prose, .fi-not-prose *) ) { color: var(--prose-link-color); font-weight: var(--font-weight-semibold); text-underline-offset: 3px; text-decoration: underline; -webkit-text-decoration-color: var(--prose-link-underline-color); -webkit-text-decoration-color: var(--prose-link-underline-color); text-decoration-color: var(--prose-link-underline-color); text-decoration-thickness: 1px; } & a:not(:where(:is(h2, h3, h4, h5, h6) *)):where( :not(.fi-not-prose, .fi-not-prose *) ) code { font-weight: var(--font-weight-semibold); } & a:hover:where(:not(.fi-not-prose, .fi-not-prose *)) { text-decoration-thickness: 2px; } & strong:where(:not(.fi-not-prose, .fi-not-prose *)) { color: var(--prose-strong-color); font-weight: var(--font-weight-semibold); } & code:where(:not(.fi-not-prose, .fi-not-prose *)) { font-variant-ligatures: none; font-family: var(--font-mono); font-weight: var(--font-weight-medium); color: var(--prose-code-color); } & :where(h2, h3, h4, h5, h6) code:where(:not(.fi-not-prose, .fi-not-prose *)) { font-weight: var(--font-weight-semibold); } & code:where(:not(.fi-not-prose, .fi-not-prose *)):before { content: "`"; display: inline; } & code:where(:not(.fi-not-prose, .fi-not-prose *)):after { content: "`"; display: inline; } & pre:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 10); border-radius: var(--radius-lg); padding-top: calc(var(--spacing) * 3); padding-inline-end: calc(var(--spacing) * 4); padding-bottom: calc(var(--spacing) * 3); background-color: var(--prose-pre-bg); padding-inline-start: calc(var(--spacing) * 4); } & pre code * + :where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: 0; } & pre code:where(:not(.fi-not-prose, .fi-not-prose *)):before { content: none; } & pre code:where(:not(.fi-not-prose, .fi-not-prose *)):after { content: none; } & pre code:where(:not(.fi-not-prose, .fi-not-prose *)) { font-variant-ligatures: none; font-family: var(--font-mono); font-size: var(--text-sm); line-height: 2; } & table:where(:not(.fi-not-prose, .fi-not-prose *)) { table-layout: auto; width: 100%; font-size: var(--text-sm); margin-top: 2em; margin-bottom: 2em; line-height: 1.4; } & thead:where(:not(.fi-not-prose, .fi-not-prose *)) { border-bottom-width: 1px; border-bottom-color: var(--prose-th-borders); } & thead th:where(:not(.fi-not-prose, .fi-not-prose *)) { color: var(--prose-heading-color); vertical-align: bottom; padding-inline-end: .6em; padding-bottom: .8em; padding-inline-start: .6em; font-weight: 600; } & thead th:first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: 0; } & thead th:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-end: 0; } & tbody tr:where(:not(.fi-not-prose, .fi-not-prose *)) { border-bottom-width: 1px; border-bottom-color: var(--prose-td-borders); } & tbody tr:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { border-bottom-width: 0; } & tbody td:where(:not(.fi-not-prose, .fi-not-prose *)) { vertical-align: baseline; } & tfoot:where(:not(.fi-not-prose, .fi-not-prose *)) { border-top-width: 1px; border-top-color: var(--prose-th-borders); } & tfoot td:where(:not(.fi-not-prose, .fi-not-prose *)) { vertical-align: top; } & tbody td:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-top: .8em; padding-inline-end: .6em; padding-bottom: .8em; padding-inline-start: .6em; } & tfoot td:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-top: .8em; padding-inline-end: .6em; padding-bottom: .8em; padding-inline-start: .6em; } & tbody td:first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: 0; } & tfoot td:first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-start: 0; } & tbody td:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-end: 0; } & tfoot td:last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { padding-inline-end: 0; } & th:where(:not(.fi-not-prose, .fi-not-prose *)) { text-align: start; } & td:where(:not(.fi-not-prose, .fi-not-prose *)) { text-align: start; } & td code:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: .8125rem; } & hr:where(:not(.fi-not-prose, .fi-not-prose *)) { border-color: var(--prose-hr-color); margin-block: calc(var(--spacing) * 8); } & hr:where(:not(.fi-not-prose, .fi-not-prose *)) + h2 { margin-top: calc(var(--spacing) * 8); } & blockquote { border-inline-start-width: .25rem; border-inline-start-color: var(--prose-blockquote-border-color); padding-inline-start: calc(var(--spacing) * 4); font-style: italic; } & blockquote p:first-of-type:before { content: open-quote; } & blockquote p:last-of-type:after { content: close-quote; } & figure:where(:not(.fi-not-prose, .fi-not-prose *)) figcaption:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: calc(var(--spacing) * 3); text-align: center; font-size: var(--text-sm); line-height: var(--text-sm--line-height); color: var(--prose-color); font-style: italic; } @supports (color: color-mix(in lab, red, red)) { & figure:where(:not(.fi-not-prose, .fi-not-prose *)) figcaption:where(:not(.fi-not-prose, .fi-not-prose *)) { color: color-mix(in oklab, var(--prose-color) 75%, transparent); } } & :first-child:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-top: 0; } & :last-child:where(:not(.fi-not-prose, .fi-not-prose *)) { margin-bottom: 0; } & .color:where(:not(.fi-not-prose, .fi-not-prose *)) { color: var(--color); } & .color:where(:not(.fi-not-prose, .fi-not-prose *)):where(.dark, .dark *) { color: var(--dark-color); } & .lead:where(:not(.fi-not-prose, .fi-not-prose *)) { font-size: var(--text-base); } & .grid-layout:where(:not(.fi-not-prose, .fi-not-prose *)) { gap: calc(var(--spacing) * 4); grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="default"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="default"] > .grid-layout-col { grid-column: var(--col-span); } @media (min-width: 40rem) { & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="sm"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="sm"] > .grid-layout-col { grid-column: var(--col-span); } } @media (min-width: 48rem) { & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="md"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="md"] > .grid-layout-col { grid-column: var(--col-span); } } @media (min-width: 64rem) { & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="lg"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="lg"] > .grid-layout-col { grid-column: var(--col-span); } } @media (min-width: 80rem) { & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="xl"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="xl"] > .grid-layout-col { grid-column: var(--col-span); } } @media (min-width: 96rem) { & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="2xl"] { grid-template-columns: var(--cols); } & .grid-layout:where( :not(.fi-not-prose, .fi-not-prose *) )[data-from-breakpoint="2xl"] > .grid-layout-col { grid-column: var(--col-span); } } & .grid-layout:where(:not(.fi-not-prose, .fi-not-prose *)) > .grid-layout-col { min-width: 0; margin-top: 0; } }@utility color{.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *)) {color: var(--color);} .fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *)):where(.dark,.dark *) {color: var(--dark-color);}}@utility lead{.fi-prose &:where(:not(.fi-not-prose,.fi-not-prose *)) {font-size: var(--text-base);}}.fi-icon-btn-icon:hover{cursor:move!important}.fi-icon{height:20px;width:20px}.fi-sidebar-item .fi-icon{color:#a1a1aa}.fi-sidebar-nav{background-color:#fff}.fi-sidebar-item-button:hover,.fi-sidebar-item-button:active,.fi-sidebar-item-button:focus-visible{background-color:#eff8ff!important}.fi-header-heading{color:#1570ef}.fi-logo{height:2.5rem!important}.fi-sidebar-header{justify-content:center;padding-top:30px;background-color:#fff;display:flex;flex-direction:row-reverse;align-items:center}.fi-sidebar-header-logo-ctn{flex:1}.fi-sidebar-close-collapse-sidebar-btn{margin-left:auto}.bloc-user-custom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgb(228,228,231);padding-top:20px;background-color:#fff}.bloc-user-custom__infos{display:flex;align-items:center}.bloc-user-custom__infos p{font-size:14px;margin-bottom:0}.bloc-user-custom__infos .label{font-size:13px}.fi-main-ctn{background-color:#fcfcfd}.fi-sidebar-item-button{background-color:#fff!important}.edit-client{padding-bottom:22px;border-bottom:1px solid #1365d72b}label.fi-fo-field-wrp-label.inline-flex.items-center.gap-x-3.label-top span{font-weight:700!important;color:#000}.fi-section-content.p-6 label.fi-fo-field-wrp-label.inline-flex.items-center.gap-x-3.label-top span{font-weight:400!important;color:#000}.fi-section-content-ctn.border-t .fi-section-content.p-6 label.fi-fo-field-wrp-label.inline-flex.items-center.gap-x-3.label-top span{font-weight:700!important;color:#000}.img-bo{height:100vh;margin:auto;object-fit:cover}.background-white{background-color:#fff}.fi-wi-stats-overview-stat{height:100%}.fi-sidebar-footer{background-color:#fff}.fi-sidebar-item-button{display:flex;flex-direction:row!important;align-items:center;gap:.75rem;padding:.5rem}.fi-sidebar-item-active .fi-sidebar-item-label,.fi-sidebar-item-active .fi-sidebar-item-icon{color:#1570ef!important}.fi-sidebar{background-color:#fff!important;border-right:1px solid rgb(228,228,231)!important}.fi-dropdown-list-item-label .font-bold{font-weight:700}