/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--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-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing)*-12)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-auto{margin-top:auto}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.15rem\]{height:1.15rem}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-max{max-width:max-content}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-x-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)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-background{background-color:var(--input-background)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.fill-input{fill:var(--input)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--accent-foreground)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-white{color:var(--color-white)}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-0{--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)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.paused{animation-play-state:paused}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--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)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--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)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:ring-2: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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2: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)}.focus-visible\:ring-4:focus-visible{--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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--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)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--accent-foreground)}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal]{height:calc(var(--spacing)*4)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]: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)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=active\]\:bg-card[data-state=active]{background-color:var(--card)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-background[data-state=unchecked]{background-color:var(--switch-background)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--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)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-card-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--card-foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]){border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\:last-child\]\:pb-6:last-child{padding-bottom:calc(var(--spacing)*6)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--font-size:16px;--background:#fff;--foreground:oklch(14.5% 0 0);--card:#fff;--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:#030213;--primary-foreground:oklch(100% 0 0);--secondary:oklch(95% .0058 264.53);--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#fff;--border:#0000001a;--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--font-weight-medium:500;--font-weight-normal:400;--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(14.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:oklch(43.9% 0 0);--font-weight-medium:500;--font-weight-normal:400;--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-x-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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}*{box-sizing:border-box}html{zoom:1.1}:root{--nav-width: 180px;--sidebar-width: 240px;--playground-width: 260px;--playground-min-width: 260px;--playground-example-width: 240px}fig-field>label,label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.6875rem!important;font-weight:450!important;letter-spacing:.055px!important;line-height:1.4545em!important}body{margin:0;height:100vh;background-color:var(--figma-color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem!important;font-weight:450!important;letter-spacing:.055px!important;line-height:1.4545em!important;overflow:hidden}#root{display:grid;place-items:start center;position:relative;width:100vw;min-width:calc(var(--spacer-4) + var(--nav-width) + var(--spacer-4) + var(--playground-min-width) + var(--spacer-4) * 2 + var(--spacer-4) + var(--sidebar-width) + var(--spacer-4));height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--figma-color-border) transparent;padding:calc(var(--spacer-4) + var(--spacer-2)) calc(var(--spacer-4) + var(--sidebar-width) + var(--spacer-4)) calc(var(--spacer-4) + var(--spacer-2)) calc(var(--spacer-4) + var(--nav-width) + var(--spacer-4));&::-webkit-scrollbar{width:6px;height:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--figma-color-border);border-radius:999px}.propkit-attributes-view{+.propkit-attributes-view{border-top:1px solid var(--figma-color-border)}}}nav{width:var(--nav-width);max-height:calc(100vh - calc(var(--spacer-4) * 2));position:fixed;left:var(--spacer-4);top:var(--spacer-4);overflow:hidden;background:var(--figma-color-bg);border:1px solid var(--figma-color-border);border-radius:var(--radius-large);padding:0;display:flex;flex-direction:column;z-index:1000;.nav-links{--nav-fade-size: var(--spacer-3);--nav-fade-surface: var(--figma-color-bg);flex:1;position:relative;overflow-y:auto;padding:0;padding-top:var(--spacer-2);padding-bottom:var(--spacer-2);scrollbar-width:thin;scrollbar-color:var(--figma-color-border) transparent;&:has(fig-group){padding-top:0;padding-bottom:0}fig-layer:not([selected=true]){>.fig-layer-row>label{color:var(--figma-color-text-secondary)}}&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--figma-color-border);border-radius:999px}&:before,&:after{content:"";display:block;position:sticky;left:var(--spacer-3);right:var(--spacer-3);height:var(--nav-fade-size);z-index:2;pointer-events:none}&:before{top:calc(var(--spacer-2) * -1);margin-bottom:calc(var(--nav-fade-size) * -1);background:linear-gradient(to bottom,var(--nav-fade-surface),transparent);opacity:0}&:after{bottom:calc(var(--spacer-2) * -1);margin-top:calc(var(--nav-fade-size) * -1);background:linear-gradient(to top,var(--nav-fade-surface),transparent);opacity:0}@supports (animation-timeline: scroll()){scroll-timeline-name:--nav-scroll-fade;scroll-timeline-axis:block;&:before{animation:navFadeTop linear both;animation-timeline:--nav-scroll-fade;animation-timing-function:cubic-bezier(.22,1,.36,1)}&:after{animation:navFadeBottom linear both;animation-timeline:--nav-scroll-fade;animation-timing-function:cubic-bezier(.22,1,.36,1)}}}.nav-footer{border-top:1px solid var(--figma-color-border);padding:var(--spacer-2);flex-shrink:0}.nav-install-row{display:flex;align-items:center;gap:var(--spacer-1);fig-input-text{flex:1;min-width:0}}fig-header{justify-content:space-between}}.attributes-sidebar{width:var(--sidebar-width);max-height:calc(100vh - calc(var(--spacer-4) * 2));position:fixed;right:var(--spacer-4);top:var(--spacer-4);overflow-y:auto;@media (max-width: 904px){position:absolute}background:var(--figma-color-bg);border:1px solid var(--figma-color-border);border-radius:var(--radius-large);z-index:1000;scrollbar-width:thin;scrollbar-color:var(--figma-color-border) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--figma-color-border);border-radius:999px}.propkit-attributes-view{margin-top:0;border:none;border-radius:0}}@keyframes navFadeTop{0%{opacity:0}12%,to{opacity:1}}@keyframes navFadeBottom{0%,88%{opacity:1}to{opacity:0}}.theme-switch{padding:0;display:flex;align-items:center;gap:8px}.preferences-popup{width:180px;padding:var(--spacer-2);fig-field{width:100%}}main{width:100%;max-width:calc(var(--playground-width) + var(--spacer-4) * 2);min-width:calc(var(--playground-min-width) + var(--spacer-4) * 2);padding:0 var(--spacer-4);padding-bottom:var(--spacer-4);max-height:calc(100vh - var(--spacer-4));overflow:visible;display:flex;flex-direction:column;h2{font-size:18px;font-weight:600;color:var(--figma-color-text);margin:0 0 8px}}.example-view-container{align-self:center}.propkit-example{--dash-inset: -3rem;width:var(--playground-example-width);flex-shrink:0;display:flex;flex-direction:column;gap:0;border:none;margin-top:calc(var(--dash-inset) * -.5);margin-bottom:calc(var(--dash-inset) * -.5);border-radius:var(--radius-large);padding:var(--spacer-4) 0;background:var(--figma-color-bg);position:relative;&:before,&:after{content:"";position:absolute;left:var(--dash-inset);right:var(--dash-inset);top:0;bottom:0;pointer-events:none;border-top:1px dashed var(--figma-color-border);border-bottom:1px dashed var(--figma-color-border)}&:after{border:0;left:calc(var(--dash-inset) / 2);right:calc(var(--dash-inset) / 2);top:calc(var(--dash-inset) / 2);bottom:calc(var(--dash-inset) / 2);border-left:1px dashed var(--figma-color-border);border-right:1px dashed var(--figma-color-border)}fig-field,fig-header{width:100%}>fig-layer{width:100%}}#root main{display:flex;flex-direction:column;gap:var(--spacer-4)}.placeholder-field{display:flex;align-items:center;justify-content:center;height:32px;border:1px dashed var(--figma-color-border);border-radius:var(--radius-medium);font-size:11px;color:var(--figma-color-text-tertiary)}code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;background:var(--figma-color-bg-secondary);padding:2px 6px;border-radius:4px;color:var(--figma-color-text)}.propkit-code-view{margin-top:var(--spacer-2);border:1px solid var(--figma-color-border);border-radius:var(--radius-large);display:flex;flex-direction:column;flex-shrink:0;max-height:min(45vh,28rem);overflow:hidden;fig-header{justify-content:space-between;flex-shrink:0}>div{min-height:0;overflow:auto}.cm-editor{min-height:100%;max-width:100%;background-color:transparent;&.cm-focused{outline:none}.cm-content{padding:var(--spacer-2)}}}.propkit-attributes-view{margin-top:var(--spacer-2);border:1px solid var(--figma-color-border);border-radius:var(--radius-large);fig-header{justify-content:space-between}}.propkit-attributes-content{display:flex;flex-direction:column;gap:var(--spacer-2);padding:0 0 var(--spacer-2-5)}.propkit-attributes-group{display:flex;flex-direction:column;gap:2px}.event-view-content{gap:0;padding:0}.event-view-entry,.event-view-empty{margin-bottom:var(--spacer-2-5)}.event-view-editor{.cm-editor{background-color:var(--figma-color-bg)}}.event-view-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--figma-color-text-secondary);&.event-view-type--change{color:var(--figma-color-text-brand)}}.event-view-detail{margin:0;font-size:11px;font-family:var(--font-family-code, monospace);line-height:1.4;color:var(--figma-color-text);white-space:pre-wrap;word-break:break-all}.event-clear-btn{all:unset;font-size:var(--font-size-small);color:var(--figma-color-text-tertiary);cursor:pointer;&:hover{color:var(--figma-color-text)}}.propkit-code-view-actions{display:flex;gap:var(--spacer-2)}html,:host{width:100%;height:100%;margin:0;padding:0;color:var(--figma-color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family);font-size:16px;font-weight:var(--body-medium-fontWeight);letter-spacing:var(--body-letter-spacing);background-color:var(--figma-color-bg);line-height:1rem}body,:host{font-size:var(--body-medium-fontSize);letter-spacing:var(--body-letter-spacing);line-height:1.4545em}h1,h2{font-weight:var(--body-large-strong-fontWeight);font-size:var(--body-large-fontSize)}h3{font-weight:var(--body-medium-strong-fontWeight);font-size:var(--body-medium-fontSize)}strong{font-weight:var(--body-medium-strong-fontWeight)}section{padding:var(--spacer-1) var(--spacer-3);margin-bottom:var(--spacer-2);&:last-child{margin-bottom:0}}fieldset{padding:var(--spacer-1) var(--spacer-3)}hr{height:1px;border:none;width:100%;background-color:var(--figma-color-border);margin:var(--spacer-2) 0;&[vertical]{height:100%;width:1px;margin:0 var(--spacer-2)}}iframe{border:0;background-color:transparent;margin:0;width:max-content;height:max-content;max-width:100%;max-height:100%;width:100%;flex:1 1 auto;display:block;min-height:0}*,*:before,*:after{box-sizing:border-box}::selection{background-color:var(--figma-color-text-selection)}::-moz-selection{background-color:var(--figma-color-text-selection)}::-webkit-scrollbar{width:var(--spacer-1);height:var(--spacer-1)}::-webkit-scrollbar-thumb{background-color:var(--figma-color-bg-tertiary);border-radius:calc(var(--spacer-1) / 2)}::-webkit-scrollbar-thumb:hover{background-color:var(--figma-color-bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--figma-color-bg-tertiary) var(--figma-color-bg-secondary)}.subtle{color:var(--figma-color-text-tertiary)}p{margin-block:1em}p:first-child{margin-block-start:0}p:last-child{margin-block-end:0}label,p,li{color:var(--figma-color-text-secondary)}h2{font-weight:var(--body-medium-strong-fontWeight);margin:var(--spacer-2) 0}a{color:var(--figma-color-text-brand);text-decoration:none;&:hover{text-decoration:underline}}@layer figui.defaults{:root,:host{color-scheme:light dark;--figma-color-bg: light-dark(#ffffff, #2c2c2c);--figma-color-bg-brand: light-dark(#0d99ff, #0c8ce9);--figma-color-bg-menu: light-dark(#ffffff, #1e1e1e);--figma-color-bg-menu-hover: #0c8ce9;--figma-color-bg-brand-hover: light-dark(#007be5, #0a6dc2);--figma-color-bg-brand-pressed: light-dark(#0768cf, #105cad);--figma-color-bg-brand-secondary: light-dark(#0768cf, #105cad);--figma-color-bg-brand-tertiary: light-dark(#e5f4ff, #394360);--figma-color-bg-component: light-dark(#9747ff, #8a38f5);--figma-color-bg-component-hover: light-dark(#8638e5, #7a2ed6);--figma-color-bg-component-pressed: light-dark(#8638e5, #7a2ed6);--figma-color-bg-component-secondary: light-dark(#7c2bda, #652ca8);--figma-color-bg-component-tertiary: light-dark(#f1e5ff, #473956);--figma-color-bg-danger: light-dark(#f24822, #e03e1a);--figma-color-bg-danger-hover: light-dark(#dc3412, #c4381c);--figma-color-bg-danger-pressed: light-dark(#dc3412, #c4381c);--figma-color-bg-danger-secondary: light-dark(#bd2915, #963323);--figma-color-bg-danger-tertiary: light-dark(#ffe2e0, #60332a);--figma-color-bg-disabled: light-dark(#d9d9d9, #757575);--figma-color-bg-disabled-secondary: #b3b3b3;--figma-color-bg-hover: light-dark(#f5f5f5, #383838);--figma-color-bg-inverse: light-dark(#2c2c2c, #ffffff);--figma-color-bg-onselected: light-dark(#bde3ff, #667799);--figma-color-bg-onselected-hover: light-dark(#bde3ff, #667799);--figma-color-bg-onselected-pressed: light-dark(#bde3ff, #667799);--figma-color-bg-pressed: light-dark(#f5f5f5, #383838);--figma-color-bg-secondary: light-dark(#f5f5f5, #383838);--figma-color-bg-selected: light-dark(#e5f4ff, #4a5878);--figma-color-bg-selected-hover: light-dark(#bde3ff, #536383);--figma-color-bg-selected-pressed: light-dark(#bde3ff, #536383);--figma-color-bg-selected-secondary: light-dark(#f2f9ff, #394360);--figma-color-bg-selected-strong: light-dark(#0d99ff, #0c8ce9);--figma-color-bg-selected-tertiary: light-dark(#f2f9ff, #394360);--figma-color-bg-success: light-dark(#14ae5c, #198f51);--figma-color-bg-success-hover: light-dark(#009951, #078348);--figma-color-bg-success-pressed: light-dark(#009951, #078348);--figma-color-bg-success-secondary: light-dark(#008043, #0a5c35);--figma-color-bg-success-tertiary: light-dark(#cff7d3, #476656);--figma-color-bg-tertiary: light-dark(#e6e6e6, #444444);--figma-color-bg-warning: light-dark(#ffcd29, #f3c11b);--figma-color-bg-warning-hover: light-dark(#ffc21a, #f2b50d);--figma-color-bg-warning-pressed: light-dark(#ffc21a, #f2b50d);--figma-color-bg-warning-secondary: light-dark(#fab815, #e4a711);--figma-color-bg-warning-tertiary: light-dark(#fff1c2, #5c4100);--figma-color-bg-switch: light-dark(#e6e6e6, #444444);--figma-color-bg-slot: light-dark( rgba(255, 36, 189, .25), rgba(243, 22, 176, .25) );--figma-color-border: light-dark(#e6e6e6, #444444);--figma-color-border-brand: light-dark(#bde3ff, #105cad);--figma-color-border-brand-strong: light-dark(#007be5, #7cc4f8);--figma-color-border-component: light-dark(#e4ccff, #652ca8);--figma-color-border-component-hover: light-dark(#9747ff, #8a38f5);--figma-color-border-component-strong: light-dark(#8638e5, #d6b6fb);--figma-color-border-danger: light-dark(#ffc7c2, #963323);--figma-color-border-danger-strong: light-dark(#dc3412, #fca397);--figma-color-border-disabled: light-dark(#e6e6e6, #444444);--figma-color-border-disabled-strong: light-dark(#0000004d, #ffffff66);--figma-color-border-menu: #383838;--figma-color-border-onbrand: light-dark(#007be5, #0a6dc2);--figma-color-border-onbrand-strong: #ffffff;--figma-color-border-oncomponent: light-dark(#8638e5, #7a2ed6);--figma-color-border-oncomponent-strong: #ffffff;--figma-color-border-ondanger: light-dark(#dc3412, #c4381c);--figma-color-border-ondanger-strong: #ffffff;--figma-color-border-onselected: light-dark(#bde3ff, #667799);--figma-color-border-onselected-strong: light-dark(#000000e5, #ffffffe5);--figma-color-border-onsuccess: light-dark(#009951, #078348);--figma-color-border-onsuccess-strong: #ffffff;--figma-color-border-onwarning: light-dark(#fab815, #e4a711);--figma-color-border-onwarning-strong: #000000e5;--figma-color-border-selected: light-dark(#0d99ff, #0c8ce9);--figma-color-border-selected-strong: light-dark(#007be5, #7cc4f8);--figma-color-border-strong: light-dark(#2c2c2c, #ffffffe5);--figma-color-border-success: light-dark(#aff4c6, #0a5c35);--figma-color-border-success-strong: light-dark(#009951, #79d297);--figma-color-border-warning: light-dark(#ffe8a3, #925711);--figma-color-border-warning-strong: light-dark(#b86200, #f7d15f);--figma-color-border-slot: light-dark(#ff24bd, #f316b0);--figma-focus-outline: 1px solid var(--figma-color-border-selected);--figma-focus-outline-offset: -1px;--figma-focus-outline-radius: inherit;--figma-color-icon: light-dark(#000000e5, #ffffff);--figma-color-icon-brand: light-dark(#007be5, #7cc4f8);--figma-color-icon-brand-pressed: light-dark(#0768cf, #0c8ce9);--figma-color-icon-brand-secondary: light-dark(#80caff, #0a6dc2);--figma-color-icon-brand-tertiary: light-dark(#bde3ff, #394360);--figma-color-icon-component: light-dark(#8638e5, #d1a8ff);--figma-color-icon-component-pressed: light-dark(#7c2bda, #d6b6fb);--figma-color-icon-component-secondary: light-dark(#6f3bb2, #d1a8ff);--figma-color-icon-component-tertiary: light-dark(#6f3bb2, #d1a8ff);--figma-color-icon-danger: light-dark(#f24822, #e03e1a);--figma-color-icon-danger-hover: light-dark(#bd2915, #fbbcb6);--figma-color-icon-danger-pressed: light-dark(#bd2915, #fbbcb6);--figma-color-icon-danger-secondary: light-dark(#f24822, #e03e1a);--figma-color-icon-danger-secondary-hover: light-dark(#f24822, #e03e1a);--figma-color-icon-danger-tertiary: light-dark(#f24822, #e03e1a);--figma-color-icon-disabled: light-dark(#0000004d, #ffffff66);--figma-color-icon-hover: light-dark(#000000e5, #ffffff);--figma-color-icon-onbrand: #ffffff;--figma-color-icon-onbrand-secondary: #ffffffcc;--figma-color-icon-onbrand-tertiary: #ffffff66;--figma-color-icon-oncomponent: #ffffff;--figma-color-icon-oncomponent-secondary: #ffffffcc;--figma-color-icon-oncomponent-tertiary: #ffffff66;--figma-color-icon-ondanger: #ffffff;--figma-color-icon-ondanger-secondary: #ffffffcc;--figma-color-icon-ondanger-tertiary: #ffffff66;--figma-color-icon-ondisabled: light-dark(#ffffff, #2c2c2c);--figma-color-icon-oninverse: light-dark(#ffffffe5, #000000e5);--figma-color-icon-onselected: light-dark(#000000e5, #ffffff);--figma-color-icon-onselected-secondary: light-dark(#00000080, #ffffffb2);--figma-color-icon-onselected-strong: #ffffff;--figma-color-icon-onselected-tertiary: light-dark(#0000004d, #ffffff66);--figma-color-icon-onsuccess: #ffffff;--figma-color-icon-onsuccess-secondary: #ffffffcc;--figma-color-icon-onsuccess-tertiary: #ffffff66;--figma-color-icon-onwarning: #000000e5;--figma-color-icon-onwarning-secondary: #00000080;--figma-color-icon-onwarning-tertiary: #0000004d;--figma-color-icon-pressed: light-dark(#007be5, #0a6dc2);--figma-color-icon-secondary: light-dark(#00000099, #ffffffcc);--figma-color-icon-secondary-hover: light-dark(#000000e5, #ffffff);--figma-color-icon-selected: light-dark(#007be5, #7cc4f8);--figma-color-icon-selected-secondary: light-dark(#007be5, #7cc4f8);--figma-color-icon-selected-tertiary: light-dark(#007be5, #7cc4f8);--figma-color-icon-success: light-dark(#14ae5c, #198f51);--figma-color-icon-success-pressed: light-dark(#008043, #a1e8b9);--figma-color-icon-success-secondary: light-dark(#14ae5c, #198f51);--figma-color-icon-success-tertiary: light-dark(#14ae5c, #198f51);--figma-color-icon-tertiary: light-dark(#00000099, #ffffff99);--figma-color-icon-tertiary-hover: light-dark(#000000e5, #ffffff);--figma-color-icon-warning: light-dark(#ffcd29, #f3c11b);--figma-color-icon-warning-pressed: light-dark(#b86200, #f7d15f);--figma-color-icon-warning-secondary: light-dark(#ffcd29, #f3c11b);--figma-color-icon-warning-tertiary: light-dark(#ffcd29, #f3c11b);--figma-color-text: light-dark(#000000e5, #ffffff);--figma-color-text-brand: light-dark(#007be5, #7cc4f8);--figma-color-text-brand-secondary: light-dark(#007be5, #7cc4f8);--figma-color-text-brand-tertiary: light-dark(#007be5, #7cc4f8);--figma-color-text-component: light-dark(#8638e5, #d1a8ff);--figma-color-text-component-pressed: light-dark(#7c2bda, #d6b6fb);--figma-color-text-component-secondary: light-dark(#6f3bb2, #d1a8ff);--figma-color-text-component-tertiary: light-dark(#6f3bb2, #d1a8ff);--figma-color-text-danger: light-dark(#dc3412, #fca397);--figma-color-text-danger-secondary: light-dark(#dc3412, #fca397);--figma-color-text-danger-tertiary: light-dark(#dc3412, #fca397);--figma-color-text-disabled: light-dark(#0000004d, #ffffff66);--figma-color-text-hover: light-dark(#000000e5, #ffffff);--figma-color-text-onbrand: #ffffff;--figma-color-text-onbrand-secondary: #ffffffcc;--figma-color-text-onbrand-tertiary: #ffffff66;--figma-color-text-oncomponent: #ffffff;--figma-color-text-oncomponent-secondary: #ffffffcc;--figma-color-text-oncomponent-tertiary: #ffffff66;--figma-color-text-ondanger: #ffffff;--figma-color-text-ondanger-secondary: #ffffffcc;--figma-color-text-ondanger-tertiary: #ffffff66;--figma-color-text-ondisabled: light-dark(#ffffff, #2c2c2c);--figma-color-text-oninverse: light-dark(#ffffffe5, #000000e5);--figma-color-text-onselected: light-dark(#000000e5, #ffffffe5);--figma-color-text-onselected-secondary: light-dark(#00000080, #ffffffb2);--figma-color-text-onselected-strong: #ffffff;--figma-color-text-onselected-tertiary: light-dark(#0000004d, #ffffff66);--figma-color-text-onsuccess: #ffffff;--figma-color-text-onsuccess-secondary: #ffffffcc;--figma-color-text-onsuccess-tertiary: #ffffff66;--figma-color-text-onwarning: #000000e5;--figma-color-text-onwarning-secondary: #00000080;--figma-color-text-onwarning-tertiary: #0000004d;--figma-color-text-secondary: light-dark(#00000099, #ffffffcc);--figma-color-text-secondary-hover: light-dark(#000000e5, #ffffff);--figma-color-text-selection: rgba(13, 153, 255, .4);--figma-color-text-selected: light-dark(#007be5, #7cc4f8);--figma-color-text-selected-secondary: light-dark(#007be5, #7cc4f8);--figma-color-text-selected-tertiary: light-dark(#007be5, #7cc4f8);--figma-color-text-success: light-dark(#009951, #79d297);--figma-color-text-success-secondary: light-dark(#009951, #79d297);--figma-color-text-success-tertiary: light-dark(#009951, #79d297);--figma-color-text-tertiary: light-dark(#00000099, #ffffff99);--figma-color-text-tertiary-hover: light-dark(#000000e5, #ffffff);--figma-color-text-warning: light-dark(#b86200, #f7d15f);--figma-color-text-warning-secondary: light-dark(#b86200, #f7d15f);--figma-color-text-warning-tertiary: light-dark(#b86200, #f7d15f);--figma-color-text-menu: #ffffff;--figma-color-text-menu-secondary: rgba(255, 255, 255, .7);--figma-color-text-menu-tertiary: rgba(255, 255, 255, .7)}}:root,:host{--font-size: 16px;--font-family: AppleSystemUIFont, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--body-medium-fontSize: .6875rem;--body-large-fontSize: .8125rem;--body-letter-spacing: .055px;--body-medium-strong-fontWeight: 550;--body-large-strong-fontWeight: 500;--body-medium-fontWeight: 450;--spacer-1: .25rem;--spacer-2: .5rem;--spacer-2-5: .75rem;--spacer-3: 1rem;--spacer-4: 1.5rem;--spacer-5: 2rem;--spacer-6: 2.5rem;--radius-none: 0;--radius-small: .125rem;--radius-medium: .3125rem;--radius-large: .8125rem;--figma-radius-none: var(--radius-none);--figma-radius-small: var(--radius-small);--figma-radius-medium: var(--radius-medium);--figma-radius-large: var(--radius-large);--input-transition: all .08s ease-out;--popover-min-width: 15rem;--handle-color: #fff;--bg-selected: #f5f5f5;--bg-selected-active: #e5f4ff;--bg-tooltip: var(--figma-color-bg-menu);--color-tooltip: var(--figma-color-text);--figma-color-bordertranslucent: light-dark( rgba(0, 0, 0, .1), rgba(255, 255, 255, .1) );--figma-color-bg-transparent: light-dark( rgba(0, 0, 0, .05), rgba(255, 255, 255, .05) );--figma-color-bg-transparent-hover: light-dark( rgba(0, 0, 0, .05), rgba(255, 255, 255, .05) );--figma-color-bg-transparent-pressed: light-dark( rgba(0, 0, 0, .1), rgba(255, 255, 255, .1) );--figma-color-bg-transparent-secondary: light-dark( rgba(0, 0, 0, .2), rgba(255, 255, 255, .2) );--eased-fade-stops: var(--figma-color-bg) 0%, color-mix(in oklch, var(--figma-color-bg) 99.9%, transparent) 10%, color-mix(in oklch, var(--figma-color-bg) 99.2%, transparent) 20%, color-mix(in oklch, var(--figma-color-bg) 97.3%, transparent) 30%, color-mix(in oklch, var(--figma-color-bg) 93.6%, transparent) 40%, color-mix(in oklch, var(--figma-color-bg) 87.5%, transparent) 50%, color-mix(in oklch, var(--figma-color-bg) 78.4%, transparent) 60%, color-mix(in oklch, var(--figma-color-bg) 65.7%, transparent) 70%, color-mix(in oklch, var(--figma-color-bg) 48.8%, transparent) 80%, color-mix(in oklch, var(--figma-color-bg) 27.1%, transparent) 90%, transparent 100%;--checkerboard: repeating-conic-gradient( rgba(0, 0, 0, .1) 0% 25%, rgba(255, 255, 255, .1) 0% 50% ) 0 0 / .66666rem .66666rem;--checkerboard-small: repeating-conic-gradient( rgba(0, 0, 0, .2) 0% 25%, rgba(255, 255, 255, .2) 0% 50% ) 0 0 / .5rem .5rem;--checkerboard-chit: repeating-conic-gradient( rgba(0, 0, 0, .2) 0% 25%, rgba(255, 255, 255, .2) 0% 50% ) 0 0 / .4375rem .4375rem;--checkerboard-slider: repeating-conic-gradient( rgba(0, 0, 0, .2) 0% 25%, rgba(255, 255, 255, .2) 0% 50% ) 0 0 / .375rem .375rem;--checkerboard-handle: repeating-conic-gradient( rgba(0, 0, 0, .2) 0% 25%, rgba(255, 255, 255, .2) 0% 50% ) 0 0 / .375rem .375rem;--bg-hue: linear-gradient( 90deg, rgba(255, 0, 0, 1), rgba(255, 48, 0, 1), rgba(255, 96, 0, 1), rgba(255, 143, 0, 1), rgba(255, 191, 0, 1), rgba(255, 239, 0, 1), rgba(223, 255, 0, 1), rgba(175, 255, 0, 1), rgba(128, 255, 0, 1), rgba(80, 255, 0, 1), rgba(32, 255, 0, 1), rgba(0, 255, 16, 1), rgba(0, 255, 64, 1), rgba(0, 255, 112, 1), rgba(0, 255, 159, 1), rgba(0, 255, 207, 1), rgba(0, 255, 255, 1), rgba(0, 207, 255, 1), rgba(0, 159, 255, 1), rgba(0, 112, 255, 1), rgba(0, 64, 255, 1), rgba(0, 16, 255, 1), rgba(32, 0, 255, 1), rgba(80, 0, 255, 1), rgba(127, 0, 255, 1), rgba(175, 0, 255, 1), rgba(223, 0, 255, 1), rgba(255, 0, 239, 1), rgba(255, 0, 191, 1), rgba(255, 0, 143, 1), rgba(255, 0, 96, 1), rgba(255, 0, 48, 1) );--icon-16-chevron: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.87868 7.12132L8 9.24264L10.1213 7.12132' stroke='grey' stroke-linecap='round'/%3E%3C/svg%3E%0A");--icon-16-checkmark: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.084 4.22266C11.2372 3.99292 11.5476 3.93084 11.7773 4.08398C12.0071 4.23716 12.0692 4.54758 11.916 4.77734L7.91602 10.7773C7.83292 10.902 7.6979 10.9833 7.54883 10.998C7.39993 11.0126 7.25229 10.9593 7.14648 10.8535L4.14648 7.85352C3.95126 7.65825 3.95123 7.34173 4.14648 7.14648C4.34174 6.95124 4.65825 6.95126 4.85352 7.14648L7.42188 9.71484L11.084 4.22266Z' fill='white'/%3E%3C/svg%3E%0A");--icon-16-reset: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.354 2.146a.5.5 0 0 1 0 .708L5.207 4H8.5a5 5 0 1 1-5 5 .5.5 0 0 1 1 0 4 4 0 1 0 4-4H5.207l1.147 1.146a.5.5 0 1 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2a.5.5 0 0 1 .708 0' clip-rule='evenodd'/%3E%3C/svg%3E");--icon-24-steppers: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7245 6.08191C11.9186 5.95386 12.1826 5.97562 12.3534 6.14637L14.3534 8.14637L14.4179 8.22449C14.546 8.41852 14.5242 8.68253 14.3534 8.8534C14.1826 9.02426 13.9186 9.04601 13.7245 8.91785L13.6464 8.8534L11.9999 7.20691L10.3534 8.8534C10.1582 9.04866 9.84166 9.04866 9.6464 8.8534C9.45123 8.65813 9.45117 8.3416 9.6464 8.14637L11.6464 6.14637L11.7245 6.08191Z' fill='black'/%3E%3Cpath d='M13.7248 15.0822C13.9189 14.9541 14.1829 14.9758 14.3537 15.1467C14.5246 15.3176 14.5463 15.5815 14.4182 15.7756L14.3537 15.8537L12.3537 17.8537C12.1829 18.0246 11.9189 18.0463 11.7248 17.9182L11.6467 17.8537L9.64669 15.8537L9.58224 15.7756C9.45407 15.5815 9.47583 15.3176 9.64669 15.1467C9.81756 14.9758 10.0815 14.9541 10.2756 15.0822L10.3537 15.1467L12.0002 16.7932L13.6467 15.1467L13.7248 15.0822Z' fill='black' /%3E%3C/svg%3E%0A");--icon-24-add: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 6C12.2761 6 12.5 6.22386 12.5 6.5V11.5H17.5C17.7761 11.5 18 11.7239 18 12C18 12.2761 17.7761 12.5 17.5 12.5H12.5V17.5C12.5 17.7761 12.2761 18 12 18C11.7239 18 11.5 17.7761 11.5 17.5V12.5H6.5C6.22386 12.5 6 12.2761 6 12C6 11.7239 6.22386 11.5 6.5 11.5H11.5V6.5C11.5 6.22386 11.7239 6 12 6Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-minus: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 12C18 12.2761 17.7761 12.5 17.5 12.5H6.5C6.22386 12.5 6 12.2761 6 12C6 11.7239 6.22386 11.5 6.5 11.5H17.5C17.7761 11.5 18 11.7239 18 12Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-back: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8536 7.14645C14.0488 7.34171 14.0488 7.65829 13.8536 7.85355L9.70711 12L13.8536 16.1464C14.0488 16.3417 14.0488 16.6583 13.8536 16.8536C13.6583 17.0488 13.3417 17.0488 13.1464 16.8536L8.64645 12.3535C8.55268 12.2598 8.5 12.1326 8.5 12C8.5 11.8674 8.55268 11.7402 8.64645 11.6464L13.1464 7.14645C13.3417 6.95118 13.6583 6.95118 13.8536 7.14645Z' fill='currentColor'/%3E%3C/svg%3E");--icon-16-arrow-left: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 4.5L5.5 8L9.5 11.5' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--icon-24-arrow-left: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1464 7.64645C13.3417 7.45118 13.6582 7.45118 13.8535 7.64645C14.0487 7.84171 14.0487 8.15822 13.8535 8.35348L10.207 12L13.8535 15.6464C14.0487 15.8417 14.0487 16.1582 13.8535 16.3535C13.6582 16.5487 13.3417 16.5487 13.1464 16.3535L9.14645 12.3535C8.95118 12.1582 8.95118 11.8417 9.14645 11.6464L13.1464 7.64645Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-24-forward: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1464 16.8536C9.95118 16.6583 9.95118 16.3417 10.1464 16.1464L14.2929 12L10.1464 7.85355C9.95118 7.65829 9.95118 7.34171 10.1464 7.14645C10.3417 6.95118 10.6583 6.95118 10.8536 7.14645L15.3536 11.6464C15.5488 11.8417 15.5488 12.1583 15.3536 12.3536L10.8536 16.8536C10.6583 17.0488 10.3417 17.0488 10.1464 16.8536Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-close: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2242 7.08154C16.4182 6.95348 16.6823 6.97551 16.8531 7.146C17.024 7.31683 17.0457 7.58084 16.9176 7.7749L16.8531 7.85303L12.7067 11.9995L16.8531 16.146L16.9176 16.2241C17.0457 16.4182 17.024 16.6822 16.8531 16.853C16.6823 17.0239 16.4183 17.0456 16.2242 16.9175L16.1461 16.853L11.9996 12.7065L7.85315 16.853C7.65789 17.0483 7.34138 17.0483 7.14612 16.853C6.95128 16.6577 6.95101 16.3411 7.14612 16.146L11.2926 11.9995L7.14612 7.85303L7.08167 7.7749C6.95389 7.58087 6.97541 7.3167 7.14612 7.146C7.31683 6.97532 7.58101 6.95376 7.77502 7.08154L7.85315 7.146L11.9996 11.2925L16.1461 7.146L16.2242 7.08154Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-rotate: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2325 6.47442C11.2088 5.49811 12.7917 5.49811 13.768 6.47442L15.2931 7.99955H14.0002C13.7241 7.99955 13.5002 8.2234 13.5002 8.49955C13.5002 8.77569 13.7241 8.99955 14.0002 8.99955H16.5002C16.7764 8.99955 17.0002 8.77569 17.0002 8.49955V5.99955C17.0002 5.7234 16.7764 5.49955 16.5002 5.49955C16.2241 5.49955 16.0002 5.7234 16.0002 5.99955V7.29244L14.4751 5.76731C13.1083 4.40048 10.8922 4.40048 9.52537 5.76731L7.14669 8.14599C6.95143 8.34126 6.95143 8.65784 7.14669 8.8531C7.34195 9.04836 7.65854 9.04836 7.8538 8.8531L10.2325 6.47442ZM13.0609 9.64599C12.4751 9.06021 11.5254 9.06021 10.9396 9.64599L7.64669 12.9389C7.06091 13.5247 7.0609 14.4744 7.64669 15.0602L10.9396 18.3531C11.5254 18.9389 12.4751 18.9389 13.0609 18.3531L16.3538 15.0602C16.9396 14.4744 16.9396 13.5247 16.3538 12.9389L13.0609 9.64599ZM11.6467 10.3531C11.842 10.1578 12.1585 10.1578 12.3538 10.3531L15.6467 13.646C15.842 13.8413 15.842 14.1578 15.6467 14.3531L12.3538 17.646C12.1585 17.8413 11.842 17.8413 11.6467 17.646L8.3538 14.3531C8.15854 14.1578 8.15854 13.8413 8.3538 13.646L11.6467 10.3531Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-swap: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.35355 6.35355C8.54882 6.15829 8.54882 5.84171 8.35355 5.64645C8.15829 5.45118 7.84171 5.45118 7.64645 5.64645L5.14645 8.14645C4.95118 8.34171 4.95118 8.65829 5.14645 8.85355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536C8.54882 11.1583 8.54882 10.8417 8.35355 10.6464L6.70711 9H18.5C18.7761 9 19 8.77614 19 8.5C19 8.22386 18.7761 8 18.5 8H6.70711L8.35355 6.35355ZM15.6464 13.3536C15.4512 13.1583 15.4512 12.8417 15.6464 12.6464C15.8417 12.4512 16.1583 12.4512 16.3536 12.6464L18.8536 15.1464C19.0488 15.3417 19.0488 15.6583 18.8536 15.8536L16.3536 18.3536C16.1583 18.5488 15.8417 18.5488 15.6464 18.3536C15.4512 18.1583 15.4512 17.8417 15.6464 17.6464L17.2929 16H5.5C5.22386 16 5 15.7761 5 15.5C5 15.2239 5.22386 15 5.5 15H17.2929L15.6464 13.3536Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-play: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 7.75274C7 6.4055 8.45837 5.56342 9.625 6.23712L17.2109 10.619C18.277 11.2349 18.2771 12.7745 17.2109 13.3904L9.625 17.7723C8.45843 18.4459 7.00013 17.6038 7 16.2566V7.75274ZM9.125 7.10333C8.625 6.8145 8 7.17532 8 7.75274V16.2566C8.00013 16.834 8.62505 17.1949 9.125 16.9061L16.7109 12.5242C17.1107 12.2933 17.1106 11.7162 16.7109 11.4852L9.125 7.10333Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-pause: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.65332 6.00781C10.4097 6.08461 11 6.72334 11 7.5V16.5C11 17.2767 10.4097 17.9154 9.65332 17.9922L9.5 18H7.5C6.67157 18 6 17.3284 6 16.5V7.5C6 6.67157 6.67157 6 7.5 6H9.5L9.65332 6.00781ZM16.6533 6.00781C17.4097 6.08461 18 6.72334 18 7.5V16.5C18 17.2767 17.4097 17.9154 16.6533 17.9922L16.5 18H14.5C13.6716 18 13 17.3284 13 16.5V7.5C13 6.67157 13.6716 6 14.5 6H16.5L16.6533 6.00781ZM7.5 7C7.22386 7 7 7.22386 7 7.5V16.5C7 16.7761 7.22386 17 7.5 17H9.5C9.77614 17 10 16.7761 10 16.5V7.5C10 7.22386 9.77614 7 9.5 7H7.5ZM14.5 7C14.2239 7 14 7.22386 14 7.5V16.5C14 16.7761 14.2239 17 14.5 17H16.5C16.7761 17 17 16.7761 17 16.5V7.5C17 7.22386 16.7761 7 16.5 7H14.5Z' fill='currentColor'/%3E%3C/svg%3E");--icon-24-search: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 6C14.5376 6 17 8.46243 17 11.5C17 12.8387 16.5206 14.0648 15.7256 15.0186L17.8535 17.1465C18.0488 17.3417 18.0488 17.6582 17.8535 17.8535C17.6583 18.0486 17.3417 18.0487 17.1465 17.8535L15.0186 15.7256C14.0648 16.5206 12.8387 17 11.5 17C8.46243 17 6 14.5376 6 11.5C6 8.46243 8.46243 6 11.5 6ZM11.5 7C9.01472 7 7 9.01472 7 11.5C7 13.9853 9.01472 16 11.5 16C13.9853 16 16 13.9853 16 11.5C16 9.01472 13.9853 7 11.5 7Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-16-close: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1464 4.14645C11.3417 3.95118 11.6582 3.95118 11.8534 4.14645C12.0487 4.34171 12.0487 4.65822 11.8534 4.85348L8.70696 7.99996L11.8534 11.1464C12.0487 11.3417 12.0487 11.6582 11.8534 11.8535C11.6582 12.0487 11.3417 12.0487 11.1464 11.8535L7.99993 8.70699L4.85345 11.8535C4.65819 12.0487 4.34168 12.0487 4.14642 11.8535C3.95115 11.6582 3.95115 11.3417 4.14642 11.1464L7.2929 7.99996L4.14642 4.85348C3.95115 4.65822 3.95115 4.34171 4.14642 4.14645C4.34168 3.95118 4.65819 3.95118 4.85345 4.14645L7.99993 7.29293L11.1464 4.14645Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-24-visible: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7C16.6667 7 19 10.75 19 12C19 13.25 16.6667 17 12 17C7.47888 17 5.14784 13.4802 5.00684 12.124L5 12C5 10.75 7.33333 7 12 7ZM12 8C9.95481 8 8.44137 8.81596 7.43359 9.76074C6.92603 10.2366 6.55333 10.7404 6.3125 11.1758C6.05459 11.6422 6 11.9345 6 12C6.00002 12.0656 6.05462 12.3579 6.3125 12.8242C6.55334 13.2597 6.92602 13.7634 7.43359 14.2393C8.44138 15.1841 9.95482 16 12 16C14.0452 16 15.5586 15.1841 16.5664 14.2393C17.074 13.7634 17.4467 13.2597 17.6875 12.8242C17.9454 12.3578 18 12.0655 18 12C18 11.9345 17.9454 11.6422 17.6875 11.1758C17.4467 10.7403 17.074 10.2366 16.5664 9.76074C15.5586 8.81595 14.0452 8 12 8ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-16-visible: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4C11.5 4 14 7 14 8C14 9 11.5 12 8 12C4.5 12 2 9 2 8C2 7 4.5 4 8 4ZM8 5C6.60166 5 5.36649 5.57587 4.44238 6.30176C3.98232 6.66314 3.61689 7.04836 3.36328 7.38867C3.13535 7.69455 3.04058 7.90734 3.00977 8C3.04058 8.09266 3.13535 8.30545 3.36328 8.61133C3.61689 8.95164 3.98232 9.33686 4.44238 9.69824C5.36649 10.4241 6.60166 11 8 11C9.39834 11 10.6335 10.4241 11.5576 9.69824C12.0177 9.33686 12.3831 8.95163 12.6367 8.61133C12.8644 8.30577 12.9583 8.09281 12.9893 8C12.9583 7.90719 12.8644 7.69423 12.6367 7.38867C12.3831 7.04836 12.0177 6.66314 11.5576 6.30176C10.6335 5.57587 9.39834 5 8 5ZM8 7C8.55228 7 9 7.44772 9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-24-hidden: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.51343 9C5.78194 9 6.03192 9.21752 6.13647 9.46484C6.18062 9.56923 6.2378 9.68955 6.31225 9.82422C6.55304 10.2596 6.92594 10.7635 7.43335 11.2393C8.44103 12.184 9.95488 12.9998 11.9998 13C14.0447 13 15.5584 12.1839 16.5662 11.2393C17.0736 10.7635 17.4464 10.2596 17.6873 9.82422C17.7588 9.69491 17.8147 9.57896 17.8582 9.47754C17.9668 9.22373 18.2237 9.0001 18.4998 9C18.7757 9 18.9947 9.22463 18.9167 9.48926C18.7151 10.1715 18.146 11.1394 17.2107 12.0039L18.3533 13.1465C18.5485 13.3417 18.5485 13.6583 18.3533 13.8535C18.158 14.0486 17.8414 14.0487 17.6462 13.8535L16.4275 12.6348C15.8837 13.0163 15.2541 13.3499 14.5378 13.5918L14.9851 15.3789C15.0519 15.6467 14.8887 15.9184 14.6208 15.9854C14.3532 16.0519 14.0813 15.8888 14.0144 15.6211L13.571 13.8486C13.0805 13.9449 12.5568 14 11.9998 14C11.4423 14 10.9184 13.945 10.4275 13.8486L9.98511 15.6211C9.91811 15.8889 9.64645 16.0522 9.37866 15.9854C9.11111 15.9182 8.94768 15.6466 9.0144 15.3789L9.46069 13.5908C8.74459 13.3488 8.11371 13.0173 7.57007 12.6357L6.35327 13.8535C6.15799 14.0486 5.84143 14.0487 5.64624 13.8535C5.45126 13.6583 5.45126 13.3417 5.64624 13.1465L6.78882 12.0029C5.67043 10.9689 5.07561 9.78781 5.00659 9.12402C5.00289 9.05679 5.05649 9.00021 5.12378 9H5.51343Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-16-hidden: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4138 5.5C13.7373 5.5 13.9807 5.76652 13.8415 6.05859C13.6075 6.54952 13.1215 7.17678 12.4421 7.7627L13.4157 9.22266C13.5689 9.45242 13.5068 9.76284 13.277 9.91602C13.0473 10.069 12.7368 10.007 12.5837 9.77734L11.6413 8.36328C11.1673 8.67367 10.6355 8.9499 10.0524 9.15039L10.4851 10.8789C10.5519 11.1467 10.3886 11.4184 10.1208 11.4854C9.85308 11.5519 9.58128 11.3888 9.51435 11.1211L9.08466 9.40332C8.7357 9.46559 8.37327 9.5 7.9997 9.5C7.62569 9.49998 7.2631 9.46575 6.91376 9.40332L6.48505 11.1211C6.41806 11.3889 6.1464 11.5522 5.87861 11.4854C5.61102 11.4183 5.44761 11.1466 5.51435 10.8789L5.94599 9.15039C5.36302 8.94979 4.83099 8.67372 4.35712 8.36328L3.41572 9.77734C3.2625 10.007 2.95206 10.0692 2.72236 9.91602C2.49286 9.76282 2.43071 9.45232 2.58368 9.22266L3.55634 7.76172C2.8777 7.1762 2.3927 6.54916 2.15888 6.05859C2.01973 5.76657 2.26219 5.50011 2.58564 5.5C3.05129 5.5 3.02196 5.6191 3.27021 5.98145C3.50192 6.31962 3.85806 6.72067 4.32294 7.10352C5.25669 7.87247 6.53958 8.49991 7.9997 8.5C9.45975 8.5 10.7427 7.87238 11.6765 7.10352C12.1413 6.72067 12.4985 6.31962 12.7302 5.98145C12.981 5.61523 12.9588 5.50007 13.4138 5.5Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");--icon-24-spinner: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.5C13.2856 5.5 14.5423 5.88122 15.6112 6.59545C16.6801 7.30968 17.5132 8.32484 18.0052 9.51256C18.4972 10.7003 18.6259 12.0072 18.3751 13.2681C18.1243 14.529 17.5052 15.6872 16.5962 16.5962C15.6872 17.5052 14.529 18.1243 13.2681 18.3751C12.0072 18.6259 10.7003 18.4972 9.51256 18.0052C8.32484 17.5132 7.30968 16.6801 6.59545 15.6112C5.88122 14.5423 5.5 13.2856 5.5 12' stroke='black' stroke-opacity='0.9' stroke-linecap='round'/%3E%3C/svg%3E");--icon-16-spinner: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.5C9.0878 2.5 10.1512 2.82257 11.0556 3.42692C11.9601 4.03126 12.6651 4.89025 13.0813 5.89524C13.4976 6.90023 13.6065 8.0061 13.3943 9.073C13.1821 10.1399 12.6583 11.1199 11.8891 11.8891C11.1199 12.6583 10.1399 13.1821 9.073 13.3943C8.0061 13.6065 6.90023 13.4976 5.89524 13.0813C4.89025 12.6651 4.03126 11.9601 3.42692 11.0556C2.82257 10.1512 2.5 9.0878 2.5 8' stroke='black' stroke-opacity='0.9' stroke-linecap='round'/%3E%3C/svg%3E");--tip-pointer: path("M8 6L2 0H14L8 6Z");--figma-elevation-100: 0px 0px .5px 0px light-dark(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), inset 0px .75px 0px 0px light-dark(transparent, rgba(255, 255, 255, .1)), 0px 1px 3px 0px light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4));--figma-elevation-200: 0px 0px .5px 0px light-dark(rgba(0, 0, 0, .18), transparent), 0px 3px 8px 0px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .35)), 0px 1px 3px 0px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)), inset 0px .5px 0px 0px light-dark(transparent, rgba(255, 255, 255, .08)), inset 0px 0px .5px 0px light-dark(transparent, rgba(255, 255, 255, .3));--figma-elevation-100-canvas: 0 0 .5px 0 light-dark(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), 0 .5px 0 0 light-dark(transparent, rgba(255, 255, 255, .1)) inset, 0 0 .5px 0 light-dark(transparent, rgba(255, 255, 255, .3)) inset, 0 1px 3px 0 light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4));--figma-elevation-200-canvas: 0 0 0 .5px light-dark(rgba(0, 0, 0, .1), transparent), 0 .5px 0 0 light-dark(transparent, rgba(255, 255, 255, .08)) inset, 0 3px 8px 0 light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .35)), 0 0 .5px 0 light-dark(rgba(0, 0, 0, .18), rgba(255, 255, 255, .3)) inset, 0 1px 3px 0 light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .5));--figma-elevation-400-menu-panel: 0px 0px .5px 0px light-dark(rgba(0, 0, 0, .12), transparent), 0px 10px 16px 0px light-dark(rgba(0, 0, 0, .12), rgba(0, 0, 0, .35)), 0px 2px 5px 0px light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .35)), inset 0px .5px 0px 0px light-dark(transparent, rgba(255, 255, 255, .08)), inset 0px .75px 0px 0px light-dark(transparent, rgba(255, 255, 255, .075));--figma-elevation-500-modal-window: 0px 0px .5px 0px light-dark(rgba(0, 0, 0, .08), transparent), 0px 10px 24px 0px light-dark(rgba(0, 0, 0, .18), rgba(0, 0, 0, .45)), 0px 2px 5px 0px light-dark(rgba(0, 0, 0, .15), transparent), 0px 3px 5px 0px light-dark(transparent, rgba(0, 0, 0, .35)), inset 0px .75px 0px 0px light-dark(transparent, rgba(255, 255, 255, .1));--handle-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .1), 0px 0px .5px 0px light-dark(rgba(0, 0, 0, .3), rgba(255, 255, 255, .1)), 0px 1px 3px 0px light-dark(rgba(0, 0, 0, .15), transparent);&.figma-light{color-scheme:light;background-color:var(--figma-color-bg)}&.figma-dark{color-scheme:dark;background-color:var(--figma-color-bg)}}button,select,input,fieldset{display:inline-flex;align-items:center;margin:0;gap:.25rem;font:inherit;line-height:1rem}textarea,input[type=text],input[type=number],input[type=password],input[type=url],input[type=email],input[type=search],input[type=tel],.input{background-color:var(--figma-color-bg-secondary);border:0;border-radius:var(--radius-medium);padding:var(--spacer-1) var(--spacer-2);line-height:1rem!important;box-sizing:content-box;resize:none;min-width:0;font:inherit;display:flex;color:inherit;appearance:textfield;-moz-appearance:textfield;&:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{display:none;color-scheme:inherit;-webkit-appearance:none;margin:0}}progress{--progress-height: .375rem;--progress-radius: calc(var(--progress-height) / 2);display:block;width:100%;min-width:0;height:var(--progress-height);margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;color:transparent;font-size:0;overflow:hidden;background:var(--figma-color-bg-secondary);border-radius:var(--progress-radius);&::-webkit-progress-bar{background:var(--figma-color-bg-secondary);border-radius:var(--progress-radius)}&::-webkit-progress-value{background:var(--figma-color-bg-brand);border-radius:var(--progress-radius);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);min-width:var(--progress-height)}&:not([value]){--progress-indeterminate-width: 30%;background-image:radial-gradient(circle at var(--progress-radius) 50%,var(--figma-color-bg-brand) 0 var(--progress-radius),transparent calc(var(--progress-radius) + .5px)),linear-gradient(90deg,transparent 0 var(--progress-radius),var(--figma-color-bg-brand) var(--progress-radius) calc(100% - var(--progress-radius)),transparent calc(100% - var(--progress-radius)) 100%),radial-gradient(circle at calc(100% - var(--progress-radius)) 50%,var(--figma-color-bg-brand) 0 var(--progress-radius),transparent calc(var(--progress-radius) + .5px));will-change:background-position;background-repeat:no-repeat;background-size:var(--progress-indeterminate-width) 100%;animation:fig-progress-indeterminate 1s infinite linear}&:not([value])::-webkit-progress-bar{background:transparent}&:not([value])::-webkit-progress-value{background:transparent;box-shadow:none;min-width:0}&::-moz-progress-bar{background:var(--figma-color-bg-brand);border-radius:var(--progress-radius);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);min-width:var(--progress-height)}&:not([value])::-moz-progress-bar{background:transparent;box-shadow:none;min-width:0}}@keyframes fig-progress-indeterminate{0%{background-position:calc(-1 * var(--progress-indeterminate-width)) 0}to{background-position:calc(100% + var(--progress-indeterminate-width)) 0}}fig-input-number .fig-steppers{order:3;display:flex;flex-direction:column;flex-shrink:0;border-radius:0 var(--radius-medium) var(--radius-medium) 0;overflow:hidden;button{display:block;appearance:none;border:0;padding:0;margin:0;width:1.5rem;flex:1;background-color:var(--figma-color-text-secondary);mask-size:1rem;mask-repeat:no-repeat;mask-position:center -3.5px;&:hover,&:active{background-color:var(--figma-color-text)!important}&:disabled{pointer-events:none;background-color:var(--figma-color-text-disabled)}}fig-input-number[disabled]:not([disabled=false]) & button{pointer-events:none;background-color:var(--figma-color-text-disabled)}.fig-stepper-up{mask-image:var(--icon-16-chevron);rotate:180deg;&:active{transform:translateY(1px)}}.fig-stepper-down{mask-image:var(--icon-16-chevron);&:active{transform:translateY(1px)}}}textarea{min-height:2rem;display:block;width:100%;box-sizing:border-box}select,input[type=text][list]{padding:var(--spacer-2);background-color:var(--figma-color-bg);&:not([multiple]){height:var(--spacer-4);padding:0 var(--spacer-4) 0 var(--spacer-2);background:calc(100% - var(--spacer-1)) 50% / 1rem no-repeat var(--icon-16-chevron)}&[multiple]{overflow:auto;option{padding:var(--spacer-1) var(--spacer-2);border-radius:var(--radius-medium);&:checked{background-color:var(--figma-color-bg-selected-strong)!important}&:active{background-color:var(--figma-color-bg-active)}&:hover{background-color:var(--figma-color-bg-hover)}}}border-radius:var(--radius-medium);display:flex;appearance:none;align-items:center;border:0;color:var(--figma-color-text);box-shadow:inset 0 0 0 1px var(--figma-color-border);accent-color:var(--figma-color-bg-brand);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;&:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&::-webkit-calendar-picker-indicator{color-scheme:inherit;opacity:0}}@supports (appearance: base-select){fig-dropdown[experimental~=modern]{&[type=dropdown]{select:before{content:attr(aria-label)}option::checkmark{display:none}option{padding-left:var(--spacer-3)}}select{--option-height: 1.5rem;--max-width: 20rem;@media (hover) and (pointer: fine){&,&::picker(select){appearance:base-select}}padding-block:0;will-change:scale;@supports (-webkit-touch-callout: none){font-size:16px}option::checkmark{content:"";display:block;width:1rem;height:1rem;background-color:currentColor;-webkit-mask-image:var(--icon-16-checkmark);mask-image:var(--icon-16-checkmark);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}option{display:flex;gap:var(--spacer-1);padding:0 var(--spacer-4) 0 calc(var(--spacer-1) * 2 + var(--spacer-1));font-weight:var(--body-medium-fontWeight);color:var(--figma-color-text-menu);position:relative;& *{color:inherit}&[hidden]{display:none}&:before{content:"";display:block;position:absolute;inset:0 var(--spacer-2);border-radius:var(--radius-medium);z-index:-1}&:checked:before{background-color:transparent}&:not(:checked):before{background-color:transparent}&:not(:disabled){&:hover,&:active,&:focus-visible{background-color:transparent;outline:0;&:before{background-color:var(--figma-color-bg-menu-hover)}}}}optgroup{color:var(--figma-color-text-menu-secondary);text-align:left;position:relative;padding:0 var(--spacer-1) 0 calc(var(--spacer-1) * 2 + var(--spacer-1));font-weight:var(--body-medium-fontWeight);&[label]:not([label=""]){padding-top:var(--spacer-2);option:first-child{margin-top:var(--spacer-2)}}legend{padding:var(--spacer-1, .3rem) var(--spacer-1, 1rem)}option{margin:0 calc(var(--spacer-1) * -1);margin-left:calc((var(--spacer-1) * 2 + var(--spacer-1)) * -1)}&:not(:first-child):not(:first-of-type){margin-top:var(--spacer-2);padding-top:var(--spacer-3);&:before{content:"";display:block;position:absolute;left:0;right:0;top:1px;height:1px;background-color:var(--figma-color-border-menu);margin-bottom:var(--spacer-2)}}}option[hidden=true]:first-child+optgroup{margin-top:0;padding-top:var(--spacer-2);&:before{display:none}}>button{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--spacer-1, .25rem);width:100%;border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;>selectedcontent{display:flex;align-items:center;gap:0;min-width:0;text-overflow:ellipsis;overflow:hidden;width:100%;&:has(>svg){margin-left:calc(var(--spacer-2) * -1)}& svg{flex-shrink:0}}}}::picker-icon{display:none}::picker(select){appearance:base-select;color-scheme:dark;scrollbar-width:thin;outline:0;scrollbar-color:var(--figma-color-text-menu-tertiary) var(--figma-color-bg-menu);border-radius:var(--radius-large);border:0;background-color:var(--figma-color-bg-menu);padding:var(--spacer-2) 0;box-shadow:var(--figma-elevation-400-menu-panel)}}}input[type=text][list],select:not([multiple]){padding-right:var(--spacer-4);padding-left:var(--spacer-2)}fig-dropdown{>*:not(select){display:none!important}}fig-dropdown,select,.fig-dropdown{display:inline-flex;position:relative;>select{display:flex;align-items:center;flex:1;width:100%}&:not([multiple]):after{content:"";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;mask-image:var(--icon-16-chevron);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:var(--figma-color-icon);pointer-events:none}&[autoresize] select{field-sizing:content}}button,fig-button{color:var(--figma-color-text-onbrand);display:flex;align-items:center;justify-content:center;height:var(--spacer-4);padding:0 var(--spacer-2);appearance:none;border:0;min-width:0;outline:0;line-height:1rem;border-radius:var(--radius-medium);background-color:var(--figma-color-bg-brand);font-weight:500;&:active{background-color:var(--figma-color-bg-brand-pressed)}&:hover{background-color:var(--figma-color-bg-brand-hover);&:active{background-color:var(--figma-color-bg-brand-pressed);color:var(--figma-color-text-onbrand-secondary)}}&[variant=link]{box-shadow:none;background:none;color:var(--figma-color-text-brand);&:hover:not(:active){background-color:transparent}&:active{outline:0;background-color:var(--figma-color-bg-selected);color:var(--figma-color-text-brand)}}&[variant=ghost]{box-shadow:none;background:none;color:var(--figma-color-text);&:hover:not(:active){background-color:var(--figma-color-bg-transparent-hover)}&:active{outline:0;background-color:var(--figma-color-bg-transparent-pressed);color:var(--figma-color-text)}}&[variant=ghost][disabled]:not([disabled=false]){background-color:transparent}&[variant=secondary]{box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);padding:0 calc(var(--spacer-2) - 1px);background:none;color:var(--figma-color-text);&:active,&:active:hover{background-color:var(--figma-color-bg-transparent-pressed);color:var(--figma-color-text)}&:hover{background-color:var(--figma-color-bg-secondary)}}&[variant=input]{background-color:var(--figma-color-bg-secondary);box-shadow:none;color:var(--figma-color-text);&:hover{box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);background-color:var(--figma-color-bg-transparent)}&:active,&:active:hover{background-color:var(--figma-color-bg-transparent-pressed);color:var(--figma-color-text)}&:focus-visible{background-color:var(--figma-color-bg-secondary)}}&[variant=overlay]{color-scheme:light;background-color:var(--figma-color-bg);color:var(--figma-color-text);box-shadow:0 0 0 1px var(--figma-color-bordertranslucent);&:active,&:has(:active){background-color:var(--figma-color-bg-secondary);color:var(--figma-color-text)}}&[icon]{width:var(--spacer-4);padding:0;flex-grow:0;flex-shrink:0;flex-basis:var(--spacer-4);&[size=compact]{width:var(--spacer-3);flex-basis:var(--spacer-3)}}&[disabled]:not([disabled=false]){background-color:var(--figma-color-bg-disabled);pointer-events:none;cursor:not-allowed;&:not([variant=secondary]){color:var(--figma-color-text-ondisabled);box-shadow:none}&[variant=secondary],&[variant=ghost]{color:var(--figma-color-text-disabled);background-color:transparent}}&[size=large],&[size=large]>button{height:var(--spacer-5);padding:0 var(--spacer-3)}&[size=large][icon],&[size=large][icon]>button{width:var(--spacer-5);flex-basis:var(--spacer-5);padding:0}&[full]{width:100%}&[inline=false],&[inline=false]>button{display:flex;width:100%;justify-content:left;height:auto;text-align:left;align-items:center;padding:var(--spacer-1) var(--spacer-2)}&[type=select],&[type=upload]{position:relative;overflow:hidden;>select,>input,>fig-dropdown{position:absolute;inset:0;opacity:0;appearance:none}}&[inline=false]{padding:0}&[selected]:not([selected=false]){&,&:hover{color:var(--figma-color-icon-brand);background-color:var(--figma-color-bg-selected)}}&:focus-visible,&[data-focus-visible],&[type=select]:focus-within,&[type=upload]:focus-within{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}svg{*[fill]:not([fill=none]){fill:currentColor}*[stroke]:not([stroke=none]){stroke:currentColor}}&:has(svg:first-child):not([icon]){padding-left:var(--spacer-1)}}.fig-button-combo,fig-button-combo,.fig-input-combo,fig-input-combo{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0px;>*{&:first-child,&:first-child>*{border-top-right-radius:0;border-bottom-right-radius:0}&:last-child,&:last-child>*{border-top-left-radius:0;border-bottom-left-radius:0}&:not(:last-child):not(:first-child),&:not(:last-child):not(:first-child)>*{border-radius:0}}}.fig-input-combo,fig-input-combo{gap:1px}.fig-button-combo,fig-button-combo{>*:not([variant=secondary]):not(:first-child){box-shadow:inset 1px 0 0 0 var(--figma-color-bg-brand-hover);&[disabled]:not([disabled=false]){box-shadow:inset 1px 0 0 0 var(--figma-color-border-disabled)}}>*[variant=secondary]:not(:first-child){border-left-width:0!important;&[disabled]:not([disabled=false]){border-left-width:0!important}}}fig-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;height:1.5rem;padding:0 var(--spacer-2);appearance:none;border:0;cursor:default;gap:0!important;user-select:none;line-height:1rem;border-radius:var(--radius-medium);color:var(--figma-color-text-secondary);position:relative;&[label]{&:after{content:attr(label);color:var(--figma-color-text-secondary);height:0!important;width:auto!important;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:var(--body-medium-strong-fontWeight)}}&[selected]:not([selected=false]){background-color:var(--figma-color-bg-secondary);font-weight:var(--body-medium-strong-fontWeight);color:var(--figma-color-text)}&:hover{background-color:var(--figma-color-bg-secondary)}&:focus-visible,&[data-focus-visible]{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&[disabled]:not([disabled=false]){opacity:.4;pointer-events:none;cursor:default}}.fig-overflow{all:unset;position:absolute;z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;color:var(--figma-color-icon);background:var(--figma-color-bg)!important;&:before{content:"";position:absolute;inset:0;border-radius:var(--radius-medium);background:var(--figma-color-bg)!important;z-index:-1}&:hover:before{background:var(--figma-color-bg-hover)!important}.fig-overflow-chevron{position:relative}&:active .fig-overflow-chevron{transform:translateY(1px)}}.overflow-start>.fig-overflow-start{opacity:1;pointer-events:auto}.overflow-end>.fig-overflow-end{opacity:1;pointer-events:auto}fig-tabs,.tabs{--fig-overflow-size: calc(var(--spacer-4) + var(--spacer-2));--fig-tabs-inline-padding: 0;--fig-tabs-inline-margin: var(--spacer-2-5);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacer-1);min-width:0;overflow:auto hidden;padding:var(--spacer-2) var(--fig-tabs-inline-padding);margin:0 var(--fig-tabs-inline-margin);position:relative;scrollbar-width:none;width:calc(100% - var(--fig-tabs-inline-margin) * 2);>fig-tab{flex-shrink:0}>.fig-overflow{align-self:stretch;height:auto;margin-block:0;position:sticky;top:0;z-index:3;width:var(--spacer-4);margin-left:calc(var(--spacer-2-5) * -1);margin-right:calc(var(--spacer-2-5) * -1)}>.fig-overflow-start{left:0;order:-1;right:auto;box-shadow:1px 0 0 0 var(--figma-color-bordertranslucent);&:before{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}.fig-overflow-chevron{rotate:90deg}}>.fig-overflow-end{left:auto;order:1;right:0;box-shadow:-1px 0 0 0 var(--figma-color-bordertranslucent);&:before{border-radius:0 var(--radius-medium) var(--radius-medium) 0}.fig-overflow-chevron{rotate:-90deg}}}fig-avatar,.fig-avatar{contain:layout paint;--size: 1.5rem;width:var(--size);display:inline-grid;place-items:center;height:var(--size);border-radius:100%;border:0;background:var(--figma-color-bg-brand);overflow:hidden;color:var(--figma-color-icon-onbrand);img{width:var(--size);height:var(--size);position:absolute;border-radius:100%;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);&:not([src]){background:var(--checkerboard)}}&[borderless] img{box-shadow:none}&:has(img[src]){background:none}&:after{content:attr(initials)}&[size=large]{--size: 3rem}}input[type=color]{width:.875rem;height:.875rem;-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:none;padding:.3125rem;flex-shrink:0;box-sizing:content-box;border-radius:var(--radius-medium);background-color:var(--figma-color-bg-secondary);display:inline-grid;&:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&::-webkit-color-swatch-wrapper{padding:0;border:0;appearance:none;border-radius:.125rem;background:var(--checkerboard);overflow:hidden;grid-area:1/1;color-scheme:inherit;outline:0}&::-webkit-color-swatch{padding:0;border:0;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);color-scheme:inherit;border-radius:.125rem;mask-image:linear-gradient(to right,#000 0% 50%,rgba(0,0,0,var(--alpha)) 50%)}}input[type=color]{&::-moz-color-swatch{color-scheme:inherit;border-radius:.125rem;padding:0;border:0;appearance:none;mask-image:linear-gradient(to right,#000 0% 50%,rgba(0,0,0,var(--alpha)) 50%);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent)}}fig-chit{--size: 1.5rem;--padding: 5px;--width: var(--size);--height: var(--size);--border-radius: var(--radius-medium);--chit-background: linear-gradient(#d9d9d9, #d9d9d9);--chit-bg-size: cover;--chit-bg-position: center;--selected: 0;--alpha: 1;display:inline-grid;width:var(--size);height:var(--size);border-radius:var(--border-radius);background-color:var(--figma-color-bg-secondary);box-shadow:inset 0 0 0 calc(var(--selected) * 1px) var(--figma-color-border-selected);flex-shrink:0;&:before,&:after,div,input{grid-area:1/1}>div{background:var(--checkerboard-chit);border-radius:var(--border-radius)}&[selected]:not([selected=false]){--selected: 1;background-color:transparent}&[size=medium],&[size=large]{--padding: 0px;&[selected]:not([selected=false]){--padding: 3px}>div{background:var(--checkerboard)}}&[size=medium]{--size: 1.5rem;--padding: 0px}&[size=large]{--size: 2rem;--padding: 0px}&[disabled]:not([disabled=false]){pointer-events:none}&:before,&:after,>div{content:"";width:calc(var(--width) - var(--padding) * 2);height:calc(var(--height) - var(--padding) * 2);border-radius:calc(var(--border-radius) - (var(--padding) / 2));grid-area:1/1;place-self:center;pointer-events:none}&:after{box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);z-index:1}&:before{content:"";background:var(--chit-background);background-size:var(--chit-bg-size);background-position:var(--chit-bg-position);background-repeat:no-repeat;border-radius:calc(var(--border-radius) - (var(--padding) / 2));mask-image:linear-gradient(to right,#000 0% 50%,rgba(0,0,0,var(--alpha)) 50%);grid-area:1/1;place-self:center}&[size=medium]:before,&[size=large]:before{border-radius:calc(var(--border-radius) - var(--padding))}input[type=color]{background:none;width:var(--width);height:var(--height);grid-area:1/1;place-self:center;box-sizing:border-box;opacity:0}&[data-type=gradient],&[data-type=image]{background-color:var(--figma-color-bg-secondary);input[type=color]{display:none}}}fig-truncate{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;vertical-align:bottom;&[position=left]{display:block;direction:rtl;text-align:left}&[position=middle]{display:inline-flex;text-overflow:clip;gap:0;>.start,>.end{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}>.end{direction:rtl;text-align:left;text-overflow:ellipsis}&[tail]{>.end{direction:ltr;text-align:right;flex-shrink:0}}}}fig-input-file{display:flex;align-items:center;gap:var(--spacer-2);min-width:0;max-width:100%;&[full]:not([full=false]){flex:1 1 auto;width:100%;>fig-tooltip,>fig-button{flex:1;min-width:0}>fig-tooltip>fig-button{width:100%}}.fig-input-file-filename{flex:1;min-width:0}.fig-input-file-clear{flex-shrink:0}fig-button:has(>input[type=file]:focus-visible){outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&[dragover] fig-button{outline:1px dashed var(--figma-color-border-brand);outline-offset:-1px}}fig-media,fig-image,fig-video{--fig-media-fit: contain;--fig-media-aspect-ratio: 4/3;--fig-media-size: 100%;display:inline-flex;flex-direction:column;gap:var(--spacer-2);max-width:var(--fig-media-size);align-items:stretch;position:relative;&:has(>:is([slot=overlay],fig-input-file[variant=overlay])){display:inline-grid;grid-template-areas:"media-preview"}&[size=small]{--fig-media-size: 2rem;width:var(--fig-media-size)}&[size=medium]{--fig-media-size: 4rem;width:var(--fig-media-size)}&[size=large]{--fig-media-size: 6rem;width:var(--fig-media-size)}&[full]:not([full=false]){width:100%}>fig-preview{--fig-preview-fit: var(--fig-media-fit);width:100%;max-width:var(--fig-media-size);aspect-ratio:var(--fig-media-aspect-ratio);min-height:4rem}&[size=small]>fig-preview,&[size=medium]>fig-preview,&[size=large]>fig-preview,&[aspect-ratio]>fig-preview{min-height:auto}&[checkerboard]:not([checkerboard=false])>fig-preview{background:var(--checkerboard)}>:is(fig-preview,[slot=overlay],fig-input-file[variant=overlay]){grid-area:media-preview}>fig-preview>video,>fig-preview>img,>fig-preview>.fig-media-element[data-generated]{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fig-preview-fit);object-position:center;z-index:0}&:is(:not([src]),[src=""]):is(:not([poster]),[poster=""])>fig-preview>video.fig-media-element[data-generated]{opacity:0;pointer-events:none}&:not(:has(>fig-preview>img.fig-media-element[data-generated][src]:not([src=""])))>fig-preview>img.fig-media-element[data-generated]{opacity:0;pointer-events:none}>fig-preview>fig-input-file:is([data-generated],[variant=overlay]){opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:calc(100% - var(--spacer-4))}&:not(:has(>fig-preview>img.fig-media-element[data-generated][src]:not([src=""])))>fig-preview>fig-input-file:is([data-generated],[variant=overlay]),>fig-preview:hover>fig-input-file:is([data-generated],[variant=overlay]),>fig-preview:focus-within>fig-input-file:is([data-generated],[variant=overlay]){opacity:1;pointer-events:all}>:is([slot=overlay],fig-input-file[variant=overlay]){place-self:center;z-index:2;opacity:0;pointer-events:none;max-width:calc(100% - var(--spacer-4))}&:not(:has(>fig-preview>img.fig-media-element[data-generated][src]:not([src=""])))>:is([slot=overlay],fig-input-file[variant=overlay]),&:has(>fig-preview:hover)>:is([slot=overlay],fig-input-file[variant=overlay]),&:has(>fig-preview:focus-within)>:is([slot=overlay],fig-input-file[variant=overlay]),&:has(>[slot=overlay]:is(:focus,:focus-within,:active))>[slot=overlay],&:has(>fig-input-file[variant=overlay]:is(:focus,:focus-within,:active))>fig-input-file[variant=overlay],>[slot=overlay]:focus-within,>fig-input-file[variant=overlay]:focus-within{opacity:1;pointer-events:all}>fig-media-controls[data-generated]{position:static;width:100%;pointer-events:auto}}fig-media-controls{display:flex;align-items:center;gap:var(--spacer-1);width:100%;&[overlay]:not([overlay=false]){border-radius:var(--radius-medium);background-color:var(--figma-color-bg);color:var(--figma-color-text);color-scheme:light;padding:var(--spacer-1);box-shadow:0 0 0 1px var(--figma-color-bordertranslucent)}>fig-slider{flex:1 1 auto;min-width:0}.fig-media-controls-time{font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:var(--spacer-2);padding-left:var(--spacer-1)}}fig-easing-curve{display:flex;flex-direction:column;gap:var(--spacer-2);--stroke-width: 1;--easing-bezier-handle-radius: 5;--easing-spring-handle-radius: 5;--easing-handle-fill: var(--figma-color-border-strong);--easing-duration-bar-width: 7;--easing-duration-bar-height: 16;--easing-duration-bar-radius: 4;--aspect-ratio: 1 / 1;width:100%;.fig-easing-curve-svg{width:100%;aspect-ratio:var(--aspect-ratio);overflow:visible}.fig-easing-curve-svg-container{border-radius:var(--radius-medium);background:var(--figma-color-bg-secondary);padding:var(--spacer-3);overflow:hidden;&:is(:hover,:active,:focus,:focus-visible,:focus-within){overflow:visible}}&.spring-mode{.fig-easing-curve-svg-container,.fig-easing-curve-svg{cursor:ew-resize}}.fig-easing-curve-diagonal,.fig-easing-curve-bounds,.fig-easing-curve-arm,.fig-easing-curve-path,.fig-easing-curve-target{pointer-events:none}.fig-easing-curve-diagonal{stroke:var(--figma-color-bordertranslucent);stroke-width:var(--stroke-width);stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-bounds{fill:transparent}.fig-easing-curve-arm{stroke:var(--figma-color-bordertranslucent);stroke-width:var(--stroke-width);stroke-linejoin:round;stroke-linecap:round;&.is-active{stroke:var(--figma-color-bg-brand)}}.fig-easing-curve-path{fill:none;stroke:var(--figma-color-text);stroke-width:var(--stroke-width);stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-target{stroke:var(--figma-color-bordertranslucent);stroke-width:var(--stroke-width);stroke-linejoin:round;stroke-linecap:round}.fig-easing-curve-handle{overflow:visible;pointer-events:all;cursor:default}.fig-easing-curve-endpoint{fill:var(--easing-handle-fill)}.fig-easing-curve-duration-bar fig-handle{--border-radius: calc(var(--easing-duration-bar-radius) * 1px);--width: calc(var(--easing-duration-bar-width) * 1px);--height: calc(var(--easing-duration-bar-height) * 1px)}.fig-easing-curve-dropdown{option svg{vertical-align:middle}}}fig-3d-rotate{display:flex;flex-wrap:wrap;gap:var(--spacer-2);width:100%;--aspect-ratio: 1 / 1;--perspective: 20rem;--perspective-origin: 50% 50%;--transform-origin: 50% 50% -50cqi;--gradient-start-color: light-dark( rgba(0, 0, 0, .05), rgba(255, 255, 255, .05) );--border-width: 1px;--border-start-color: light-dark( rgba(0, 0, 0, .1), rgba(255, 255, 255, .1) );--border-end-color: transparent;--gradient-end-color: transparent;--figma-3d-rotate-handle-size: 6px;--front-face-bg: light-dark(var(--figma-color-bg), #555);fig-field:not([direction=vertical]) &{flex:1;min-width:0}>fig-input-number{flex:1 0 3rem}.fig-3d-rotate-container{flex:1 1 100%;border-radius:var(--radius-medium);background:var(--figma-color-bg-secondary);padding:0 2.5rem;width:100%;aspect-ratio:var(--aspect-ratio);display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;overflow:hidden;&.dragging,&:active{cursor:grabbing}&:focus{outline:0}}.fig-3d-rotate-scene{width:100%;aspect-ratio:1 / 1;max-height:max(3.5rem,50%);max-width:max(3.5rem,50%);perspective:var(--perspective, 20rem);perspective-origin:var(--perspective-origin, 50% 50%);container-type:inline-size}.fig-3d-rotate-cube{width:100%;height:100%;position:relative;aspect-ratio:1 / 1;transform-style:preserve-3d;transform-origin:var(--transform-origin, 50% 50% -50cqi)}.fig-3d-rotate-face{position:absolute;inset:0;backface-visibility:visible;background:linear-gradient(to bottom,var(--gradient-start-color),var(--gradient-end-color));&.selected{background:var(--figma-color-border-strong)!important;inset:-1px;border-radius:var(--radius-medium);box-shadow:var(--figma-elevation-100-canvas)}&.front{background:var(--front-face-bg);border-radius:var(--radius-medium);transform-style:preserve-3d;box-shadow:var(--figma-elevation-100-canvas);inset:-1px;&:after{content:"";position:absolute;width:var(--figma-3d-rotate-handle-size);height:var(--figma-3d-rotate-handle-size);border-radius:50%;background:var(--figma-color-border-strong);top:50%;left:50%;transform:translate(-50%,-50%);backface-visibility:hidden}}&.back{transform-origin:100% 50%;transform:translate(-100%) rotateY(-.25turn) translate(-100%) rotateY(-.25turn);background:linear-gradient(to bottom,var(--border-start-color),var(--border-end-color));border-radius:var(--radius-medium)}&.right{transform-origin:0% 50%;transform:translate(100%) rotateY(.25turn);background:linear-gradient(to right,var(--gradient-start-color),var(--gradient-end-color));border-width:var(--border-width) 0;border-style:solid;border-image:linear-gradient(to right,var(--border-start-color),var(--border-end-color)) 1}&.left{transform-origin:100% 50%;transform:translate(-100%) rotateY(-.25turn);background:linear-gradient(to left,var(--gradient-start-color),var(--gradient-end-color));border-width:var(--border-width) 0;border-style:solid;border-image:linear-gradient(to left,var(--border-start-color),var(--border-end-color)) 1}&.top{translate:0 -100%;transform-origin:50% 100%;transform:rotateX(.25turn);background:linear-gradient(to top,var(--gradient-start-color),var(--gradient-end-color));border-width:0 var(--border-width);border-style:solid;border-image:linear-gradient(to top,var(--border-start-color),var(--border-end-color)) 1}&.bottom{top:100%;bottom:auto;transform-origin:50% 0%;transform:rotateX(-.25turn);background:linear-gradient(to bottom,var(--gradient-start-color),var(--gradient-end-color));border-width:0 var(--border-width);border-style:solid;border-image:linear-gradient(to bottom,var(--border-start-color),var(--border-end-color)) 1}}}fig-origin-grid{display:flex;flex-direction:column;width:100%;gap:var(--spacer-2);--aspect-ratio: 1 / 1;--origin-grid-dot-size: .125rem;--origin-grid-handle-size: .75rem;--origin-grid-height: var(--spacer-4);fig-field:not([direction=vertical]) &{flex:1;min-width:0}.fig-origin-grid-surface{width:100%;aspect-ratio:var(--aspect-ratio);min-height:calc(var(--origin-grid-height) * 3)}.origin-grid{position:relative;container-type:size;width:100%;height:100%;border-radius:var(--radius-medium);background:var(--figma-color-bg-secondary);user-select:none;cursor:default;&.is-dragging{cursor:grabbing!important;fig-handle{cursor:grabbing!important}}&.drag-disabled{fig-handle{cursor:default}}}.origin-grid-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr)}.origin-grid-cell{display:grid;place-items:center;width:100%;height:100%;min-height:var(--origin-grid-height);color:var(--figma-color-icon-tertiary);pointer-events:none;.origin-grid-dot{width:var(--origin-grid-dot-size);height:var(--origin-grid-dot-size);border-radius:var(--radius-small);background:currentColor}&.is-hovered{color:var(--figma-color-bg-onselected);.origin-grid-dot{width:var(--origin-grid-handle-size);height:var(--origin-grid-handle-size)}}}fig-handle{--origin-overflow-rotation: 0deg;--origin-overflow-nudge-base: var(--spacer-2-5);--origin-overflow-nudge-x: 0px;--origin-overflow-nudge-y: 0px;--origin-overflow-nudge-x-scale: calc(100cqb/100cqi*-1) ;--origin-overflow-nudge-y-scale: calc(100cqb/100cqi*-1) ;--width: var(--origin-grid-handle-size);--height: var(--origin-grid-handle-size);--border-radius: var(--radius-small);--fig-handle-padding: 2.5px;--fig-handle-inner-radius: 0;position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--origin-overflow-nudge-x)),calc(-50% + var(--origin-overflow-nudge-y))) rotate(var(--origin-overflow-rotation));cursor:default;touch-action:none;&:focus-visible{--figma-focus-outline-offset: 1px;outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&.beyond-bounds-x,&.beyond-bounds-y{-webkit-mask-image:var(--icon-24-arrow-left);mask-image:var(--icon-24-arrow-left);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px 24px;mask-size:24px 24px;--fig-handle-inner-bg: transparent !important;--fig-handle-outline-color: transparent !important;--fig-handle-inner-outline: none;--border-radius: 0;--box-shadow: none}&.beyond-bounds-x.overflow-right{--origin-overflow-rotation: 180deg}&.beyond-bounds-y:not(.beyond-bounds-x){--origin-overflow-rotation: 90deg}&.beyond-bounds-y.overflow-down:not(.beyond-bounds-x){--origin-overflow-rotation: -90deg}&.beyond-bounds-x.beyond-bounds-y.overflow-left.overflow-up{--origin-overflow-rotation: 45deg}&.beyond-bounds-x.beyond-bounds-y.overflow-left.overflow-down{--origin-overflow-rotation: -45deg}&.beyond-bounds-x.beyond-bounds-y.overflow-right.overflow-up{--origin-overflow-rotation: 135deg}&.beyond-bounds-x.beyond-bounds-y.overflow-right.overflow-down{--origin-overflow-rotation: -135deg}&.overflow-left{--origin-overflow-nudge-x: calc( var(--origin-overflow-nudge-base) * var(--origin-overflow-nudge-x-scale) )}&.overflow-right{--origin-overflow-nudge-x: calc( var(--origin-overflow-nudge-base) * var(--origin-overflow-nudge-x-scale) * -1 )}&.overflow-up{--origin-overflow-nudge-y: calc( var(--origin-overflow-nudge-base) * var(--origin-overflow-nudge-y-scale) )}&.overflow-down{--origin-overflow-nudge-y: calc( var(--origin-overflow-nudge-base) * var(--origin-overflow-nudge-y-scale) * -1 )}}.origin-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-2)}}fig-combo-input{display:inline-flex;flex:1;min-width:0;>.input-combo{flex:1 1 auto;width:100%;min-width:0}fig-input-text{flex:1 1 auto;min-width:0}}fig-combo-input fig-button[type=select]{>fig-dropdown,>fig-dropdown>select{width:100%;height:100%;min-width:100%;padding:0}}.input-combo{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:1px;>label{align-self:stretch;color:var(--figma-color-text)}>*:not(fig-chit){&:first-child:not(:last-child),&:first-child:not(:last-child)>*{border-top-right-radius:0;border-bottom-right-radius:0}&:last-child:not(:first-child),&:last-child:not(:first-child)>*{border-top-left-radius:0;border-bottom-left-radius:0}&:not(:last-child):not(:first-child),&:not(:last-child):not(:first-child)>*{border-radius:0}}}.fig-input-fill-label{display:inline-flex;align-items:center;padding:0 var(--spacer-2) 0 var(--spacer-1);height:var(--control-height);font-size:var(--font-size-small);color:var(--figma-color-text-secondary);background:var(--figma-color-bg-secondary);flex:1;min-width:0;user-select:none;margin-left:-1px}input[type=checkbox].switch{--knob-width: .75rem;--knob-height: .5rem;--width: 2rem;--height: 1rem;--figma-focus-outline-offset: 1px;contain:strict;display:inline-flex;margin:0;vertical-align:middle;padding:0;width:var(--width);height:var(--height);left:0;top:0;background:transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;border:0;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--figma-color-bg-switch);box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);&:after{content:"";background-color:var(--handle-color);width:var(--knob-width);height:var(--knob-height);border-radius:.5rem;margin:.25rem;transform:translate(calc((var(--width) - var(--knob-width)) * -.5 + (var(--height) - var(--knob-height)) * .5));transition:var(--input-transition);box-shadow:var(--handle-shadow)}&[indeterminate=true]:after{width:.625rem;height:.125rem;transform:none}&[indeterminate=true],&:checked{background-color:var(--figma-color-bg-brand)}&:checked:after{transform:translate(calc((var(--width) - var(--knob-width)) * .5 + (var(--height) - var(--knob-height)) * -.5))}&:disabled{background-color:transparent;cursor:not-allowed;&:after{background-color:var(--figma-color-icon-disabled);box-shadow:none}&:checked,&[indeterminate=true]{background-color:var(--figma-color-bg-disabled);box-shadow:none;&:after{background-color:var(--figma-color-bg)}}}&:focus,&:focus-within{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}}input[type=checkbox]:not(.switch){contain:strict;--size: 1rem;--figma-focus-outline-offset: 1px;appearance:none;border-radius:var(--radius-medium);width:var(--size);height:var(--size);aspect-ratio:1/1;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);background-color:var(--figma-color-bg-secondary);vertical-align:middle;&:after{content:"";width:var(--size);height:var(--size);background-color:transparent;mask-image:var(--icon-16-checkmark)}&:hover:not(:checked):not(:disabled){&:after{opacity:.25;background-color:var(--figma-color-icon)}}&:checked{background-color:var(--figma-color-bg-brand);box-shadow:inset 0 0 0 1px var(--figma-color-border-selected-strong);&:after{background-color:var(--figma-color-icon-onbrand)}}&:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset);&:not(:checked){box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent)}}&:disabled{background-color:var(--figma-color-bg-disabled);box-shadow:none;&:after{background-color:transparent}}&:disabled:checked{&:after{background-color:var(--figma-color-icon-disabled)}}}@media (prefers-color-scheme: light){:root:not(.figma-dark):not(.figma-light) input[type=checkbox]:not(.switch):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50012 7.5L7.50012 10.5L11.5001 4.5' stroke='black' opacity='0.25' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' /%3E%3C/svg%3E%0A")}}:root.figma-light input[type=checkbox]:not(.switch):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50012 7.5L7.50012 10.5L11.5001 4.5' stroke='black' opacity='0.25' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' /%3E%3C/svg%3E%0A")}label.checkbox:has([type=checkbox]){padding-left:1.5rem;[type=radio]{margin-left:-1.5rem}}input[type=radio]{contain:strict;--figma-focus-outline-offset: 1px;appearance:none;border-radius:.5rem;width:1rem;height:1rem;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);background-color:var(--figma-color-bg-secondary);vertical-align:middle;margin:0;display:inline-grid;place-content:center;&:checked{background-color:var(--figma-color-bg-brand);box-shadow:inset 0 0 0 1px var(--figma-color-border-selected-strong);&:after{transform:scale(1)}}&:focus{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&:hover:not(:checked):not(:disabled){&:after{transform:scale(1);opacity:.25;background-color:var(--figma-color-icon)}}&:disabled{background-color:transparent;cursor:not-allowed;&:after{background-color:var(--figma-color-icon-disabled);box-shadow:none}&:checked{background-color:var(--figma-color-bg-disabled);box-shadow:none;&:after{background-color:var(--figma-color-icon-disabled)}}}&:after{content:"";width:.375rem;height:.375rem;border-radius:100%;background-color:var(--figma-color-icon-onbrand);transform:scale(0);box-shadow:0 0 0 .75px #0000001a,0 1px 3px #0000001a,0 3px 8px #0000001a,0 0 .5px #0000002e}}label.radio:has([type=radio]){padding-left:1.5rem;[type=radio]{margin-left:-1.5rem}}fieldset{display:flex;flex-direction:column;gap:.25rem;border:0;align-items:start;padding:var(--spacer-2) 0;>legend{padding:0}>label{display:grid;width:100%;grid-template-columns:4rem 1fr;column-gap:var(--spacer-2);align-items:center}}details{padding:0 var(--spacer-3);display:block;width:100%;>summary{font-weight:var(--body-medium-strong-fontWeight);cursor:default;display:flex;align-items:center;padding:0 1rem 0 0;height:var(--spacer-5);user-select:none;color:var(--figma-color-text-secondary);margin-left:calc(var(--spacer-3) * -1);&:before{content:"";mask-image:var(--icon-16-chevron);display:inline-flex;background:var(--figma-color-text-secondary);align-items:start;justify-content:center;width:1rem;height:1rem;transform:rotate(-90deg);transition:transform var(--transition-duration) var(--transition-timing-function)}&::-webkit-details-marker{display:none}&::marker{content:""}}>summary:hover,&[open]>summary{color:inherit;&:before{opacity:1}}&[open]{>summary:before{transform:rotate(0)}}}fig-slider{--slider-field-height: 1.5rem;--slider-height: 1rem;--slider-thumb-size: var(--slider-height);--slider-thumb-width: var(--slider-thumb-size);--slider-thumb-height: var(--slider-thumb-size);--slider-thumb-color: var(--handle-color);--slider-thumb-radius: calc(var(--slider-thumb-width) / 2);--slider-thumb-opacity: 1;--slider-thumb-outline: none;--slider-thumb-outline-offset: 2px;--slider-tick-opacity: 1;--slider-tick-radius: 100%;--slider-border-radius: calc(var(--slider-height) / 2);--slider-stepper-padding: calc( (var(--slider-height) / 2) - var(--slider-tick-width) / 2 );--slider-percent: calc(var(--slider-complete) * 100%);--start-percent: calc(var(--default, 0) * 100%);--slider-tick-width: calc(var(--slider-height) / 4);--slider-tick-height: calc(var(--slider-height) / 4);--slider-handle-shadow: inset 0 0 0 calc(4px + .5rem * var(--unchanged)) var(--slider-thumb-color), 0px 0 0 .5px rgba(0, 0, 0, .1), var(--figma-elevation-100);--slider-handle-shadow-focus: inset 0 0 0 4px var(--slider-thumb-color), inset 0 0 0 5px rgba(0, 0, 0, .1), var(--handle-shadow), 0 0 0 1px var(--figma-color-border-selected);--slider-transition: none;--handle-transition: var(--slider-transition);--slider-checkerboard: var(--checkerboard);display:flex;align-items:center;position:relative;min-width:0;height:var(--slider-field-height);transition:var(--slider-transition);.slider{flex:1 1 0;min-width:0}& fig-input-number{flex:0 0 3rem}.fig-slider-input-container{height:var(--slider-height);position:relative;display:block;flex:1 1 0;min-width:0;transition:var(--slider-transition);background:var(--figma-color-bg-secondary);border-radius:var(--slider-border-radius);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);&:before{content:"";background:var(--figma-color-bg-brand);position:absolute;left:0;top:0;pointer-events:none;bottom:0;border-radius:var(--slider-border-radius);min-width:var(--slider-height);box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);width:calc(var(--slider-percent) + (1 - var(--slider-complete)) * var(--slider-height));max-width:100%}}&[type=stepper]{.fig-slider-input-container{&:before{display:none}}}&[type=delta]{datalist option{position:absolute;margin:0;left:calc(var(--start-percent) - var(--slider-tick-width) / 2);top:calc(50% - var(--slider-tick-height) / 2)}.fig-slider-input-container{&:before{--left-start: calc(var(--start-percent) - var(--slider-height) / 2);left:min(var(--left-start),var(--slider-percent) - (var(--slider-complete)) * var(--slider-height));--width: calc(var(--slider-percent) - var(--start-percent));--abs-width: max( var(--width) + var(--slider-height) / 2 + (1 - var(--slider-complete)) * var(--slider-height), -1 * var(--width) + var(--slider-height) / 2 + (var(--slider-complete)) * var(--slider-height) );width:var(--abs-width);--delta: calc(var(--slider-complete) - var(--default));--abs-delta: max(var(--delta), -1 * var(--delta));opacity:calc(var(--abs-delta) * 100)}}}&[type=hue],&[type=opacity]{.fig-slider-input-container{&:before{display:none}}}input[type=range]{height:var(--slider-height);appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:var(--slider-border-radius);display:block;width:100%;min-width:0;background-color:transparent;transition:var(--slider-transition);position:relative;&:focus{outline:none}&:focus-visible{&::-webkit-slider-thumb{--figma-focus-outline-offset: 1px;outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&::-moz-range-thumb{--figma-focus-outline-offset: 1px;outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}}&:disabled{cursor:not-allowed}&:active::-webkit-slider-thumb{cursor:grabbing}&::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:transparent;color-scheme:inherit;transition:var(--handle-transition);border-radius:var(--slider-thumb-radius);height:var(--slider-thumb-height);width:var(--slider-thumb-width);margin-top:calc(var(--slider-height) / 2 - var(--slider-thumb-height) / 2);outline:var(--slider-thumb-outline);outline-offset:var(--slider-thumb-outline-offset);aspect-ratio:1;border:none;position:relative;z-index:1;cursor:default;box-shadow:var(--slider-handle-shadow);opacity:var(--slider-thumb-opacity)}&:disabled::-webkit-slider-thumb{box-shadow:inset 0 0 0 1rem var(--figma-color-bg-disabled)}&::-webkit-slider-runnable-track{color-scheme:inherit;height:var(--slider-height);background-color:transparent;transition:var(--slider-transition);border-radius:var(--slider-border-radius)}&:disabled::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--figma-color-bg-secondary) 0%,var(--figma-color-bg-secondary) var(--slider-percent),var(--figma-color-bg) var(--slider-percent))}&.hue::-webkit-slider-runnable-track{background:var(--bg-hue)}&.opacity::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent,var(--color)),var(--slider-checkerboard)}&:active::-moz-range-thumb{cursor:grabbing}&::-moz-range-thumb{appearance:none;-moz-appearance:none;background:transparent;color-scheme:inherit;transition:var(--handle-transition);border-radius:var(--slider-thumb-radius);height:var(--slider-thumb-height);width:var(--slider-thumb-width);outline:var(--slider-thumb-outline);outline-offset:var(--slider-thumb-outline-offset);aspect-ratio:1;border:none;position:relative;z-index:1;cursor:default;box-shadow:var(--slider-handle-shadow);opacity:var(--slider-thumb-opacity)}&:disabled::-moz-range-thumb{box-shadow:inset 0 0 0 1rem var(--figma-color-bg-disabled)}&::-moz-range-track{height:var(--slider-height);background-color:transparent;border-radius:var(--slider-border-radius);transition:var(--slider-transition)}&:disabled::-moz-range-track{background:linear-gradient(to right,var(--figma-color-bg-secondary) 0%,var(--figma-color-bg-secondary) var(--slider-percent),var(--figma-color-bg) var(--slider-percent))}&.hue::-moz-range-track{background:var(--bg-hue)}&.opacity::-moz-range-track{background:linear-gradient(to right,transparent,var(--color)),var( --slider-checkerboard)}}datalist{position:absolute;inset:0;display:flex;transition:var(--slider-transition);background:transparent;align-items:center;margin:0;border:0;appearance:none;padding:0 var(--slider-stepper-padding);height:var(--slider-height);pointer-events:none;justify-content:space-between;width:100%;& option{appearance:none;width:var(--slider-tick-width);height:var(--slider-tick-height);padding:0;border:0;border-radius:var(--slider-tick-radius);font-size:0;background:var(--figma-color-icon-tertiary);opacity:var(--slider-tick-opacity);display:block;&[default]{background:var(--figma-color-icon)}&:first-child:last-child{margin:0 auto}}}&:not([variant=classic]){--slider-height: .375rem;--slider-thumb-size: .75rem;--slider-tick-width: calc(var(--slider-height) / 2);--slider-tick-height: calc(var(--slider-height) / 2);--handle-transition: none;--slider-transition: none;--slider-handle-shadow: inset 0 0 0 calc(6px + .5rem * var(--unchanged)) var(--slider-thumb-color), 0 0 0 .75px rgba(0, 0, 0, .075), inset 0 0 0 5px rgba(0, 0, 0, .1), var(--figma-elevation-100);--slider-checkerboard: var(--checkerboard-slider);background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);padding-left:var(--spacer-2);&[text=false]{padding-right:var(--spacer-2)}.fig-slider-input-container{height:var(--slider-height);position:relative;display:block;width:100%;box-shadow:none;background-color:var(--figma-color-bg-tertiary)}fig-input-text,fig-input-number{flex-basis:3rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--figma-color-bg)}&:hover,&:focus-within{fig-input-text,fig-input-number{height:auto}}}}.dialog,dialog,.popover,[popover]{--dialog-radius: var(--radius-large, .8125rem);--dialog-max-width: calc(100vw - var(--spacer-4));padding:0;outline:0;border:0;inset:auto;color:var(--figma-color-text);border-radius:var(--dialog-radius);background:var(--figma-color-bg);min-width:min(var(--popover-min-width),var(--dialog-max-width));box-shadow:var(--figma-elevation-500-modal-window);max-height:calc(60vh - var(--spacer-4));max-width:min(var(--dialog-max-width),30rem);height:max-content;>fig-content,>main{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}&:popover-open{display:block;outline:none!important}&[open]{display:flex;flex-direction:column}>fig-header{fig-button[icon][variant=ghost]:not(fig-input-text fig-button){margin:0}}}dialog[is=fig-dialog]{--z-index: 999999;z-index:var(--z-index);&[autoresize]:not([autoresize=false]){height:max-content}&[resizable]:not([resizable=false]){resize:both;overflow:auto;min-height:6rem}>iframe{border-radius:0 0 var(--dialog-radius) var(--dialog-radius);overflow:hidden;border:none}}dialog[is=fig-popup]{--z-index: 999999;--fig-popup-beak-offset: 50%;--fig-popup-beak-width: 1rem;--fig-popup-beak-height: 6px;--fig-popup-radius: var(--radius-large);--fig-popup-bg-color: var(--figma-color-bg);--fig-popup-tip-clip-path: path( "M16 0H0L0 1H0.757359C1.55301 1 2.31607 1.31607 2.87868 1.87868L6.29587 5.29587C7.23704 6.23704 8.76296 6.23704 9.70413 5.29587L13.1213 1.87868C13.6839 1.31607 14.447 1 15.2426 1H16V0Z" );z-index:var(--z-index);position:fixed;margin:0;min-width:0;padding:0;overflow:auto;border-radius:var(--fig-popup-radius);background-color:var(--fig-popup-bg-color);&[autoresize]:not([autoresize=false]){width:max-content;max-width:calc(100vw - var(--spacer-4));max-height:calc(100vh - var(--spacer-4))}&[open]{display:block}&[theme=dark]{color-scheme:dark;--fig-popup-bg-color: var(--figma-color-bg)}&[theme=light]{color-scheme:light}&[theme=brand],&[theme=canvas]{--fig-popup-bg-color: var(--figma-color-bg-brand);color-scheme:dark}&[theme=menu]{--fig-popup-bg-color: var(--figma-color-bg-menu);color:var(--figma-color-text-menu);color-scheme:dark;padding:var(--spacer-2) 0;min-width:6rem;box-shadow:var(--figma-elevation-100)}&[variant=tooltip],&[variant=popover]{overflow:visible;box-shadow:inset 0 .5px #ffffff1a;filter:drop-shadow(0px 1px 1.5px rgba(0,0,0,.1)) drop-shadow(0px 2.5px 6px rgba(0,0,0,.13)) drop-shadow(0px 0px .5px rgba(0,0,0,.15));&:after{content:"";background-color:inherit;clip-path:var(--fig-popup-tip-clip-path);position:absolute;width:var(--fig-popup-beak-width);height:var(--fig-popup-beak-height);z-index:2;pointer-events:none}&[data-beak-side=bottom]:after{top:calc(100% - 1px);left:var(--fig-popup-beak-offset, 50%);transform:translate(-50%)}&[data-beak-side=top]:after{top:1px;left:var(--fig-popup-beak-offset, 50%);transform:translate(-50%,-100%) scaleY(-1)}&[data-beak-side=left]:after{left:var(--fig-popup-beak-height);top:var(--fig-popup-beak-offset, 50%);transform:translate(-100%,-50%) rotate(90deg)}&[data-beak-side=right]:after{left:calc(100% - var(--fig-popup-beak-height));top:var(--fig-popup-beak-offset, 50%);transform:translateY(-50%) rotate(-90deg)}}&[variant=tooltip]{--fig-popup-radius: var(--radius-medium, .3125rem);--fig-popup-tip-clip-path: var(--tip-pointer);line-height:1rem!important;max-width:180px;width:max-content;padding:0;min-width:0;box-shadow:inset 0 .5px 0 0 light-dark(rgba(0,0,0,.06),rgba(255,255,255,.1));filter:drop-shadow(0px 1px 1.5px rgba(0,0,0,.1)) drop-shadow(0px 2.5px 6px rgba(0,0,0,.13)) drop-shadow(0px 0px .5px rgba(0,0,0,.15));pointer-events:none;>span{text-wrap:balance;max-height:2.5rem;overflow-y:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;text-overflow:ellipsis;width:auto;padding:var(--spacer-1) var(--spacer-2)}&[theme=canvas]{--fig-popup-radius: 3px;box-shadow:none;filter:none;>span{padding:.125rem .375rem}}&[pointer=false]:after{display:none!important}}}[data-figui-overlay-root]{position:fixed;inset:0;width:0;height:0;overflow:visible;pointer-events:none;margin:0;padding:0;border:0}fig-tooltip{display:contents}fig-preview{--fig-preview-fit: contain;display:block;place-items:center;min-width:0;max-width:100%;background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);position:relative;overflow:hidden;&[full]:not([full=false]){width:100%}&[checkerboard]:not([checkerboard=false]){background:var(--checkerboard)}&:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--figma-color-bordertranslucent);pointer-events:none;z-index:2}>:is(img,video,canvas,svg){display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fig-preview-fit);object-position:center}}fig-button,fig-content,fig-slider,fig-switch,fig-input-color,fig-input-gradient,fig-input-fill,fig-checkbox,fig-radio,fig-tab,fig-segmented-control,fig-input-palette{display:inline-flex;gap:var(--spacer-2);user-select:none;&[full]:not([full=false]){display:flex;width:100%}}fig-dropdown{&[full]:not([full=false]){display:flex;width:100%}}fig-checkbox,fig-radio{align-items:center;padding-top:.25rem;padding-bottom:.25rem;& label span{vertical-align:middle}}fig-switch{align-items:center;padding-top:.25rem;padding-bottom:.25rem}fig-input-color{--alpha: 1}fig-header{--fig-header-height: var(--spacer-6);height:var(--fig-header-height);flex-shrink:0;margin:0;padding:var(--spacer-1) var(--spacer-3);display:flex;align-items:center;box-shadow:inset 0 -1px 0 0 var(--figma-color-border);gap:var(--spacer-2);user-select:none;color:var(--figma-color-text-secondary);fig-button[icon][variant=ghost]:not(fig-input-text fig-button){margin-right:calc(var(--spacer-2) * -1)}& h3{font-weight:var(--body-medium-strong-fontWeight);flex-grow:1;display:flex;align-items:center;color:var(--figma-color-text)}&[borderless]{box-shadow:none}}fig-group{display:block;margin-bottom:var(--spacer-2-5);p{margin:0 var(--spacer-3) var(--spacer-2) var(--spacer-3)}+fig-group{box-shadow:inset 0 1px 0 0 var(--figma-color-border);&:not([name]){padding-top:var(--spacer-2-5)}}>fig-header{cursor:default;padding-left:var(--spacer-3);&:focus-visible{--figma-focus-outline-radius: var(--radius-medium);outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset);border-radius:var(--figma-focus-outline-radius)}h3{margin:0;.fig-group-chevron{--icon: var(--icon-16-chevron);--size: 1rem;color:var(--figma-color-text-tertiary);transform:rotate(-90deg);transition:transform var(--transition-duration) var(--transition-timing-function);margin-left:calc(var(--spacer-3) * -1)}}}&[collapsible]>fig-header h3{user-select:none}&[collapsible]:not([open]):not([open=true]),&[collapsible][open=false]{margin-bottom:0;fig-header{color:var(--figma-color-text-secondary);&:hover{color:var(--figma-color-text);.fig-group-chevron{color:inherit}}}}&[open]:not([open=false])>fig-header .fig-group-chevron{transform:rotate(0)}&[collapsible]:not([open]):not([open=true])>:not(fig-header),&[collapsible][open=false]>:not(fig-header){display:none}}fig-footer{display:flex;flex-shrink:0;align-items:flex-start;justify-content:flex-end;gap:var(--spacer-2);padding:var(--spacer-2-5) var(--spacer-3);box-shadow:inset 0 1px 0 0 var(--figma-color-border);& h3{font-weight:var(--body-medium-strong-fontWeight);flex-grow:1;display:flex;align-items:baseline;gap:var(--spacer-half)}>label{flex-grow:1;align-items:baseline;gap:var(--spacer-half);min-height:var(--spacer-4);display:flex;align-items:center}>fig-button{flex-shrink:0}&:not(:has(>fig-button))>:is(label,h3){flex-grow:1;justify-content:center;text-align:center}&:has(>:is(fig-button,fig-tooltip)~:is(fig-button,fig-tooltip)){flex-direction:column;align-items:stretch;>:is(label,h3){flex-grow:0;justify-content:flex-start;text-align:start}>fig-button,>.fig-footer-action{width:100%}>.fig-footer-action fig-button{width:100%}}&[borderless]{box-shadow:none}&[sticky]:not([sticky=false]){position:sticky;bottom:0;z-index:10;margin-top:auto;background:var(--figma-color-bg)}}main,fig-content{padding:var(--spacer-2-5) 0;display:block;gap:0;&:has(>fig-group[name]:first-child){padding-top:0}&:has(>fig-group[name]:last-child){padding-bottom:0}}vstack,.vstack,[vstack]{display:flex;flex-direction:column;align-items:start;gap:var(--spacer-2);flex-wrap:wrap}:root [hidden],[hidden]{display:none!important}hstack,.hstack{display:flex;gap:var(--hstack-gap, var(--spacer-2));align-items:var(--hstack-align, center);justify-content:var(--hstack-justify, flex-start);flex-wrap:var(--hstack-wrap, nowrap);&[align=start]{--hstack-align: flex-start}&[align=end]{--hstack-align: flex-end}&[align=stretch]{--hstack-align: stretch}}fig-input-text,fig-input-number{background-color:var(--figma-color-bg-secondary);border:0;border-radius:var(--radius-medium);display:inline-flex;flex-wrap:nowrap;justify-content:center;user-select:all;gap:0;min-width:0;flex:1;color:var(--figma-color-text);&[full]:not([full=false]){display:flex;width:100%}&[multiline]{display:flex;width:100%}&[autoresize] input,&[autoresize] textarea{field-sizing:content}&[resizable] input,&[resizable] textarea{resize:both}&[resizable]:has(textarea[style*=width]),&[resizable]:has(textarea[style*=height]),&[resizable]:has(input[style*=width]),&[resizable]:has(input[style*=height]){flex:unset}[slot],label{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%}[slot]{user-select:none;width:1.5rem;color:var(--figma-color-text-secondary)}[slot=prepend]{order:0;padding-right:0;margin-right:calc(var(--spacer-2) * -1)}[slot=append]{order:2;padding-left:0;margin-left:calc(var(--spacer-2) * -1)}&[type=search]:not([data-search-has-value]) [data-generated=search-clear]{visibility:hidden;pointer-events:none}[slot=prepend],[slot=append]{svg{*[fill]:not([fill=none]){fill:currentColor}*[stroke]:not([stroke=none]){stroke:currentColor}}}& input,textarea{order:1;background-color:transparent!important;flex:1;&:focus,&:active{outline:0!important;box-shadow:none!important}}& input[type=text]:focus,input[type=text]:active{outline:0!important;box-shadow:none!important}& input[type=search]{appearance:textfield;&::-webkit-search-cancel-button,&::-webkit-search-decoration,&::-webkit-search-results-button,&::-webkit-search-results-decoration{appearance:none;display:none}}&:has(:is(input,textarea):focus){outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&:hover{box-shadow:inset 0 0 0 1px var(--figma-color-border)}&[disabled]:not([disabled=false]){background-color:var(--figma-color-bg);pointer-events:none;cursor:not-allowed;color:var(--figma-color-text-disabled);box-shadow:inset 0 0 0 1px var(--figma-color-border-disabled);[slot]{color:var(--figma-color-text-disabled)}}&[readonly]{background-color:var(--figma-color-bg);box-shadow:inset 0 0 0 1px var(--figma-color-border-disabled)}}fig-input-number>[slot],fig-input-text[type=number]>[slot]{cursor:ew-resize!important}fig-input-color,fig-input-gradient,fig-input-fill{background-color:var(--figma-color-bg-secondary);border-radius:var(--radius-medium);box-shadow:none!important;&:focus,&:focus-within,&.has-popup-open{outline:var(--figma-focus-outline)!important;outline-offset:var(--figma-focus-outline-offset)!important}&:hover{outline:1px solid var(--figma-color-border);outline-offset:-1px!important}>.input-combo>fig-chit:not(:only-child),>.input-combo>fig-chit:not(:only-child) input,>.input-combo>fig-fill-picker:not(:only-child),>.input-combo>fig-fill-picker:not(:only-child)>fig-chit>input,>.input-combo>label,fig-fill-picker:not(:only-child),fig-input-text,fig-chit{&,&:focus,&:hover{background-color:transparent!important;box-shadow:none!important;outline:0!important;border:0!important;--selected: 0}}fig-chit~fig-input-text>input,fig-chit~label,fig-fill-picker~fig-input-text>input{padding-left:0!important}>.input-combo>fig-input-text>input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>.input-combo{flex:1;min-width:0}>.input-combo>fig-tooltip{display:contents}>.input-combo>fig-tooltip>.fig-input-fill-opacity{flex:0 0 3rem;width:3rem;min-width:3rem}fig-input-number{flex:0;flex-basis:3rem;box-shadow:inset 1px 0 0 0 var(--figma-color-bg)!important;background-color:transparent!important;outline:0!important;&:focus,&:focus-within,&:hover{outline:0!important}}fig-field:not([direction=vertical]) &{flex:1;min-width:0}}fig-input-fill{>.input-combo>fig-fill-picker{display:contents}>.input-combo>:is(.fig-input-fill-hex,.fig-input-fill-label){flex:1 1 0;min-width:0}>.input-combo>.fig-input-fill-label{height:auto;margin-left:0;overflow:hidden;padding:var(--spacer-1) var(--spacer-2);padding-left:0!important;font:inherit;line-height:1rem!important;text-overflow:ellipsis;white-space:nowrap}}fig-input-color{>.input-combo>fig-tooltip>fig-input-number{flex:0 0 3rem;width:3rem;min-width:3rem}>.input-combo>fig-input-text{flex:1 1 0;min-width:0}}fig-input-gradient{--fig-input-gradient-height: 1.5rem;--fig-input-gradient-padding: var(--spacer-1);--fig-input-gradient-handle-size: 14px;--fig-input-gradient-chit-border-radius: var(--radius-large);position:relative;height:var(--fig-input-gradient-height);width:100%;min-width:var(--spacer-4);fig-handle[type=color]{--height: var(--fig-input-gradient-handle-size);--width: var(--fig-input-gradient-handle-size);--fig-handle-padding: .125rem}&:focus,&:active{outline:var(--figma-focus-outline)!important;outline-offset:var(--figma-focus-outline-offset)!important}&:focus-within:not(:focus){outline:0!important}&[mode=tip]{fig-handle[type=color]{--fig-handle-bg: transparent;--fig-handle-inner-bg: transparent;--fig-handle-outline: none;--fig-handle-outline-color: transparent;--fig-handle-shadow: none;--fig-handle-inner-outline: none;fig-color-tip{bottom:100%}}.fig-input-gradient-track{inset:0 calc(var(--fig-input-gradient-padding) + 2px)}--fig-input-gradient-chit-border-radius: var(--radius-medium)}&[edit=false],&[edit=picker]{pointer-events:none;--fig-input-gradient-chit-border-radius: var(--radius-medium)}&[edit=picker]{>fig-fill-picker{display:contents}}>fig-chit,>fig-fill-picker>fig-chit{--width: 100%;width:var(--width);--border-radius: var(--fig-input-gradient-chit-border-radius)}&[size=large]{--fig-input-gradient-height: 2rem;--fig-input-gradient-chit-border-radius: var(--radius-medium);height:var(--fig-input-gradient-height)!important;.fig-input-gradient-track{inset:0}}.fig-input-gradient-track{position:absolute;display:flex;align-items:center;inset:0 calc(var(--fig-input-gradient-padding) + var(--fig-input-gradient-handle-size)/2);pointer-events:auto;z-index:1;fig-handle{pointer-events:auto;cursor:default;&:hover{z-index:5}}fig-handle.fig-input-gradient-ghost{z-index:10}}}fig-input-palette{--fig-input-palette-padding: var(--spacer-1);--fig-input-palette-height: 1.5rem;display:inline-grid!important;grid-template-columns:1fr 24px;grid-template-areas:"inline    button";gap:var(--spacer-2);min-width:0;>.palette-colors-inline{grid-area:inline}.palette-colors{display:flex;flex-wrap:nowrap;gap:0;border-radius:var(--radius-medium);overflow:hidden;grid-area:inputs;min-width:0;width:100%}.palette-add-btn{grid-area:button}.palette-colors-inline{display:flex!important;width:100%;gap:var(--spacer-2);place-items:center;height:var(--fig-input-palette-height);border-radius:var(--radius-medium);background-color:var(--figma-color-bg-secondary);padding:0 var(--fig-input-palette-padding);.palette-colors{display:flex;border-radius:var(--radius-small);--palette-colors-height: calc(var(--fig-input-palette-height) - var(--fig-input-palette-padding)*2);height:var(--palette-colors-height);fig-input-color{width:100%;&:focus,&:focus-within{outline:0!important}fig-chit{--border-radius: 0px;--width: 100%;--padding: 0px;--height: var(--palette-colors-height);--size: var(--palette-colors-height);flex:1;min-width:0;width:100%!important;border-radius:0!important;input,&:before,&:after{padding:0!important;border-radius:0!important}&:after{box-shadow:inset 1px 0 0 0 var(--figma-color-bordertranslucent)}}&:first-child{& fig-chit:after{box-shadow:none}}}}}&:focus-visible{outline:0}&:focus-visible>.palette-colors-inline,>.palette-colors-inline:focus-visible,&:has(>.palette-colors-inline :focus-visible)>.palette-colors-inline{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&[open]:not([open=false]):not([edit=false]){grid-template-areas:"inline    button" "expanded  expanded";.palette-colors-expanded{display:grid}}&[fixed]:not([fixed=false])>.palette-colors-inline{grid-column:1 / -1}.palette-colors-expanded{display:none;grid-area:expanded;grid-template-columns:[input] 1fr [button] 1.5rem;overflow:visible;border-radius:0;gap:var(--spacer-2);width:100%;>fig-input-color{min-width:0;grid-column:input / -1;&:has(+fig-button),&:has(+fig-tooltip){grid-column:input}}>fig-button,>fig-tooltip,>button{grid-column:button}fig-chit{--border-radius: var(--radius-medium);width:auto!important;height:var(--size);border-radius:var(--radius-medium)!important}}fig-field &{grid-template-columns:1fr calc(var(--spacer-3) + var(--spacer-1));.palette-colors-expanded{grid-template-columns:[input] 1fr [button] calc(var(--spacer-3) + var(--spacer-1))}}}fig-field{--fig-field-gap: var(--spacer-2);--fig-field-left-padding: var(--spacer-3);--fig-field-right-padding: var(--spacer-3);--fig-field-top-padding: var(--spacer-1);--fig-field-bottom-padding: var(--spacer-1);--fig-field-label-ratio: 1fr;--fig-field-input-ratio: 2fr;display:grid;grid-template-columns:var(--fig-field-left-padding) minmax(0,var(--fig-field-label-ratio)) minmax(0,var(--fig-field-input-ratio)) var(--fig-field-right-padding);grid-template-areas:"chevron label input pad";margin:0;padding:var(--fig-field-top-padding) 0 var(--fig-field-bottom-padding) 0;gap:0;align-items:start;&[columns=half]{--fig-field-label-ratio: 2fr}&[columns="2/5"]{--fig-field-label-ratio: 2fr;--fig-field-input-ratio: 3fr}>[full]{flex:1 1 auto}&:not(:has(>label))>[full]:not([full=false]){width:100%;align-self:stretch}>label{grid-area:label;display:block;padding:var(--spacer-1) 0;line-height:1rem;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--fig-field-gap);min-width:0}>*:not(.fig-field-chevron):not(label){grid-area:input}>progress{align-self:center}>.fig-field-chevron{--icon: var(--icon-16-chevron);--size: 1rem;color:var(--figma-color-text-tertiary);transform:rotate(-90deg);transition:transform var(--transition-duration) var(--transition-timing-function);flex-shrink:0;grid-area:chevron;margin-top:var(--spacer-1)}&:has(>[open]:not([open=false]))>.fig-field-chevron{transform:rotate(0)}&:not([direction=vertical]):not(:has(>label)){grid-template-columns:var(--fig-field-left-padding) minmax(0,var(--fig-field-label-ratio)) var(--spacer-2) minmax(0,var(--fig-field-input-ratio)) var(--fig-field-right-padding);grid-template-areas:"chevron input1 gap input2 pad";>*:first-child{grid-area:input1}>*:last-child{grid-area:input2}>*:only-child{grid-column:input1 / -2}}&[direction=vertical]{grid-template-columns:var(--fig-field-left-padding) 1fr var( --fig-field-right-padding );grid-template-rows:auto auto;grid-template-areas:"chevron label pad" ".       input pad";>label{overflow:visible;text-overflow:clip;white-space:normal;margin-right:0;min-width:auto}}}fig-spinner{width:var(--spacer-4);height:var(--spacer-4);display:inline-flex;background-color:var(--figma-color-icon-tertiary);mask-image:var(--icon-24-spinner);mask-size:contain;mask-repeat:no-repeat;mask-position:center;animation:fig-spinner-spin 1s linear infinite;&[size=small]{width:var(--spacer-3);height:var(--spacer-3);mask-image:var(--icon-16-spinner)}}.segmented-control,fig-segmented-control{contain:layout paint;display:inline-flex;user-select:none;background-color:var(--figma-color-bg-secondary);border:0;border-radius:var(--radius-medium);height:1.5rem;padding:1px;gap:0;align-items:stretch;position:relative;overflow:hidden;--seg-indicator-x: 0px;--seg-indicator-w: 0px;--seg-indicator-opacity: 0;--seg-indicator-transition-duration: 0ms;&:before{content:"";position:absolute;top:1px;left:0;width:var(--seg-indicator-w);height:calc(100% - 2px);transform:translate(var(--seg-indicator-x));border-radius:calc(var(--radius-medium) - 1px);background-color:var(--figma-color-bg);box-shadow:0 0 0 1px var(--figma-color-border);opacity:var(--seg-indicator-opacity);pointer-events:none;z-index:0;transition:transform var(--seg-indicator-transition-duration) ease,width var(--seg-indicator-transition-duration) ease,opacity .12s ease}& fig-segment{--figma-focus-outline-offset: 0;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;position:relative;z-index:1;appearance:none;color:var(--figma-color-text-secondary);padding:0 var(--spacer-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:none;text-transform:capitalize;&[selected]:not([selected=false]),&[selected=true]{color:var(--figma-color-text);background-color:var(--figma-color-bg);border-radius:calc(var(--radius-medium) - 1px);box-shadow:0 0 0 1px var(--figma-color-border)}&:focus-visible{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}svg{*[fill]{fill:currentColor}*[stroke]:not([stroke=none]){stroke:currentColor}}}&:not([sizing]),&[sizing=""],&[sizing=equal]{& fig-segment{flex:1 1 0}}&[sizing=auto]{display:inline-flex;width:fit-content;max-width:100%;flex:0 0 auto;&[full]:not([full=false]){display:inline-flex;width:fit-content;flex:0 0 auto;align-self:auto}& fig-segment{flex:0 0 auto}}&[animated]:not([animated=false]){& fig-segment{&[selected]:not([selected=false]),&[selected=true]{background-color:transparent;box-shadow:none}}}&[size=large]{height:var(--spacer-5);& fig-segment{padding:0 var(--spacer-3)}}&[disabled]:not([disabled=false]){pointer-events:none;--seg-indicator-opacity: 0;fig-segment{color:var(--figma-color-text-disabled);background-color:transparent;box-shadow:none}}}@media (prefers-reduced-motion: reduce){.segmented-control:before,fig-segmented-control:before{transition:none!important}}fig-options{display:flex;width:100%;>fig-segmented-control{flex:1;min-width:0}>fig-dropdown{flex:1}}fig-joystick{--size: 100%;--aspect-ratio: 1 / 1;--is-not-default: 0;display:flex;flex-direction:column;gap:var(--spacer-2);user-select:none;width:var(--size);fig-field:not([direction=vertical]) &{flex:1;min-width:0;fig-input-number{flex:1;width:auto}}.joystick-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-2)}.joystick-values>fig-input-number{width:100%}.fig-input-joystick-plane-container{display:flex;width:100%;aspect-ratio:var(--aspect-ratio);place-items:center;flex-shrink:0;flex-grow:0;position:relative;&:focus{outline:0}}.fig-joystick-reset{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:3;opacity:0;visibility:hidden;pointer-events:none;background-color:var(--figma-color-bg-secondary)!important;&:hover{fig-icon{background-color:var(--figma-color-text)}}fig-icon{background-color:var(--figma-color-text-tertiary)}}&:not([default]) .fig-joystick-reset{opacity:1;visibility:visible;pointer-events:auto}.fig-joystick-axis-label{position:absolute;z-index:1;pointer-events:none;user-select:none;color:var(--figma-color-text-tertiary);font-size:10px;line-height:1;letter-spacing:.01em;font-weight:700;text-transform:uppercase;text-shadow:1px 0 0 var(--figma-color-bg-secondary),-1px 0 0 var(--figma-color-bg-secondary),0 1px 0 var(--figma-color-bg-secondary),0 -1px 0 var(--figma-color-bg-secondary);&.top{top:var(--spacer-2);left:50%;transform:translate(-50%)}&.bottom{bottom:var(--spacer-2);left:50%;transform:translate(-50%)}&.left{left:var(--spacer-2);top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;&.no-rotate{transform:translateY(-50%)}}&.right{right:var(--spacer-2);top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}}.fig-input-joystick-plane{display:inline-grid;place-items:center;position:relative;width:100%;height:100%;flex-shrink:0}.fig-input-joystick-plane>*{grid-area:1/1}.fig-input-joystick-guides{position:absolute;width:var(--size);height:var(--size);border-radius:var(--radius-medium);overflow:hidden;background:var(--figma-color-bg-secondary);&:before{content:"";position:absolute;border-left:1px solid var(--figma-color-border);height:calc(100% - 2px);top:1px;left:calc(50% - .5px);pointer-events:none}&:after{content:"";position:absolute;border-top:1px solid var(--figma-color-border);width:calc(100% - 2px);top:calc(50% - .5px);left:1px;pointer-events:none}}.fig-input-joystick-plane.dragging .fig-input-joystick-guides{background:linear-gradient(45deg,transparent calc(50% - .5px),var(--figma-color-border) calc(50% - .5px),var(--figma-color-border) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),var(--figma-color-border) calc(50% - .5px),var(--figma-color-border) calc(50% + .5px),transparent calc(50% + .5px)),var(--figma-color-bg-secondary);box-shadow:inset 0 0 0 1px var(--figma-color-border-selected)}fig-handle{position:absolute;z-index:4}}@keyframes fig-shimmer-text{0%{background-position:var(--fig-shimmer-text-from, 100% 0%)}to{background-position:var(--fig-shimmer-text-to, 0% 0%)}}@keyframes fig-shimmer-mask{0%{mask-position:var(--fig-skeleton-mask-from, var(--fig-shimmer-mask-from, 100% 0%))}to{mask-position:var(--fig-skeleton-mask-to, var(--fig-shimmer-mask-to, 0% 0%))}}fig-shimmer{display:contents;--fig-shimmer-angle: 90deg;--fig-shimmer-bright-fill-color: var(--figma-color-bg-tertiary);--fig-shimmer-bright-text-color: var(--figma-color-text);--fig-shimmer-duration: 1.5s;--fig-shimmer-mask-from: 100% 0%;--fig-shimmer-mask-to: 0% 0%;--fig-shimmer-size: 250% 100%;--fig-shimmer-subtle-fill-color: var(--figma-color-bg-transparent);--fig-shimmer-subtle-text-color: var(--figma-color-text-tertiary);--fig-shimmer-text-from: 100% 0%;--fig-shimmer-text-to: 0% 0%;&[direction=vertical]{--fig-shimmer-angle: 180deg;--fig-shimmer-size: 100% 250%;--fig-shimmer-mask-from: 0% 100%;--fig-shimmer-text-from: 0% 100%}&[direction=diagonal]{--fig-shimmer-angle: 135deg;--fig-shimmer-size: 250% 250%}&[playing=false] *{background:none;background-size:unset;animation:none}&[playing=false] :where(*:not(:has(*)):not(:empty)){-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}&:not([playing=false]) :where(*:has(*),*:empty){mask:linear-gradient(var(--fig-shimmer-angle),var(--fig-shimmer-subtle-fill-color) 0%,var(--fig-shimmer-subtle-fill-color) 40%,var(--fig-shimmer-bright-fill-color) 50%,var(--fig-shimmer-subtle-fill-color) 60%,var(--fig-shimmer-subtle-fill-color) 100%);mask-size:var(--fig-shimmer-size);animation:fig-shimmer-mask var(--fig-shimmer-duration) linear infinite}&:not([playing=false]) :where(*:not(:has(*)):not(:empty)){mask:none;background:linear-gradient(var(--fig-shimmer-angle),var(--fig-shimmer-subtle-text-color) 0%,var(--fig-shimmer-subtle-text-color) 40%,var(--fig-shimmer-bright-text-color) 50%,var(--fig-shimmer-subtle-text-color) 60%,var(--fig-shimmer-subtle-text-color) 100%);background-size:var(--fig-shimmer-size);animation:fig-shimmer-text var(--fig-shimmer-duration) linear infinite;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}}fig-skeleton{display:contents;pointer-events:none;user-select:none;--fig-skeleton-angle: 90deg;--fig-skeleton-bg-color: var(--figma-color-bg-secondary);--fig-skeleton-bright-mask-color: rgba(0, 0, 0, 1);--fig-skeleton-duration: 1.5s;--fig-skeleton-mask-from: 100% 0%;--fig-skeleton-mask-to: 0% 0%;--fig-skeleton-size: 250% 100%;--fig-skeleton-subtle-mask-color: rgba(0, 0, 0, .75);&[direction=vertical]{--fig-skeleton-angle: 180deg;--fig-skeleton-size: 100% 400%;--fig-skeleton-mask-from: 0% 100%}&[direction=diagonal]{--fig-skeleton-angle: 135deg;--fig-skeleton-size: 250% 250%}&:not([playing=false]) *{mask:linear-gradient(var(--fig-skeleton-angle),var(--fig-skeleton-subtle-mask-color) 0%,var(--fig-skeleton-subtle-mask-color) 40%,var(--fig-skeleton-bright-mask-color) 50%,var(--fig-skeleton-subtle-mask-color) 60%,var(--fig-skeleton-subtle-mask-color) 100%);mask-size:var(--fig-skeleton-size);animation:fig-shimmer-mask var(--fig-skeleton-duration) linear infinite;*{color:transparent}}label,h3,h2,p,span{background:var(--fig-skeleton-bg-color);border-radius:var(--radius-medium)}img,video{opacity:0}fig-field{>label{padding-top:0;padding-bottom:0;border-radius:.5rem}}*:not(fig-field,fig-header){background:var(--fig-skeleton-bg-color)!important;box-shadow:none!important;border-radius:var(--radius-medium);color:var(--fig-skeleton-bg-color)!important;pointer-events:none;user-select:none}*::placeholder{color:transparent!important}*:after,*:before,*::marker,*::picker-icon,*::-webkit-slider-thumb,*::-webkit-slider-runnable-track,*::-webkit-color-swatch,*::-webkit-color-swatch-wrapper,*::-webkit-details-marker,*::-webkit-inner-spin-button,*::-webkit-outer-spin-button,*::-webkit-calendar-picker-indicator{display:none!important}}.fig-mask-icon,fig-icon{contain:strict;--size: var(--spacer-4);--icon: var(--icon-24-add);&[size=small]{--size: var(--spacer-3)}display:inline-flex;width:var(--size);height:var(--size);background:currentColor;mask-image:var(--icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;flex-shrink:0;-webkit-mask-image:var(--icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}@keyframes fig-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}fig-chooser{--chooser-fade-size: var(--spacer-4);--fig-chooser-gap: var(--spacer-2);--fig-chooser-inline-padding: var(--spacer-2);--fig-chooser-block-padding: var(--spacer-2);--fig-chooser-inline-margin: var(--spacer-3);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--fig-chooser-gap);height:inherit;max-height:inherit;max-width:inherit;min-width:0;overflow:hidden auto;padding:0;margin:0 var(--fig-chooser-inline-margin);scrollbar-width:none;width:calc(100% - var(--fig-chooser-inline-margin) * 2);fig-field>&{--fig-chooser-inline-margin:0}>:not(.fig-overflow){flex-shrink:0;min-width:0}>.fig-overflow{flex:0 0 var(--chooser-fade-size);height:var(--chooser-fade-size);margin-inline:0;position:sticky;width:100%;z-index:3;margin:calc(var(--fig-chooser-gap) * -1)}>.fig-overflow-start{box-shadow:0 1px 0 0 var(--figma-color-bordertranslucent);margin-block-end:calc(-1 * var(--chooser-fade-size));order:-1;top:0;&:before{border-radius:var(--radius-medium) var(--radius-medium) 0 0}.fig-overflow-chevron{rotate:180deg}}>.fig-overflow-end{bottom:0;box-shadow:0 -1px 0 0 var(--figma-color-bordertranslucent);margin-block-start:calc(-1 * var(--chooser-fade-size));order:1;&:before{border-radius:0 0 var(--radius-medium) var(--radius-medium)}}&[overflow=scrollbar]{scrollbar-width:thin;scrollbar-color:var(--figma-color-border) transparent}&[layout=horizontal]{flex-direction:row;overflow:auto hidden;>:not(.fig-overflow){flex:0 0 auto}>.fig-overflow{align-self:stretch;flex:0 0 var(--chooser-fade-size);height:auto;width:var(--chooser-fade-size);margin-top:0;margin-bottom:0}>.fig-overflow-start{box-shadow:1px 0 0 0 var(--figma-color-bordertranslucent);inset-inline-start:0;left:0;margin-block-end:0;margin-inline-end:calc(-1 * var(--chooser-fade-size));right:auto;top:0;&:before{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}.fig-overflow-chevron{rotate:90deg}}>.fig-overflow-end{box-shadow:-1px 0 0 0 var(--figma-color-bordertranslucent);inset-inline-end:0;inset:0 0 auto auto;margin-block-start:0;margin-inline-start:calc(-1 * var(--chooser-fade-size));&:before{border-radius:0 var(--radius-medium) var(--radius-medium) 0}.fig-overflow-chevron{rotate:-90deg}}}&[layout=vertical],&[layout=grid]{>.fig-overflow{margin-left:0;margin-right:0}}&[layout=grid]{display:grid;gap:var(--fig-chooser-gap);grid-template-columns:repeat(var(--fig-chooser-grid-columns, 2),minmax(0,1fr));overflow:auto;scroll-snap-type:none;>:not(.fig-overflow){margin:0}>:not(.fig-overflow)+:not(.fig-overflow){margin:0}>.fig-overflow-start+:not(.fig-overflow),>:not(.fig-overflow):has(+.fig-overflow-end){margin:0}>.fig-overflow{grid-column:1 / -1;margin-inline:0}>.fig-overflow-start{order:-1}>:not(.fig-overflow){order:0}>.fig-overflow-end{order:1}}&[full]:not([full=false]){width:100%}&[disabled]:not([disabled=false]){pointer-events:none;opacity:.4}}fig-choice{--fig-choice-selection-ring-width: 1px;--fig-choice-padding: 0px;--fig-choice-text-padding-inline: var(--spacer-2);--fig-choice-border-radius: var(--radius-medium);--fig-choice-min-height: 1.5rem;--fig-choice-min-width: 1.5rem;min-height:var(--fig-choice-min-height);min-width:var(--fig-choice-min-width);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:var(--fig-choice-border-radius);gap:var(--spacer-2);outline:none;cursor:default;padding:var(--fig-choice-padding);&:not(:has(>*)){padding-inline:var(--fig-choice-text-padding-inline)}&:hover:not([selected]):not([disabled]):not([aria-disabled=true]){background-color:var(--figma-color-bg-secondary)}&:focus-visible{outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&[padding]:not([padding=false]){--fig-choice-padding: var(--spacer-2)}&[selected]{position:relative;&:after{content:"";position:absolute;inset:0;border-radius:var(--fig-choice-border-radius);pointer-events:none;z-index:1;box-shadow:inset 0 0 0 calc(var(--fig-choice-selection-ring-width)*2) var(--figma-color-bg);outline:var(--fig-choice-selection-ring-width) solid var(--figma-color-border-selected);outline-offset:calc(var(--fig-choice-selection-ring-width) * -1)}background-color:var(--figma-color-bg-secondary)}&[disabled]:not([disabled=false]),&[aria-disabled=true]{pointer-events:none;opacity:.4;cursor:default}}fig-handle{--width: 1rem;--height: 1rem;--fill: transparent;--border-radius: 50%;--fig-handle-bg: var(--handle-color);--fig-handle-checkerboard: var(--checkerboard-handle);--fig-handle-height: var(--width);--fig-handle-hit-area-opacity: 0;--fig-handle-hit-area-size: 0;--fig-handle-inner-bg: var(--figma-color-bg-brand);--fig-handle-inner-outline: 1px solid var(--figma-color-bg-brand);--fig-handle-inner-shadow: none;--fig-handle-inner-radius: 50%;--fig-handle-outline: 1.5px solid var(--fig-handle-outline-color);--fig-handle-inner-outline-offset: 0px;--fig-handle-outline-color: transparent;--fig-handle-outline-offset: 0px;--fig-handle-padding: .25rem;--fig-handle-shadow: var(--figma-elevation-200-canvas);--fig-handle-width: var(--width);margin:0;padding:var(--fig-handle-padding);place-items:center;width:var(--fig-handle-width);height:var(--fig-handle-height);border-radius:var(--border-radius);display:grid;background:var(--fig-handle-bg);outline:var(--fig-handle-outline);outline-offset:var(--fig-handle-outline-offset);box-shadow:var(--fig-handle-shadow);&:after{content:"";color-scheme:light only;width:100%;height:100%;background:var(--fig-handle-inner-bg);border-radius:var(--fig-handle-inner-radius);box-shadow:var(--fig-handle-inner-shadow);outline:var(--fig-handle-inner-outline);outline-offset:var(--fig-handle-inner-outline-offset);place-self:center;grid-area:1 / 1;z-index:2}&[size=small]{--width: .75rem;--height: .75rem;--fig-handle-padding: 3px}&[drag]:not([drag=false]){position:absolute;translate:var(--fig-handle-position-translate, none);transform-origin:center;touch-action:none}&:hover,&[selected]:not([selected=false]){--fig-handle-outline-color: var(--figma-color-border-selected);--fig-handle-outline: 2px solid var(--fig-handle-outline-color)}&:focus-visible{--figma-focus-outline-offset: 1px;outline:var(--figma-focus-outline);outline-offset:var(--figma-focus-outline-offset)}&:hover:not([type]),&[selected]:not([selected=false]):not([type]){--fig-handle-inner-bg: var(--figma-color-bg-brand);--fig-handle-outline-color: var(--figma-color-border-selected);--fig-handle-outline: 2px solid var(--fig-handle-outline-color)}&[type=canvas]{--width: .75rem;--height: .75rem;--fig-handle-inner-bg: transparent;--fig-handle-outline-color: transparent;--fig-handle-shadow: none;--fig-handle-inner-outline: 1px solid var(--figma-color-border-selected);--fig-handle-padding: 1px;--fig-handle-inner-outline-offset: -1px;&:hover,&[selected]:not([selected=false]){--width: 1rem;--height: 1rem;--fig-handle-outline-color: transparent;--fig-handle-inner-outline: 2px solid var(--figma-color-border-selected);--fig-handle-inner-outline-offset: -2px;--fig-handle-shadow: var(--figma-elevation-200-canvas)}&.dragging,&:active{--fig-handle-padding: 2px !important;--fig-handle-inner-bg: var(--figma-color-bg-brand)}&[selected]:not([selected=false]){--fig-handle-padding: 1px;--fig-handle-inner-bg: var(--figma-color-bg-brand)}}&[type=color],&[tip=color],&[tip=add],&[tip=remove]{--fig-handle-inner-bg: linear-gradient(var(--fill), var(--fill)), var(--fig-handle-checkerboard);--fig-handle-padding: .25rem;--fig-handle-inner-outline: none;position:relative;overflow:visible;fig-color-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:10}}&[disabled]:not([disabled=false]),&[aria-disabled=true]{--fig-handle-outline-color: transparent;--fig-handle-shadow: none;cursor:not-allowed;background-color:var(--figma-color-bg-disabled);&:after{--fig-handle-inner-bg: var(--figma-color-icon-disabled)}}.fig-handle-hit-area{position:absolute;inset:calc(var(--fig-handle-hit-area-size) * -.5px);pointer-events:auto;background:red;opacity:var(--fig-handle-hit-area-opacity, 0);z-index:0}}fig-color-tip{--tip-selection-width: 1px;--tip-selection-scale: 1;--beak-offset: 50%;contain:layout;inset:unset;display:inline-grid;place-items:center;overflow:visible;position:relative;color:var(--figma-color-text);color-scheme:light only;aspect-ratio:1 / 1;flex-shrink:0;min-width:max-content;min-height:max-content;background-color:var(--figma-color-bg);border-radius:var(--radius-medium, .3125rem);box-shadow:inset 0 .5px #ffffff1a;filter:drop-shadow(0px 1px 1.5px rgba(0,0,0,.1)) drop-shadow(0px 2.5px 6px rgba(0,0,0,.13)) drop-shadow(0px 0px .5px rgba(0,0,0,.15));&[control=add],&[control=remove]{cursor:pointer}fig-chit{input[type=color]{background:transparent}}&[selected]:not([selected=false]):before{content:"";background:var(--figma-color-border-selected);clip-path:var(--tip-pointer);width:1rem;height:6px;position:absolute;top:100%;left:var(--beak-offset, 50%);z-index:1;pointer-events:none;transform:translate(-50%) scale(var(--tip-selection-scale));transform-origin:50% 0}&:after{content:"";background-color:inherit;clip-path:var(--tip-pointer);width:1rem;height:6px;position:absolute;top:calc(100% - 1px);left:var(--beak-offset, 50%);z-index:3;transform:translate(-50%)}}fig-menu{display:contents;>fig-menu-item,>fig-menu-separator{display:none}}fig-menu-item{--fig-menu-item-padding: var(--spacer-3);display:flex;align-items:center;gap:var(--spacer-2);padding:0 var(--fig-menu-item-padding);height:var(--spacer-4);cursor:default;border-radius:var(--radius-medium);color:var(--figma-color-text-menu);font-weight:var(--body-medium-fontWeight);position:relative;&:before{content:"";display:block;position:absolute;inset:0 var(--spacer-2);border-radius:var(--radius-medium);z-index:-1;background-color:transparent}&:hover,&:focus-visible{outline:none;&:before{background-color:var(--figma-color-bg-menu-hover)}}&[disabled]:not([disabled=false]),&[aria-disabled=true]{opacity:.4;pointer-events:none}}fig-menu-separator{display:block;height:1px;background:var(--figma-color-border);margin:var(--spacer-2) 0}fig-layer{--indent: var(--spacer-3);display:block;color:var(--figma-color-text);position:relative;user-select:none;width:100%;padding:0 var(--spacer-3);border-radius:var(--radius-medium)}fig-layer:has(fig-layer)>.fig-layer-row>.fig-layer-chevron{visibility:visible}fig-layer>.fig-layer-row{display:flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-2);height:var(--spacer-4);border-radius:var(--radius-medium);position:relative}fig-layer>.fig-layer-row .fig-layer-chevron{mask-image:var(--icon-16-chevron);mask-size:contain;mask-repeat:no-repeat;mask-position:center;display:flex;visibility:hidden;background:var(--figma-color-text-tertiary);width:var(--spacer-3);height:var(--spacer-3);flex-shrink:0;transition:transform .15s;position:absolute;left:calc(var(--spacer-3) * -1);top:var(--spacer-1);rotate:-90deg}fig-layer>.fig-layer-row:hover{background:var(--figma-color-bg-secondary)}fig-layer>.fig-layer-row:hover .fig-layer-actions{opacity:1}fig-layer>.fig-layer-row .fig-layer-icon{flex-shrink:0;width:var(--spacer-3);height:var(--spacer-3);color:var(--figma-color-icon-tertiary);margin-left:calc(var(--spacer-1) * -1)}fig-layer>.fig-layer-row>label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--figma-color-text)}fig-layer .fig-layer-actions{display:flex;margin-right:calc(-1 * var(--spacer-1));gap:0;opacity:0;transition:opacity .15s;flex-shrink:0}fig-layer .fig-layer-actions>*{flex-shrink:0}fig-layer>fig-layer{padding:0;margin-top:1px}fig-layer>fig-layer .fig-layer-row{padding-left:var(--indent)}fig-layer:not([open])>fig-layer,fig-layer[open=false]>fig-layer{display:none}fig-layer[open]:not([open=false])>.fig-layer-row>.fig-layer-chevron{rotate:0deg}fig-layer[visible=false]>.fig-layer-row>label{color:var(--figma-color-text-tertiary)}fig-layer[selected]:not([selected=false])>.fig-layer-row{background:var(--figma-color-bg-selected)}fig-layer[selected]:not([selected=false])>.fig-layer-row>.fig-layer-icon{color:var(--figma-color-icon)}:root,:host{--icon-24-eyedropper: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1592 5.65801C16.0376 4.78045 17.4621 4.78055 18.3408 5.65899L18.4951 5.82989C19.1671 6.65442 19.168 7.84476 18.4951 8.66973L18.3408 8.84063L16.6455 10.533C17.1104 11.083 17.1181 11.889 16.6641 12.4461L16.5605 12.5604C16.0111 13.1097 15.1425 13.1428 14.5537 12.6629L14.5342 12.6453L10.0908 17.0916C9.6188 17.5633 8.98876 17.7764 8.375 17.742L7.56055 18.5574C6.97441 19.1432 6.02451 19.1422 5.43945 18.5584V18.5574C4.8538 17.9718 4.85405 17.0221 5.43945 16.4363L6.25586 15.618C6.22412 15.0058 6.44026 14.3794 6.90918 13.91L11.3516 9.46367C10.856 8.87434 10.885 7.99381 11.4395 7.43926L11.5537 7.33574C12.1094 6.88283 12.9136 6.88854 13.4639 7.35137L15.1592 5.65801ZM7.61621 14.617C7.33755 14.8961 7.21782 15.2747 7.25781 15.6385C7.27925 15.8351 7.24419 16.0445 7.10449 16.1844L6.14648 17.1434C5.9516 17.3387 5.95135 17.6553 6.14648 17.8504C6.34167 18.0449 6.65842 18.0451 6.85352 17.8504L7.80859 16.8943C7.94931 16.7536 8.16065 16.7184 8.3584 16.741C8.72329 16.7828 9.10374 16.6643 9.38379 16.3846L13.8223 11.9432L12.0547 10.1756L7.61621 14.617ZM17.6338 6.36602C17.1458 5.87828 16.3544 5.8783 15.8662 6.36602L14.084 8.14629L14.0186 8.20586C13.6767 8.48476 13.1722 8.46484 12.8535 8.14629C12.6583 7.95131 12.3417 7.95119 12.1465 8.14629C11.9514 8.34148 11.9515 8.65808 12.1465 8.85332L15.1465 11.8533C15.3175 12.024 15.5814 12.0451 15.7754 11.9168L15.8535 11.8533C16.0486 11.6582 16.0484 11.3416 15.8535 11.1463V11.1453C15.8524 11.1443 15.8507 11.1434 15.8496 11.1424C15.5128 10.8013 15.514 10.2513 15.8535 9.91192L17.6338 8.1336C18.1216 7.6457 18.1213 6.85425 17.6338 6.36602Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E")}dialog[is=fig-toast]{contain:layout paint;--z-index: 999999;z-index:var(--z-index);box-shadow:var(--figma-elevation-100);border-radius:var(--radius-large);padding:var(--spacer-2) var(--spacer-3);align-items:center;gap:var(--spacer-2);height:2.5rem;justify-content:center;min-width:0;color:var(--figma-color-text);background-color:var(--figma-color-bg);&[open]{display:flex}& p{margin:0;padding:0;color:inherit;font-weight:var(--body-medium-strong-fontWeight)}hr[vertical]{margin:0}& fig-button:last-child{margin-right:calc(var(--spacer-2) * -1)}&[theme=dark]{color-scheme:dark}&[theme=light]{color-scheme:light}&[theme=danger]{background-color:var(--figma-color-bg-danger);color-scheme:dark}&[theme=brand]{background-color:var(--figma-color-bg-brand);color-scheme:dark}&[theme=success]{background-color:var(--figma-color-bg-success);color-scheme:dark}}fig-fill-picker{display:contents;>[slot^=mode-]{display:none}}.fig-fill-picker-dialog{contain:layout;width:240px;padding:0;>fig-header{padding:var(--spacer-2);min-width:0;overflow:hidden}fig-tab{font-size:.6875rem;padding:var(--spacer-1) var(--spacer-1)}>fig-content{padding-bottom:var(--spacer-2-5)}.fig-fill-picker-type-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--figma-color-text);padding:var(--spacer-1) var(--spacer-2)}.fig-fill-picker-gamut{margin-left:auto}.fig-fill-picker-tab{display:none;&:first-child{display:block}}fig-preview{overflow:visible}.fig-fill-picker-color-area{aspect-ratio:1;width:calc(100% - var(--spacer-3) * 2);margin:var(--spacer-2) var(--spacer-3);>*:not(fig-handle){place-self:center;width:100%;height:100%;border-radius:inherit}canvas{width:100%;height:100%;border-radius:var(--radius-medium)}}.fig-fill-picker-color-area fig-handle{z-index:1}.fig-fill-picker-sliders{display:grid;grid-template-columns:calc(3.5rem + var(--spacer-3)) 1fr;grid-template-rows:1fr 1fr;align-items:center;padding-right:var(--spacer-3);gap:var(--spacer-2);padding-bottom:var(--spacer-1);.fig-fill-picker-eyedropper{grid-column:1;grid-row:1 / 3;place-self:center;margin-right:calc(var(--spacer-3) * -1);width:3.5rem;aspect-ratio:1 / 1;height:3.5rem}fig-slider{grid-column:2;min-width:0}}.fig-fill-picker-inputs{.fig-fill-picker-input-fields{flex:1;min-width:0;display:flex;.input-combo{flex:1;min-width:0}fig-input-text{flex:1;min-width:0}}}.fig-fill-picker-gradient-preview{aspect-ratio:auto;width:calc(100% - var(--spacer-3) * 2);margin:var(--spacer-2) var(--spacer-3);margin-top:calc(var(--spacer-4) + var(--spacer-1));background:transparent;&:after{display:none}}.fig-fill-picker-gradient-header{padding-right:var(--spacer-2);display:flex;padding-left:var(--spacer-3);gap:var(--spacer-2);.fig-fill-picker-gradient-type{flex:1;min-width:0}>*:last-child fig-button{margin-left:auto}.fig-fill-picker-gradient-center{fig-input-number{width:48px}}}.fig-fill-picker-gradient-stops{.fig-fill-picker-gradient-stops-header{>span{flex:1}}}.fig-fill-picker-gradient-stops-list{display:flex;flex-direction:column;gap:var(--spacer-1)}.fig-fill-picker-gradient-stop-row{padding-right:var(--spacer-2);display:flex;padding-left:var(--spacer-3);gap:var(--spacer-2);>.fig-fill-picker-stop-position{flex:0;flex-basis:3rem;min-width:0;width:3rem}.fig-fill-picker-stop-color{flex:1;min-width:0;fig-input-text{min-width:0}}.fig-fill-picker-stop-remove{flex-shrink:0}}.fig-fill-picker-media-header{.fig-fill-picker-scale-mode{flex:0 0 auto}.fig-fill-picker-scale{width:56px}}.fig-fill-picker-media-preview{position:relative;aspect-ratio:1;margin:var(--spacer-2) var(--spacer-3) var(--spacer-1) var(--spacer-3);border-radius:var(--radius-medium);overflow:hidden;display:flex;align-items:center;justify-content:center;&.dragover{outline:2px dashed var(--figma-color-border-brand);outline-offset:-2px}&.has-media{fig-button{visibility:hidden}&:hover{fig-button{visibility:visible}}}}.fig-fill-picker-checkerboard{position:absolute;inset:0;background-image:linear-gradient(45deg,var(--figma-color-bg-tertiary) 25%,transparent 25%),linear-gradient(-45deg,var(--figma-color-bg-tertiary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--figma-color-bg-tertiary) 75%),linear-gradient(-45deg,transparent 75%,var(--figma-color-bg-tertiary) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}div.fig-fill-picker-image-preview{position:absolute;inset:0;width:100%;height:100%;display:none}fig-image.fig-fill-picker-image-preview{max-width:none;max-height:none;width:auto}video.fig-fill-picker-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}fig-media.fig-fill-picker-video-preview{max-width:none;max-height:none;width:auto}.fig-fill-picker-upload{position:relative;z-index:1}.fig-fill-picker-webcam-preview{position:relative;aspect-ratio:1;display:flex;width:calc(100% - var(--spacer-3) * 2);max-width:none;max-height:none;margin:0 var(--spacer-3);border-radius:var(--radius-medium);overflow:hidden;margin:var(--spacer-2) var(--spacer-3)}.fig-fill-picker-webcam-video{width:100%;height:100%;object-fit:cover}.fig-fill-picker-webcam-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--figma-color-bg-secondary);color:var(--figma-color-text-secondary);font-size:.75rem}.fig-fill-picker-webcam-controls{display:flex;padding:0 var(--spacer-3);gap:var(--spacer-1);.fig-fill-picker-webcam-capture{width:100%}}}