plass-ui 1.0.2 → 1.0.3

package/README.md

@@ -8,22 +8,17 @@ Live previews and full props for every component — pick **React** in the sideb
 
 ---
 
-**Plass UI is a component library with a material rather than a theme.** Every surface answers one question — is this pressed, or does it hold something? — and the answer decides everything else.
+> **Plass is one design language, shipped as two libraries.** Every surface answers a single question — is this pressed, or does it hold something? A thing you press is **tinted glass**: a gradient that _turns_ through its colour family rather than darkening, a shadow thrown in that same colour, and a bloom of light that follows your pointer across it. A thing that holds something is **clear glass**: translucent, deeply blurred, edged with a white hairline, never dyed. Nothing is bevelled, nothing is embossed and nothing moves when you press it — depth is carried by light, colour and blur.
 
-A thing that is pressed is **tinted glass**: a gradient that sweeps between two ends of its colour family at 135°, a drop shadow tinted with that family, and a bloom of light that follows the pointer across it. A thing that holds something is **clear glass**: translucent, heavily blurred, a white hairline round it, and never dyed. There is no third answer.
+This is the React half. The [Flutter package](https://pub.dev/packages/plass_ui) is the other one, and the two hold the same components under the same names, the same prop vocabulary and the same numbers. They version independently, so this package's number and the pub.dev one's will not always agree.
 
-This is the React half of that language. The [Flutter package](https://pub.dev/packages/plass_ui) is the other one, and the two are the same numbers.
-
-- **Two materials, one language** — `solid`, `glass`, `ghost`. Not `filled`, `outlined`, `text`.
-- **Light instead of relief** — no bevels and no highlights. The gradient carries the form, and a soft glow follows your pointer across the control.
-- **One shared vocabulary** — `size`, `color`, `variant`, `density`, `elevation`. An `md` is 40px on every control; `primary` is the same family everywhere, and the same family it is in Flutter.
-- **Accessible by construction** — real roles, labels, focus management and keyboard support, not `div`s with click handlers.
-- **Contrast that was checked** — every gradient stop clears 4.5:1 against its own label, the lightest corner included.
-- **Dark mode with no work** — follows `prefers-color-scheme`, and can be forced either way per subtree.
-- **ESM only**, TypeScript declarations included, tree-shakeable, with an entry point per component.
-- **One runtime dependency**, [Base UI](https://base-ui.com), which is where the interaction and accessibility behaviour comes from.
-
-> **Both packages ship the same library.** Every component listed below exists in each, under the same prop vocabulary and the same tokens. They version independently, so this package's number and the Flutter one's will not always agree.
+- **Finished the moment it is installed.** The gradients, the shadows, the blur, the focus ring and the press response are already decided and already agree with each other. One CSS import and the first screen looks like something.
+- **Five props, not fifty.** `size`, `color`, `variant`, `density` and `elevation` mean the same thing on every component — an `md` control is 40px, `primary` is the same family — so the tenth one costs nothing to learn after the first.
+- **Readable because it was measured.** Every gradient stop clears 4.5:1 against its own label, the lightest corner included. A colour choice here is not a contrast bug waiting for an audit.
+- **Accessible without the checklist.** Real roles, labels, focus management and keyboard support, not `div`s with click handlers.
+- **Dark mode you do not write.** Follows `prefers-color-scheme`, and can be forced either way on any subtree. No second palette, no colours redeclared.
+- **Types in the box.** TypeScript declarations ship with the package, so your editor knows the prop names and the values they take before you do.
+- **Nothing you did not ask for.** ESM only, tree-shakeable, a single runtime dependency, and an entry point per component for a build that cannot shake a barrel.
 
 ## Install
 
@@ -105,7 +100,9 @@ Same component, same types. The barrel is the one to reach for by default; this
 
 ### Next.js and server components
 
-Every component carries `'use client'`, so a Server Component can import one directly and there is nothing to configure — no `transpilePackages`, no `next.config` entry, no provider. What the directive cannot do is carry a function across the server boundary: a file that passes `onClick`, `onValueChange` or `render` needs its own `'use client'`, which is React's rule for every client component rather than this library's. Outside a server-component graph the directive is inert.
+Nearly every component carries `'use client'`, so a Server Component can import one directly and there is nothing to configure — no `transpilePackages`, no `next.config` entry, no provider. What the directive cannot do is carry a function across the server boundary: a file that passes `onClick`, `onValueChange` or `render` needs its own `'use client'`, which is React's rule for every client component rather than this library's. Outside a server-component graph the directive is inert.
+
+`PlTable` is the exception and has no directive, because that rule would otherwise have cost it its own API: every column is a `render` callback, and a table belongs on a page that fetches its own rows. A Server Component renders it whole; a client module that imports it gets a client component, as it does for anything else it imports.
 
 ### Dark mode
 

package/dist/components/accordion/PlAccordion.d.ts

@@ -67,6 +67,20 @@ export interface PlAccordionItemProps extends Omit<React.ComponentPropsWithoutRe
      * other — the browser rewrites a `<button>` inside a `<button>` on parse.
      */
     action?: React.ReactNode;
+    /**
+     * Holds the header's title and subtitle to one line each, ellipsing whatever
+     * runs past.
+     *
+     * **Off, and that is the reversal of what this used to do.** A fold's title is
+     * a heading rather than a cell — an accordion is most often a list of
+     * questions, and a question is a sentence. Ellipsing one costs the reader the
+     * end of it with no tooltip and no way to see it, while wrapping costs a row
+     * that is two lines tall in a component whose whole job is to change height.
+     * The one place the old behaviour is right is a header carrying a name from a
+     * database beside a control, and that is what this prop is for.
+     * @default false
+     */
+    truncate?: boolean;
     /** Unavailable. This section stops folding; the rest keep working. */
     disabled?: boolean;
     /** The body. */

package/dist/components/accordion/PlAccordion.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as l from"react";import{Accordion as s}from"@base-ui/react/accordion";import{ChevronIcon as a}from"../../internal/icons.js";import{focusRingClasses as n,focusRingInsetClasses as i,gapClasses as r,hasContent as d,iconClasses as o,metaTextClasses as c,radiusClasses as p,sheetBodyClasses as m,sheetHeaderGapClasses as f,sheetPaddingXClasses as u,sheetPaddingYClasses as x,sheetRestClasses as h,sheetTitleClasses as v,surfaceSlots as b,transitionClasses as g}from"../../internal/styles.js";const N=/* @__PURE__ */l.createContext({size:"md",density:"default",dividers:!0}),j={xs:p.xs,sm:p.xs,md:p.sm,lg:p.sm,xl:p.md},y={default:{xs:"pt-1.5",sm:"pt-2",md:"pt-3",lg:"pt-3.5",xl:"pt-4"},compact:{xs:"pt-1",sm:"pt-1.5",md:"pt-2",lg:"pt-2.5",xl:"pt-3"}},w={default:{xs:"pb-2.5",sm:"pb-3",md:"pb-5",lg:"pb-6",xl:"pb-7"},compact:{xs:"pb-2",sm:"pb-2.5",md:"pb-3.5",lg:"pb-4",xl:"pb-5"}};export const PlAccordion=/* @__PURE__ */l.forwardRef(function PlAccordion({variant:t="glass",size:a="md",color:n="primary",density:i="default",elevation:r=0,multiple:d=!1,value:o,defaultValue:c,onValueChange:m,dividers:f=!0,disabled:u=!1,hiddenUntilFound:x=!1,keepMounted:v=!1,className:j,style:y,children:w,...P},$){const k=l.useMemo(()=>({size:a,density:i,dividers:f}),[a,i,f]),A=["flex flex-col",p[a],h[t],g,f?"overflow-hidden [&>div+div]:border-t [&>div+div]:[border-color:var(--plass-divider)]":"p-1",j??""].filter(Boolean).join(" ");return e(N.Provider,{value:k,children:e(s.Root,{ref:$,multiple:d,value:o,defaultValue:c,onValueChange:e=>m?.(e),disabled:u,hiddenUntilFound:x,keepMounted:v,className:A,style:{...b(n,r),...y},...P,children:w})})});export const PlAccordionItem=/* @__PURE__ */l.forwardRef(function PlAccordionItem({value:p,title:h,subtitle:b,startIcon:P,action:$,disabled:k=!1,className:A,children:z,...C},I){const{size:V,density:_,dividers:B}=l.useContext(N),M=u[_][V],R=x[_][V];return t(s.Item,{ref:I,value:p,disabled:k,className:["flex flex-col",A??""].filter(Boolean).join(" "),...C,children:[t(s.Header,{className:"m-0 flex w-full items-center [font:inherit]",children:[t(s.Trigger,{className:["flex min-w-0 flex-1 cursor-pointer items-center text-start",M,R,r[V],g,o,B?i:`${n} ${j[V]}`,"hover:bg-(--p-soft)","data-[panel-open]:bg-(--p-soft) data-[panel-open]:text-(--p-accent)","disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50"].filter(Boolean).join(" "),children:[d(P)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:P}):null,t("span",{className:`flex min-w-0 flex-1 flex-col ${f[V]}`,children:[d(h)?e("span",{className:`plass-title truncate font-semibold ${v[V]}`,children:h}):null,d(b)?e("span",{className:`truncate text-(--plass-muted-fg) ${c[V]}`,children:b}):null]}),e("span",{className:["flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[panel-open]:rotate-180"].join(" "),children:e(a,{})})]}),d($)?e("span",{className:`flex shrink-0 items-center ${M}`,children:$}):null]}),e(s.Panel,{className:["h-(--accordion-panel-height) overflow-hidden","[transition:height_var(--plass-duration-slow)_var(--plass-ease)]","data-[starting-style]:h-0 data-[ending-style]:h-0"].join(" "),children:e("div",{className:["text-(--plass-muted-fg)",m[V],M,y[_][V],w[_][V]].join(" "),children:z})})]})});
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as l from"react";import{Accordion as s}from"@base-ui/react/accordion";import{ChevronIcon as a}from"../../internal/icons.js";import{focusRingClasses as n,focusRingInsetClasses as i,gapClasses as r,hasContent as d,iconClasses as o,metaTextClasses as c,radiusClasses as m,sheetBodyClasses as p,sheetHeaderGapClasses as f,sheetPaddingXClasses as u,sheetPaddingYClasses as x,sheetRestClasses as h,sheetTitleClasses as v,surfaceSlots as b,transitionClasses as g}from"../../internal/styles.js";const N=/* @__PURE__ */l.createContext({size:"md",density:"default",dividers:!0}),j={xs:m.xs,sm:m.xs,md:m.sm,lg:m.sm,xl:m.md},y={default:{xs:"pt-1.5",sm:"pt-2",md:"pt-3",lg:"pt-3.5",xl:"pt-4"},compact:{xs:"pt-1",sm:"pt-1.5",md:"pt-2",lg:"pt-2.5",xl:"pt-3"}},w={default:{xs:"pb-2.5",sm:"pb-3",md:"pb-5",lg:"pb-6",xl:"pb-7"},compact:{xs:"pb-2",sm:"pb-2.5",md:"pb-3.5",lg:"pb-4",xl:"pb-5"}};export const PlAccordion=/* @__PURE__ */l.forwardRef(function PlAccordion({variant:t="glass",size:a="md",color:n="primary",density:i="default",elevation:r=0,multiple:d=!1,value:o,defaultValue:c,onValueChange:p,dividers:f=!0,disabled:u=!1,hiddenUntilFound:x=!1,keepMounted:v=!1,className:j,style:y,children:w,...$},P){const k=l.useMemo(()=>({size:a,density:i,dividers:f}),[a,i,f]),A=["flex flex-col",m[a],h[t],g,f?"overflow-hidden [&>div+div]:border-t [&>div+div]:[border-color:var(--plass-divider)]":"p-1",j??""].filter(Boolean).join(" ");return e(N.Provider,{value:k,children:e(s.Root,{ref:P,multiple:d,value:o,defaultValue:c,onValueChange:e=>p?.(e),disabled:u,hiddenUntilFound:x,keepMounted:v,className:A,style:{...b(n,r),...y},...$,children:w})})});export const PlAccordionItem=/* @__PURE__ */l.forwardRef(function PlAccordionItem({value:m,title:h,subtitle:b,startIcon:$,action:P,truncate:k=!1,disabled:A=!1,className:z,children:C,...I},V){const{size:_,density:B,dividers:M}=l.useContext(N),R=u[B][_],F=x[B][_],U=k?"truncate":"";return t(s.Item,{ref:V,value:m,disabled:A,className:["flex flex-col",z??""].filter(Boolean).join(" "),...I,children:[t(s.Header,{className:"m-0 flex w-full items-center [font:inherit]",children:[t(s.Trigger,{className:["flex min-w-0 flex-1 cursor-pointer items-center text-start",R,F,r[_],g,o,M?i:`${n} ${j[_]}`,"hover:bg-(--p-soft)","data-[panel-open]:bg-(--p-soft) data-[panel-open]:text-(--p-accent)","disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50"].filter(Boolean).join(" "),children:[d($)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:$}):null,t("span",{className:`flex min-w-0 flex-1 flex-col ${f[_]}`,children:[d(h)?e("span",{className:`plass-title font-semibold ${U} ${v[_]}`.trim(),children:h}):null,d(b)?e("span",{className:`text-(--plass-muted-fg) ${U} ${c[_]}`.trim(),children:b}):null]}),e("span",{className:["flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[panel-open]:rotate-180"].join(" "),children:e(a,{})})]}),d(P)?e("span",{className:`flex shrink-0 items-center ${R}`,children:P}):null]}),e(s.Panel,{className:["h-(--accordion-panel-height) overflow-hidden","[transition:height_var(--plass-duration-slow)_var(--plass-ease)]","data-[starting-style]:h-0 data-[ending-style]:h-0"].join(" "),children:e("div",{className:["text-(--plass-muted-fg)",p[_],R,y[B][_],w[B][_]].join(" "),children:C})})]})});

package/dist/components/combobox/PlCombobox.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Combobox as t}from"@base-ui/react/combobox";import{Field as s}from"@base-ui/react/field";import{PlChip as n}from"../chip/PlChip.js";import{CheckIcon as i,ChevronIcon as r,CloseIcon as o,PlusIcon as c}from"../../internal/icons.js";import{chipRemoveClasses as d,controlHeightClasses as m,controlTextLeadingClasses as u,cx as p,disabledClasses as h,fieldReadOnlyClasses as b,fieldRestClasses as g,focusWithinRingClasses as f,gapClasses as v,glassClasses as x,hasContent as y,iconClasses as N,metaTextClasses as w,paddingXClasses as C,radiusClasses as L,stackGapClasses as j,surfaceSlots as I,transitionClasses as S}from"../../internal/styles.js";const A=/* @__PURE__ */["group relative flex w-full cursor-text items-center","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",S,f,N].join(" "),O={xs:"min-h-6 py-0",sm:"min-h-8 py-0.5",md:"min-h-10 py-1",lg:"min-h-12 py-1.5",xl:"min-h-14 py-2"},V=/* @__PURE__ */[x,"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain","w-[var(--anchor-width)] border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]"].join(" "),_=/* @__PURE__ */["relative flex cursor-pointer items-center gap-2 select-none","rounded-(--plass-radius-xs) py-1.5 pe-2 ps-7",S,"data-[highlighted]:bg-(--p-soft-hover) data-[highlighted]:text-(--p-accent)","data-[selected]:font-semibold data-[selected]:text-(--p-accent)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]"].join(" "),z=/* @__PURE__ */["inline-flex h-[1lh] shrink-0 cursor-pointer items-center justify-center","rounded-(--plass-radius-xs) text-(--plass-muted-fg)","[transition:color_var(--plass-duration)_var(--plass-ease)]","hover:text-(--p-accent)","focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:1px]","disabled:cursor-not-allowed disabled:opacity-50"].join(" ");function toArray(e){return null==e?[]:Array.isArray(e)?e.slice():[e]}export function PlCombobox({variant:f="glass",size:x="md",color:N="primary",density:S="default",elevation:M=0,items:P,multiple:R,value:$,defaultValue:k,onValueChange:T,onInputValueChange:q,allowCustom:E=!0,customLabel:F,clearable:D=!1,emptyMessage:G="No matches",limit:H,placeholder:W,label:B,description:J,error:K,invalid:Q,startIcon:U,fullWidth:X=!1,disabled:Y=!1,readOnly:Z=!1,required:ee=!1,name:ae,open:le,defaultOpen:te,onOpenChange:se,openLabel:ne="Open",clearLabel:ie="Clear",removeLabel:re=e=>`Remove ${e}`,inputRef:oe,id:ce,className:de,style:me,...ue}){const pe=y(K),he=Q??pe,be=he?"danger":N,ge=!0===R,fe=l.useMemo(()=>P.map(e=>({value:e.value,label:e.label??String(e.value),disabled:e.disabled})),[P]),[ve,xe]=l.useState(()=>toArray(k)),ye=void 0===$?ve:toArray($),[Ne,we]=l.useState(""),Ce=l.useMemo(()=>new Map(fe.map(e=>[e.value,e])),[fe]),Le=l.useCallback(e=>Ce.get(e)??{value:e,label:String(e),custom:!0},[Ce]),je=Ne.trim(),Ie=je.toLocaleLowerCase(),Se=""===je||fe.some(e=>e.label.toLocaleLowerCase()===Ie||String(e.value).toLocaleLowerCase()===Ie)||ye.some(e=>String(e).toLocaleLowerCase()===Ie),Ae=!E||Z||Y||Se?null:je,Oe=l.useMemo(()=>null===Ae?fe:[...fe,{value:Ae,label:Ae,custom:!0}],[fe,Ae]),Ve=ge?ye.map(Le):ye.length>0?Le(ye[0]):null,_e=p(A,u[x],L[x],v[x],ge?O[x]:m[x],`${C[S][x]} pe-1.5`,Y?h[f]:Z?b[f]:g[f]),ze=/* @__PURE__ */["min-w-0 flex-1 self-stretch bg-transparent [font:inherit] text-inherit","[outline:none]","placeholder:text-(--plass-muted-fg)","caret-(--p-accent) selection:bg-(--p-soft-press)","disabled:cursor-not-allowed"].join(" "),renderInput=a=>e(t.Input,{ref:oe,placeholder:W,className:p(ze,ge&&"min-w-16",ge&&a&&"ms-1.5")});return a(s.Root,{disabled:Y,invalid:he,className:p("flex-col align-top",j[x],X?"flex w-full":"inline-flex",de),style:{...I(be,M),...me},...ue,children:[B?e(s.Label,{className:p(w[x],"font-semibold",Y?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:B}):null,a(t.Root,{id:ce,name:ae,items:Oe,multiple:ge,value:Ve,onValueChange:e=>{!function commit(e){void 0===$&&xe(e),T?.(ge?e:e[0]??null)}((null===e?[]:Array.isArray(e)?e:[e]).map(e=>e.value))},onInputValueChange:e=>{we(e),q?.(e)},open:le,defaultOpen:te,onOpenChange:e=>se?.(e),autoHighlight:!0,itemToStringLabel:e=>e.label,itemToStringValue:e=>String(e.value),isItemEqualToValue:(e,a)=>e.value===a.value,limit:H,disabled:Y,readOnly:Z,required:ee,children:[a(t.InputGroup,{className:_e,children:[U?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:U}):null,ge?e(t.Chips,{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:e(t.Value,{children:s=>a(l.Fragment,{children:[s.map(a=>e(t.Chip,{render:e(n,{variant:"glass",size:x,color:be,density:"compact",disabled:Y,endIcon:Z||Y?null:e(t.ChipRemove,{"aria-label":re(a.label),className:d,children:e(o,{})})}),children:a.label},String(a.value))),renderInput(s.length>0)]})})}):renderInput(!1),D&&!Z?e(t.Clear,{"aria-label":ie,className:z,children:e(o,{})}):null,e(t.Trigger,{"aria-label":ne,className:z,children:e(t.Icon,{className:p("flex items-center","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[popup-open]:rotate-180"),children:e(r,{})})})]}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-50 [outline:none]",sideOffset:6,children:a(t.Popup,{className:p(V,L[x],u[x]),style:I(be,3),children:[e(t.Empty,{className:"px-2 py-1.5 text-(--plass-muted-fg) empty:hidden",children:G}),e(t.List,{children:s=>e(t.Item,{value:s,disabled:s.disabled,className:_,children:s.custom?a(l.Fragment,{children:[e("span",{className:"absolute start-1.5 flex size-4 items-center justify-center text-(--p-accent) [&_svg]:size-4",children:e(c,{})}),e("span",{className:"truncate",children:F?F(s.label):`Add “${s.label}”`})]}):a(l.Fragment,{children:[e(t.ItemIndicator,{className:"absolute start-1.5 flex size-4 items-center justify-center",children:e(i,{})}),e("span",{className:"truncate",children:s.label})]})},`${s.custom?"custom:":""}${String(s.value)}`)})]})})})]}),J?e(s.Description,{className:p(w[x],"text-(--plass-muted-fg)"),children:J}):null,pe?e(s.Error,{match:!0,className:p(w[x],"text-(--p-accent)"),children:K}):null]})}
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Combobox as t}from"@base-ui/react/combobox";import{Field as s}from"@base-ui/react/field";import{PlChip as n}from"../chip/PlChip.js";import{CheckIcon as r,ChevronIcon as i,CloseIcon as o,PlusIcon as c}from"../../internal/icons.js";import{chipRemoveClasses as d,controlHeightClasses as m,controlTextLeadingClasses as u,cx as p,disabledClasses as h,fieldReadOnlyClasses as b,fieldRestClasses as g,focusWithinRingClasses as f,gapClasses as v,glassClasses as x,hasContent as y,iconClasses as N,metaTextClasses as w,paddingXClasses as C,radiusClasses as L,stackGapClasses as j,surfaceSlots as I,transitionClasses as S}from"../../internal/styles.js";const A=/* @__PURE__ */["group relative flex w-full cursor-text items-center","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",S,f,N].join(" "),O={xs:"min-h-6 py-0",sm:"min-h-8 py-0.5",md:"min-h-10 py-1",lg:"min-h-12 py-1.5",xl:"min-h-14 py-2"},V=/* @__PURE__ */[x,"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain","w-[var(--anchor-width)] border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]"].join(" "),z=/* @__PURE__ */["relative flex cursor-pointer items-center gap-2 select-none","rounded-(--plass-radius-xs) py-1.5 pe-2 ps-7",S,"data-[highlighted]:bg-(--p-soft-hover) data-[highlighted]:text-(--p-accent)","data-[selected]:font-semibold data-[selected]:text-(--p-accent)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]"].join(" "),_=/* @__PURE__ */["inline-flex h-[1lh] shrink-0 cursor-pointer items-center justify-center","rounded-(--plass-radius-xs) text-(--plass-muted-fg)","[transition:color_var(--plass-duration)_var(--plass-ease)]","hover:text-(--p-accent)","focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:1px]","disabled:cursor-not-allowed disabled:opacity-50"].join(" ");function toArray(e){return null==e?[]:Array.isArray(e)?e.slice():[e]}export function PlCombobox({variant:f="glass",size:x="md",color:N="primary",density:S="default",elevation:M=0,items:P,multiple:R,value:$,defaultValue:k,onValueChange:T,onInputValueChange:q,allowCustom:E=!0,customLabel:F,clearable:D=!1,emptyMessage:G="No matches",limit:H,placeholder:W,label:B,description:J,error:K,invalid:Q,startIcon:U,fullWidth:X=!1,disabled:Y=!1,readOnly:Z=!1,required:ee=!1,name:ae,open:le,defaultOpen:te,onOpenChange:se,openLabel:ne="Open",clearLabel:re="Clear",removeLabel:ie=e=>`Remove ${e}`,inputRef:oe,id:ce,className:de,style:me,...ue}){const pe=y(K),he=Q??pe,be=he?"danger":N,ge=!0===R,fe=l.useMemo(()=>P.map(e=>({value:e.value,label:e.label??String(e.value),disabled:e.disabled})),[P]),[ve,xe]=l.useState(()=>toArray(k)),ye=void 0===$?ve:toArray($),[Ne,we]=l.useState(""),Ce=l.useMemo(()=>new Map(fe.map(e=>[e.value,e])),[fe]),Le=l.useCallback(e=>Ce.get(e)??{value:e,label:String(e),custom:!0},[Ce]),je=Ne.trim(),Ie=je.toLocaleLowerCase(),Se=""===je||fe.some(e=>e.label.toLocaleLowerCase()===Ie||String(e.value).toLocaleLowerCase()===Ie)||ye.some(e=>String(e).toLocaleLowerCase()===Ie),Ae=!E||Z||Y||Se?null:je,Oe=l.useMemo(()=>null===Ae?fe:[...fe,{value:Ae,label:Ae,custom:!0}],[fe,Ae]),Ve=ge?ye.map(Le):ye.length>0?Le(ye[0]):null,ze=p(A,u[x],L[x],v[x],ge?O[x]:m[x],`${C[S][x]} pe-1.5`,Y?h[f]:Z?b[f]:g[f]),_e=/* @__PURE__ */["min-w-0 flex-1 self-stretch bg-transparent [font:inherit] text-inherit","[outline:none]","placeholder:text-(--plass-muted-fg)","caret-(--p-accent) selection:bg-(--p-soft-press)","disabled:cursor-not-allowed"].join(" "),renderInput=a=>e(t.Input,{ref:oe,placeholder:W,className:p(_e,ge&&"min-w-16",ge&&a&&"ms-1.5")});return a(s.Root,{disabled:Y,invalid:he,className:p("flex-col align-top",j[x],X?"flex w-full":"inline-flex",de),style:{...I(be,M),...me},...ue,children:[B?e(s.Label,{className:p(w[x],"font-semibold",Y?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:B}):null,a(t.Root,{id:ce,name:ae,items:Oe,multiple:ge,value:Ve,onValueChange:e=>{!function commit(e){void 0===$&&xe(e),T?.(ge?e:e[0]??null)}((null===e?[]:Array.isArray(e)?e:[e]).map(e=>e.value))},onInputValueChange:e=>{we(e),q?.(e)},open:le,defaultOpen:te,onOpenChange:e=>se?.(e),autoHighlight:!0,itemToStringLabel:e=>e.label,itemToStringValue:e=>String(e.value),isItemEqualToValue:(e,a)=>e.value===a.value,limit:H,disabled:Y,readOnly:Z,required:ee,children:[a(t.InputGroup,{className:ze,children:[U?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:U}):null,ge?e(t.Chips,{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:e(t.Value,{children:s=>a(l.Fragment,{children:[s.map(a=>e(t.Chip,{render:e(n,{variant:"glass",size:x,color:be,density:"compact",disabled:Y,endIcon:Z||Y?null:e(t.ChipRemove,{"aria-label":ie(a.label),className:d,children:e(o,{})})}),children:a.label},String(a.value))),renderInput(s.length>0)]})})}):renderInput(!1),D&&!Z?e(t.Clear,{"aria-label":re,className:_,children:e(o,{})}):null,e(t.Trigger,{"aria-label":ne,className:_,children:e(t.Icon,{className:p("flex items-center","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[popup-open]:rotate-180"),children:e(i,{})})})]}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",sideOffset:6,children:a(t.Popup,{className:p(V,L[x],u[x]),style:I(be,3),children:[e(t.Empty,{className:"px-2 py-1.5 text-(--plass-muted-fg) empty:hidden",children:G}),e(t.List,{children:s=>e(t.Item,{value:s,disabled:s.disabled,className:z,children:s.custom?a(l.Fragment,{children:[e("span",{className:"absolute start-1.5 flex size-4 items-center justify-center text-(--p-accent) [&_svg]:size-4",children:e(c,{})}),e("span",{className:"truncate",children:F?F(s.label):`Add “${s.label}”`})]}):a(l.Fragment,{children:[e(t.ItemIndicator,{className:"absolute start-1.5 flex size-4 items-center justify-center",children:e(r,{})}),e("span",{className:"truncate",children:s.label})]})},`${s.custom?"custom:":""}${String(s.value)}`)})]})})})]}),J?e(s.Description,{className:p(w[x],"text-(--plass-muted-fg)"),children:J}):null,pe?e(s.Error,{match:!0,className:p(w[x],"text-(--p-accent)"),children:K}):null]})}

package/dist/components/drawer/PlDrawer.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as l,Fragment as e}from"react/jsx-runtime";import{Dialog as r}from"@base-ui/react/dialog";import{CloseIcon as a}from"../../internal/icons.js";import{cx as o,focusRingClasses as d,glassClasses as i,hasContent as t,metaTextClasses as n,sheetBodyClasses as u,sheetHeaderGapClasses as p,sheetLineClasses as m,sheetPaddingXClasses as c,sheetPaddingYClasses as x,sheetSectionGapClasses as f,sheetTitleClasses as g,surfaceSlots as h}from"../../internal/styles.js";const b={xs:"w-56",sm:"w-64",md:"w-80",lg:"w-96",xl:"w-[28rem]"},v={left:{xs:"rounded-r-(--plass-radius-xs)",sm:"rounded-r-(--plass-radius-sm)",md:"rounded-r-(--plass-radius-md)",lg:"rounded-r-(--plass-radius-lg)",xl:"rounded-r-(--plass-radius-xl)"},right:{xs:"rounded-l-(--plass-radius-xs)",sm:"rounded-l-(--plass-radius-sm)",md:"rounded-l-(--plass-radius-md)",lg:"rounded-l-(--plass-radius-lg)",xl:"rounded-l-(--plass-radius-xl)"},top:{xs:"rounded-b-(--plass-radius-xs)",sm:"rounded-b-(--plass-radius-sm)",md:"rounded-b-(--plass-radius-md)",lg:"rounded-b-(--plass-radius-lg)",xl:"rounded-b-(--plass-radius-xl)"},bottom:{xs:"rounded-t-(--plass-radius-xs)",sm:"rounded-t-(--plass-radius-sm)",md:"rounded-t-(--plass-radius-md)",lg:"rounded-t-(--plass-radius-lg)",xl:"rounded-t-(--plass-radius-xl)"}},y={left:"border-r",right:"border-l",top:"border-b",bottom:"border-t"},w={left:"flex-row justify-start",right:"flex-row justify-end",top:"flex-col justify-start",bottom:"flex-col justify-end"},j=/* @__PURE__ */[i,"relative flex flex-col overflow-hidden","text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[outline:none]"].join(" "),N=/* @__PURE__ */["[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),k=/* @__PURE__ */["fixed inset-0 z-50 bg-(--plass-scrim)","[backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]",N].join(" "),C=/* @__PURE__ */["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",d].join(" ");export const PlDrawerClose=r.Close;export function PlDrawer({side:d="left",mode:i="overlay",size:_="md",color:$="primary",density:z="default",open:D,defaultOpen:P,onOpenChange:O,trigger:T,title:B,description:F,actions:L,dividers:R=!1,showClose:V,closeLabel:q="Close",extent:A,rounded:E=!0,modal:G=!0,dismissible:H=!0,className:I,style:J,children:K,...M}){const Q="overlay"===i,S="left"===d||"right"===d,U=V??Q,W=c[z][_],X=x[z][_],Y=R?`${W} ${X}`:W,Z=t(B)||t(F),ss=t(L),ls=void 0===A?null:{[S?"width":"height"]:"number"==typeof A?`${A}px`:A},es=o(j,u[_],y[d],E?v[d][_]:"",Q?"[box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)]":"[box-shadow:var(--plass-gloss-glass)]",Q?N:"",S?`h-full max-w-full ${void 0===A?b[_]:""}`:"w-full "+(void 0===A?"max-h-[85%]":""),R?"":`${X} ${f[_]}`,I),rs=Q?r.Title:"h2",as=Q?r.Description:"p",os=l(e,{children:[Z||U?l("div",{className:o("flex shrink-0 items-start gap-3",Y),children:[l("div",{className:o("flex min-w-0 flex-1 flex-col",p[_]),children:[t(B)?s(rs,{className:o("m-0 font-semibold",g[_]),children:B}):null,t(F)?s(as,{className:o("m-0 text-(--plass-muted-fg)",n[_]),children:F}):null]}),U?Q?s(r.Close,{"aria-label":q,className:C,children:s(a,{})}):s("button",{type:"button","aria-label":q,className:C,onClick:()=>O?.(!1),children:s(a,{})}):null]}):null,t(K)?s("div",{className:o("min-h-0 flex-1 overflow-y-auto overscroll-contain",Y,R&&(Z||U)?m:"",R?"":"-my-1 py-1"),children:K}):null,ss?s("div",{className:o("flex shrink-0 flex-wrap items-center justify-end gap-2",Y,R?m:""),children:L}):null]});return Q?l(r.Root,{open:D,defaultOpen:P,modal:G,disablePointerDismissal:!H,onOpenChange:(s,l)=>{H||s||"escape-key"!==l.reason?O?.(s):l.cancel()},children:[T?s(r.Trigger,{render:T}):null,l(r.Portal,{children:[s(r.Backdrop,{className:`plass-portal ${k}`}),s(r.Viewport,{className:o("plass-portal fixed inset-0 z-50 flex",w[d]),children:s(r.Popup,{className:es,style:{...h($,3),...ls,...J},...M,children:os})})]})]}):D??P??!0?s("div",{className:es,style:{...h($,0),...ls,...J},...M,children:os}):null}
+"use client";import{jsx as s,jsxs as l,Fragment as e}from"react/jsx-runtime";import{Dialog as r}from"@base-ui/react/dialog";import{CloseIcon as a}from"../../internal/icons.js";import{cx as o,focusRingClasses as d,glassClasses as i,hasContent as t,metaTextClasses as n,sheetBodyClasses as p,sheetHeaderGapClasses as u,sheetLineClasses as m,sheetPaddingXClasses as c,sheetPaddingYClasses as x,sheetSectionGapClasses as f,sheetTitleClasses as g,surfaceSlots as h}from"../../internal/styles.js";const b={xs:"w-56",sm:"w-64",md:"w-80",lg:"w-96",xl:"w-[28rem]"},v={left:{xs:"rounded-r-(--plass-radius-xs)",sm:"rounded-r-(--plass-radius-sm)",md:"rounded-r-(--plass-radius-md)",lg:"rounded-r-(--plass-radius-lg)",xl:"rounded-r-(--plass-radius-xl)"},right:{xs:"rounded-l-(--plass-radius-xs)",sm:"rounded-l-(--plass-radius-sm)",md:"rounded-l-(--plass-radius-md)",lg:"rounded-l-(--plass-radius-lg)",xl:"rounded-l-(--plass-radius-xl)"},top:{xs:"rounded-b-(--plass-radius-xs)",sm:"rounded-b-(--plass-radius-sm)",md:"rounded-b-(--plass-radius-md)",lg:"rounded-b-(--plass-radius-lg)",xl:"rounded-b-(--plass-radius-xl)"},bottom:{xs:"rounded-t-(--plass-radius-xs)",sm:"rounded-t-(--plass-radius-sm)",md:"rounded-t-(--plass-radius-md)",lg:"rounded-t-(--plass-radius-lg)",xl:"rounded-t-(--plass-radius-xl)"}},y={left:"border-r",right:"border-l",top:"border-b",bottom:"border-t"},w={left:"flex-row justify-start",right:"flex-row justify-end",top:"flex-col justify-start",bottom:"flex-col justify-end"},j=/* @__PURE__ */[i,"relative flex flex-col overflow-hidden","text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[outline:none]"].join(" "),N=/* @__PURE__ */["[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),k=/* @__PURE__ */["fixed inset-0 z-(--plass-z-portal) bg-(--plass-scrim)","[backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]",N].join(" "),C=/* @__PURE__ */["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",d].join(" ");export const PlDrawerClose=r.Close;export function PlDrawer({side:d="left",mode:i="overlay",size:_="md",color:z="primary",density:$="default",open:D,defaultOpen:P,onOpenChange:O,trigger:T,title:B,description:F,actions:L,dividers:R=!1,showClose:V,closeLabel:q="Close",extent:A,rounded:E=!0,modal:G=!0,dismissible:H=!0,className:I,style:J,children:K,...M}){const Q="overlay"===i,S="left"===d||"right"===d,U=V??Q,W=c[$][_],X=x[$][_],Y=R?`${W} ${X}`:W,Z=t(B)||t(F),ss=t(L),ls=void 0===A?null:{[S?"width":"height"]:"number"==typeof A?`${A}px`:A},es=o(j,p[_],y[d],E?v[d][_]:"",Q?"[box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)]":"[box-shadow:var(--plass-gloss-glass)]",Q?N:"",S?`h-full max-w-full ${void 0===A?b[_]:""}`:"w-full "+(void 0===A?"max-h-[85%]":""),R?"":`${X} ${f[_]}`,I),rs=Q?r.Title:"h2",as=Q?r.Description:"p",os=l(e,{children:[Z||U?l("div",{className:o("flex shrink-0 items-start gap-3",Y),children:[l("div",{className:o("flex min-w-0 flex-1 flex-col",u[_]),children:[t(B)?s(rs,{className:o("m-0 font-semibold",g[_]),children:B}):null,t(F)?s(as,{className:o("m-0 text-(--plass-muted-fg)",n[_]),children:F}):null]}),U?Q?s(r.Close,{"aria-label":q,className:C,children:s(a,{})}):s("button",{type:"button","aria-label":q,className:C,onClick:()=>O?.(!1),children:s(a,{})}):null]}):null,t(K)?s("div",{className:o("min-h-0 flex-1 overflow-y-auto overscroll-contain",Y,R&&(Z||U)?m:"",R?"":"-my-1 py-1"),children:K}):null,ss?s("div",{className:o("flex shrink-0 flex-wrap items-center justify-end gap-2",Y,R?m:""),children:L}):null]});return Q?l(r.Root,{open:D,defaultOpen:P,modal:G,disablePointerDismissal:!H,onOpenChange:(s,l)=>{H||s||"escape-key"!==l.reason?O?.(s):l.cancel()},children:[T?s(r.Trigger,{render:T}):null,l(r.Portal,{children:[s(r.Backdrop,{className:`plass-portal ${k}`}),s(r.Viewport,{className:o("plass-portal fixed inset-0 z-(--plass-z-portal) flex",w[d]),children:s(r.Popup,{className:es,style:{...h(z,3),...ls,...J},...M,children:os})})]})]}):D??P??!0?s("div",{className:es,style:{...h(z,0),...ls,...J},...M,children:os}):null}

package/dist/components/menu/PlMenu.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as s,Fragment as l}from"react/jsx-runtime";import*as n from"react";import{Menu as a}from"@base-ui/react/menu";import{ContextMenu as t}from"@base-ui/react/context-menu";import{MenuContext as o}from"../../internal/menu.js";import{CheckIcon as r,ChevronIcon as i,DotIcon as c}from"../../internal/icons.js";import{controlTextLeadingClasses as d,cx as p,gapClasses as u,glassClasses as m,hasContent as h,iconClasses as x,metaTextClasses as f,radiusClasses as g,surfaceSlots as y,transitionClasses as b}from"../../internal/styles.js";const C=/* @__PURE__ */[m,"max-h-[min(24rem,var(--available-height))] min-w-40 overflow-y-auto overscroll-contain","border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),N={default:{xs:"px-1.5 py-0.5",sm:"px-2 py-1",md:"px-2.5 py-1.5",lg:"px-3 py-2",xl:"px-3.5 py-2.5"},compact:{xs:"px-1 py-0.5",sm:"px-1.5 py-0.5",md:"px-2 py-1",lg:"px-2.5 py-1",xl:"px-3 py-1.5"}},v={xs:g.xs,sm:g.xs,md:g.sm,lg:g.sm,xl:g.md};function rowClasses(e,s,l,n){return p("relative flex w-full cursor-pointer items-center select-none",l?"text-(--p-accent)":"text-(--plass-fg)",N[s][e],v[e],u[e],d[e],b,x,"data-[highlighted]:bg-(--p-soft-hover)","data-[popup-open]:bg-(--p-soft)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]",n)}const k="flex h-[1lh] w-[1.2em] shrink-0 items-center justify-center";function shortcutClasses(e){return p("ms-2 shrink-0 text-(--plass-muted-fg) tabular-nums",f[e])}function RowBody({children:l,description:n,size:a}){return h(n)?s("span",{className:"flex min-w-0 flex-1 flex-col text-start",children:[e("span",{className:"truncate",children:l}),e("span",{className:p("truncate text-(--plass-muted-fg)",f[a]),children:n})]}):e("span",{className:"min-w-0 flex-1 truncate text-start",children:l})}export function PlMenuItem({onClick:t,href:r,target:i,startIcon:c,endIcon:d,shortcut:u,description:m,color:x,closeOnClick:f=!0,disabled:g=!1,label:b,children:C,className:N,style:v}){const{size:w,density:O}=n.useContext(o),P=s(l,{children:[h(c)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:c}):null,e(RowBody,{description:m,size:w,children:C}),h(d)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:d}):null,h(u)?e("span",{className:shortcutClasses(w),children:u}):null]}),z=x?y(x,0):void 0,I=z||v?{...z,...v}:void 0;return void 0!==r?e(a.LinkItem,{href:r,target:i,label:b,closeOnClick:f,onClick:t,className:rowClasses(w,O,Boolean(x),N),style:I,children:P}):e(a.Item,{disabled:g,label:b,closeOnClick:f,onClick:t,className:rowClasses(w,O,Boolean(x),N),style:I,children:P})}export function PlMenuCheckboxItem({checked:l,defaultChecked:t,onCheckedChange:i,endIcon:c,shortcut:d,description:u,color:m,closeOnClick:x=!1,disabled:f=!1,label:g,children:b,className:C,style:N}){const{size:v,density:w}=n.useContext(o),O=m?y(m,0):void 0;return s(a.CheckboxItem,{checked:l,defaultChecked:t,onCheckedChange:e=>i?.(e),disabled:f,label:g,closeOnClick:x,className:rowClasses(v,w,Boolean(m),C),style:O||N?{...O,...N}:void 0,children:[e("span",{className:p(k,"text-(--p-accent)"),children:e(a.CheckboxItemIndicator,{className:"flex items-center justify-center",children:e(r,{})})}),e(RowBody,{description:u,size:v,children:b}),h(c)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:c}):null,h(d)?e("span",{className:shortcutClasses(v),children:d}):null]})}export function PlMenuRadioGroup({value:s,defaultValue:l,onValueChange:n,disabled:t=!1,children:o,className:r}){return e(a.RadioGroup,{value:s,defaultValue:l,onValueChange:e=>n?.(e),disabled:t,className:r,children:o})}export function PlMenuRadioItem({value:l,endIcon:t,shortcut:r,description:i,color:d,closeOnClick:u=!1,disabled:m=!1,label:x,children:f,className:g,style:b}){const{size:C,density:N}=n.useContext(o),v=d?y(d,0):void 0;return s(a.RadioItem,{value:l,disabled:m,label:x,closeOnClick:u,className:rowClasses(C,N,Boolean(d),g),style:v||b?{...v,...b}:void 0,children:[e("span",{className:p(k,"text-(--p-accent)"),children:e(a.RadioItemIndicator,{className:"flex items-center justify-center",children:e(c,{})})}),e(RowBody,{description:i,size:C,children:f}),h(t)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:t}):null,h(r)?e("span",{className:shortcutClasses(C),children:r}):null]})}export function PlMenuGroup({label:l,children:t,className:r}){const{size:i,density:c}=n.useContext(o);return s(a.Group,{className:r,children:[h(l)?e(a.GroupLabel,{className:p(N[c][i],f[i],"font-semibold tracking-wide text-(--plass-muted-fg) uppercase"),children:l}):null,t]})}export function PlMenuSeparator({className:s,...l}){return e(a.Separator,{className:p("-mx-1 my-1 h-px bg-(--plass-divider)",s),...l})}export function PlMenuSubmenu({label:l,startIcon:t,disabled:r=!1,side:c="right",sideOffset:u=4,children:m,className:x,style:f}){const{size:b,density:N,color:v}=n.useContext(o);return s(a.SubmenuRoot,{children:[s(a.SubmenuTrigger,{disabled:r,className:rowClasses(b,N,!1),children:[h(t)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:t}):null,e("span",{className:"min-w-0 flex-1 truncate text-start",children:l}),e("span",{className:p(k,"text-(--plass-muted-fg) -rotate-90"),children:e(i,{})})]}),e(a.Portal,{children:e(a.Positioner,{className:"plass-portal z-50 [outline:none]",side:c,sideOffset:u,align:"start",children:e(a.Popup,{className:p(C,g[b],d[b],x),style:{...y(v,3),...f},children:m})})})]})}export function PlMenu({size:l="md",color:t="primary",density:r="default",trigger:i,open:c,defaultOpen:u,onOpenChange:m,side:h="bottom",align:x="start",sideOffset:f=6,modal:b=!0,openOnHover:N=!1,loopFocus:v=!0,disabled:k=!1,className:w,style:O,children:P}){const z=n.useMemo(()=>({size:l,color:t,density:r}),[l,t,r]);return e(o.Provider,{value:z,children:s(a.Root,{open:c,defaultOpen:u,onOpenChange:e=>m?.(e),modal:b,loopFocus:v,disabled:k,children:[i?e(a.Trigger,{render:i,openOnHover:N,disabled:k}):null,e(a.Portal,{children:e(a.Positioner,{className:"plass-portal z-50 [outline:none]",side:h,align:x,sideOffset:f,children:e(a.Popup,{className:p(C,g[l],d[l],w),style:{...y(t,3),...O},children:P})})})]})})}export function PlContextMenu({size:l="md",color:a="primary",density:r="default",content:i,children:c,open:u,defaultOpen:m,onOpenChange:h,loopFocus:x=!0,disabled:f=!1,className:b,style:N}){const v=n.useMemo(()=>({size:l,color:a,density:r}),[l,a,r]);return e(o.Provider,{value:v,children:s(t.Root,{open:u,defaultOpen:m,onOpenChange:e=>h?.(e),loopFocus:x,disabled:f,children:[e(t.Trigger,{children:c}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-50 [outline:none]",children:e(t.Popup,{className:p(C,g[l],d[l],b),style:{...y(a,3),...N},children:i})})})]})})}
+"use client";import{jsx as e,jsxs as s,Fragment as l}from"react/jsx-runtime";import*as a from"react";import{Menu as n}from"@base-ui/react/menu";import{ContextMenu as t}from"@base-ui/react/context-menu";import{MenuContext as o}from"../../internal/menu.js";import{CheckIcon as r,ChevronIcon as i,DotIcon as c}from"../../internal/icons.js";import{controlTextLeadingClasses as d,cx as p,gapClasses as u,glassClasses as m,hasContent as h,iconClasses as x,metaTextClasses as f,radiusClasses as g,surfaceSlots as y,transitionClasses as b}from"../../internal/styles.js";const C=/* @__PURE__ */[m,"max-h-[min(24rem,var(--available-height))] min-w-40 overflow-y-auto overscroll-contain","border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),N={default:{xs:"px-1.5 py-0.5",sm:"px-2 py-1",md:"px-2.5 py-1.5",lg:"px-3 py-2",xl:"px-3.5 py-2.5"},compact:{xs:"px-1 py-0.5",sm:"px-1.5 py-0.5",md:"px-2 py-1",lg:"px-2.5 py-1",xl:"px-3 py-1.5"}},v={xs:g.xs,sm:g.xs,md:g.sm,lg:g.sm,xl:g.md};function rowClasses(e,s,l,a){return p("relative flex w-full cursor-pointer items-center select-none",l?"text-(--p-accent)":"text-(--plass-fg)",N[s][e],v[e],u[e],d[e],b,x,"data-[highlighted]:bg-(--p-soft-hover)","data-[popup-open]:bg-(--p-soft)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]",a)}const k="flex h-[1lh] w-[1.2em] shrink-0 items-center justify-center";function shortcutClasses(e){return p("ms-2 shrink-0 text-(--plass-muted-fg) tabular-nums",f[e])}function RowBody({children:l,description:a,size:n}){return h(a)?s("span",{className:"flex min-w-0 flex-1 flex-col text-start",children:[e("span",{className:"truncate",children:l}),e("span",{className:p("truncate text-(--plass-muted-fg)",f[n]),children:a})]}):e("span",{className:"min-w-0 flex-1 truncate text-start",children:l})}export function PlMenuItem({onClick:t,href:r,target:i,startIcon:c,endIcon:d,shortcut:u,description:m,color:x,closeOnClick:f=!0,disabled:g=!1,label:b,children:C,className:N,style:v}){const{size:w,density:O}=a.useContext(o),P=s(l,{children:[h(c)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:c}):null,e(RowBody,{description:m,size:w,children:C}),h(d)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:d}):null,h(u)?e("span",{className:shortcutClasses(w),children:u}):null]}),z=x?y(x,0):void 0,I=z||v?{...z,...v}:void 0;return void 0!==r?e(n.LinkItem,{href:r,target:i,label:b,closeOnClick:f,onClick:t,className:rowClasses(w,O,Boolean(x),N),style:I,children:P}):e(n.Item,{disabled:g,label:b,closeOnClick:f,onClick:t,className:rowClasses(w,O,Boolean(x),N),style:I,children:P})}export function PlMenuCheckboxItem({checked:l,defaultChecked:t,onCheckedChange:i,endIcon:c,shortcut:d,description:u,color:m,closeOnClick:x=!1,disabled:f=!1,label:g,children:b,className:C,style:N}){const{size:v,density:w}=a.useContext(o),O=m?y(m,0):void 0;return s(n.CheckboxItem,{checked:l,defaultChecked:t,onCheckedChange:e=>i?.(e),disabled:f,label:g,closeOnClick:x,className:rowClasses(v,w,Boolean(m),C),style:O||N?{...O,...N}:void 0,children:[e("span",{className:p(k,"text-(--p-accent)"),children:e(n.CheckboxItemIndicator,{className:"flex items-center justify-center",children:e(r,{})})}),e(RowBody,{description:u,size:v,children:b}),h(c)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:c}):null,h(d)?e("span",{className:shortcutClasses(v),children:d}):null]})}export function PlMenuRadioGroup({value:s,defaultValue:l,onValueChange:a,disabled:t=!1,children:o,className:r}){return e(n.RadioGroup,{value:s,defaultValue:l,onValueChange:e=>a?.(e),disabled:t,className:r,children:o})}export function PlMenuRadioItem({value:l,endIcon:t,shortcut:r,description:i,color:d,closeOnClick:u=!1,disabled:m=!1,label:x,children:f,className:g,style:b}){const{size:C,density:N}=a.useContext(o),v=d?y(d,0):void 0;return s(n.RadioItem,{value:l,disabled:m,label:x,closeOnClick:u,className:rowClasses(C,N,Boolean(d),g),style:v||b?{...v,...b}:void 0,children:[e("span",{className:p(k,"text-(--p-accent)"),children:e(n.RadioItemIndicator,{className:"flex items-center justify-center",children:e(c,{})})}),e(RowBody,{description:i,size:C,children:f}),h(t)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:t}):null,h(r)?e("span",{className:shortcutClasses(C),children:r}):null]})}export function PlMenuGroup({label:l,children:t,className:r}){const{size:i,density:c}=a.useContext(o);return s(n.Group,{className:r,children:[h(l)?e(n.GroupLabel,{className:p(N[c][i],f[i],"font-semibold tracking-wide text-(--plass-muted-fg) uppercase"),children:l}):null,t]})}export function PlMenuSeparator({className:s,...l}){return e(n.Separator,{className:p("-mx-1 my-1 h-px bg-(--plass-divider)",s),...l})}export function PlMenuSubmenu({label:l,startIcon:t,disabled:r=!1,side:c="right",sideOffset:u=4,children:m,className:x,style:f}){const{size:b,density:N,color:v}=a.useContext(o);return s(n.SubmenuRoot,{children:[s(n.SubmenuTrigger,{disabled:r,className:rowClasses(b,N,!1),children:[h(t)?e("span",{className:p(k,"text-(--plass-muted-fg)"),children:t}):null,e("span",{className:"min-w-0 flex-1 truncate text-start",children:l}),e("span",{className:p(k,"text-(--plass-muted-fg) -rotate-90"),children:e(i,{})})]}),e(n.Portal,{children:e(n.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",side:c,sideOffset:u,align:"start",children:e(n.Popup,{className:p(C,g[b],d[b],x),style:{...y(v,3),...f},children:m})})})]})}export function PlMenu({size:l="md",color:t="primary",density:r="default",trigger:i,open:c,defaultOpen:u,onOpenChange:m,side:h="bottom",align:x="start",sideOffset:f=6,modal:b=!0,openOnHover:N=!1,loopFocus:v=!0,disabled:k=!1,className:w,style:O,children:P}){const z=a.useMemo(()=>({size:l,color:t,density:r}),[l,t,r]);return e(o.Provider,{value:z,children:s(n.Root,{open:c,defaultOpen:u,onOpenChange:e=>m?.(e),modal:b,loopFocus:v,disabled:k,children:[i?e(n.Trigger,{render:i,openOnHover:N,disabled:k}):null,e(n.Portal,{children:e(n.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",side:h,align:x,sideOffset:f,children:e(n.Popup,{className:p(C,g[l],d[l],w),style:{...y(t,3),...O},children:P})})})]})})}export function PlContextMenu({size:l="md",color:n="primary",density:r="default",content:i,children:c,open:u,defaultOpen:m,onOpenChange:h,loopFocus:x=!0,disabled:f=!1,className:b,style:N}){const v=a.useMemo(()=>({size:l,color:n,density:r}),[l,n,r]);return e(o.Provider,{value:v,children:s(t.Root,{open:u,defaultOpen:m,onOpenChange:e=>h?.(e),loopFocus:x,disabled:f,children:[e(t.Trigger,{children:c}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",children:e(t.Popup,{className:p(C,g[l],d[l],b),style:{...y(n,3),...N},children:i})})})]})})}

package/dist/components/modal/PlModal.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Dialog as s}from"@base-ui/react/dialog";import{CloseIcon as a}from"../../internal/icons.js";import{focusRingClasses as i,glassClasses as o,hasContent as r,metaTextClasses as t,radiusClasses as n,sheetBodyClasses as d,sheetHeaderGapClasses as c,sheetLineClasses as p,sheetPaddingXClasses as m,sheetPaddingYClasses as f,sheetSectionGapClasses as u,sheetTitleClasses as x,surfaceSlots as h}from"../../internal/styles.js";const g={xs:"max-w-80",sm:"max-w-96",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl"},v=/* @__PURE__ */[o,"relative flex w-full flex-col overflow-hidden","border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),y=/* @__PURE__ */["fixed inset-0 z-50 bg-(--plass-scrim)","[backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export const PlModalClose=s.Close;export function PlModal({size:o="md",color:b="primary",density:w="default",open:j,defaultOpen:$,onOpenChange:N,trigger:k,title:_,description:C,actions:z,dividers:P=!1,showClose:B=!0,closeLabel:O="Close",width:D,fullWidth:M=!0,fullScreen:T=!1,modal:W=!0,dismissible:L=!0,className:R,style:S,children:V,...q}){const A=m[w][o],E=f[w][o],F=P?`${A} ${E}`:A,G=r(_)||r(C),H=r(z);return l(s.Root,{open:j,defaultOpen:$,modal:W,disablePointerDismissal:!L,onOpenChange:(e,l)=>{L||e||"escape-key"!==l.reason?N?.(e):l.cancel()},children:[k?e(s.Trigger,{render:k}):null,l(s.Portal,{children:[e(s.Backdrop,{className:`plass-portal ${y}`}),e(s.Viewport,{className:["plass-portal fixed inset-0 z-50 flex justify-center",T?"items-stretch":"items-center p-4"].join(" "),children:l(s.Popup,{className:[v,d[o],T?"h-full max-w-none rounded-none":`max-h-full ${n[o]} ${void 0===D?g[o]:""}`,T||M?"":"w-auto",P?"":`${E} ${u[o]}`,R??""].filter(Boolean).join(" "),style:{...h(b,3),...void 0===D?null:{maxWidth:"number"==typeof D?`${D}px`:D},...S},...q,children:[G||B?l("div",{className:`flex shrink-0 items-start gap-3 ${F}`,children:[l("div",{className:`flex min-w-0 flex-1 flex-col ${c[o]}`,children:[r(_)?e(s.Title,{className:`m-0 font-semibold ${x[o]}`,children:_}):null,r(C)?e(s.Description,{className:`m-0 text-(--plass-muted-fg) ${t[o]}`,children:C}):null]}),B?e(s.Close,{"aria-label":O,className:["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",i].join(" "),children:e(a,{})}):null]}):null,r(V)?e("div",{className:["min-h-0 flex-1 overflow-y-auto overscroll-contain",F,P&&(G||B)?p:"",P?"":"-my-1 py-1"].filter(Boolean).join(" "),children:V}):null,H?e("div",{className:["flex shrink-0 flex-wrap items-center justify-end gap-2",F,P?p:""].filter(Boolean).join(" "),children:z}):null]})})]})]})}
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{Dialog as s}from"@base-ui/react/dialog";import{CloseIcon as a}from"../../internal/icons.js";import{focusRingClasses as i,glassClasses as o,hasContent as r,metaTextClasses as t,radiusClasses as n,sheetBodyClasses as d,sheetHeaderGapClasses as c,sheetLineClasses as p,sheetPaddingXClasses as m,sheetPaddingYClasses as f,sheetSectionGapClasses as u,sheetTitleClasses as x,surfaceSlots as h}from"../../internal/styles.js";const g={xs:"max-w-80",sm:"max-w-96",md:"max-w-lg",lg:"max-w-2xl",xl:"max-w-4xl"},v=/* @__PURE__ */[o,"relative flex w-full flex-col overflow-hidden","border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),y=/* @__PURE__ */["fixed inset-0 z-(--plass-z-portal) bg-(--plass-scrim)","[backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export const PlModalClose=s.Close;export function PlModal({size:o="md",color:b="primary",density:w="default",open:j,defaultOpen:$,onOpenChange:N,trigger:k,title:_,description:z,actions:C,dividers:P=!1,showClose:B=!0,closeLabel:O="Close",width:D,fullWidth:M=!0,fullScreen:T=!1,modal:W=!0,dismissible:L=!0,className:R,style:S,children:V,...q}){const A=m[w][o],E=f[w][o],F=P?`${A} ${E}`:A,G=r(_)||r(z),H=r(C);return l(s.Root,{open:j,defaultOpen:$,modal:W,disablePointerDismissal:!L,onOpenChange:(e,l)=>{L||e||"escape-key"!==l.reason?N?.(e):l.cancel()},children:[k?e(s.Trigger,{render:k}):null,l(s.Portal,{children:[e(s.Backdrop,{className:`plass-portal ${y}`}),e(s.Viewport,{className:["plass-portal fixed inset-0 z-(--plass-z-portal) flex justify-center",T?"items-stretch":"items-center p-4"].join(" "),children:l(s.Popup,{className:[v,d[o],T?"h-full max-w-none rounded-none":`max-h-full ${n[o]} ${void 0===D?g[o]:""}`,T||M?"":"w-auto",P?"":`${E} ${u[o]}`,R??""].filter(Boolean).join(" "),style:{...h(b,3),...void 0===D?null:{maxWidth:"number"==typeof D?`${D}px`:D},...S},...q,children:[G||B?l("div",{className:`flex shrink-0 items-start gap-3 ${F}`,children:[l("div",{className:`flex min-w-0 flex-1 flex-col ${c[o]}`,children:[r(_)?e(s.Title,{className:`m-0 font-semibold ${x[o]}`,children:_}):null,r(z)?e(s.Description,{className:`m-0 text-(--plass-muted-fg) ${t[o]}`,children:z}):null]}),B?e(s.Close,{"aria-label":O,className:["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",i].join(" "),children:e(a,{})}):null]}):null,r(V)?e("div",{className:["min-h-0 flex-1 overflow-y-auto overscroll-contain",F,P&&(G||B)?p:"",P?"":"-my-1 py-1"].filter(Boolean).join(" "),children:V}):null,H?e("div",{className:["flex shrink-0 flex-wrap items-center justify-end gap-2",F,P?p:""].filter(Boolean).join(" "),children:C}):null]})})]})]})}

package/dist/components/overlay/PlOverlay.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Dialog as s}from"@base-ui/react/dialog";import{surfaceSlots as l}from"../../internal/styles.js";const r={scrim:"bg-(--plass-scrim) [backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]",glass:/* @__PURE__ */["[background-color:color-mix(in_oklab,var(--plass-scrim)_45%,transparent)]","[backdrop-filter:var(--plass-blur)] [-webkit-backdrop-filter:var(--plass-blur)]"].join(" "),solid:"bg-(--plass-surface)",clear:""},i={start:"items-start",center:"items-center",end:"items-end"},t={xs:"p-3",sm:"p-4",md:"p-6",lg:"p-8",xl:"p-10"},n=/* @__PURE__ */["[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export function PlOverlay({open:o,defaultOpen:c,onOpenChange:p,tone:m="scrim",dismissible:d=!1,modal:f=!0,align:u="center",size:b="md",color:x="primary",label:y="Overlay",className:g,style:j,children:k,...h}){return e(s.Root,{open:o,defaultOpen:c,modal:f,disablePointerDismissal:!d,onOpenChange:(e,a)=>{d||e||"escape-key"!==a.reason?p?.(e):a.cancel()},children:a(s.Portal,{children:[e(s.Backdrop,{className:`plass-portal fixed inset-0 z-50 ${n} ${r[m]}`}),e(s.Viewport,{className:["plass-portal fixed inset-0 z-50 flex justify-center",i[u],t[b]].join(" "),children:e(s.Popup,{"aria-label":y,className:["flex max-h-full max-w-full flex-col items-center justify-center","[outline:none]",n,g??""].filter(Boolean).join(" "),style:{...l(x,0),...j},...h,children:k})})]})})}
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Dialog as s}from"@base-ui/react/dialog";import{surfaceSlots as l}from"../../internal/styles.js";const r={scrim:"bg-(--plass-scrim) [backdrop-filter:blur(2px)] [-webkit-backdrop-filter:blur(2px)]",glass:/* @__PURE__ */["[background-color:color-mix(in_oklab,var(--plass-scrim)_45%,transparent)]","[backdrop-filter:var(--plass-blur)] [-webkit-backdrop-filter:var(--plass-blur)]"].join(" "),solid:"bg-(--plass-surface)",clear:""},t={start:"items-start",center:"items-center",end:"items-end"},i={xs:"p-3",sm:"p-4",md:"p-6",lg:"p-8",xl:"p-10"},o=/* @__PURE__ */["[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export function PlOverlay({open:n,defaultOpen:p,onOpenChange:c,tone:m="scrim",dismissible:d=!1,modal:f=!0,align:u="center",size:b="md",color:x="primary",label:y="Overlay",className:g,style:j,children:k,...h}){return e(s.Root,{open:n,defaultOpen:p,modal:f,disablePointerDismissal:!d,onOpenChange:(e,a)=>{d||e||"escape-key"!==a.reason?c?.(e):a.cancel()},children:a(s.Portal,{children:[e(s.Backdrop,{className:`plass-portal fixed inset-0 z-(--plass-z-portal) ${o} ${r[m]}`}),e(s.Viewport,{className:["plass-portal fixed inset-0 z-(--plass-z-portal) flex justify-center",t[u],i[b]].join(" "),children:e(s.Popup,{"aria-label":y,className:["flex max-h-full max-w-full flex-col items-center justify-center","[outline:none]",o,g??""].filter(Boolean).join(" "),style:{...l(x,0),...j},...h,children:k})})]})})}

package/dist/components/pagination/PlPagination.d.ts

@@ -48,6 +48,29 @@ export interface PlPaginationProps extends PlassStyleProps, Omit<React.Component
      * because `disabled` is not something an `<a>` can be.
      */
     getPageHref?: (page: number) => string;
+    /**
+     * Renders each page's link as something other than an `<a>` — the `Link` a
+     * router brings, most of the time.
+     *
+     * Without it a `getPageHref` row is plain anchors, and in a single-page app
+     * every one of them is a full document load: the router never sees the press,
+     * so the whole page is fetched, parsed and booted again to change one number.
+     * The address is handed in already built, so a router's own component needs
+     * no second copy of the `getPageHref` above it.
+     *
+     * `rel="prev"` and `rel="next"` are merged onto whatever comes back, so the
+     * two steppers keep saying what they are.
+     *
+     * ```tsx
+     * <PlPagination
+     *   count={12}
+     *   page={page}
+     *   getPageHref={(to) => `/articles?page=${to}`}
+     *   renderLink={(to, href) => <Link href={href} />}
+     * />
+     * ```
+     */
+    renderLink?: (page: number, href: string) => React.ReactElement;
     /**
      * The accessible names, none of which is ever drawn.
      *

package/dist/components/pagination/PlPagination.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as t from"react";import{PlButton as n}from"../button/PlButton.js";import{ChevronIcon as r}from"../../internal/icons.js";import{controlTextClasses as l,gapClasses as i,srOnlyClasses as o}from"../../internal/styles.js";function range(e,a){return Array.from({length:Math.max(0,a-e+1)},(a,t)=>e+t)}function DoubleChevronIcon(){return e("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:e("path",{d:"m7.5 4.5 3.5 3.5-3.5 3.5M3.5 4.5 7 8l-3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}const s={xs:"h-6 min-w-6",sm:"h-8 min-w-8",md:"h-10 min-w-10",lg:"h-12 min-w-12",xl:"h-14 min-w-14"};export const PlPagination=/* @__PURE__ */t.forwardRef(function PlPagination({variant:c="ghost",size:m="md",color:u="primary",density:h="compact",elevation:d=0,count:f,page:g,defaultPage:p=1,onPageChange:x,siblingCount:b=1,boundaryCount:v=1,showEdges:y=!1,showArrows:M=!0,disabled:P=!1,getPageHref:j,label:w="Pagination",pageLabel:N=e=>`Page ${e}`,previousLabel:C="Previous page",nextLabel:L="Next page",firstLabel:k="First page",lastLabel:$="Last page",statusLabel:D=(e,a)=>`Page ${e} of ${a}`,className:I,children:K,...z},B){const[A,R]=t.useState(p),E=Math.min(Math.max(g??A,1),Math.max(f,1));if(f<2)return null;const F=function paginationRange(e,a,t,n){const r=range(1,Math.min(n,e)),l=range(Math.max(e-n+1,n+1),e),i=Math.max(Math.min(a-t,e-n-2*t-1),n+2),o=Math.min(Math.max(a+t,n+2*t+2),l.length>0?l[0]-2:e-1);return[...r,...i>n+2?["start-ellipsis"]:n+1<e-n?[n+1]:[],...range(i,o),...o<e-n-1?["end-ellipsis"]:e-n>n?[e-n]:[],...l]}(f,E,b,v),H=E<=1,S=E>=f,linkProps=(a,t,n)=>j&&!t?{render:e("a",{href:j(a),rel:n})}:null,press=(e,a)=>{e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||j&&!x||(e.preventDefault(),(e=>{const a=Math.min(Math.max(e,1),f);a!==E&&(void 0===g&&R(a),x?.(a))})(a))},stepper=(a,t,r,l,i,o,s)=>e("li",{className:"flex",children:e(n,{variant:c,size:m,color:u,density:h,elevation:d,disabled:P||l,"aria-label":t,startIcon:e("span",{className:`flex items-center ${i}`,children:o}),onClick:e=>press(e,r),...linkProps(r,P||l,s)})},a);return a("nav",{ref:B,"aria-label":w,className:["flex items-center",I??""].filter(Boolean).join(" "),...z,children:[a("ul",{role:"list",className:`m-0 flex list-none items-center p-0 ${i[m]}`,children:[y?stepper("first",k,1,H,"rotate-180 rtl:rotate-0",e(DoubleChevronIcon,{})):null,M?stepper("previous",C,E-1,H,"rotate-90 rtl:-rotate-90",e(r,{}),"prev"):null,F.map((a,t)=>e("li","number"==typeof a?{className:"flex",children:e(n,{variant:a===E?"solid":c,size:m,color:u,density:h,elevation:d,disabled:P,"aria-label":N(a),"aria-current":a===E?"page":void 0,className:"tabular-nums",onClick:e=>press(e,a),...linkProps(a,P||a===E),children:a})}:{"aria-hidden":"true",className:["flex select-none items-center justify-center","text-(--plass-muted-fg)",l[m],s[m]].join(" "),children:"…"},`slot-${t}`)),M?stepper("next",L,E+1,S,"-rotate-90 rtl:rotate-90",e(r,{}),"next"):null,y?stepper("last",$,f,S,"rtl:rotate-180",e(DoubleChevronIcon,{})):null]}),e("span",{className:o,"aria-live":"polite",children:D(E,f)}),K]})});
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{PlButton as n}from"../button/PlButton.js";import{ChevronIcon as r}from"../../internal/icons.js";import{controlTextClasses as l,gapClasses as i,srOnlyClasses as o}from"../../internal/styles.js";function range(e,t){return Array.from({length:Math.max(0,t-e+1)},(t,a)=>e+a)}function DoubleChevronIcon(){return e("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:e("path",{d:"m7.5 4.5 3.5 3.5-3.5 3.5M3.5 4.5 7 8l-3.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}const s={xs:"h-6 min-w-6",sm:"h-8 min-w-8",md:"h-10 min-w-10",lg:"h-12 min-w-12",xl:"h-14 min-w-14"};export const PlPagination=/* @__PURE__ */a.forwardRef(function PlPagination({variant:c="ghost",size:m="md",color:u="primary",density:h="compact",elevation:d=0,count:f,page:g,defaultPage:p=1,onPageChange:x,siblingCount:b=1,boundaryCount:v=1,showEdges:y=!1,showArrows:M=!0,disabled:P=!1,getPageHref:j,renderLink:w,label:L="Pagination",pageLabel:N=e=>`Page ${e}`,previousLabel:C="Previous page",nextLabel:k="Next page",firstLabel:$="First page",lastLabel:D="Last page",statusLabel:I=(e,t)=>`Page ${e} of ${t}`,className:K,children:z,...B},A){const[R,E]=a.useState(p),F=Math.min(Math.max(g??R,1),Math.max(f,1));if(f<2)return null;const H=function paginationRange(e,t,a,n){const r=range(1,Math.min(n,e)),l=range(Math.max(e-n+1,n+1),e),i=Math.max(Math.min(t-a,e-n-2*a-1),n+2),o=Math.min(Math.max(t+a,n+2*a+2),l.length>0?l[0]-2:e-1);return[...r,...i>n+2?["start-ellipsis"]:n+1<e-n?[n+1]:[],...range(i,o),...o<e-n-1?["end-ellipsis"]:e-n>n?[e-n]:[],...l]}(f,F,b,v),S=F<=1,W=F>=f,linkProps=(t,a,n)=>{if(!j||a)return null;const r=j(t);return{render:w?w(t,r):e("a",{href:r}),rel:n}},press=(e,t)=>{e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||j&&!x||(e.preventDefault(),(e=>{const t=Math.min(Math.max(e,1),f);t!==F&&(void 0===g&&E(t),x?.(t))})(t))},stepper=(t,a,r,l,i,o,s)=>e("li",{className:"flex",children:e(n,{variant:c,size:m,color:u,density:h,elevation:d,disabled:P||l,"aria-label":a,startIcon:e("span",{className:`flex items-center ${i}`,children:o}),onClick:e=>press(e,r),...linkProps(r,P||l,s)})},t);return t("nav",{ref:A,"aria-label":L,className:["flex items-center",K??""].filter(Boolean).join(" "),...B,children:[t("ul",{role:"list",className:`m-0 flex list-none items-center p-0 ${i[m]}`,children:[y?stepper("first",$,1,S,"rotate-180 rtl:rotate-0",e(DoubleChevronIcon,{})):null,M?stepper("previous",C,F-1,S,"rotate-90 rtl:-rotate-90",e(r,{}),"prev"):null,H.map((t,a)=>e("li","number"==typeof t?{className:"flex",children:e(n,{variant:t===F?"solid":c,size:m,color:u,density:h,elevation:d,disabled:P,"aria-label":N(t),"aria-current":t===F?"page":void 0,className:"tabular-nums",onClick:e=>press(e,t),...linkProps(t,P||t===F),children:t})}:{"aria-hidden":"true",className:["flex select-none items-center justify-center","text-(--plass-muted-fg)",l[m],s[m]].join(" "),children:"…"},`slot-${a}`)),M?stepper("next",k,F+1,W,"-rotate-90 rtl:rotate-90",e(r,{}),"next"):null,y?stepper("last",D,f,W,"rtl:rotate-180",e(DoubleChevronIcon,{})):null]}),e("span",{className:o,"aria-live":"polite",children:I(F,f)}),z]})});

package/dist/components/popover/PlPopover.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Popover as a}from"@base-ui/react/popover";import{CloseIcon as l}from"../../internal/icons.js";import{cx as t,focusRingClasses as o,glassClasses as r,hasContent as i,metaTextClasses as n,radiusClasses as d,sheetBodyClasses as p,sheetHeaderGapClasses as c,sheetPaddingXClasses as m,sheetPaddingYClasses as f,sheetSectionGapClasses as g,sheetTitleClasses as h,surfaceSlots as u}from"../../internal/styles.js";const x={xs:"max-w-56",sm:"max-w-64",md:"max-w-80",lg:"max-w-96",xl:"max-w-lg"},v=/* @__PURE__ */[r,"relative flex flex-col","border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),b={xs:8,sm:9,md:10,lg:11,xl:12},w=/* @__PURE__ */["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",o].join(" ");export const PlPopoverClose=a.Close;export function PlPopover({size:o="md",color:r="primary",density:y="default",trigger:N,title:k,description:j,children:O,side:P="bottom",align:_="center",sideOffset:C=6,alignOffset:z=0,arrow:L=!1,open:M,defaultOpen:T,onOpenChange:W,modal:A=!1,dismissible:B=!0,showClose:D=!1,closeLabel:E="Close",width:R,className:$,style:q,...F}){const G=m[y][o],H=f[y][o],I=b[o],J=i(k)||i(j);return s(a.Root,{open:M,defaultOpen:T,modal:A,onOpenChange:(e,s)=>{B||e||"escape-key"!==s.reason&&"outside-press"!==s.reason&&"focus-out"!==s.reason?W?.(e):s.cancel()},children:[N?e(a.Trigger,{render:N}):null,e(a.Portal,{children:e(a.Positioner,{className:"plass-portal z-50 [outline:none]",side:P,align:_,sideOffset:C,alignOffset:z,children:s(a.Popup,{className:t(v,d[o],p[o],g[o],G,H,void 0===R?x[o]:"",$),style:{...u(r,3),...void 0===R?null:{maxWidth:"number"==typeof R?`${R}px`:R},...q},...F,children:[L?e(a.Arrow,{className:t("data-[side=top]:bottom-[-1px]","data-[side=bottom]:top-[-1px] data-[side=bottom]:rotate-180","data-[side=left]:right-[-1px] data-[side=left]:-rotate-90","data-[side=right]:left-[-1px] data-[side=right]:rotate-90"),children:s("svg",{width:I,height:I/2,viewBox:"0 0 10 5","aria-hidden":"true",className:"block",children:[e("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-press)"}),e("path",{d:"M0 0 5 5 10 0",fill:"none",stroke:"var(--plass-glass-line)",strokeWidth:"1",vectorEffect:"non-scaling-stroke"})]})}):null,J||D?s("div",{className:"flex shrink-0 items-start gap-3",children:[s("div",{className:t("flex min-w-0 flex-1 flex-col",c[o]),children:[i(k)?e(a.Title,{className:t("m-0 font-semibold",h[o]),children:k}):null,i(j)?e(a.Description,{className:t("m-0 text-(--plass-muted-fg)",n[o]),children:j}):null]}),D?e(a.Close,{"aria-label":E,className:w,children:e(l,{})}):null]}):null,i(O)?e("div",{className:"min-w-0",children:O}):null]})})})]})}
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Popover as a}from"@base-ui/react/popover";import{CloseIcon as l}from"../../internal/icons.js";import{cx as t,focusRingClasses as o,glassClasses as r,hasContent as i,metaTextClasses as n,radiusClasses as d,sheetBodyClasses as p,sheetHeaderGapClasses as c,sheetPaddingXClasses as m,sheetPaddingYClasses as f,sheetSectionGapClasses as g,sheetTitleClasses as h,surfaceSlots as u}from"../../internal/styles.js";const x={xs:"max-w-56",sm:"max-w-64",md:"max-w-80",lg:"max-w-96",xl:"max-w-lg"},v=/* @__PURE__ */[r,"relative flex flex-col","border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" "),b={xs:8,sm:9,md:10,lg:11,xl:12},w=/* @__PURE__ */["flex size-[1.6em] shrink-0 cursor-pointer items-center justify-center","rounded-full text-(--plass-muted-fg)","[&_svg]:size-[1.1em] [&_svg]:shrink-0","[transition:background-color_var(--plass-duration)_var(--plass-ease),color_var(--plass-duration)_var(--plass-ease)]","hover:bg-(--p-soft) hover:text-(--plass-fg)",o].join(" ");export const PlPopoverClose=a.Close;export function PlPopover({size:o="md",color:r="primary",density:y="default",trigger:N,title:k,description:j,children:O,side:P="bottom",align:_="center",sideOffset:C=6,alignOffset:z=0,arrow:L=!1,open:M,defaultOpen:T,onOpenChange:W,modal:A=!1,dismissible:B=!0,showClose:D=!1,closeLabel:E="Close",width:R,className:$,style:q,...F}){const G=m[y][o],H=f[y][o],I=b[o],J=i(k)||i(j);return s(a.Root,{open:M,defaultOpen:T,modal:A,onOpenChange:(e,s)=>{B||e||"escape-key"!==s.reason&&"outside-press"!==s.reason&&"focus-out"!==s.reason?W?.(e):s.cancel()},children:[N?e(a.Trigger,{render:N}):null,e(a.Portal,{children:e(a.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",side:P,align:_,sideOffset:C,alignOffset:z,children:s(a.Popup,{className:t(v,d[o],p[o],g[o],G,H,void 0===R?x[o]:"",$),style:{...u(r,3),...void 0===R?null:{maxWidth:"number"==typeof R?`${R}px`:R},...q},...F,children:[L?e(a.Arrow,{className:t("data-[side=top]:bottom-[-1px]","data-[side=bottom]:top-[-1px] data-[side=bottom]:rotate-180","data-[side=left]:right-[-1px] data-[side=left]:-rotate-90","data-[side=right]:left-[-1px] data-[side=right]:rotate-90"),children:s("svg",{width:I,height:I/2,viewBox:"0 0 10 5","aria-hidden":"true",className:"block",children:[e("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-press)"}),e("path",{d:"M0 0 5 5 10 0",fill:"none",stroke:"var(--plass-glass-line)",strokeWidth:"1",vectorEffect:"non-scaling-stroke"})]})}):null,J||D?s("div",{className:"flex shrink-0 items-start gap-3",children:[s("div",{className:t("flex min-w-0 flex-1 flex-col",c[o]),children:[i(k)?e(a.Title,{className:t("m-0 font-semibold",h[o]),children:k}):null,i(j)?e(a.Description,{className:t("m-0 text-(--plass-muted-fg)",n[o]),children:j}):null]}),D?e(a.Close,{"aria-label":E,className:w,children:e(l,{})}):null]}):null,i(O)?e("div",{className:"min-w-0",children:O}):null]})})})]})}

package/dist/components/select/PlSelect.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Select as t}from"@base-ui/react/select";import{Field as s}from"@base-ui/react/field";import{CheckIcon as r,ChevronIcon as i}from"../../internal/icons.js";import{WidthSizer as n}from"../../internal/sizer.js";import{controlHeightClasses as o,controlTextLeadingClasses as c,disabledClasses as d,fieldReadOnlyClasses as m,fieldRestClasses as u,focusWithinRingClasses as p,gapClasses as h,glassClasses as f,hasContent as g,iconClasses as x,metaTextClasses as v,paddingXClasses as b,radiusClasses as j,stackGapClasses as N,surfaceSlots as w,transitionClasses as y}from"../../internal/styles.js";const I=/* @__PURE__ */["group relative flex w-full cursor-pointer items-center select-none","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",y,p,x].join(" "),S=/* @__PURE__ */[f,"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain","min-w-[var(--anchor-width)] border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]"].join(" "),$=/* @__PURE__ */["relative flex cursor-pointer items-center gap-2 select-none","rounded-(--plass-radius-xs) py-1.5 pe-2 ps-7",y,"data-[highlighted]:bg-(--p-soft-hover) data-[highlighted]:text-(--p-accent)","data-[selected]:font-semibold data-[selected]:text-(--p-accent)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]"].join(" ");export const PlSelect=/* @__PURE__ */l.forwardRef(function PlSelect({variant:p="glass",size:f="md",color:x="primary",density:y="default",elevation:P=0,items:V,value:z,defaultValue:k,onValueChange:O,placeholder:R,label:T,description:q,error:C,invalid:M,startIcon:W,fullWidth:_=!1,disabled:B=!1,readOnly:D=!1,required:E=!1,name:L,id:A,className:F,style:G,...H},J){const K=g(C),Q=M??K,U=Q?"danger":x,X=l.useMemo(()=>V.map(e=>({label:e.label??String(e.value),value:e.value})),[V]),Y=l.useMemo(()=>[...V.map(e=>e.label??String(e.value)),...g(R)?[R]:[]],[V,R]);return a(s.Root,{disabled:B,invalid:Q,className:["flex-col align-top",N[f],_?"flex w-full":"inline-flex",F??""].filter(Boolean).join(" "),style:{...w(U,P),...G},...H,children:[T?e(s.Label,{className:[v[f],"font-semibold",B?"text-(--plass-muted-fg)":"text-(--plass-fg)"].join(" "),children:T}):null,a(t.Root,{id:A,name:L,items:X,value:z,defaultValue:k,onValueChange:e=>O?.(e),disabled:B,readOnly:D,required:E,children:[a(t.Trigger,{ref:J,className:[I,o[f],c[f],j[f],h[f],b[y][f],B?d[p]:D?`${m[p]} cursor-default`:u[p]].join(" "),children:[W?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:W}):null,a("span",{className:"flex min-w-0 flex-1 flex-col",children:[e(t.Value,{className:["w-full truncate text-start","data-[placeholder]:text-(--plass-muted-fg)"].join(" "),placeholder:R}),e(n,{samples:Y})]}),e(t.Icon,{className:["flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[popup-open]:rotate-180"].join(" "),children:e(i,{})})]}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-50 [outline:none]",sideOffset:6,alignItemWithTrigger:!1,children:e(t.Popup,{className:`${S} ${j[f]} ${c[f]}`,style:w(U,3),children:V.map(l=>a(t.Item,{value:l.value,disabled:l.disabled,className:$,children:[e(t.ItemIndicator,{className:"absolute start-1.5 flex size-4 items-center justify-center",children:e(r,{})}),e(t.ItemText,{className:"truncate",children:l.label??String(l.value)})]},String(l.value)))})})})]}),q?e(s.Description,{className:`${v[f]} text-(--plass-muted-fg)`,children:q}):null,K?e(s.Error,{match:!0,className:`${v[f]} text-(--p-accent)`,children:C}):null]})});
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Select as t}from"@base-ui/react/select";import{Field as s}from"@base-ui/react/field";import{CheckIcon as r,ChevronIcon as i}from"../../internal/icons.js";import{WidthSizer as n}from"../../internal/sizer.js";import{controlHeightClasses as o,controlTextLeadingClasses as c,disabledClasses as d,fieldReadOnlyClasses as m,fieldRestClasses as u,focusWithinRingClasses as p,gapClasses as h,glassClasses as f,hasContent as g,iconClasses as x,metaTextClasses as v,paddingXClasses as b,radiusClasses as j,stackGapClasses as N,surfaceSlots as w,transitionClasses as y}from"../../internal/styles.js";const I=/* @__PURE__ */["group relative flex w-full cursor-pointer items-center select-none","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",y,p,x].join(" "),S=/* @__PURE__ */[f,"max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain","min-w-[var(--anchor-width)] border bg-(--plass-glass-press) p-1","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]"].join(" "),$=/* @__PURE__ */["relative flex cursor-pointer items-center gap-2 select-none","rounded-(--plass-radius-xs) py-1.5 pe-2 ps-7",y,"data-[highlighted]:bg-(--p-soft-hover) data-[highlighted]:text-(--p-accent)","data-[selected]:font-semibold data-[selected]:text-(--p-accent)","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50","[outline:none]"].join(" ");export const PlSelect=/* @__PURE__ */l.forwardRef(function PlSelect({variant:p="glass",size:f="md",color:x="primary",density:y="default",elevation:z=0,items:P,value:V,defaultValue:k,onValueChange:O,placeholder:R,label:T,description:q,error:C,invalid:M,startIcon:W,fullWidth:_=!1,disabled:B=!1,readOnly:D=!1,required:E=!1,name:L,id:A,className:F,style:G,...H},J){const K=g(C),Q=M??K,U=Q?"danger":x,X=l.useMemo(()=>P.map(e=>({label:e.label??String(e.value),value:e.value})),[P]),Y=l.useMemo(()=>[...P.map(e=>e.label??String(e.value)),...g(R)?[R]:[]],[P,R]);return a(s.Root,{disabled:B,invalid:Q,className:["flex-col align-top",N[f],_?"flex w-full":"inline-flex",F??""].filter(Boolean).join(" "),style:{...w(U,z),...G},...H,children:[T?e(s.Label,{className:[v[f],"font-semibold",B?"text-(--plass-muted-fg)":"text-(--plass-fg)"].join(" "),children:T}):null,a(t.Root,{id:A,name:L,items:X,value:V,defaultValue:k,onValueChange:e=>O?.(e),disabled:B,readOnly:D,required:E,children:[a(t.Trigger,{ref:J,className:[I,o[f],c[f],j[f],h[f],b[y][f],B?d[p]:D?`${m[p]} cursor-default`:u[p]].join(" "),children:[W?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:W}):null,a("span",{className:"flex min-w-0 flex-1 flex-col",children:[e(t.Value,{className:["w-full truncate text-start","data-[placeholder]:text-(--plass-muted-fg)"].join(" "),placeholder:R}),e(n,{samples:Y})]}),e(t.Icon,{className:["flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)","[transition:rotate_var(--plass-duration)_var(--plass-ease)]","data-[popup-open]:rotate-180"].join(" "),children:e(i,{})})]}),e(t.Portal,{children:e(t.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",sideOffset:6,alignItemWithTrigger:!1,children:e(t.Popup,{className:`${S} ${j[f]} ${c[f]}`,style:w(U,3),children:P.map(l=>a(t.Item,{value:l.value,disabled:l.disabled,className:$,children:[e(t.ItemIndicator,{className:"absolute start-1.5 flex size-4 items-center justify-center",children:e(r,{})}),e(t.ItemText,{className:"truncate",children:l.label??String(l.value)})]},String(l.value)))})})})]}),q?e(s.Description,{className:`${v[f]} text-(--plass-muted-fg)`,children:q}):null,K?e(s.Error,{match:!0,className:`${v[f]} text-(--p-accent)`,children:C}):null]})});

package/dist/components/table/PlTable.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as a from"react";import{controlTextLeadingClasses as t,focusRingInsetClasses as l,metaTextClasses as o,paddingXValues as s,radiusClasses as i,sheetRestClasses as n,surfaceSlots as d}from"../../internal/styles.js";const c={default:{xs:"0.375rem",sm:"0.5rem",md:"0.75rem",lg:"0.875rem",xl:"1rem"},compact:{xs:"0.125rem",sm:"0.25rem",md:"0.4375rem",lg:"0.5625rem",xl:"0.6875rem"}},p={display:"table",width:"100%",margin:0,borderCollapse:"collapse",borderSpacing:0},m=/* @__PURE__ */["[--p-row:transparent]","[transition:background-color_var(--plass-duration)_var(--plass-ease)]"].join(" "),g=/* @__PURE__ */["cursor-pointer [outline:none]",l].join(" "),v="1px solid var(--plass-divider)";export function PlTable({variant:l="glass",size:h="md",color:y="primary",density:u="default",elevation:x=0,columns:b,rows:f,getRowKey:w,caption:k,empty:j="No data",striped:N=!1,hoverable:B=!1,stickyHeader:$=!1,maxHeight:A,onRowClick:C,className:H,style:S,...T}){const z=s[u][h],D=c[u][h],I=Boolean(C),K=B||I,R=void 0!==A,_=a.useId(),E={padding:`${D} ${z}`,border:0,background:"none"},P={...E,...$?{boxShadow:"inset 0 -1px 0 var(--plass-border)"}:{borderBottom:"1px solid var(--plass-border)"},...$?{background:"linear-gradient(var(--plass-glass-press), var(--plass-glass-press)), linear-gradient(var(--plass-surface), var(--plass-surface))"}:null},bodyCellStyle=e=>0===e?E:{...E,borderTop:v};return r("div",{className:["overflow-hidden",i[h],n[l],H??""].filter(Boolean).join(" "),style:{...d(y,x),...S},...T,children:[k?e("div",{id:_,className:`${o[h]} font-semibold text-(--plass-muted-fg)`,style:{...E,borderBottom:v,textAlign:"start"},children:k}):null,e("div",{className:["overflow-x-auto",R?"overflow-y-auto overscroll-contain":""].filter(Boolean).join(" "),style:R?{maxHeight:A}:void 0,children:r("table",{"aria-labelledby":k?_:void 0,className:`text-start ${t[h]} text-(--plass-fg)`,style:p,children:[e("colgroup",{children:b.map(r=>e("col",{style:void 0===r.width?void 0:{width:"number"==typeof r.width?`${r.width}px`:r.width}},r.key))}),e("thead",{children:e("tr",{children:b.map(r=>e("th",{scope:"col",className:["font-semibold whitespace-nowrap text-(--plass-muted-fg)",$?"sticky top-0 z-10":""].filter(Boolean).join(" "),style:{...P,textAlign:r.align??"start"},children:r.header??r.key},r.key))})}),e("tbody",{children:0===f.length?e("tr",{className:m,children:e("td",{colSpan:b.length,className:"text-(--plass-muted-fg)",style:{...E,padding:`2rem ${z}`,textAlign:"center"},children:j})}):f.map((r,a)=>e("tr",{className:[m,N&&a%2==1?"[--p-row:var(--plass-stripe)]":"",K?"hover:[--p-row:var(--p-soft)]":"",I?g:""].filter(Boolean).join(" "),style:{backgroundColor:"var(--p-row)"},tabIndex:I?0:void 0,onClick:C?()=>C(r,a):void 0,onKeyDown:C?e=>{e.target===e.currentTarget&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),C(r,a)))}:void 0,children:b.map(t=>e("td",{style:{...bodyCellStyle(a),textAlign:t.align??"start"},children:t.render?t.render(r,a):r[t.key]},t.key))},w?w(r,a):a))})]})})]})}
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{controlTextLeadingClasses as a,focusRingInsetClasses as t,metaTextClasses as l,paddingXValues as s,radiusClasses as o,sheetRestClasses as n,srOnlyClasses as i,surfaceSlots as d}from"../../internal/styles.js";const c={default:{xs:"0.375rem",sm:"0.5rem",md:"0.75rem",lg:"0.875rem",xl:"1rem"},compact:{xs:"0.125rem",sm:"0.25rem",md:"0.4375rem",lg:"0.5625rem",xl:"0.6875rem"}},p={display:"table",width:"100%",margin:0,borderCollapse:"collapse",borderSpacing:0},m=/* @__PURE__ */["[--p-row:transparent]","[transition:background-color_var(--plass-duration)_var(--plass-ease)]"].join(" "),g=/* @__PURE__ */["cursor-pointer [outline:none]",t].join(" "),h="1px solid var(--plass-divider)";export function PlTable({variant:t="glass",size:v="md",color:y="primary",density:u="default",elevation:x=0,columns:f,rows:b,getRowKey:w,caption:k,empty:N="No data",striped:j=!1,hoverable:B=!1,stickyHeader:$=!1,maxHeight:A,onRowClick:C,className:H,style:S,...T}){const z=s[u][v],D=c[u][v],K=Boolean(C),R=B||K,_=void 0!==A,E={padding:`${D} ${z}`,border:0,background:"none"},I={...E,...$?{boxShadow:"inset 0 -1px 0 var(--plass-border)"}:{borderBottom:"1px solid var(--plass-border)"},...$?{background:"linear-gradient(var(--plass-glass-press), var(--plass-glass-press)), linear-gradient(var(--plass-surface), var(--plass-surface))"}:null},bodyCellStyle=e=>0===e?E:{...E,borderTop:h};return r("div",{className:["overflow-hidden",o[v],n[t],H??""].filter(Boolean).join(" "),style:{...d(y,x),...S},...T,children:[k?e("div",{"aria-hidden":"true",className:`${l[v]} font-semibold text-(--plass-muted-fg)`,style:{...E,borderBottom:h,textAlign:"start"},children:k}):null,e("div",{className:["overflow-x-auto",_?"overflow-y-auto overscroll-contain":""].filter(Boolean).join(" "),style:_?{maxHeight:A}:void 0,children:r("table",{className:`text-start ${a[v]} text-(--plass-fg)`,style:p,children:[k?e("caption",{className:i,children:k}):null,e("colgroup",{children:f.map(r=>e("col",{style:void 0===r.width?void 0:{width:"number"==typeof r.width?`${r.width}px`:r.width}},r.key))}),e("thead",{children:e("tr",{children:f.map(r=>e("th",{scope:"col",className:["font-semibold whitespace-nowrap text-(--plass-muted-fg)",$?"sticky top-0 z-10":""].filter(Boolean).join(" "),style:{...I,textAlign:r.align??"start"},children:r.header??r.key},r.key))})}),e("tbody",{children:0===b.length?e("tr",{className:m,children:e("td",{colSpan:f.length,className:"text-(--plass-muted-fg)",style:{...E,padding:`2rem ${z}`,textAlign:"center"},children:N})}):b.map((r,a)=>e("tr",{className:[m,j&&a%2==1?"[--p-row:var(--plass-stripe)]":"",R?"hover:[--p-row:var(--p-soft)]":"",K?g:""].filter(Boolean).join(" "),style:{backgroundColor:"var(--p-row)"},tabIndex:K?0:void 0,onClick:C?()=>C(r,a):void 0,onKeyDown:C?e=>{e.target===e.currentTarget&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),C(r,a)))}:void 0,children:f.map(t=>e("td",{style:{...bodyCellStyle(a),textAlign:t.align??"start"},children:t.render?t.render(r,a):r[t.key]},t.key))},w?w(r,a):a))})]})})]})}

package/dist/components/text-link/PlTextLink.d.ts

@@ -48,8 +48,22 @@ export interface PlTextLinkProps extends Omit<React.ComponentPropsWithoutRef<'a'
      * of your own replaces the glyph.
      *
      * Left out, it follows `newTab`.
+     *
+     * It is `icon` rather than `endIcon`, and the difference from every other
+     * component's is the reason: this one is about the link's *destination*, and
+     * it has an opinion — a link that takes over the window says so unless it is
+     * told not to. An `endIcon` elsewhere is a node and nothing else.
      */
     icon?: React.ReactNode | boolean;
+    /**
+     * A mark before the label — a favicon, a file type, a lock.
+     *
+     * A plain node with no opinion, unlike `icon` above: nothing is drawn here
+     * unless something is put here. It rides on the label at the same size,
+     * separated by the same quarter-em, so a link with one in front of it still
+     * sits inside a sentence.
+     */
+    startIcon?: React.ReactNode;
     /**
      * What a screen reader hears after the label on a `newTab` link. Never drawn.
      * @default '(opens in a new tab)'

package/dist/components/text-link/PlTextLink.js

@@ -1 +1 @@
-"use client";import{jsx as n,Fragment as e,jsxs as r}from"react/jsx-runtime";import*as s from"react";import{useRender as i}from"@base-ui/react/use-render";import{ExternalLinkIcon as l,LinkIcon as o}from"../../internal/icons.js";import{controlTextLeadingClasses as a,focusRingClasses as t,srOnlyClasses as c}from"../../internal/styles.js";const p={always:"[&.plass-link]:underline",hover:"[&.plass-link]:no-underline [&.plass-link]:hover:underline",none:"[&.plass-link]:no-underline"},u=/* @__PURE__ */["plass-link","cursor-pointer","[&_svg]:pointer-events-none [&_svg]:inline [&_svg]:size-[0.95em] [&_svg]:shrink-0",/* @__PURE__ */["[transition-property:color,text-decoration-color]","[transition-duration:var(--plass-duration)]","[transition-timing-function:var(--plass-ease)]"].join(" "),t,"focus-visible:rounded-[0.25rem]"].join(" ");export const PlTextLink=/* @__PURE__ */s.forwardRef(function PlTextLink({href:s,underline:t="always",color:d,size:m,newTab:f=!1,icon:v,newTabLabel:h="(opens in a new tab)",render:k,className:x,style:g,children:j,...b},w){const y=v??f,_=!0===y?n(f?l:o,{}):y,N=[u,m?a[m]:"",p[t],d?"[&.plass-link]:text-(--p-accent)":"[&.plass-link]:text-inherit",x??""].filter(Boolean).join(" "),T={"--p-underline":"color-mix(in oklab, currentColor 45%, transparent)","--p-underline-hover":"currentColor","--p-ring":`var(--plass-${d??"primary"}-ring)`,...d?{"--p-accent":`var(--plass-${d}-accent)`}:null},{rel:L,...z}=b,B=f?[...new Set([...(L??"").split(/\s+/).filter(Boolean),"noopener","noreferrer"])].join(" "):L;return i({render:k??n("a",{}),ref:w,props:{href:s,target:f?"_blank":void 0,className:N,style:{...T,...g},children:r(e,{children:[j,_?n("span",{className:"ms-[0.25em]",children:_}):null,f?r(e,{children:[" ",n("span",{className:c,children:h})]}):null]}),...z,rel:B}})});
+"use client";import{jsx as n,Fragment as e,jsxs as r}from"react/jsx-runtime";import*as s from"react";import{useRender as i}from"@base-ui/react/use-render";import{ExternalLinkIcon as l,LinkIcon as a}from"../../internal/icons.js";import{controlTextLeadingClasses as o,focusRingClasses as t,srOnlyClasses as c}from"../../internal/styles.js";const p={always:"[&.plass-link]:underline",hover:"[&.plass-link]:no-underline [&.plass-link]:hover:underline",none:"[&.plass-link]:no-underline"},m=/* @__PURE__ */["plass-link","cursor-pointer","[&_svg]:pointer-events-none [&_svg]:inline [&_svg]:size-[0.95em] [&_svg]:shrink-0",/* @__PURE__ */["[transition-property:color,text-decoration-color]","[transition-duration:var(--plass-duration)]","[transition-timing-function:var(--plass-ease)]"].join(" "),t,"focus-visible:rounded-[0.25rem]"].join(" ");export const PlTextLink=/* @__PURE__ */s.forwardRef(function PlTextLink({href:s,underline:t="always",color:u,size:d,newTab:f=!1,icon:h,startIcon:v,newTabLabel:k="(opens in a new tab)",render:x,className:g,style:j,children:b,...w},y){const N=h??f,_=!0===N?n(f?l:a,{}):N,T=[m,d?o[d]:"",p[t],u?"[&.plass-link]:text-(--p-accent)":"[&.plass-link]:text-inherit",g??""].filter(Boolean).join(" "),L={"--p-underline":"color-mix(in oklab, currentColor 45%, transparent)","--p-underline-hover":"currentColor","--p-ring":`var(--plass-${u??"primary"}-ring)`,...u?{"--p-accent":`var(--plass-${u}-accent)`}:null},{rel:z,...B}=w,C=f?[...new Set([...(z??"").split(/\s+/).filter(Boolean),"noopener","noreferrer"])].join(" "):z;return i({render:x??n("a",{}),ref:y,props:{href:s,target:f?"_blank":void 0,className:T,style:{...L,...j},children:r(e,{children:[v?n("span",{className:"me-[0.25em]",children:v}):null,b,_?n("span",{className:"ms-[0.25em]",children:_}):null,f?r(e,{children:[" ",n("span",{className:c,children:k})]}):null]}),...B,rel:C}})});

package/dist/components/toast/PlToast.js

@@ -1 +1 @@
-"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as s from"react";import{Toast as o}from"@base-ui/react/toast";import{CloseIcon as a,severityIcon as i}from"../../internal/icons.js";import{controlSlots as r,focusRingClasses as n,glassClasses as l,hasContent as c,iconClasses as p,metaTextClasses as d,radiusClasses as m,sheetBodyClasses as u,sheetHeaderGapClasses as f,sheetPaddingXClasses as h,sheetPaddingYClasses as g,sheetSectionGapClasses as v,sheetTitleClasses as x}from"../../internal/styles.js";const b={"top-start":"top-0 items-start","top-center":"top-0 items-center","top-end":"top-0 items-end","bottom-start":"bottom-0 flex-col-reverse items-start","bottom-center":"bottom-0 flex-col-reverse items-center","bottom-end":"bottom-0 flex-col-reverse items-end"},y={solid:/* @__PURE__ */["text-(--p-on-solid) [background-image:var(--p-fill)]","[box-shadow:var(--plass-shadow-3),var(--p-lift)]"].join(" "),glass:/* @__PURE__ */[l,"border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--p-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]"].join(" "),ghost:/* @__PURE__ */[l,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]"].join(" ")},w={solid:"",glass:"text-(--p-accent)",ghost:"text-(--p-accent)"};function toManagerOptions(t){const{color:e,variant:s,icon:o,actionLabel:a,onAction:i,...r}=t;return{...r,data:{color:e,variant:s,icon:o},actionProps:void 0===a?void 0:{children:a,onClick:i}}}export function usePlToast(){const t=o.useToastManager();return s.useMemo(()=>({add:e=>t.add(toManagerOptions(e)),close:e=>t.close(e),update:(e,s)=>t.update(e,toManagerOptions(s)),promise:(e,s)=>t.promise(e,{loading:toManagerOptions(s.loading),success:t=>toManagerOptions("function"==typeof s.success?s.success(t):s.success),error:t=>toManagerOptions("function"==typeof s.error?s.error(t):s.error)}),toasts:t.toasts}),[t])}function ToastItem({toast:s,variant:l,color:b,size:j,density:N,closeLabel:T,swipeDirection:M}){const O=s.data?.variant??l??"glass",P=s.data?.color??b,k=void 0===s.data?.icon?i(P):s.data.icon,z=w[O],$=c(s.title);return e(o.Root,{toast:s,swipeDirection:M,className:["pointer-events-auto flex w-full items-start",h[N??"default"][j],g[N??"default"][j],m[j],v[j],u[j],y[O],p,"[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0","data-[limited]:hidden",n,"[outline:none]"].filter(Boolean).join(" "),style:r(P,3,O),children:[c(k)?t("span",{className:`flex h-[1lh] shrink-0 items-center ${z}`,children:k}):null,e("div",{className:`flex min-w-0 flex-1 flex-col ${f[j]}`,children:[t(o.Title,{className:`plass-title font-semibold ${x[j]} ${z}`}),t(o.Description,{className:$&&"solid"!==O?"text-(--plass-muted-fg)":""})]}),t(o.Action,{className:["flex h-[1lh] shrink-0 cursor-pointer items-center rounded-full px-2","font-medium underline-offset-2",z||"text-(--p-on-solid)","hover:underline",n,d[j]].join(" ")}),t("span",{className:"flex h-[1lh] shrink-0 items-center",children:t(o.Close,{"aria-label":T,className:["inline-flex size-[1.15em] cursor-pointer items-center justify-center rounded-full","opacity-70 [transition:opacity_var(--plass-duration)_var(--plass-ease)]","hover:opacity-100 focus-visible:opacity-100",n].join(" "),children:t(a,{})})})]})}function ToastViewport(e){const{toasts:s}=o.useToastManager(),{position:a,width:i,...r}=e,n=[a.startsWith("top")?"up":"down","left","right"];return t(o.Portal,{children:t(o.Viewport,{className:["plass-portal pointer-events-none fixed inset-x-0 z-50 flex flex-col gap-2 p-4",b[a]].join(" "),children:s.map(e=>t("div",{className:"w-full",style:{maxWidth:"number"==typeof i?`${i}px`:i},children:t(ToastItem,{toast:e,swipeDirection:n,...r})},e.id))})})}export function PlToastProvider({variant:s="glass",size:a="md",color:i="primary",density:r="default",position:n="bottom-end",timeout:l=5e3,limit:c=3,width:p=380,closeLabel:d="Close",children:m}){return e(o.Provider,{timeout:l,limit:c,children:[m,t(ToastViewport,{position:n,variant:s,size:a,color:i,density:r,width:p,closeLabel:d})]})}
+"use client";import{jsx as t,jsxs as e}from"react/jsx-runtime";import*as s from"react";import{Toast as o}from"@base-ui/react/toast";import{CloseIcon as a,severityIcon as i}from"../../internal/icons.js";import{controlSlots as r,focusRingClasses as n,glassClasses as l,hasContent as c,iconClasses as p,metaTextClasses as d,radiusClasses as m,sheetBodyClasses as u,sheetHeaderGapClasses as f,sheetPaddingXClasses as h,sheetPaddingYClasses as g,sheetSectionGapClasses as v,sheetTitleClasses as x}from"../../internal/styles.js";const b={"top-start":"top-0 items-start","top-center":"top-0 items-center","top-end":"top-0 items-end","bottom-start":"bottom-0 flex-col-reverse items-start","bottom-center":"bottom-0 flex-col-reverse items-center","bottom-end":"bottom-0 flex-col-reverse items-end"},y={solid:/* @__PURE__ */["text-(--p-on-solid) [background-image:var(--p-fill)]","[box-shadow:var(--plass-shadow-3),var(--p-lift)]"].join(" "),glass:/* @__PURE__ */[l,"border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--p-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]"].join(" "),ghost:/* @__PURE__ */[l,"text-(--plass-fg) bg-(--plass-glass-press)","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]"].join(" ")},w={solid:"",glass:"text-(--p-accent)",ghost:"text-(--p-accent)"};function toManagerOptions(t){const{color:e,variant:s,icon:o,actionLabel:a,onAction:i,...r}=t;return{...r,data:{color:e,variant:s,icon:o},actionProps:void 0===a?void 0:{children:a,onClick:i}}}export function usePlToast(){const t=o.useToastManager();return s.useMemo(()=>({add:e=>t.add(toManagerOptions(e)),close:e=>t.close(e),update:(e,s)=>t.update(e,toManagerOptions(s)),promise:(e,s)=>t.promise(e,{loading:toManagerOptions(s.loading),success:t=>toManagerOptions("function"==typeof s.success?s.success(t):s.success),error:t=>toManagerOptions("function"==typeof s.error?s.error(t):s.error)}),toasts:t.toasts}),[t])}function ToastItem({toast:s,variant:l,color:b,size:j,density:N,closeLabel:T,swipeDirection:M}){const z=s.data?.variant??l??"glass",O=s.data?.color??b,P=void 0===s.data?.icon?i(O):s.data.icon,k=w[z],$=c(s.title);return e(o.Root,{toast:s,swipeDirection:M,className:["pointer-events-auto flex w-full items-start",h[N??"default"][j],g[N??"default"][j],m[j],v[j],u[j],y[z],p,"[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0","data-[limited]:hidden",n,"[outline:none]"].filter(Boolean).join(" "),style:r(O,3,z),children:[c(P)?t("span",{className:`flex h-[1lh] shrink-0 items-center ${k}`,children:P}):null,e("div",{className:`flex min-w-0 flex-1 flex-col ${f[j]}`,children:[t(o.Title,{className:`plass-title font-semibold ${x[j]} ${k}`}),t(o.Description,{className:$&&"solid"!==z?"text-(--plass-muted-fg)":""})]}),t(o.Action,{className:["flex h-[1lh] shrink-0 cursor-pointer items-center rounded-full px-2","font-medium underline-offset-2",k||"text-(--p-on-solid)","hover:underline",n,d[j]].join(" ")}),t("span",{className:"flex h-[1lh] shrink-0 items-center",children:t(o.Close,{"aria-label":T,className:["inline-flex size-[1.15em] cursor-pointer items-center justify-center rounded-full","opacity-70 [transition:opacity_var(--plass-duration)_var(--plass-ease)]","hover:opacity-100 focus-visible:opacity-100",n].join(" "),children:t(a,{})})})]})}function ToastViewport(e){const{toasts:s}=o.useToastManager(),{position:a,width:i,...r}=e,n=[a.startsWith("top")?"up":"down","left","right"];return t(o.Portal,{children:t(o.Viewport,{className:["plass-portal pointer-events-none fixed inset-x-0 z-(--plass-z-portal) flex flex-col gap-2 p-4",b[a]].join(" "),children:s.map(e=>t("div",{className:"w-full",style:{maxWidth:"number"==typeof i?`${i}px`:i},children:t(ToastItem,{toast:e,swipeDirection:n,...r})},e.id))})})}export function PlToastProvider({variant:s="glass",size:a="md",color:i="primary",density:r="default",position:n="bottom-end",timeout:l=5e3,limit:c=3,width:p=380,closeLabel:d="Close",children:m}){return e(o.Provider,{timeout:l,limit:c,children:[m,t(ToastViewport,{position:n,variant:s,size:a,color:i,density:r,width:p,closeLabel:d})]})}

package/dist/components/tooltip/PlTooltip.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as a}from"react/jsx-runtime";import*as e from"react";import{Tooltip as t}from"@base-ui/react/tooltip";import{glassClasses as o,metaTextClasses as l,paddingXClasses as i,radiusClasses as r,surfaceSlots as n}from"../../internal/styles.js";export const PlTooltipProvider=t.Provider;const d=/* @__PURE__ */[o,"max-w-64 border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0","data-[instant]:[transition-duration:0ms]"].join(" "),p={xs:"py-0.5",sm:"py-0.5",md:"py-1",lg:"py-1.5",xl:"py-2"},c={xs:6,sm:7,md:8,lg:9,xl:10};export function PlTooltip({content:o,children:m,size:g="sm",color:h="secondary",density:f="default",side:y="top",align:u="center",sideOffset:x=6,delay:b,closeDelay:v,arrow:j=!0,open:w,defaultOpen:P,onOpenChange:O,disabled:N=!1,className:z,style:T,...B}){const C=c[g],D=e.useId(),[L,M]=e.useState(P??!1),_=w??L;return a(t.Root,{open:w,defaultOpen:P,onOpenChange:s=>{M(s),O?.(s)},children:[s(t.Trigger,{render:m,delay:b,closeDelay:v,disabled:N,"aria-describedby":_?D:void 0}),s(t.Portal,{children:s(t.Positioner,{className:"plass-portal z-50 [outline:none]",side:y,align:u,sideOffset:x,children:a(t.Popup,{id:D,role:"tooltip",className:[d,r[g],i[f][g],p[g],l[g],z??""].filter(Boolean).join(" "),style:{...n(h,3),...T},...B,children:[j?s(t.Arrow,{className:["data-[side=top]:bottom-[-1px]","data-[side=bottom]:top-[-1px] data-[side=bottom]:rotate-180","data-[side=left]:right-[-1px] data-[side=left]:-rotate-90","data-[side=right]:left-[-1px] data-[side=right]:rotate-90"].join(" "),children:a("svg",{width:C,height:C/2,viewBox:"0 0 10 5","aria-hidden":"true",className:"block",children:[s("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-line)"}),s("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-press)",transform:"translate(0 -1)"})]})}):null,o]})})})]})}
+"use client";import{jsx as s,jsxs as a}from"react/jsx-runtime";import*as e from"react";import{Tooltip as t}from"@base-ui/react/tooltip";import{glassClasses as o,metaTextClasses as l,paddingXClasses as i,radiusClasses as r,surfaceSlots as n}from"../../internal/styles.js";export const PlTooltipProvider=t.Provider;const d=/* @__PURE__ */[o,"max-w-64 border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0","data-[instant]:[transition-duration:0ms]"].join(" "),p={xs:"py-0.5",sm:"py-0.5",md:"py-1",lg:"py-1.5",xl:"py-2"},c={xs:6,sm:7,md:8,lg:9,xl:10};export function PlTooltip({content:o,children:m,size:g="sm",color:h="secondary",density:f="default",side:y="top",align:u="center",sideOffset:x=6,delay:b,closeDelay:v,arrow:j=!0,open:w,defaultOpen:P,onOpenChange:O,disabled:z=!1,className:N,style:T,...B}){const C=c[g],D=e.useId(),[L,M]=e.useState(P??!1),_=w??L;return a(t.Root,{open:w,defaultOpen:P,onOpenChange:s=>{M(s),O?.(s)},children:[s(t.Trigger,{render:m,delay:b,closeDelay:v,disabled:z,"aria-describedby":_?D:void 0}),s(t.Portal,{children:s(t.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",side:y,align:u,sideOffset:x,children:a(t.Popup,{id:D,role:"tooltip",className:[d,r[g],i[f][g],p[g],l[g],N??""].filter(Boolean).join(" "),style:{...n(h,3),...T},...B,children:[j?s(t.Arrow,{className:["data-[side=top]:bottom-[-1px]","data-[side=bottom]:top-[-1px] data-[side=bottom]:rotate-180","data-[side=left]:right-[-1px] data-[side=left]:-rotate-90","data-[side=right]:left-[-1px] data-[side=right]:rotate-90"].join(" "),children:a("svg",{width:C,height:C/2,viewBox:"0 0 10 5","aria-hidden":"true",className:"block",children:[s("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-line)"}),s("path",{d:"M0 0h10L5 5z",fill:"var(--plass-glass-press)",transform:"translate(0 -1)"})]})}):null,o]})})})]})}

package/dist/internal/picker.js

@@ -1 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import*as s from"react";import{Field as a}from"@base-ui/react/field";import{Popover as r}from"@base-ui/react/popover";import{CloseIcon as t}from"./icons.js";import{WidthSizer as i}from"./sizer.js";import{chipRemoveClasses as n,controlHeightClasses as o,controlTextLeadingClasses as p,cx as d,disabledClasses as c,fieldReadOnlyClasses as u,fieldRestClasses as m,focusWithinRingClasses as f,gapClasses as h,glassClasses as g,iconClasses as x,metaTextClasses as b,paddingXClasses as v,radiusClasses as y,stackGapClasses as N,surfaceSlots as P,transitionClasses as j}from"./styles.js";export function popupSlots(e,l){return{...P(e,l),"--p-fill":`var(--plass-${e}-fill)`,"--p-on-solid":`var(--plass-${e}-on-solid)`}}const w=/* @__PURE__ */["group relative flex w-full items-center select-none","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",j,f,x].join(" ");export const pickerPopupClasses=/* @__PURE__ */[g,"border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export const popupPaddingClasses={xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-3.5"};export function PickerShell({variant:f="glass",size:g="md",color:x="primary",density:j="default",elevation:k=0,label:C,description:$,error:z,invalid:O,startIcon:F,fullWidth:R=!1,disabled:S=!1,readOnly:q=!1,required:D=!1,id:I,className:_,style:B,display:E,samples:L,empty:T,clearable:V=!1,onClear:W,open:A,onOpenChange:G,labels:H,hiddenValues:J,children:K,triggerRef:M,...Q}){const U=s.useId(),X=I??`${U}-trigger`,Y=`${U}-label`,Z=`${U}-description`,ee=`${U}-error`,le=null!=z&&!1!==z&&""!==z,se=O??le,ae=se?"danger":x,re=S||q,te=[$?Z:null,le?ee:null].filter(Boolean).join(" ")||void 0;return l(a.Root,{disabled:S,invalid:se,className:d("flex-col align-top",N[g],R?"flex w-full":"inline-flex",_),style:{...P(ae,k),...B},...Q,children:[C?e(a.Label,{id:Y,htmlFor:X,className:d(b[g],"font-semibold",S?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:C}):null,l(r.Root,{open:A,onOpenChange:e=>G(e),children:[l("span",{className:d(w,o[g],p[g],y[g],h[g],v[j][g],S?c[f]:q?u[f]:m[f]),children:[l(r.Trigger,{id:X,ref:M,disabled:S,"aria-labelledby":C?Y:void 0,"aria-describedby":te,"aria-required":D||void 0,"aria-invalid":se||void 0,className:d("flex min-w-0 flex-1 items-center bg-transparent text-start [font:inherit] text-inherit",h[g],"[outline:none]",re?"cursor-default":"cursor-pointer"),children:[F?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:F}):null,l("span",{className:"flex min-w-0 flex-1 flex-col",children:[e("span",{className:d("w-full truncate",T?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:E}),e(i,{samples:L??[]})]})]}),!V||T||re?null:e("button",{type:"button","aria-label":H.clear,className:d(n,"text-(--plass-muted-fg)"),onClick:e=>{e.stopPropagation(),W()},children:e(t,{})})]}),e(r.Portal,{children:e(r.Positioner,{className:"plass-portal z-50 [outline:none]",sideOffset:6,align:"start",children:e(r.Popup,{initialFocus:!1,className:d(pickerPopupClasses,y[g],popupPaddingClasses[g],p[g]),style:popupSlots(ae,3),children:K})})})]}),$?e(a.Description,{id:Z,className:d(b[g],"text-(--plass-muted-fg)"),children:$}):null,le?e(a.Error,{id:ee,match:!0,className:d(b[g],"text-(--p-accent)"),children:z}):null,J?.map((l,s)=>e("input",{type:"hidden",name:l.name,value:l.value},s))]})}export function PickerFooter({size:l,children:s}){return e("div",{className:d("flex items-center justify-end border-t pt-1.5","[border-color:var(--plass-divider)]",h[l]),children:s})}export function PickerDivider(){return e("div",{"aria-hidden":"true",className:"w-px self-stretch bg-(--plass-divider)"})}
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import*as s from"react";import{Field as a}from"@base-ui/react/field";import{Popover as r}from"@base-ui/react/popover";import{CloseIcon as t}from"./icons.js";import{WidthSizer as i}from"./sizer.js";import{chipRemoveClasses as n,controlHeightClasses as o,controlTextLeadingClasses as p,cx as d,disabledClasses as c,fieldReadOnlyClasses as u,fieldRestClasses as m,focusWithinRingClasses as f,gapClasses as h,glassClasses as g,iconClasses as x,metaTextClasses as b,paddingXClasses as v,radiusClasses as y,stackGapClasses as N,surfaceSlots as P,transitionClasses as j}from"./styles.js";export function popupSlots(e,l){return{...P(e,l),"--p-fill":`var(--plass-${e}-fill)`,"--p-on-solid":`var(--plass-${e}-on-solid)`}}const w=/* @__PURE__ */["group relative flex w-full items-center select-none","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",j,f,x].join(" ");export const pickerPopupClasses=/* @__PURE__ */[g,"border text-(--plass-fg) bg-(--plass-glass-press)","[border-color:var(--plass-glass-line)]","[box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)]","[outline:none]","[transition:opacity_var(--plass-duration)_var(--plass-ease)]","data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"].join(" ");export const popupPaddingClasses={xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-3.5"};export function PickerShell({variant:f="glass",size:g="md",color:x="primary",density:j="default",elevation:k=0,label:C,description:$,error:z,invalid:O,startIcon:F,fullWidth:R=!1,disabled:S=!1,readOnly:q=!1,required:D=!1,id:I,className:_,style:B,display:E,samples:L,empty:T,clearable:V=!1,onClear:W,open:A,onOpenChange:G,labels:H,hiddenValues:J,children:K,triggerRef:M,...Q}){const U=s.useId(),X=I??`${U}-trigger`,Y=`${U}-label`,Z=`${U}-description`,ee=`${U}-error`,le=null!=z&&!1!==z&&""!==z,se=O??le,ae=se?"danger":x,re=S||q,te=[$?Z:null,le?ee:null].filter(Boolean).join(" ")||void 0;return l(a.Root,{disabled:S,invalid:se,className:d("flex-col align-top",N[g],R?"flex w-full":"inline-flex",_),style:{...P(ae,k),...B},...Q,children:[C?e(a.Label,{id:Y,htmlFor:X,className:d(b[g],"font-semibold",S?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:C}):null,l(r.Root,{open:A,onOpenChange:e=>G(e),children:[l("span",{className:d(w,o[g],p[g],y[g],h[g],v[j][g],S?c[f]:q?u[f]:m[f]),children:[l(r.Trigger,{id:X,ref:M,disabled:S,"aria-labelledby":C?Y:void 0,"aria-describedby":te,"aria-required":D||void 0,"aria-invalid":se||void 0,className:d("flex min-w-0 flex-1 items-center bg-transparent text-start [font:inherit] text-inherit",h[g],"[outline:none]",re?"cursor-default":"cursor-pointer"),children:[F?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--plass-muted-fg)",children:F}):null,l("span",{className:"flex min-w-0 flex-1 flex-col",children:[e("span",{className:d("w-full truncate",T?"text-(--plass-muted-fg)":"text-(--plass-fg)"),children:E}),e(i,{samples:L??[]})]})]}),!V||T||re?null:e("button",{type:"button","aria-label":H.clear,className:d(n,"text-(--plass-muted-fg)"),onClick:e=>{e.stopPropagation(),W()},children:e(t,{})})]}),e(r.Portal,{children:e(r.Positioner,{className:"plass-portal z-(--plass-z-portal) [outline:none]",sideOffset:6,align:"start",children:e(r.Popup,{initialFocus:!1,className:d(pickerPopupClasses,y[g],popupPaddingClasses[g],p[g]),style:popupSlots(ae,3),children:K})})})]}),$?e(a.Description,{id:Z,className:d(b[g],"text-(--plass-muted-fg)"),children:$}):null,le?e(a.Error,{id:ee,match:!0,className:d(b[g],"text-(--p-accent)"),children:z}):null,J?.map((l,s)=>e("input",{type:"hidden",name:l.name,value:l.value},s))]})}export function PickerFooter({size:l,children:s}){return e("div",{className:d("flex items-center justify-end border-t pt-1.5","[border-color:var(--plass-divider)]",h[l]),children:s})}export function PickerDivider(){return e("div",{"aria-hidden":"true",className:"w-px self-stretch bg-(--plass-divider)"})}

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--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-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--plass-glow-angle:0deg}}}*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}:where(html,:host){-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");-webkit-tap-highlight-color:transparent}:where(blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre){margin:0}:where(menu,ol,ul){margin:0;padding:0;list-style:none}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(button,input,optgroup,select,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(button,input:where([type=button],[type=reset],[type=submit])){appearance:button}::placeholder{opacity:1}:where(textarea){resize:vertical}:where(audio,canvas,embed,iframe,img,object,svg,video){vertical-align:middle;display:block}:where(img,video){max-width:100%;height:auto}:where(code,kbd,pre,samp){font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.start-\(--p-bullet\){inset-inline-start:var(--p-bullet)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-1\.5{inset-inline-start:calc(var(--spacing) * 1.5)}.start-2{inset-inline-start:calc(var(--spacing) * 2)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-\[calc\(var\(--p-bullet\)\/2_-_1px\)\]{inset-inline-start:calc(var(--p-bullet) / 2 - 1px)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-\(--p-bullet\){top:var(--p-bullet)}.top-\(--p-disc-y\){top:var(--p-disc-y)}.top-\(--p-seg-y\){top:var(--p-seg-y)}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(var\(--p-bullet\)\/2_-_1px\)\]{top:calc(var(--p-bullet) / 2 - 1px)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[0\.18em\]{bottom:.18em}.left-\(--active-tab-left\){left:var(--active-tab-left)}.left-\(--p-disc-x\){left:var(--p-disc-x)}.left-\(--p-seg-x\){left:var(--p-seg-x)}.left-0\.5{left:calc(var(--spacing) * .5)}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.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}}.m-0{margin:0}.-mx-0\.5{margin-inline:calc(var(--spacing) * -.5)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.-ms-0\.5{margin-inline-start:calc(var(--spacing) * -.5)}.-ms-1{margin-inline-start:calc(var(--spacing) * -1)}.-ms-1\.5{margin-inline-start:calc(var(--spacing) * -1.5)}.-ms-2{margin-inline-start:calc(var(--spacing) * -2)}.-ms-2\.5{margin-inline-start:calc(var(--spacing) * -2.5)}.-ms-3{margin-inline-start:calc(var(--spacing) * -3)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-1\.5{margin-inline-start:calc(var(--spacing) * 1.5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-\[0\.25em\]{margin-inline-start:.25em}.ms-\[7\%\]{margin-inline-start:7%}.ms-auto{margin-inline-start:auto}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.-me-1{margin-inline-end:calc(var(--spacing) * -1)}.-me-1\.5{margin-inline-end:calc(var(--spacing) * -1.5)}.-me-2{margin-inline-end:calc(var(--spacing) * -2)}.-me-2\.5{margin-inline-end:calc(var(--spacing) * -2.5)}.-me-3{margin-inline-end:calc(var(--spacing) * -3)}.me-\[7\%\]{margin-inline-end:7%}.me-auto{margin-inline-end:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-\[7\%\]{margin-top:7%}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-1\.5{margin-bottom:calc(var(--spacing) * -1.5)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.-mb-2\.5{margin-bottom:calc(var(--spacing) * -2.5)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[7\%\]{margin-bottom:7%}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!inline{display:inline!important}.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}.aspect-square{aspect-ratio:1}.size-\(--p-bullet\){width:var(--p-bullet);height:var(--p-bullet)}.size-\(--p-cell\){width:var(--p-cell);height:var(--p-cell)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.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-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-\[0\.22em\]{width:.22em;height:.22em}.size-\[0\.45em\]{width:.45em;height:.45em}.size-\[1\.3em\]{width:1.3em;height:1.3em}.size-\[1\.6em\]{width:1.6em;height:1.6em}.size-\[1\.7em\]{width:1.7em;height:1.7em}.size-\[1\.15em\]{width:1.15em;height:1.15em}.size-\[2em\]{width:2em;height:2em}.size-\[70\%\]{width:70%;height:70%}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-\(--collapsible-panel-height\){height:var(--collapsible-panel-height)}.h-\(--p-cell\){height:var(--p-cell)}.h-\(--p-disc-h\){height:var(--p-disc-h)}.h-\(--p-seg-h\){height:var(--p-seg-h)}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.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-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-\[0\.75rem\]{height:.75rem}.h-\[0\.6875rem\]{height:.6875rem}.h-\[0\.8125rem\]{height:.8125rem}.h-\[0\.9375rem\]{height:.9375rem}.h-\[1\.0625rem\]{height:1.0625rem}.h-\[1lh\]{height:1lh}.h-\[calc\(var\(--p-cell\)\*7\)\]{height:calc(var(--p-cell) * 7)}.h-full{height:100%}.h-px{height:1px}.max-h-\[85\%\]{max-height:85%}.max-h-\[calc\(var\(--p-cell\,2\.5rem\)\*8\)\]{max-height:calc(var(--p-cell,2.5rem) * 8)}.max-h-\[min\(20rem\,var\(--available-height\)\)\]{max-height:min(20rem, var(--available-height))}.max-h-\[min\(24rem\,var\(--available-height\)\)\]{max-height:min(24rem, var(--available-height))}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5\.5{min-height:calc(var(--spacing) * 5.5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-6\.5{min-height:calc(var(--spacing) * 6.5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-18{min-height:calc(var(--spacing) * 18)}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-\(--p-cell\){width:var(--p-cell)}.w-\(--p-disc-w\){width:var(--p-disc-w)}.w-\(--p-seg-w\){width:var(--p-seg-w)}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.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\.5{width:calc(var(--spacing) * 3.5)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1\.2em\]{width:1.2em}.w-\[28rem\]{width:28rem}.w-\[calc\(var\(--p-cell\)\*1\.75\)\]{width:calc(var(--p-cell) * 1.75)}.w-\[calc\(var\(--p-cell\)\*7\)\]{width:calc(var(--p-cell) * 7)}.w-\[var\(--anchor-width\)\]{width:var(--anchor-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[30rem\]{max-width:30rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[48rem\]{max-width:48rem}.max-w-\[64rem\]{max-width:64rem}.max-w-\[80rem\]{max-width:80rem}.max-w-\[min\(100\%\,32rem\)\]{max-width:min(100%,32rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-3\.5{min-width:calc(var(--spacing) * 3.5)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-1{flex-basis:var(--spacing)}.basis-1\.5{flex-basis:calc(var(--spacing) * 1.5)}.basis-2{flex-basis:calc(var(--spacing) * 2)}.basis-2\.5{flex-basis:calc(var(--spacing) * 2.5)}.basis-3{flex-basis:calc(var(--spacing) * 3)}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.\[touch-action\:manipulation\]{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-py-0\.5{scroll-padding-block:calc(var(--spacing) * .5)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[0\.375rem\]{gap:.375rem}.gap-\[0\.3125rem\]{gap:.3125rem}.gap-\[0\.5625rem\]{gap:.5625rem}.gap-\[0\.6875rem\]{gap:.6875rem}.gap-x-\(--p-gap-x\){column-gap:var(--p-gap-x)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-\(--p-gap-y\){row-gap:var(--p-gap-y)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.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}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\(--plass-radius-lg\){border-radius:var(--plass-radius-lg)}.rounded-\(--plass-radius-md\){border-radius:var(--plass-radius-md)}.rounded-\(--plass-radius-sm\){border-radius:var(--plass-radius-sm)}.rounded-\(--plass-radius-xl\){border-radius:var(--plass-radius-xl)}.rounded-\(--plass-radius-xs\){border-radius:var(--plass-radius-xs)}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[0\.25rem\]{border-radius:.25rem}.rounded-\[0\.375rem\]{border-radius:.375rem}.rounded-\[0\.1875rem\]{border-radius:.1875rem}.rounded-\[0\.3125rem\]{border-radius:.3125rem}.rounded-\[0\.4375rem\]{border-radius:.4375rem}.rounded-\[0\.5625rem\]{border-radius:.5625rem}.rounded-\[0\.6875rem\]{border-radius:.6875rem}.rounded-\[0\.8125rem\]{border-radius:.8125rem}.rounded-\[0\.28125rem\]{border-radius:.28125rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-s-\(--plass-radius-lg\){border-start-start-radius:var(--plass-radius-lg);border-end-start-radius:var(--plass-radius-lg)}.rounded-s-\(--plass-radius-md\){border-start-start-radius:var(--plass-radius-md);border-end-start-radius:var(--plass-radius-md)}.rounded-s-\(--plass-radius-sm\){border-start-start-radius:var(--plass-radius-sm);border-end-start-radius:var(--plass-radius-sm)}.rounded-s-\(--plass-radius-xs\){border-start-start-radius:var(--plass-radius-xs);border-end-start-radius:var(--plass-radius-xs)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.\[border-start-start-radius\:0\.25rem\]{border-start-start-radius:.25rem}.rounded-e-\(--plass-radius-lg\){border-start-end-radius:var(--plass-radius-lg);border-end-end-radius:var(--plass-radius-lg)}.rounded-e-\(--plass-radius-md\){border-start-end-radius:var(--plass-radius-md);border-end-end-radius:var(--plass-radius-md)}.rounded-e-\(--plass-radius-sm\){border-start-end-radius:var(--plass-radius-sm);border-end-end-radius:var(--plass-radius-sm)}.rounded-e-\(--plass-radius-xs\){border-start-end-radius:var(--plass-radius-xs);border-end-end-radius:var(--plass-radius-xs)}.\[border-start-end-radius\:0\.25rem\]{border-start-end-radius:.25rem}.rounded-t-\(--plass-radius-lg\){border-top-left-radius:var(--plass-radius-lg);border-top-right-radius:var(--plass-radius-lg)}.rounded-t-\(--plass-radius-md\){border-top-left-radius:var(--plass-radius-md);border-top-right-radius:var(--plass-radius-md)}.rounded-t-\(--plass-radius-sm\){border-top-left-radius:var(--plass-radius-sm);border-top-right-radius:var(--plass-radius-sm)}.rounded-t-\(--plass-radius-xl\){border-top-left-radius:var(--plass-radius-xl);border-top-right-radius:var(--plass-radius-xl)}.rounded-t-\(--plass-radius-xs\){border-top-left-radius:var(--plass-radius-xs);border-top-right-radius:var(--plass-radius-xs)}.rounded-l-\(--plass-radius-lg\){border-top-left-radius:var(--plass-radius-lg);border-bottom-left-radius:var(--plass-radius-lg)}.rounded-l-\(--plass-radius-md\){border-top-left-radius:var(--plass-radius-md);border-bottom-left-radius:var(--plass-radius-md)}.rounded-l-\(--plass-radius-sm\){border-top-left-radius:var(--plass-radius-sm);border-bottom-left-radius:var(--plass-radius-sm)}.rounded-l-\(--plass-radius-xl\){border-top-left-radius:var(--plass-radius-xl);border-bottom-left-radius:var(--plass-radius-xl)}.rounded-l-\(--plass-radius-xs\){border-top-left-radius:var(--plass-radius-xs);border-bottom-left-radius:var(--plass-radius-xs)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-tl{border-top-left-radius:.25rem}.rounded-r-\(--plass-radius-lg\){border-top-right-radius:var(--plass-radius-lg);border-bottom-right-radius:var(--plass-radius-lg)}.rounded-r-\(--plass-radius-md\){border-top-right-radius:var(--plass-radius-md);border-bottom-right-radius:var(--plass-radius-md)}.rounded-r-\(--plass-radius-sm\){border-top-right-radius:var(--plass-radius-sm);border-bottom-right-radius:var(--plass-radius-sm)}.rounded-r-\(--plass-radius-xl\){border-top-right-radius:var(--plass-radius-xl);border-bottom-right-radius:var(--plass-radius-xl)}.rounded-r-\(--plass-radius-xs\){border-top-right-radius:var(--plass-radius-xs);border-bottom-right-radius:var(--plass-radius-xs)}.rounded-b-\(--plass-radius-lg\){border-bottom-right-radius:var(--plass-radius-lg);border-bottom-left-radius:var(--plass-radius-lg)}.rounded-b-\(--plass-radius-md\){border-bottom-right-radius:var(--plass-radius-md);border-bottom-left-radius:var(--plass-radius-md)}.rounded-b-\(--plass-radius-sm\){border-bottom-right-radius:var(--plass-radius-sm);border-bottom-left-radius:var(--plass-radius-sm)}.rounded-b-\(--plass-radius-xl\){border-bottom-right-radius:var(--plass-radius-xl);border-bottom-left-radius:var(--plass-radius-xl)}.rounded-b-\(--plass-radius-xs\){border-bottom-right-radius:var(--plass-radius-xs);border-bottom-left-radius:var(--plass-radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.\[border-top-width\:var\(--p-rule\)\]{border-top-width:var(--p-rule)}.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-left-width\:var\(--p-rule\)\]{border-left-width:var(--p-rule)}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-solid{--tw-border-style:solid;border-style:solid}.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:color-mix(in oklab,currentColor 18%,transparent)}}.\[border-color\:var\(--p-line\)\]{border-color:var(--p-line)}.\[border-color\:var\(--p-line-hover\)\]{border-color:var(--p-line-hover)}.\[border-color\:var\(--p-ring\)\]{border-color:var(--p-ring)}.\[border-color\:var\(--p-rule-color\)\]{border-color:var(--p-rule-color)}.\[border-color\:var\(--plass-border\)\]{border-color:var(--plass-border)}.\[border-color\:var\(--plass-divider\)\]{border-color:var(--plass-divider)}.\[border-color\:var\(--plass-glass-line\)\]{border-color:var(--plass-glass-line)}.\[border-color\:var\(--plass-surface\)\]{border-color:var(--plass-surface)}.\[border-inline-start-color\:var\(--p-accent\)\]{border-inline-start-color:var(--p-accent)}.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:color-mix(in oklab,currentColor 7%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--plass-scrim\)_45\%\,transparent\)\]{background-color:var(--plass-scrim)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--plass-scrim\)_45\%\,transparent\)\]{background-color:color-mix(in oklab,var(--plass-scrim) 45%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--plass-surface\)_55\%\,transparent\)\]{background-color:var(--plass-surface)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--plass-surface\)_55\%\,transparent\)\]{background-color:color-mix(in oklab,var(--plass-surface) 55%,transparent)}}.bg-\(--p-accent\){background-color:var(--p-accent)}.bg-\(--p-soft\){background-color:var(--p-soft)}.bg-\(--p-soft-hover\){background-color:var(--p-soft-hover)}.bg-\(--p-soft-press\){background-color:var(--p-soft-press)}.bg-\(--plass-border\){background-color:var(--plass-border)}.bg-\(--plass-divider\){background-color:var(--plass-divider)}.bg-\(--plass-glass\){background-color:var(--plass-glass)}.bg-\(--plass-glass-hover\){background-color:var(--plass-glass-hover)}.bg-\(--plass-glass-press\){background-color:var(--plass-glass-press)}.bg-\(--plass-glow-on-fill\){background-color:var(--plass-glow-on-fill)}.bg-\(--plass-scrim\){background-color:var(--plass-scrim)}.bg-\(--plass-surface\){background-color:var(--plass-surface)}.bg-\(--plass-track\){background-color:var(--plass-track)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\[background-image\:var\(--p-fill\)\]{background-image:var(--p-fill)}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-\[0\.35em\]{padding-block:.35em}.py-\[3px\]{padding-block:3px}.py-\[6px\]{padding-block:6px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-px{padding-block:1px}.ps-0{padding-inline-start:0}.ps-7{padding-inline-start:calc(var(--spacing) * 7)}.pe-0{padding-inline-end:0}.pe-1{padding-inline-end:var(--spacing)}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-3\.5{padding-inline-end:calc(var(--spacing) * 3.5)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pe-7{padding-inline-end:calc(var(--spacing) * 7)}.pe-8{padding-inline-end:calc(var(--spacing) * 8)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .75rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.25rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.\[font-family\:inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-\[0\.75rem\]\/\[1\.25rem\]{font-size:.75rem;line-height:1.25rem}.text-\[0\.75rem\]\/\[1\.125rem\]{font-size:.75rem;line-height:1.125rem}.text-\[0\.75rem\]\/\[1rem\]{font-size:.75rem;line-height:1rem}.text-\[0\.875rem\]\/\[1\.25rem\]{font-size:.875rem;line-height:1.25rem}.text-\[0\.6875rem\]\/\[1rem\]{font-size:.6875rem;line-height:1rem}.text-\[0\.8125rem\]\/\[1\.25rem\]{font-size:.8125rem;line-height:1.25rem}.text-\[0\.8125rem\]\/\[1\.125rem\]{font-size:.8125rem;line-height:1.125rem}.text-\[0\.8125rem\]\/\[1\.375rem\]{font-size:.8125rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.5rem\]{font-size:.9375rem;line-height:1.5rem}.text-\[0\.9375rem\]\/\[1\.25rem\]{font-size:.9375rem;line-height:1.25rem}.text-\[0\.9375rem\]\/\[1\.375rem\]{font-size:.9375rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.625rem\]{font-size:.9375rem;line-height:1.625rem}.text-\[1\.5rem\]\/\[1\.875rem\]{font-size:1.5rem;line-height:1.875rem}.text-\[1\.25rem\]\/\[1\.75rem\]{font-size:1.25rem;line-height:1.75rem}.text-\[1\.25rem\]\/\[1\.625rem\]{font-size:1.25rem;line-height:1.625rem}.text-\[1\.25rem\]\/\[2\.125rem\]{font-size:1.25rem;line-height:2.125rem}.text-\[1\.125rem\]\/\[1\.75rem\]{font-size:1.125rem;line-height:1.75rem}.text-\[1\.0625rem\]\/\[1\.5rem\]{font-size:1.0625rem;line-height:1.5rem}.text-\[1\.0625rem\]\/\[1\.75rem\]{font-size:1.0625rem;line-height:1.75rem}.text-\[1\.0625rem\]\/\[1\.875rem\]{font-size:1.0625rem;line-height:1.875rem}.text-\[1\.875rem\]\/\[2\.25rem\]{font-size:1.875rem;line-height:2.25rem}.text-\[1rem\]\/\[1\.5rem\]{font-size:1rem;line-height:1.5rem}.\[font-size\:100\%\]{font-size:100%}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.85em\]{font-size:.85em}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[1\.1875rem\]{font-size:1.1875rem}.text-\[1rem\]{font-size:1rem}.text-\[calc\(var\(--p-bullet\)\*0\.5\)\]{font-size:calc(var(--p-bullet) * .5)}.text-\[length\:inherit\]{font-size:inherit}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:color-mix(in oklab,currentColor 72%,transparent)}}.text-\(--p-accent\){color:var(--p-accent)}.text-\(--p-empty\){color:var(--p-empty)}.text-\(--p-on-solid\){color:var(--p-on-solid)}.text-\(--p-soft-press\){color:var(--p-soft-press)}.text-\(--plass-danger-accent\){color:var(--plass-danger-accent)}.text-\(--plass-fg\){color:var(--plass-fg)}.text-\(--plass-muted-fg\){color:var(--plass-muted-fg)}.text-inherit{color:inherit}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.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,)}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-\(--p-accent\){caret-color:var(--p-accent)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.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-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)}.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)}.\[box-shadow\:0_0_0_0\.25rem_var\(--p-soft\)\]{box-shadow:0 0 0 .25rem var(--p-soft)}.\[box-shadow\:0_1px_2px_rgb\(20_40_90\/0\.25\)\]{box-shadow:0 1px 2px #14285a40}.\[box-shadow\:var\(--p-elev\)\,0_2px_0_0_var\(--p-tint\)\]{box-shadow:var(--p-elev),0 2px 0 0 var(--p-tint)}.\[box-shadow\:var\(--p-elev\)\,0_2px_0_0_var\(--plass-shadow-ambient\)\]{box-shadow:var(--p-elev),0 2px 0 0 var(--plass-shadow-ambient)}.\[box-shadow\:var\(--p-elev\)\,var\(--p-lift\)\]{box-shadow:var(--p-elev),var(--p-lift)}.\[box-shadow\:var\(--p-elev\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--p-elev),var(--plass-gloss-glass)}.\[box-shadow\:var\(--p-elev\)\,var\(--plass-well\)\]{box-shadow:var(--p-elev),var(--plass-well)}.\[box-shadow\:var\(--p-elev\)\]{box-shadow:var(--p-elev)}.\[box-shadow\:var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-1\)\,var\(--p-lift\)\]{box-shadow:var(--plass-shadow-1),var(--p-lift)}.\[box-shadow\:var\(--plass-shadow-1\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-1),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-3\)\,var\(--p-lift\)\]{box-shadow:var(--plass-shadow-3),var(--p-lift)}.\[box-shadow\:var\(--plass-shadow-3\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-4\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-well\)\]{box-shadow:var(--plass-well)}.\[outline\:none\]{outline:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.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,)}.saturate-\[0\.35\]{--tw-saturate:saturate(.35);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,)}.saturate-\[0\.55\]{--tw-saturate:saturate(.55);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,)}.\[backdrop-filter\:blur\(2px\)\]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.\[backdrop-filter\:var\(--plass-blur\)\]{-webkit-backdrop-filter:var(--plass-blur);backdrop-filter:var(--plass-blur)}.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,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\]{transition-property:color;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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[transition-property\:background-color\,background-image\,border-color\,box-shadow\,color\,filter\]{transition-property:background-color,background-image,border-color,box-shadow,color,filter}.\[transition-property\:background-color\,background-image\,box-shadow\,filter\]{transition-property:background-color,background-image,box-shadow,filter}.\[transition-property\:background-color\,border-color\,box-shadow\,color\,transform\]{transition-property:background-color,border-color,box-shadow,color,transform}.\[transition-property\:background-color\]{transition-property:background-color}.\[transition-property\:color\,text-decoration-color\]{transition-property:color,text-decoration-color}.\[transition-property\:left\,top\,width\,height\,opacity\,filter\]{transition-property:left,top,width,height,opacity,filter}.\[transition-property\:left\,top\,width\,height\]{transition-property:left,top,width,height}.\[transition-property\:width\,background-color\]{transition-property:width,background-color}.duration-\(--plass-duration\){--tw-duration:var(--plass-duration);transition-duration:var(--plass-duration)}.\[transition-duration\:0ms\]{transition-duration:0s}.\[transition-duration\:var\(--plass-duration\)\]{transition-duration:var(--plass-duration)}.\[transition-timing-function\:var\(--plass-ease\)\]{transition-timing-function:var(--plass-ease)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--p-fill\:var\(--plass-primary-fill\)\]{--p-fill:var(--plass-primary-fill)}.\[--p-row\:transparent\]{--p-row:transparent}.\[--p-row\:var\(--plass-stripe\)\]{--p-row:var(--plass-stripe)}.\[-webkit-backdrop-filter\:blur\(2px\)\]{-webkit-backdrop-filter:blur(2px)}.\[-webkit-backdrop-filter\:var\(--plass-blur\)\]{-webkit-backdrop-filter:var(--plass-blur)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}.\[font\:inherit\]{font:inherit}.\[grid-area\:1\/1\]{grid-area:1/1}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\,opacity_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease),opacity var(--plass-duration) var(--plass-ease)}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease)}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease)}.\[transition\:color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:color var(--plass-duration) var(--plass-ease)}.\[transition\:filter_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:filter var(--plass-duration-slow) var(--plass-ease)}.\[transition\:height_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:height var(--plass-duration-slow) var(--plass-ease)}.\[transition\:left_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:left var(--plass-duration) var(--plass-ease)}.\[transition\:opacity_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:opacity var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease)}.\[transition\:opacity_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:opacity var(--plass-duration) var(--plass-ease)}.\[transition\:rotate_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:rotate var(--plass-duration) var(--plass-ease)}.\[transition\:stroke-dashoffset_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:stroke-dashoffset var(--plass-duration-slow) var(--plass-ease)}.\[transition\:width_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:width var(--plass-duration-slow) var(--plass-ease)}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.group-focus-within\:text-\(--p-accent\):is(:where(.group):focus-within *){color:var(--p-accent)}.group-focus-within\/bubble\:opacity-100:is(:where(.group\/bubble):focus-within *){opacity:1}@media (hover:hover){.group-hover\/bubble\:opacity-100:is(:where(.group\/bubble):hover *){opacity:1}.group-hover\/handle\:bg-\(--p-accent\):is(:where(.group\/handle):hover *){background-color:var(--p-accent)}}.group-focus-visible\/handle\:bg-\(--p-accent\):is(:where(.group\/handle):focus-visible *),.group-data-\[dragging\]\/handle\:bg-\(--p-accent\):is(:where(.group\/handle)[data-dragging] *){background-color:var(--p-accent)}.selection\:bg-\(--p-soft-press\) ::selection{background-color:var(--p-soft-press)}.selection\:bg-\(--p-soft-press\)::selection{background-color:var(--p-soft-press)}.placeholder\:text-\(--plass-muted-fg\)::placeholder{color:var(--plass-muted-fg)}.before\:content-\[attr\(data-sample\)\]:before{--tw-content:attr(data-sample);content:var(--tw-content)}.empty\:hidden:empty{display:none}.focus-within\:\[border-color\:var\(--p-line-hover\)\]:focus-within{border-color:var(--p-line-hover)}.focus-within\:bg-\(--p-soft-hover\):focus-within{background-color:var(--p-soft-hover)}.focus-within\:bg-\(--plass-glass-press\):focus-within{background-color:var(--plass-glass-press)}.focus-within\:\[transition-duration\:0ms\]:focus-within{transition-duration:0s}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:\[border-color\:var\(--p-line\)\]:hover{border-color:var(--p-line)}.hover\:\[border-color\:var\(--p-line-hover\)\]:hover{border-color:var(--p-line-hover)}.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:color-mix(in oklab,currentColor 12%,transparent)}}.hover\:bg-\(--p-accent\):hover{background-color:var(--p-accent)}.hover\:bg-\(--p-soft\):hover{background-color:var(--p-soft)}.hover\:bg-\(--p-soft-hover\):hover{background-color:var(--p-soft-hover)}.hover\:bg-\(--p-soft-press\):hover{background-color:var(--p-soft-press)}.hover\:bg-\(--plass-glass-hover\):hover{background-color:var(--plass-glass-hover)}.hover\:bg-\(--plass-glass-press\):hover{background-color:var(--plass-glass-press)}.hover\:text-\(--p-accent\):hover{color:var(--p-accent)}.hover\:text-\(--plass-fg\):hover{color:var(--plass-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--p-lift-hover\)\,0_0_0_4px_var\(--p-soft\)\]:hover{box-shadow:var(--p-elev-hover),var(--p-lift-hover),0 0 0 4px var(--p-soft)}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--p-lift-hover\)\]:hover{box-shadow:var(--p-elev-hover),var(--p-lift-hover)}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--plass-gloss-glass\)\]:hover{box-shadow:var(--p-elev-hover),var(--plass-gloss-glass)}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);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,)}.hover\:brightness-\[0\.97\]:hover{--tw-brightness:brightness(.97);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,)}.hover\:\[--p-row\:var\(--p-soft\)\]:hover{--p-row:var(--p-soft)}}.focus\:\[outline\:2px_solid_var\(--p-ring\)\]:focus{outline:2px solid var(--p-ring)}.focus\:\[outline-offset\:0px\]:focus{outline-offset:0px}.focus\:\[transition-duration\:0ms\]:focus{transition-duration:0s}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-\[0\.25rem\]:focus-visible{border-radius:.25rem}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:\[outline\:2px_solid_var\(--p-ring\)\]:focus-visible{outline:2px solid var(--p-ring)}.focus-visible\:\[outline-offset\:-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:\[outline-offset\:0px\]:focus-visible{outline-offset:0px}.focus-visible\:\[outline-offset\:1px\]:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\(--p-soft-hover\):active{background-color:var(--p-soft-hover)}.active\:bg-\(--p-soft-press\):active{background-color:var(--p-soft-press)}.active\:bg-\(--plass-glass-press\):active{background-color:var(--plass-glass-press)}.active\:\[box-shadow\:var\(--p-elev-press\)\,var\(--p-lift-press\)\]:active{box-shadow:var(--p-elev-press),var(--p-lift-press)}.active\:\[box-shadow\:var\(--p-elev-press\)\,var\(--plass-gloss-glass\)\]:active{box-shadow:var(--p-elev-press),var(--plass-gloss-glass)}.active\:brightness-95:active{--tw-brightness:brightness(95%);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,)}.active\:\[transition-duration\:0ms\]:active{transition-duration:0s}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:\[outline\:2px_solid_var\(--p-ring\)\]:has(:focus-visible){outline:2px solid var(--p-ring)}.has-\[\:focus-visible\]\:\[outline-offset\:0px\]:has(:focus-visible){outline-offset:0px}.data-\[active\]\:text-\(--p-accent\)[data-active]{color:var(--p-accent)}.data-\[checked\]\:left-\[calc\(100\%-0\.75rem\)\][data-checked]{left:calc(100% - .75rem)}.data-\[checked\]\:left-\[calc\(100\%-0\.875rem\)\][data-checked]{left:calc(100% - .875rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.125rem\)\][data-checked]{left:calc(100% - 1.125rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.375rem\)\][data-checked]{left:calc(100% - 1.375rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.625rem\)\][data-checked]{left:calc(100% - 1.625rem)}.data-\[checked\]\:\[border-color\:transparent\][data-checked]{border-color:#0000}.data-\[checked\]\:\[background-image\:var\(--p-fill\)\][data-checked]{background-image:var(--p-fill)}.data-\[checked\]\:text-\(--p-accent\)[data-checked]{color:var(--p-accent)}.data-\[checked\]\:text-\(--p-on-solid\)[data-checked]{color:var(--p-on-solid)}.data-\[checked\]\:shadow-none[data-checked]{--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)}.data-\[checked\]\:\[box-shadow\:var\(--p-lift\)\][data-checked]{box-shadow:var(--p-lift)}@media (hover:hover){.data-\[checked\]\:hover\:brightness-105[data-checked]:hover{--tw-brightness:brightness(105%);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,)}}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[dragging\]\:cursor-grabbing[data-dragging]{cursor:grabbing}.data-\[dragging\]\:bg-\(--p-soft\)[data-dragging]{background-color:var(--p-soft)}.data-\[dragging\]\:\[box-shadow\:var\(--p-elev-press\)\,var\(--p-lift-press\)\,0_0_0_6px_var\(--p-soft-hover\)\][data-dragging]{box-shadow:var(--p-elev-press),var(--p-lift-press),0 0 0 6px var(--p-soft-hover)}.data-\[ending-style\]\:h-0[data-ending-style]{height:0}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-\(--p-soft-hover\)[data-highlighted]{background-color:var(--p-soft-hover)}.data-\[highlighted\]\:text-\(--p-accent\)[data-highlighted]{color:var(--p-accent)}.data-\[indeterminate\]\:\[border-color\:transparent\][data-indeterminate]{border-color:#0000}.data-\[indeterminate\]\:\[background-image\:var\(--p-fill\)\][data-indeterminate]{background-image:var(--p-fill)}.data-\[indeterminate\]\:text-\(--p-on-solid\)[data-indeterminate]{color:var(--p-on-solid)}.data-\[instant\]\:\[transition-duration\:0ms\][data-instant]{transition-duration:0s}.data-\[limited\]\:hidden[data-limited]{display:none}.data-\[panel-open\]\:rotate-180[data-panel-open]{rotate:180deg}.data-\[panel-open\]\:bg-\(--p-soft\)[data-panel-open]{background-color:var(--p-soft)}.data-\[panel-open\]\:text-\(--p-accent\)[data-panel-open]{color:var(--p-accent)}.data-\[placeholder\]\:text-\(--plass-muted-fg\)[data-placeholder]{color:var(--plass-muted-fg)}.data-\[popup-open\]\:rotate-180[data-popup-open]{rotate:180deg}.data-\[popup-open\]\:bg-\(--p-soft\)[data-popup-open]{background-color:var(--p-soft)}.data-\[quiet\]\:opacity-50[data-quiet]{opacity:.5}.data-\[quiet\]\:saturate-\[0\.35\][data-quiet]{--tw-saturate:saturate(.35);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,)}.data-\[readonly\]\:cursor-default[data-readonly]{cursor:default}.data-\[ready\]\:\[transition-duration\:var\(--plass-duration\)\][data-ready]{transition-duration:var(--plass-duration)}.data-\[selected\]\:font-semibold[data-selected]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[selected\]\:text-\(--p-accent\)[data-selected]{color:var(--p-accent)}.data-\[side\=bottom\]\:top-\[-1px\][data-side=bottom]{top:-1px}.data-\[side\=bottom\]\:rotate-180[data-side=bottom]{rotate:180deg}.data-\[side\=left\]\:right-\[-1px\][data-side=left]{right:-1px}.data-\[side\=left\]\:-rotate-90[data-side=left]{rotate:-90deg}.data-\[side\=right\]\:left-\[-1px\][data-side=right]{left:-1px}.data-\[side\=right\]\:rotate-90[data-side=right]{rotate:90deg}.data-\[side\=top\]\:bottom-\[-1px\][data-side=top]{bottom:-1px}.data-\[starting-style\]\:h-0[data-starting-style]{height:0}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}.motion-reduce\:\[transition-duration\:0ms\]{transition-duration:0s}}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}.rtl\:rotate-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:0deg}.rtl\:rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:90deg}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}}.\[\&_\*\]\:cursor-not-allowed *{cursor:not-allowed}.\[\&_img\]\:block img{display:block}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:inline svg{display:inline}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-\[0\.9em\] svg{width:.9em;height:.9em}.\[\&_svg\]\:size-\[0\.95em\] svg{width:.95em;height:.95em}.\[\&_svg\]\:size-\[1\.1em\] svg{width:1.1em;height:1.1em}.\[\&_svg\]\:size-\[1\.2em\] svg{width:1.2em;height:1.2em}.\[\&_svg\]\:size-\[1\.8em\] svg{width:1.8em;height:1.8em}.\[\&_svg\]\:size-\[1\.15em\] svg{width:1.15em;height:1.15em}.\[\&_svg\]\:size-\[1em\] svg{width:1em;height:1em}.\[\&_svg\]\:size-\[55\%\] svg{width:55%;height:55%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_video\]\:block video{display:block}.\[\&_video\]\:w-full video{width:100%}.\[\&\.plass-link\]\:text-\(--p-accent\).plass-link{color:var(--p-accent)}.\[\&\.plass-link\]\:text-inherit.plass-link{color:inherit}.\[\&\.plass-link\]\:no-underline.plass-link{text-decoration-line:none}.\[\&\.plass-link\]\:underline.plass-link{text-decoration-line:underline}@media (hover:hover){.\[\&\.plass-link\]\:hover\:underline.plass-link:hover{text-decoration-line:underline}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:snap-start>*{scroll-snap-align:start}.\[\&\>\*\:focus-visible\]\:z-10>:focus-visible,.\[\&\>\*\:hover\]\:z-10>:hover{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:-ms-px>:not(:first-child){margin-inline-start:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>:not(:first-child){margin-top:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>canvas\]\:size-full>canvas{width:100%;height:100%}.\[\&\>div\+div\]\:border-t>div+div{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>div\+div\]\:\[border-color\:var\(--plass-divider\)\]>div+div{border-color:var(--plass-divider)}.\[\&\>iframe\]\:size-full>iframe{width:100%;height:100%}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:object-contain>img{object-fit:contain}.\[\&\>img\]\:object-cover>img{object-fit:cover}.\[\&\>img\]\:object-fill>img{object-fit:fill}.\[\&\>img\]\:object-none>img{object-fit:none}.\[\&\>li\+li\]\:border-t>li+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>li\+li\]\:\[border-color\:var\(--plass-divider\)\]>li+li{border-color:var(--plass-divider)}.\[\&\>picture\]\:size-full>picture,.\[\&\>picture\>img\]\:size-full>picture>img{width:100%;height:100%}.\[\&\>picture\>img\]\:object-contain>picture>img{object-fit:contain}.\[\&\>picture\>img\]\:object-cover>picture>img{object-fit:cover}.\[\&\>picture\>img\]\:object-fill>picture>img{object-fit:fill}.\[\&\>picture\>img\]\:object-none>picture>img{object-fit:none}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg,.\[\&\>video\]\:size-full>video{width:100%;height:100%}.\[\&\>video\]\:object-contain>video{object-fit:contain}.\[\&\>video\]\:object-cover>video{object-fit:cover}.\[\&\>video\]\:object-fill>video{object-fit:fill}.\[\&\>video\]\:object-none>video{object-fit:none}@media (hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}:root{--plass-primary-solid:#3f63f2;--plass-primary-solid-to:#1b78cb;--plass-primary-on-solid:#fff;--plass-secondary-solid:#6b7488;--plass-secondary-solid-to:#59637a;--plass-secondary-on-solid:#fff;--plass-success-solid:#1b8649;--plass-success-solid-to:#12866a;--plass-success-on-solid:#fff;--plass-warning-solid:#f0a63e;--plass-warning-solid-to:#d98613;--plass-warning-on-solid:#3b2405;--plass-danger-solid:#d04246;--plass-danger-solid-to:#d53c54;--plass-danger-on-solid:#fff;--plass-info-solid:#2379bd;--plass-info-solid-to:#157aa9;--plass-info-on-solid:#fff}:root,.light,[data-theme=light]{--plass-surface:#fff;--plass-fg:#1b1e27;--plass-muted-fg:#5b6376;--plass-border:#d5deef;--plass-bg-from:#eef2fb;--plass-bg-to:#dfe8f8;--plass-glass:#ffffff9e;--plass-glass-hover:#ffffffc2;--plass-glass-press:#ffffffe0;--plass-glass-line:#fff9;--plass-divider:#14285a1a;--plass-stripe:#14285a08;--plass-track:#14285a24;--plass-blur:blur(22px) saturate(160%);--plass-gloss-glass:inset 0 1px 0 #ffffff8c;--plass-well:inset 0 1px 2px #14285a1a;--plass-glow-on-fill:#ffffff2e;--plass-flash-on-fill:#ffffff42;--plass-shadow-ambient:#14285a1a;--plass-tint-strength:35%;--plass-scrim:#10182866;--plass-radius-xs:.5rem;--plass-radius-sm:.625rem;--plass-radius-md:.75rem;--plass-radius-lg:.875rem;--plass-radius-xl:1rem;--plass-ease:cubic-bezier(.16, .9, .3, 1);--plass-duration:.15s;--plass-duration-slow:.26s;--plass-primary-accent:#2c49d6;--plass-secondary-accent:#46506a;--plass-success-accent:#146b41;--plass-warning-accent:#96600c;--plass-danger-accent:#bb3339;--plass-info-accent:#1668ae}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--plass-surface:#141b30;--plass-fg:#e7eaf3;--plass-muted-fg:#99a2ba;--plass-border:#ffffff1f;--plass-bg-from:#111731;--plass-bg-to:#0a0e1c;--plass-glass:#ffffff12;--plass-glass-hover:#ffffff1c;--plass-glass-press:#ffffff26;--plass-glass-line:#ffffff1f;--plass-divider:#ffffff1a;--plass-stripe:#ffffff09;--plass-track:#ffffff29;--plass-blur:blur(22px) saturate(150%);--plass-gloss-glass:inset 0 1px 0 #ffffff1a;--plass-well:inset 0 1px 2px #00000073;--plass-glow-on-fill:#ffffff26;--plass-flash-on-fill:#ffffff38;--plass-shadow-ambient:#0000006b;--plass-tint-strength:55%;--plass-scrim:#0009;--plass-primary-accent:#93a8ff;--plass-secondary-accent:#aab3c6;--plass-success-accent:#4fd08d;--plass-warning-accent:#f2b74e;--plass-danger-accent:#ff8a8f;--plass-info-accent:#5fb4ee}}.dark,[data-theme=dark]{--plass-surface:#141b30;--plass-fg:#e7eaf3;--plass-muted-fg:#99a2ba;--plass-border:#ffffff1f;--plass-bg-from:#111731;--plass-bg-to:#0a0e1c;--plass-glass:#ffffff12;--plass-glass-hover:#ffffff1c;--plass-glass-press:#ffffff26;--plass-glass-line:#ffffff1f;--plass-divider:#ffffff1a;--plass-stripe:#ffffff09;--plass-track:#ffffff29;--plass-blur:blur(22px) saturate(150%);--plass-gloss-glass:inset 0 1px 0 #ffffff1a;--plass-well:inset 0 1px 2px #00000073;--plass-glow-on-fill:#ffffff26;--plass-flash-on-fill:#ffffff38;--plass-shadow-ambient:#0000006b;--plass-tint-strength:55%;--plass-scrim:#0009;--plass-primary-accent:#93a8ff;--plass-secondary-accent:#aab3c6;--plass-success-accent:#4fd08d;--plass-warning-accent:#f2b74e;--plass-danger-accent:#ff8a8f;--plass-info-accent:#5fb4ee}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-shadow-0:0 0 #0000;--plass-shadow-1:0 4px 14px -3px var(--plass-shadow-ambient);--plass-shadow-2:0 8px 24px -5px var(--plass-shadow-ambient);--plass-shadow-3:0 14px 36px -9px var(--plass-shadow-ambient);--plass-shadow-4:0 22px 52px -13px var(--plass-shadow-ambient);--plass-primary-fill:linear-gradient(135deg, var(--plass-primary-solid) 0%, var(--plass-primary-solid-to) 100%);--plass-primary-tint:var(--plass-primary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-tint:color-mix(in srgb, var(--plass-primary-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft:color-mix(in srgb, var(--plass-primary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-hover:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-hover:color-mix(in srgb, var(--plass-primary-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-press:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-press:color-mix(in srgb, var(--plass-primary-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line:color-mix(in srgb, var(--plass-primary-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line-hover:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line-hover:color-mix(in srgb, var(--plass-primary-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-ring:var(--plass-primary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-ring:color-mix(in srgb, var(--plass-primary-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-fill:linear-gradient(135deg, var(--plass-secondary-solid) 0%, var(--plass-secondary-solid-to) 100%);--plass-secondary-tint:var(--plass-secondary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-tint:color-mix(in srgb, var(--plass-secondary-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft:color-mix(in srgb, var(--plass-secondary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-hover:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-hover:color-mix(in srgb, var(--plass-secondary-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-press:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-press:color-mix(in srgb, var(--plass-secondary-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line:color-mix(in srgb, var(--plass-secondary-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line-hover:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line-hover:color-mix(in srgb, var(--plass-secondary-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-ring:var(--plass-secondary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-ring:color-mix(in srgb, var(--plass-secondary-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-fill:linear-gradient(135deg, var(--plass-success-solid) 0%, var(--plass-success-solid-to) 100%);--plass-success-tint:var(--plass-success-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-tint:color-mix(in srgb, var(--plass-success-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft:color-mix(in srgb, var(--plass-success-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-hover:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-hover:color-mix(in srgb, var(--plass-success-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-press:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-press:color-mix(in srgb, var(--plass-success-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line:color-mix(in srgb, var(--plass-success-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line-hover:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line-hover:color-mix(in srgb, var(--plass-success-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-ring:var(--plass-success-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-ring:color-mix(in srgb, var(--plass-success-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-fill:linear-gradient(135deg, var(--plass-warning-solid) 0%, var(--plass-warning-solid-to) 100%);--plass-warning-tint:var(--plass-warning-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-tint:color-mix(in srgb, var(--plass-warning-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft:color-mix(in srgb, var(--plass-warning-accent) 12%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-hover:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-hover:color-mix(in srgb, var(--plass-warning-accent) 20%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-press:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-press:color-mix(in srgb, var(--plass-warning-accent) 28%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line:color-mix(in srgb, var(--plass-warning-accent) 34%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line-hover:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line-hover:color-mix(in srgb, var(--plass-warning-accent) 52%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-ring:var(--plass-warning-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-ring:color-mix(in srgb, var(--plass-warning-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-fill:linear-gradient(135deg, var(--plass-danger-solid) 0%, var(--plass-danger-solid-to) 100%);--plass-danger-tint:var(--plass-danger-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-tint:color-mix(in srgb, var(--plass-danger-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft:color-mix(in srgb, var(--plass-danger-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-hover:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-hover:color-mix(in srgb, var(--plass-danger-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-press:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-press:color-mix(in srgb, var(--plass-danger-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line:color-mix(in srgb, var(--plass-danger-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line-hover:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line-hover:color-mix(in srgb, var(--plass-danger-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-ring:var(--plass-danger-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-ring:color-mix(in srgb, var(--plass-danger-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-fill:linear-gradient(135deg, var(--plass-info-solid) 0%, var(--plass-info-solid-to) 100%);--plass-info-tint:var(--plass-info-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-tint:color-mix(in srgb, var(--plass-info-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft:color-mix(in srgb, var(--plass-info-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-hover:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-hover:color-mix(in srgb, var(--plass-info-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-press:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-press:color-mix(in srgb, var(--plass-info-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line:color-mix(in srgb, var(--plass-info-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line-hover:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line-hover:color-mix(in srgb, var(--plass-info-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-ring:var(--plass-info-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-ring:color-mix(in srgb, var(--plass-info-solid) 55%, transparent)}}.plass-title :where(h1,h2,h3,h4,h5,h6){font:inherit;margin:0}.plass-link.plass-link{font-weight:inherit;text-underline-offset:.2em;text-underline-position:from-font;text-decoration-thickness:max(1px,.055em);-webkit-text-decoration-color:var(--p-underline);-webkit-text-decoration-color:var(--p-underline);text-decoration-color:var(--p-underline)}.plass-link.plass-link:hover{-webkit-text-decoration-color:var(--p-underline-hover);-webkit-text-decoration-color:var(--p-underline-hover);text-decoration-color:var(--p-underline-hover)}.plass-glow:before,.plass-glow:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.plass-glow:before{background:radial-gradient(6rem circle at var(--p-mx,50%) var(--p-my,50%), var(--p-glow,transparent), transparent 70%);transition:opacity .24s var(--plass-ease)}@media (hover:hover){.plass-glow:hover:before{opacity:1}}.plass-glow:after{background:radial-gradient(5rem circle at var(--p-mx,50%) var(--p-my,50%), var(--p-flash,transparent), transparent 72%);transition:opacity .7s cubic-bezier(.22,1,.36,1)}.plass-glow:active:after{opacity:1;transition-duration:0s}@keyframes plass-typing{0%,60%,to{background-color:color-mix(in oklab, currentColor 28%, transparent)}30%{background-color:currentColor}}.plass-typing-dot{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.plass-typing-dot{background-color:color-mix(in oklab, currentColor 28%, transparent)}}.plass-typing-dot{animation:plass-typing 1.25s var(--plass-ease) infinite;animation-delay:calc(var(--p-i,0) * .16s)}@keyframes plass-progress-sweep{0%{inset-inline-start:-45%}to{inset-inline-start:100%}}.plass-progress-sweep{inline-size:45%;animation:plass-progress-sweep 1.15s var(--plass-ease) infinite;position:absolute;inset-block:0}@keyframes plass-ring-spin{to{rotate:360deg}}.plass-ring-spin{transform-origin:50%;animation:.9s linear infinite plass-ring-spin}@keyframes plass-plate-wave{0%,70%,to{opacity:0}35%{opacity:1}}.plass-plate-wave{animation:plass-plate-wave 1.2s var(--plass-ease) infinite;animation-delay:calc(var(--p-i,0) * .12s)}@keyframes plass-progress-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes plass-skeleton-sweep{0%{inset-inline-start:-60%}to{inset-inline-start:100%}}.plass-skeleton:after{content:"";background-image:linear-gradient(90deg, transparent, var(--p-soft-press), transparent);inline-size:60%;animation:plass-skeleton-sweep 1.5s var(--plass-ease) infinite;position:absolute;inset-block:0}@keyframes plass-skeleton-pulse{0%,to{background-color:#0000}50%{background-color:var(--p-soft-press)}}.plass-grid{--p-cols:var(--p-cols-xs,12);--p-gap-x:var(--p-gap-x-xs,0px);--p-gap-y:var(--p-gap-y-xs,0px)}.plass-grid-item{--p-span:var(--p-span-xs,var(--p-cols,12));--p-offset:var(--p-offset-xs,0);--p-track:calc((100% + var(--p-gap-x,0px)) / var(--p-cols,12));box-sizing:border-box;min-width:0;width:calc(var(--p-track) * min(var(--p-span), var(--p-cols,12)) - var(--p-gap-x,0px));flex:none;margin-inline-start:calc(var(--p-track) * min(var(--p-offset), var(--p-cols,12)))}@media (min-width:40rem){.plass-grid{--p-cols:var(--p-cols-sm,var(--p-cols-xs,12));--p-gap-x:var(--p-gap-x-sm,var(--p-gap-x-xs,0px));--p-gap-y:var(--p-gap-y-sm,var(--p-gap-y-xs,0px))}.plass-grid-item{--p-span:var(--p-span-sm,var(--p-span-xs,var(--p-cols,12)));--p-offset:var(--p-offset-sm,var(--p-offset-xs,0))}}@media (min-width:48rem){.plass-grid{--p-cols:var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12)));--p-gap-x:var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px)));--p-gap-y:var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px)))}.plass-grid-item{--p-span:var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12))));--p-offset:var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0)))}}@media (min-width:64rem){.plass-grid{--p-cols:var(--p-cols-lg,var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12))));--p-gap-x:var(--p-gap-x-lg,var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px))));--p-gap-y:var(--p-gap-y-lg,var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px))))}.plass-grid-item{--p-span:var(--p-span-lg,var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12)))));--p-offset:var(--p-offset-lg,var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0))))}}@media (min-width:80rem){.plass-grid{--p-cols:var(--p-cols-xl,var(--p-cols-lg,var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12)))));--p-gap-x:var(--p-gap-x-xl,var(--p-gap-x-lg,var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px)))));--p-gap-y:var(--p-gap-y-xl,var(--p-gap-y-lg,var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px)))))}.plass-grid-item{--p-span:var(--p-span-xl,var(--p-span-lg,var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12))))));--p-offset:var(--p-offset-xl,var(--p-offset-lg,var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0)))))}}.plass-anim{animation-duration:var(--p-anim-duration,.3s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:var(--p-anim-ease,var(--plass-ease));animation-iteration-count:var(--p-anim-repeat,1);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running)}@keyframes plass-anim-fade{0%{opacity:var(--p-anim-opacity,0)}to{opacity:1}}.plass-anim-fade{animation-name:plass-anim-fade}@keyframes plass-anim-scale{0%{opacity:var(--p-anim-opacity,0);scale:var(--p-anim-scale,.8)}to{opacity:1;scale:1}}.plass-anim-scale{animation-name:plass-anim-scale}@keyframes plass-anim-slide{0%{opacity:var(--p-anim-opacity,0);translate:var(--p-anim-x,0px) var(--p-anim-y,0px)}to{opacity:1;translate:0}}.plass-anim-slide{animation-name:plass-anim-slide}@keyframes plass-anim-rotate{0%{opacity:var(--p-anim-opacity,0);rotate:var(--p-anim-angle,-180deg)}to{opacity:1;rotate:var(--p-anim-angle-to,0deg)}}.plass-anim-rotate{animation-name:plass-anim-rotate}@keyframes plass-anim-blink{0%,to{opacity:1}50%{opacity:var(--p-anim-opacity,0)}}.plass-anim-blink{animation-name:plass-anim-blink}@property --plass-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes plass-anim-lighting{to{--plass-glow-angle:360deg}}.plass-anim-lighting{isolation:isolate;position:relative}.plass-anim-lighting:before{content:"";z-index:-1;inset:calc(-1 * var(--p-anim-glow-width,3px));border-radius:inherit;background:conic-gradient(from var(--plass-glow-angle), transparent 0deg, var(--p-anim-glow-from) calc(var(--p-anim-glow-arc,50deg) * .5), var(--p-anim-glow-to) var(--p-anim-glow-arc,50deg), transparent calc(var(--p-anim-glow-arc,50deg) * 2), transparent 360deg);filter:blur(var(--p-anim-glow-blur,5px));animation-name:plass-anim-lighting;animation-duration:var(--p-anim-duration,3s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:linear;animation-iteration-count:var(--p-anim-repeat,infinite);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running);position:absolute}@keyframes plass-anim-marquee-x{0%{translate:0}to{translate:calc(-100% - var(--p-anim-gap,0px)) 0}}@keyframes plass-anim-marquee-y{0%{translate:0}to{translate:0 calc(-100% - var(--p-anim-gap,0px))}}.plass-marquee{gap:var(--p-anim-gap,0px);display:flex;overflow:hidden}.plass-marquee-vertical{flex-direction:column}.plass-marquee-track{align-items:center;gap:var(--p-anim-gap,0px);animation-name:plass-anim-marquee-x;animation-duration:var(--p-anim-duration,12s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:var(--p-anim-ease,linear);animation-iteration-count:var(--p-anim-repeat,infinite);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running);flex:none;display:flex}.plass-marquee-vertical .plass-marquee-track{flex-direction:column;animation-name:plass-anim-marquee-y}.plass-marquee[data-pause-on-hover]:hover .plass-marquee-track{animation-play-state:paused}@keyframes plass-anim-headline-in{0%{translate:0 var(--p-anim-rise,100%);opacity:0}to{opacity:1;translate:0}}@keyframes plass-anim-headline-out{0%{opacity:1;translate:0}to{translate:0 calc(-1 * var(--p-anim-rise,100%));opacity:0}}.plass-headline{display:grid;overflow:hidden}.plass-headline-item{visibility:hidden;animation-duration:var(--p-anim-duration,.46s);animation-timing-function:var(--p-anim-ease,var(--plass-ease));grid-area:1/1;animation-fill-mode:both}.plass-headline-item[data-state=active]{visibility:visible;animation-name:plass-anim-headline-in}.plass-headline-item[data-state=leaving]{visibility:visible;animation-name:plass-anim-headline-out}@keyframes plass-anim-caret{0%,45%{opacity:1}55%,to{opacity:0}}.plass-caret{animation:1s step-end infinite plass-anim-caret;display:inline-block}@media (prefers-reduced-motion:reduce){.plass-glow:before,.plass-glow:after{transition-duration:1ms}.plass-skeleton:after{inline-size:100%;animation:plass-skeleton-pulse 2.4s var(--plass-ease) infinite;background-image:none;inset-inline-start:0}.plass-typing-dot{animation-duration:2.6s}.plass-progress-sweep{inline-size:100%;animation:plass-progress-pulse 1.8s var(--plass-ease) infinite;inset-inline-start:0}.plass-ring-spin,.plass-plate-wave{animation-duration:2.4s}.plass-anim,.plass-marquee-track,.plass-headline-item,.plass-caret{animation:none}.plass-anim-lighting:before{background:var(--p-anim-glow-to);animation:none}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes spin{to{transform:rotate(360deg)}}
+@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--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-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--plass-glow-angle:0deg}}}*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}:where(html,:host){-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");-webkit-tap-highlight-color:transparent}:where(blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre){margin:0}:where(menu,ol,ul){margin:0;padding:0;list-style:none}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(button,input,optgroup,select,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(button,input:where([type=button],[type=reset],[type=submit])){appearance:button}::placeholder{opacity:1}:where(textarea){resize:vertical}:where(audio,canvas,embed,iframe,img,object,svg,video){vertical-align:middle;display:block}:where(img,video){max-width:100%;height:auto}:where(code,kbd,pre,samp){font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.start-\(--p-bullet\){inset-inline-start:var(--p-bullet)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-1\.5{inset-inline-start:calc(var(--spacing) * 1.5)}.start-2{inset-inline-start:calc(var(--spacing) * 2)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-\[calc\(var\(--p-bullet\)\/2_-_1px\)\]{inset-inline-start:calc(var(--p-bullet) / 2 - 1px)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-\(--p-bullet\){top:var(--p-bullet)}.top-\(--p-disc-y\){top:var(--p-disc-y)}.top-\(--p-seg-y\){top:var(--p-seg-y)}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(var\(--p-bullet\)\/2_-_1px\)\]{top:calc(var(--p-bullet) / 2 - 1px)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[0\.18em\]{bottom:.18em}.left-\(--active-tab-left\){left:var(--active-tab-left)}.left-\(--p-disc-x\){left:var(--p-disc-x)}.left-\(--p-seg-x\){left:var(--p-seg-x)}.left-0\.5{left:calc(var(--spacing) * .5)}.isolate{isolation:isolate}.z-\(--plass-z-portal\){z-index:var(--plass-z-portal)}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.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}}.m-0{margin:0}.-mx-0\.5{margin-inline:calc(var(--spacing) * -.5)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.-ms-0\.5{margin-inline-start:calc(var(--spacing) * -.5)}.-ms-1{margin-inline-start:calc(var(--spacing) * -1)}.-ms-1\.5{margin-inline-start:calc(var(--spacing) * -1.5)}.-ms-2{margin-inline-start:calc(var(--spacing) * -2)}.-ms-2\.5{margin-inline-start:calc(var(--spacing) * -2.5)}.-ms-3{margin-inline-start:calc(var(--spacing) * -3)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-1\.5{margin-inline-start:calc(var(--spacing) * 1.5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-\[0\.25em\]{margin-inline-start:.25em}.ms-\[7\%\]{margin-inline-start:7%}.ms-auto{margin-inline-start:auto}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.-me-1{margin-inline-end:calc(var(--spacing) * -1)}.-me-1\.5{margin-inline-end:calc(var(--spacing) * -1.5)}.-me-2{margin-inline-end:calc(var(--spacing) * -2)}.-me-2\.5{margin-inline-end:calc(var(--spacing) * -2.5)}.-me-3{margin-inline-end:calc(var(--spacing) * -3)}.me-\[0\.25em\]{margin-inline-end:.25em}.me-\[7\%\]{margin-inline-end:7%}.me-auto{margin-inline-end:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-\[7\%\]{margin-top:7%}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-1\.5{margin-bottom:calc(var(--spacing) * -1.5)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.-mb-2\.5{margin-bottom:calc(var(--spacing) * -2.5)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[7\%\]{margin-bottom:7%}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!inline{display:inline!important}.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}.aspect-square{aspect-ratio:1}.size-\(--p-bullet\){width:var(--p-bullet);height:var(--p-bullet)}.size-\(--p-cell\){width:var(--p-cell);height:var(--p-cell)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.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-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-\[0\.22em\]{width:.22em;height:.22em}.size-\[0\.45em\]{width:.45em;height:.45em}.size-\[1\.3em\]{width:1.3em;height:1.3em}.size-\[1\.6em\]{width:1.6em;height:1.6em}.size-\[1\.7em\]{width:1.7em;height:1.7em}.size-\[1\.15em\]{width:1.15em;height:1.15em}.size-\[2em\]{width:2em;height:2em}.size-\[70\%\]{width:70%;height:70%}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-\(--collapsible-panel-height\){height:var(--collapsible-panel-height)}.h-\(--p-cell\){height:var(--p-cell)}.h-\(--p-disc-h\){height:var(--p-disc-h)}.h-\(--p-seg-h\){height:var(--p-seg-h)}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.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-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-\[0\.75rem\]{height:.75rem}.h-\[0\.6875rem\]{height:.6875rem}.h-\[0\.8125rem\]{height:.8125rem}.h-\[0\.9375rem\]{height:.9375rem}.h-\[1\.0625rem\]{height:1.0625rem}.h-\[1lh\]{height:1lh}.h-\[calc\(var\(--p-cell\)\*7\)\]{height:calc(var(--p-cell) * 7)}.h-full{height:100%}.h-px{height:1px}.max-h-\[85\%\]{max-height:85%}.max-h-\[calc\(var\(--p-cell\,2\.5rem\)\*8\)\]{max-height:calc(var(--p-cell,2.5rem) * 8)}.max-h-\[min\(20rem\,var\(--available-height\)\)\]{max-height:min(20rem, var(--available-height))}.max-h-\[min\(24rem\,var\(--available-height\)\)\]{max-height:min(24rem, var(--available-height))}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5\.5{min-height:calc(var(--spacing) * 5.5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-6\.5{min-height:calc(var(--spacing) * 6.5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-18{min-height:calc(var(--spacing) * 18)}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-\(--p-cell\){width:var(--p-cell)}.w-\(--p-disc-w\){width:var(--p-disc-w)}.w-\(--p-seg-w\){width:var(--p-seg-w)}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.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\.5{width:calc(var(--spacing) * 3.5)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1\.2em\]{width:1.2em}.w-\[28rem\]{width:28rem}.w-\[calc\(var\(--p-cell\)\*1\.75\)\]{width:calc(var(--p-cell) * 1.75)}.w-\[calc\(var\(--p-cell\)\*7\)\]{width:calc(var(--p-cell) * 7)}.w-\[var\(--anchor-width\)\]{width:var(--anchor-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[30rem\]{max-width:30rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[48rem\]{max-width:48rem}.max-w-\[64rem\]{max-width:64rem}.max-w-\[80rem\]{max-width:80rem}.max-w-\[min\(100\%\,32rem\)\]{max-width:min(100%,32rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-3\.5{min-width:calc(var(--spacing) * 3.5)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-1{flex-basis:var(--spacing)}.basis-1\.5{flex-basis:calc(var(--spacing) * 1.5)}.basis-2{flex-basis:calc(var(--spacing) * 2)}.basis-2\.5{flex-basis:calc(var(--spacing) * 2.5)}.basis-3{flex-basis:calc(var(--spacing) * 3)}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.\[touch-action\:manipulation\]{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-py-0\.5{scroll-padding-block:calc(var(--spacing) * .5)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[0\.375rem\]{gap:.375rem}.gap-\[0\.3125rem\]{gap:.3125rem}.gap-\[0\.5625rem\]{gap:.5625rem}.gap-\[0\.6875rem\]{gap:.6875rem}.gap-x-\(--p-gap-x\){column-gap:var(--p-gap-x)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-\(--p-gap-y\){row-gap:var(--p-gap-y)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.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}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\(--plass-radius-lg\){border-radius:var(--plass-radius-lg)}.rounded-\(--plass-radius-md\){border-radius:var(--plass-radius-md)}.rounded-\(--plass-radius-sm\){border-radius:var(--plass-radius-sm)}.rounded-\(--plass-radius-xl\){border-radius:var(--plass-radius-xl)}.rounded-\(--plass-radius-xs\){border-radius:var(--plass-radius-xs)}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[0\.25rem\]{border-radius:.25rem}.rounded-\[0\.375rem\]{border-radius:.375rem}.rounded-\[0\.1875rem\]{border-radius:.1875rem}.rounded-\[0\.3125rem\]{border-radius:.3125rem}.rounded-\[0\.4375rem\]{border-radius:.4375rem}.rounded-\[0\.5625rem\]{border-radius:.5625rem}.rounded-\[0\.6875rem\]{border-radius:.6875rem}.rounded-\[0\.8125rem\]{border-radius:.8125rem}.rounded-\[0\.28125rem\]{border-radius:.28125rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-s-\(--plass-radius-lg\){border-start-start-radius:var(--plass-radius-lg);border-end-start-radius:var(--plass-radius-lg)}.rounded-s-\(--plass-radius-md\){border-start-start-radius:var(--plass-radius-md);border-end-start-radius:var(--plass-radius-md)}.rounded-s-\(--plass-radius-sm\){border-start-start-radius:var(--plass-radius-sm);border-end-start-radius:var(--plass-radius-sm)}.rounded-s-\(--plass-radius-xs\){border-start-start-radius:var(--plass-radius-xs);border-end-start-radius:var(--plass-radius-xs)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.\[border-start-start-radius\:0\.25rem\]{border-start-start-radius:.25rem}.rounded-e-\(--plass-radius-lg\){border-start-end-radius:var(--plass-radius-lg);border-end-end-radius:var(--plass-radius-lg)}.rounded-e-\(--plass-radius-md\){border-start-end-radius:var(--plass-radius-md);border-end-end-radius:var(--plass-radius-md)}.rounded-e-\(--plass-radius-sm\){border-start-end-radius:var(--plass-radius-sm);border-end-end-radius:var(--plass-radius-sm)}.rounded-e-\(--plass-radius-xs\){border-start-end-radius:var(--plass-radius-xs);border-end-end-radius:var(--plass-radius-xs)}.\[border-start-end-radius\:0\.25rem\]{border-start-end-radius:.25rem}.rounded-t-\(--plass-radius-lg\){border-top-left-radius:var(--plass-radius-lg);border-top-right-radius:var(--plass-radius-lg)}.rounded-t-\(--plass-radius-md\){border-top-left-radius:var(--plass-radius-md);border-top-right-radius:var(--plass-radius-md)}.rounded-t-\(--plass-radius-sm\){border-top-left-radius:var(--plass-radius-sm);border-top-right-radius:var(--plass-radius-sm)}.rounded-t-\(--plass-radius-xl\){border-top-left-radius:var(--plass-radius-xl);border-top-right-radius:var(--plass-radius-xl)}.rounded-t-\(--plass-radius-xs\){border-top-left-radius:var(--plass-radius-xs);border-top-right-radius:var(--plass-radius-xs)}.rounded-l-\(--plass-radius-lg\){border-top-left-radius:var(--plass-radius-lg);border-bottom-left-radius:var(--plass-radius-lg)}.rounded-l-\(--plass-radius-md\){border-top-left-radius:var(--plass-radius-md);border-bottom-left-radius:var(--plass-radius-md)}.rounded-l-\(--plass-radius-sm\){border-top-left-radius:var(--plass-radius-sm);border-bottom-left-radius:var(--plass-radius-sm)}.rounded-l-\(--plass-radius-xl\){border-top-left-radius:var(--plass-radius-xl);border-bottom-left-radius:var(--plass-radius-xl)}.rounded-l-\(--plass-radius-xs\){border-top-left-radius:var(--plass-radius-xs);border-bottom-left-radius:var(--plass-radius-xs)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-tl{border-top-left-radius:.25rem}.rounded-r-\(--plass-radius-lg\){border-top-right-radius:var(--plass-radius-lg);border-bottom-right-radius:var(--plass-radius-lg)}.rounded-r-\(--plass-radius-md\){border-top-right-radius:var(--plass-radius-md);border-bottom-right-radius:var(--plass-radius-md)}.rounded-r-\(--plass-radius-sm\){border-top-right-radius:var(--plass-radius-sm);border-bottom-right-radius:var(--plass-radius-sm)}.rounded-r-\(--plass-radius-xl\){border-top-right-radius:var(--plass-radius-xl);border-bottom-right-radius:var(--plass-radius-xl)}.rounded-r-\(--plass-radius-xs\){border-top-right-radius:var(--plass-radius-xs);border-bottom-right-radius:var(--plass-radius-xs)}.rounded-b-\(--plass-radius-lg\){border-bottom-right-radius:var(--plass-radius-lg);border-bottom-left-radius:var(--plass-radius-lg)}.rounded-b-\(--plass-radius-md\){border-bottom-right-radius:var(--plass-radius-md);border-bottom-left-radius:var(--plass-radius-md)}.rounded-b-\(--plass-radius-sm\){border-bottom-right-radius:var(--plass-radius-sm);border-bottom-left-radius:var(--plass-radius-sm)}.rounded-b-\(--plass-radius-xl\){border-bottom-right-radius:var(--plass-radius-xl);border-bottom-left-radius:var(--plass-radius-xl)}.rounded-b-\(--plass-radius-xs\){border-bottom-right-radius:var(--plass-radius-xs);border-bottom-left-radius:var(--plass-radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.\[border-top-width\:var\(--p-rule\)\]{border-top-width:var(--p-rule)}.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-left-width\:var\(--p-rule\)\]{border-left-width:var(--p-rule)}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-solid{--tw-border-style:solid;border-style:solid}.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:color-mix(in oklab,currentColor 18%,transparent)}}.\[border-color\:var\(--p-line\)\]{border-color:var(--p-line)}.\[border-color\:var\(--p-line-hover\)\]{border-color:var(--p-line-hover)}.\[border-color\:var\(--p-ring\)\]{border-color:var(--p-ring)}.\[border-color\:var\(--p-rule-color\)\]{border-color:var(--p-rule-color)}.\[border-color\:var\(--plass-border\)\]{border-color:var(--plass-border)}.\[border-color\:var\(--plass-divider\)\]{border-color:var(--plass-divider)}.\[border-color\:var\(--plass-glass-line\)\]{border-color:var(--plass-glass-line)}.\[border-color\:var\(--plass-surface\)\]{border-color:var(--plass-surface)}.\[border-inline-start-color\:var\(--p-accent\)\]{border-inline-start-color:var(--p-accent)}.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:color-mix(in oklab,currentColor 7%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--plass-scrim\)_45\%\,transparent\)\]{background-color:var(--plass-scrim)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--plass-scrim\)_45\%\,transparent\)\]{background-color:color-mix(in oklab,var(--plass-scrim) 45%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--plass-surface\)_55\%\,transparent\)\]{background-color:var(--plass-surface)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--plass-surface\)_55\%\,transparent\)\]{background-color:color-mix(in oklab,var(--plass-surface) 55%,transparent)}}.bg-\(--p-accent\){background-color:var(--p-accent)}.bg-\(--p-soft\){background-color:var(--p-soft)}.bg-\(--p-soft-hover\){background-color:var(--p-soft-hover)}.bg-\(--p-soft-press\){background-color:var(--p-soft-press)}.bg-\(--plass-border\){background-color:var(--plass-border)}.bg-\(--plass-divider\){background-color:var(--plass-divider)}.bg-\(--plass-glass\){background-color:var(--plass-glass)}.bg-\(--plass-glass-hover\){background-color:var(--plass-glass-hover)}.bg-\(--plass-glass-press\){background-color:var(--plass-glass-press)}.bg-\(--plass-glow-on-fill\){background-color:var(--plass-glow-on-fill)}.bg-\(--plass-scrim\){background-color:var(--plass-scrim)}.bg-\(--plass-surface\){background-color:var(--plass-surface)}.bg-\(--plass-track\){background-color:var(--plass-track)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\[background-image\:var\(--p-fill\)\]{background-image:var(--p-fill)}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-\[0\.35em\]{padding-block:.35em}.py-\[3px\]{padding-block:3px}.py-\[6px\]{padding-block:6px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[13px\]{padding-block:13px}.py-px{padding-block:1px}.ps-0{padding-inline-start:0}.ps-7{padding-inline-start:calc(var(--spacing) * 7)}.pe-0{padding-inline-end:0}.pe-1{padding-inline-end:var(--spacing)}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-3\.5{padding-inline-end:calc(var(--spacing) * 3.5)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pe-7{padding-inline-end:calc(var(--spacing) * 7)}.pe-8{padding-inline-end:calc(var(--spacing) * 8)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .75rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.5rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1\.25rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.\[font-family\:inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-\[0\.75rem\]\/\[1\.25rem\]{font-size:.75rem;line-height:1.25rem}.text-\[0\.75rem\]\/\[1\.125rem\]{font-size:.75rem;line-height:1.125rem}.text-\[0\.75rem\]\/\[1rem\]{font-size:.75rem;line-height:1rem}.text-\[0\.875rem\]\/\[1\.25rem\]{font-size:.875rem;line-height:1.25rem}.text-\[0\.6875rem\]\/\[1rem\]{font-size:.6875rem;line-height:1rem}.text-\[0\.8125rem\]\/\[1\.25rem\]{font-size:.8125rem;line-height:1.25rem}.text-\[0\.8125rem\]\/\[1\.125rem\]{font-size:.8125rem;line-height:1.125rem}.text-\[0\.8125rem\]\/\[1\.375rem\]{font-size:.8125rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.5rem\]{font-size:.9375rem;line-height:1.5rem}.text-\[0\.9375rem\]\/\[1\.25rem\]{font-size:.9375rem;line-height:1.25rem}.text-\[0\.9375rem\]\/\[1\.375rem\]{font-size:.9375rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.625rem\]{font-size:.9375rem;line-height:1.625rem}.text-\[1\.5rem\]\/\[1\.875rem\]{font-size:1.5rem;line-height:1.875rem}.text-\[1\.25rem\]\/\[1\.75rem\]{font-size:1.25rem;line-height:1.75rem}.text-\[1\.25rem\]\/\[1\.625rem\]{font-size:1.25rem;line-height:1.625rem}.text-\[1\.25rem\]\/\[2\.125rem\]{font-size:1.25rem;line-height:2.125rem}.text-\[1\.125rem\]\/\[1\.75rem\]{font-size:1.125rem;line-height:1.75rem}.text-\[1\.0625rem\]\/\[1\.5rem\]{font-size:1.0625rem;line-height:1.5rem}.text-\[1\.0625rem\]\/\[1\.75rem\]{font-size:1.0625rem;line-height:1.75rem}.text-\[1\.0625rem\]\/\[1\.875rem\]{font-size:1.0625rem;line-height:1.875rem}.text-\[1\.875rem\]\/\[2\.25rem\]{font-size:1.875rem;line-height:2.25rem}.text-\[1rem\]\/\[1\.5rem\]{font-size:1rem;line-height:1.5rem}.\[font-size\:100\%\]{font-size:100%}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.85em\]{font-size:.85em}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[1\.1875rem\]{font-size:1.1875rem}.text-\[1rem\]{font-size:1rem}.text-\[calc\(var\(--p-bullet\)\*0\.5\)\]{font-size:calc(var(--p-bullet) * .5)}.text-\[length\:inherit\]{font-size:inherit}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:color-mix(in oklab,currentColor 72%,transparent)}}.text-\(--p-accent\){color:var(--p-accent)}.text-\(--p-empty\){color:var(--p-empty)}.text-\(--p-on-solid\){color:var(--p-on-solid)}.text-\(--p-soft-press\){color:var(--p-soft-press)}.text-\(--plass-danger-accent\){color:var(--plass-danger-accent)}.text-\(--plass-fg\){color:var(--plass-fg)}.text-\(--plass-muted-fg\){color:var(--plass-muted-fg)}.text-inherit{color:inherit}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.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,)}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-\(--p-accent\){caret-color:var(--p-accent)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.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-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)}.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)}.\[box-shadow\:0_0_0_0\.25rem_var\(--p-soft\)\]{box-shadow:0 0 0 .25rem var(--p-soft)}.\[box-shadow\:0_1px_2px_rgb\(20_40_90\/0\.25\)\]{box-shadow:0 1px 2px #14285a40}.\[box-shadow\:var\(--p-elev\)\,0_2px_0_0_var\(--p-tint\)\]{box-shadow:var(--p-elev),0 2px 0 0 var(--p-tint)}.\[box-shadow\:var\(--p-elev\)\,0_2px_0_0_var\(--plass-shadow-ambient\)\]{box-shadow:var(--p-elev),0 2px 0 0 var(--plass-shadow-ambient)}.\[box-shadow\:var\(--p-elev\)\,var\(--p-lift\)\]{box-shadow:var(--p-elev),var(--p-lift)}.\[box-shadow\:var\(--p-elev\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--p-elev),var(--plass-gloss-glass)}.\[box-shadow\:var\(--p-elev\)\,var\(--plass-well\)\]{box-shadow:var(--p-elev),var(--plass-well)}.\[box-shadow\:var\(--p-elev\)\]{box-shadow:var(--p-elev)}.\[box-shadow\:var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-1\)\,var\(--p-lift\)\]{box-shadow:var(--plass-shadow-1),var(--p-lift)}.\[box-shadow\:var\(--plass-shadow-1\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-1),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-3\)\,var\(--p-lift\)\]{box-shadow:var(--plass-shadow-3),var(--p-lift)}.\[box-shadow\:var\(--plass-shadow-3\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-3),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-shadow-4\)\,var\(--plass-gloss-glass\)\]{box-shadow:var(--plass-shadow-4),var(--plass-gloss-glass)}.\[box-shadow\:var\(--plass-well\)\]{box-shadow:var(--plass-well)}.\[outline\:none\]{outline:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.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,)}.saturate-\[0\.35\]{--tw-saturate:saturate(.35);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,)}.saturate-\[0\.55\]{--tw-saturate:saturate(.55);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,)}.\[backdrop-filter\:blur\(2px\)\]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.\[backdrop-filter\:var\(--plass-blur\)\]{-webkit-backdrop-filter:var(--plass-blur);backdrop-filter:var(--plass-blur)}.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,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\]{transition-property:color;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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[transition-property\:background-color\,background-image\,border-color\,box-shadow\,color\,filter\]{transition-property:background-color,background-image,border-color,box-shadow,color,filter}.\[transition-property\:background-color\,background-image\,box-shadow\,filter\]{transition-property:background-color,background-image,box-shadow,filter}.\[transition-property\:background-color\,border-color\,box-shadow\,color\,transform\]{transition-property:background-color,border-color,box-shadow,color,transform}.\[transition-property\:background-color\]{transition-property:background-color}.\[transition-property\:color\,text-decoration-color\]{transition-property:color,text-decoration-color}.\[transition-property\:left\,top\,width\,height\,opacity\,filter\]{transition-property:left,top,width,height,opacity,filter}.\[transition-property\:left\,top\,width\,height\]{transition-property:left,top,width,height}.\[transition-property\:width\,background-color\]{transition-property:width,background-color}.duration-\(--plass-duration\){--tw-duration:var(--plass-duration);transition-duration:var(--plass-duration)}.\[transition-duration\:0ms\]{transition-duration:0s}.\[transition-duration\:var\(--plass-duration\)\]{transition-duration:var(--plass-duration)}.\[transition-timing-function\:var\(--plass-ease\)\]{transition-timing-function:var(--plass-ease)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--p-fill\:var\(--plass-primary-fill\)\]{--p-fill:var(--plass-primary-fill)}.\[--p-row\:transparent\]{--p-row:transparent}.\[--p-row\:var\(--plass-stripe\)\]{--p-row:var(--plass-stripe)}.\[-webkit-backdrop-filter\:blur\(2px\)\]{-webkit-backdrop-filter:blur(2px)}.\[-webkit-backdrop-filter\:var\(--plass-blur\)\]{-webkit-backdrop-filter:var(--plass-blur)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}.\[font\:inherit\]{font:inherit}.\[grid-area\:1\/1\]{grid-area:1/1}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\,opacity_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease),opacity var(--plass-duration) var(--plass-ease)}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease)}.\[transition\:background-color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:background-color var(--plass-duration) var(--plass-ease)}.\[transition\:color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:color var(--plass-duration) var(--plass-ease)}.\[transition\:filter_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:filter var(--plass-duration-slow) var(--plass-ease)}.\[transition\:height_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:height var(--plass-duration-slow) var(--plass-ease)}.\[transition\:left_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:left var(--plass-duration) var(--plass-ease)}.\[transition\:opacity_var\(--plass-duration\)_var\(--plass-ease\)\,color_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:opacity var(--plass-duration) var(--plass-ease),color var(--plass-duration) var(--plass-ease)}.\[transition\:opacity_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:opacity var(--plass-duration) var(--plass-ease)}.\[transition\:rotate_var\(--plass-duration\)_var\(--plass-ease\)\]{transition:rotate var(--plass-duration) var(--plass-ease)}.\[transition\:stroke-dashoffset_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:stroke-dashoffset var(--plass-duration-slow) var(--plass-ease)}.\[transition\:width_var\(--plass-duration-slow\)_var\(--plass-ease\)\]{transition:width var(--plass-duration-slow) var(--plass-ease)}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.group-focus-within\:text-\(--p-accent\):is(:where(.group):focus-within *){color:var(--p-accent)}.group-focus-within\/bubble\:opacity-100:is(:where(.group\/bubble):focus-within *){opacity:1}@media (hover:hover){.group-hover\/bubble\:opacity-100:is(:where(.group\/bubble):hover *){opacity:1}.group-hover\/handle\:bg-\(--p-accent\):is(:where(.group\/handle):hover *){background-color:var(--p-accent)}}.group-focus-visible\/handle\:bg-\(--p-accent\):is(:where(.group\/handle):focus-visible *),.group-data-\[dragging\]\/handle\:bg-\(--p-accent\):is(:where(.group\/handle)[data-dragging] *){background-color:var(--p-accent)}.selection\:bg-\(--p-soft-press\) ::selection{background-color:var(--p-soft-press)}.selection\:bg-\(--p-soft-press\)::selection{background-color:var(--p-soft-press)}.placeholder\:text-\(--plass-muted-fg\)::placeholder{color:var(--plass-muted-fg)}.before\:content-\[attr\(data-sample\)\]:before{--tw-content:attr(data-sample);content:var(--tw-content)}.empty\:hidden:empty{display:none}.focus-within\:\[border-color\:var\(--p-line-hover\)\]:focus-within{border-color:var(--p-line-hover)}.focus-within\:bg-\(--p-soft-hover\):focus-within{background-color:var(--p-soft-hover)}.focus-within\:bg-\(--plass-glass-press\):focus-within{background-color:var(--plass-glass-press)}.focus-within\:\[transition-duration\:0ms\]:focus-within{transition-duration:0s}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:\[border-color\:var\(--p-line\)\]:hover{border-color:var(--p-line)}.hover\:\[border-color\:var\(--p-line-hover\)\]:hover{border-color:var(--p-line-hover)}.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:color-mix(in oklab,currentColor 12%,transparent)}}.hover\:bg-\(--p-accent\):hover{background-color:var(--p-accent)}.hover\:bg-\(--p-soft\):hover{background-color:var(--p-soft)}.hover\:bg-\(--p-soft-hover\):hover{background-color:var(--p-soft-hover)}.hover\:bg-\(--p-soft-press\):hover{background-color:var(--p-soft-press)}.hover\:bg-\(--plass-glass-hover\):hover{background-color:var(--plass-glass-hover)}.hover\:bg-\(--plass-glass-press\):hover{background-color:var(--plass-glass-press)}.hover\:text-\(--p-accent\):hover{color:var(--p-accent)}.hover\:text-\(--plass-fg\):hover{color:var(--plass-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--p-lift-hover\)\,0_0_0_4px_var\(--p-soft\)\]:hover{box-shadow:var(--p-elev-hover),var(--p-lift-hover),0 0 0 4px var(--p-soft)}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--p-lift-hover\)\]:hover{box-shadow:var(--p-elev-hover),var(--p-lift-hover)}.hover\:\[box-shadow\:var\(--p-elev-hover\)\,var\(--plass-gloss-glass\)\]:hover{box-shadow:var(--p-elev-hover),var(--plass-gloss-glass)}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);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,)}.hover\:brightness-\[0\.97\]:hover{--tw-brightness:brightness(.97);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,)}.hover\:\[--p-row\:var\(--p-soft\)\]:hover{--p-row:var(--p-soft)}}.focus\:\[outline\:2px_solid_var\(--p-ring\)\]:focus{outline:2px solid var(--p-ring)}.focus\:\[outline-offset\:0px\]:focus{outline-offset:0px}.focus\:\[transition-duration\:0ms\]:focus{transition-duration:0s}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-\[0\.25rem\]:focus-visible{border-radius:.25rem}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:\[outline\:2px_solid_var\(--p-ring\)\]:focus-visible{outline:2px solid var(--p-ring)}.focus-visible\:\[outline-offset\:-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:\[outline-offset\:0px\]:focus-visible{outline-offset:0px}.focus-visible\:\[outline-offset\:1px\]:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\(--p-soft-hover\):active{background-color:var(--p-soft-hover)}.active\:bg-\(--p-soft-press\):active{background-color:var(--p-soft-press)}.active\:bg-\(--plass-glass-press\):active{background-color:var(--plass-glass-press)}.active\:\[box-shadow\:var\(--p-elev-press\)\,var\(--p-lift-press\)\]:active{box-shadow:var(--p-elev-press),var(--p-lift-press)}.active\:\[box-shadow\:var\(--p-elev-press\)\,var\(--plass-gloss-glass\)\]:active{box-shadow:var(--p-elev-press),var(--plass-gloss-glass)}.active\:brightness-95:active{--tw-brightness:brightness(95%);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,)}.active\:\[transition-duration\:0ms\]:active{transition-duration:0s}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:\[outline\:2px_solid_var\(--p-ring\)\]:has(:focus-visible){outline:2px solid var(--p-ring)}.has-\[\:focus-visible\]\:\[outline-offset\:0px\]:has(:focus-visible){outline-offset:0px}.data-\[active\]\:text-\(--p-accent\)[data-active]{color:var(--p-accent)}.data-\[checked\]\:left-\[calc\(100\%-0\.75rem\)\][data-checked]{left:calc(100% - .75rem)}.data-\[checked\]\:left-\[calc\(100\%-0\.875rem\)\][data-checked]{left:calc(100% - .875rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.125rem\)\][data-checked]{left:calc(100% - 1.125rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.375rem\)\][data-checked]{left:calc(100% - 1.375rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.625rem\)\][data-checked]{left:calc(100% - 1.625rem)}.data-\[checked\]\:\[border-color\:transparent\][data-checked]{border-color:#0000}.data-\[checked\]\:\[background-image\:var\(--p-fill\)\][data-checked]{background-image:var(--p-fill)}.data-\[checked\]\:text-\(--p-accent\)[data-checked]{color:var(--p-accent)}.data-\[checked\]\:text-\(--p-on-solid\)[data-checked]{color:var(--p-on-solid)}.data-\[checked\]\:shadow-none[data-checked]{--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)}.data-\[checked\]\:\[box-shadow\:var\(--p-lift\)\][data-checked]{box-shadow:var(--p-lift)}@media (hover:hover){.data-\[checked\]\:hover\:brightness-105[data-checked]:hover{--tw-brightness:brightness(105%);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,)}}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[dragging\]\:cursor-grabbing[data-dragging]{cursor:grabbing}.data-\[dragging\]\:bg-\(--p-soft\)[data-dragging]{background-color:var(--p-soft)}.data-\[dragging\]\:\[box-shadow\:var\(--p-elev-press\)\,var\(--p-lift-press\)\,0_0_0_6px_var\(--p-soft-hover\)\][data-dragging]{box-shadow:var(--p-elev-press),var(--p-lift-press),0 0 0 6px var(--p-soft-hover)}.data-\[ending-style\]\:h-0[data-ending-style]{height:0}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-\(--p-soft-hover\)[data-highlighted]{background-color:var(--p-soft-hover)}.data-\[highlighted\]\:text-\(--p-accent\)[data-highlighted]{color:var(--p-accent)}.data-\[indeterminate\]\:\[border-color\:transparent\][data-indeterminate]{border-color:#0000}.data-\[indeterminate\]\:\[background-image\:var\(--p-fill\)\][data-indeterminate]{background-image:var(--p-fill)}.data-\[indeterminate\]\:text-\(--p-on-solid\)[data-indeterminate]{color:var(--p-on-solid)}.data-\[instant\]\:\[transition-duration\:0ms\][data-instant]{transition-duration:0s}.data-\[limited\]\:hidden[data-limited]{display:none}.data-\[panel-open\]\:rotate-180[data-panel-open]{rotate:180deg}.data-\[panel-open\]\:bg-\(--p-soft\)[data-panel-open]{background-color:var(--p-soft)}.data-\[panel-open\]\:text-\(--p-accent\)[data-panel-open]{color:var(--p-accent)}.data-\[placeholder\]\:text-\(--plass-muted-fg\)[data-placeholder]{color:var(--plass-muted-fg)}.data-\[popup-open\]\:rotate-180[data-popup-open]{rotate:180deg}.data-\[popup-open\]\:bg-\(--p-soft\)[data-popup-open]{background-color:var(--p-soft)}.data-\[quiet\]\:opacity-50[data-quiet]{opacity:.5}.data-\[quiet\]\:saturate-\[0\.35\][data-quiet]{--tw-saturate:saturate(.35);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,)}.data-\[readonly\]\:cursor-default[data-readonly]{cursor:default}.data-\[ready\]\:\[transition-duration\:var\(--plass-duration\)\][data-ready]{transition-duration:var(--plass-duration)}.data-\[selected\]\:font-semibold[data-selected]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.data-\[selected\]\:text-\(--p-accent\)[data-selected]{color:var(--p-accent)}.data-\[side\=bottom\]\:top-\[-1px\][data-side=bottom]{top:-1px}.data-\[side\=bottom\]\:rotate-180[data-side=bottom]{rotate:180deg}.data-\[side\=left\]\:right-\[-1px\][data-side=left]{right:-1px}.data-\[side\=left\]\:-rotate-90[data-side=left]{rotate:-90deg}.data-\[side\=right\]\:left-\[-1px\][data-side=right]{left:-1px}.data-\[side\=right\]\:rotate-90[data-side=right]{rotate:90deg}.data-\[side\=top\]\:bottom-\[-1px\][data-side=top]{bottom:-1px}.data-\[starting-style\]\:h-0[data-starting-style]{height:0}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}.motion-reduce\:\[transition-duration\:0ms\]{transition-duration:0s}}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}.rtl\:rotate-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:0deg}.rtl\:rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:90deg}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}}.\[\&_\*\]\:cursor-not-allowed *{cursor:not-allowed}.\[\&_img\]\:block img{display:block}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:inline svg{display:inline}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-\[0\.9em\] svg{width:.9em;height:.9em}.\[\&_svg\]\:size-\[0\.95em\] svg{width:.95em;height:.95em}.\[\&_svg\]\:size-\[1\.1em\] svg{width:1.1em;height:1.1em}.\[\&_svg\]\:size-\[1\.2em\] svg{width:1.2em;height:1.2em}.\[\&_svg\]\:size-\[1\.8em\] svg{width:1.8em;height:1.8em}.\[\&_svg\]\:size-\[1\.15em\] svg{width:1.15em;height:1.15em}.\[\&_svg\]\:size-\[1em\] svg{width:1em;height:1em}.\[\&_svg\]\:size-\[55\%\] svg{width:55%;height:55%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_video\]\:block video{display:block}.\[\&_video\]\:w-full video{width:100%}.\[\&\.plass-link\]\:text-\(--p-accent\).plass-link{color:var(--p-accent)}.\[\&\.plass-link\]\:text-inherit.plass-link{color:inherit}.\[\&\.plass-link\]\:no-underline.plass-link{text-decoration-line:none}.\[\&\.plass-link\]\:underline.plass-link{text-decoration-line:underline}@media (hover:hover){.\[\&\.plass-link\]\:hover\:underline.plass-link:hover{text-decoration-line:underline}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:snap-start>*{scroll-snap-align:start}.\[\&\>\*\:focus-visible\]\:z-10>:focus-visible,.\[\&\>\*\:hover\]\:z-10>:hover{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:-ms-px>:not(:first-child){margin-inline-start:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>:not(:first-child){margin-top:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>canvas\]\:size-full>canvas{width:100%;height:100%}.\[\&\>div\+div\]\:border-t>div+div{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>div\+div\]\:\[border-color\:var\(--plass-divider\)\]>div+div{border-color:var(--plass-divider)}.\[\&\>iframe\]\:size-full>iframe{width:100%;height:100%}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:object-contain>img{object-fit:contain}.\[\&\>img\]\:object-cover>img{object-fit:cover}.\[\&\>img\]\:object-fill>img{object-fit:fill}.\[\&\>img\]\:object-none>img{object-fit:none}.\[\&\>li\+li\]\:border-t>li+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>li\+li\]\:\[border-color\:var\(--plass-divider\)\]>li+li{border-color:var(--plass-divider)}.\[\&\>picture\]\:size-full>picture,.\[\&\>picture\>img\]\:size-full>picture>img{width:100%;height:100%}.\[\&\>picture\>img\]\:object-contain>picture>img{object-fit:contain}.\[\&\>picture\>img\]\:object-cover>picture>img{object-fit:cover}.\[\&\>picture\>img\]\:object-fill>picture>img{object-fit:fill}.\[\&\>picture\>img\]\:object-none>picture>img{object-fit:none}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg,.\[\&\>video\]\:size-full>video{width:100%;height:100%}.\[\&\>video\]\:object-contain>video{object-fit:contain}.\[\&\>video\]\:object-cover>video{object-fit:cover}.\[\&\>video\]\:object-fill>video{object-fit:fill}.\[\&\>video\]\:object-none>video{object-fit:none}@media (hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}:root{--plass-z-portal:50;--plass-primary-solid:#3f63f2;--plass-primary-solid-to:#1b78cb;--plass-primary-on-solid:#fff;--plass-secondary-solid:#6b7488;--plass-secondary-solid-to:#59637a;--plass-secondary-on-solid:#fff;--plass-success-solid:#1b8649;--plass-success-solid-to:#12866a;--plass-success-on-solid:#fff;--plass-warning-solid:#f0a63e;--plass-warning-solid-to:#d98613;--plass-warning-on-solid:#3b2405;--plass-danger-solid:#d04246;--plass-danger-solid-to:#d53c54;--plass-danger-on-solid:#fff;--plass-info-solid:#2379bd;--plass-info-solid-to:#157aa9;--plass-info-on-solid:#fff}:root,.light,[data-theme=light]{--plass-surface:#fff;--plass-fg:#1b1e27;--plass-muted-fg:#5b6376;--plass-border:#d5deef;--plass-bg-from:#eef2fb;--plass-bg-to:#dfe8f8;--plass-glass:#ffffff9e;--plass-glass-hover:#ffffffc2;--plass-glass-press:#ffffffe0;--plass-glass-line:#fff9;--plass-divider:#14285a1a;--plass-stripe:#14285a08;--plass-track:#14285a24;--plass-blur:blur(22px) saturate(160%);--plass-gloss-glass:inset 0 1px 0 #ffffff8c;--plass-well:inset 0 1px 2px #14285a1a;--plass-glow-on-fill:#ffffff2e;--plass-flash-on-fill:#ffffff42;--plass-shadow-ambient:#14285a1a;--plass-tint-strength:35%;--plass-scrim:#10182866;--plass-radius-xs:.5rem;--plass-radius-sm:.625rem;--plass-radius-md:.75rem;--plass-radius-lg:.875rem;--plass-radius-xl:1rem;--plass-ease:cubic-bezier(.16, .9, .3, 1);--plass-duration:.15s;--plass-duration-slow:.26s;--plass-primary-accent:#2c49d6;--plass-secondary-accent:#46506a;--plass-success-accent:#146b41;--plass-warning-accent:#96600c;--plass-danger-accent:#bb3339;--plass-info-accent:#1668ae}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--plass-surface:#141b30;--plass-fg:#e7eaf3;--plass-muted-fg:#99a2ba;--plass-border:#ffffff1f;--plass-bg-from:#111731;--plass-bg-to:#0a0e1c;--plass-glass:#ffffff12;--plass-glass-hover:#ffffff1c;--plass-glass-press:#ffffff26;--plass-glass-line:#ffffff1f;--plass-divider:#ffffff1a;--plass-stripe:#ffffff09;--plass-track:#ffffff29;--plass-blur:blur(22px) saturate(150%);--plass-gloss-glass:inset 0 1px 0 #ffffff1a;--plass-well:inset 0 1px 2px #00000073;--plass-glow-on-fill:#ffffff26;--plass-flash-on-fill:#ffffff38;--plass-shadow-ambient:#0000006b;--plass-tint-strength:55%;--plass-scrim:#0009;--plass-primary-accent:#93a8ff;--plass-secondary-accent:#aab3c6;--plass-success-accent:#4fd08d;--plass-warning-accent:#f2b74e;--plass-danger-accent:#ff8a8f;--plass-info-accent:#5fb4ee}}.dark,[data-theme=dark]{--plass-surface:#141b30;--plass-fg:#e7eaf3;--plass-muted-fg:#99a2ba;--plass-border:#ffffff1f;--plass-bg-from:#111731;--plass-bg-to:#0a0e1c;--plass-glass:#ffffff12;--plass-glass-hover:#ffffff1c;--plass-glass-press:#ffffff26;--plass-glass-line:#ffffff1f;--plass-divider:#ffffff1a;--plass-stripe:#ffffff09;--plass-track:#ffffff29;--plass-blur:blur(22px) saturate(150%);--plass-gloss-glass:inset 0 1px 0 #ffffff1a;--plass-well:inset 0 1px 2px #00000073;--plass-glow-on-fill:#ffffff26;--plass-flash-on-fill:#ffffff38;--plass-shadow-ambient:#0000006b;--plass-tint-strength:55%;--plass-scrim:#0009;--plass-primary-accent:#93a8ff;--plass-secondary-accent:#aab3c6;--plass-success-accent:#4fd08d;--plass-warning-accent:#f2b74e;--plass-danger-accent:#ff8a8f;--plass-info-accent:#5fb4ee}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-shadow-0:0 0 #0000;--plass-shadow-1:0 4px 14px -3px var(--plass-shadow-ambient);--plass-shadow-2:0 8px 24px -5px var(--plass-shadow-ambient);--plass-shadow-3:0 14px 36px -9px var(--plass-shadow-ambient);--plass-shadow-4:0 22px 52px -13px var(--plass-shadow-ambient);--plass-primary-fill:linear-gradient(135deg, var(--plass-primary-solid) 0%, var(--plass-primary-solid-to) 100%);--plass-primary-tint:var(--plass-primary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-tint:color-mix(in srgb, var(--plass-primary-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft:color-mix(in srgb, var(--plass-primary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-hover:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-hover:color-mix(in srgb, var(--plass-primary-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-press:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-soft-press:color-mix(in srgb, var(--plass-primary-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line:color-mix(in srgb, var(--plass-primary-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line-hover:var(--plass-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-line-hover:color-mix(in srgb, var(--plass-primary-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-ring:var(--plass-primary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-primary-ring:color-mix(in srgb, var(--plass-primary-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-fill:linear-gradient(135deg, var(--plass-secondary-solid) 0%, var(--plass-secondary-solid-to) 100%);--plass-secondary-tint:var(--plass-secondary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-tint:color-mix(in srgb, var(--plass-secondary-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft:color-mix(in srgb, var(--plass-secondary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-hover:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-hover:color-mix(in srgb, var(--plass-secondary-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-press:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-soft-press:color-mix(in srgb, var(--plass-secondary-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line:color-mix(in srgb, var(--plass-secondary-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line-hover:var(--plass-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-line-hover:color-mix(in srgb, var(--plass-secondary-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-ring:var(--plass-secondary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-secondary-ring:color-mix(in srgb, var(--plass-secondary-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-fill:linear-gradient(135deg, var(--plass-success-solid) 0%, var(--plass-success-solid-to) 100%);--plass-success-tint:var(--plass-success-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-tint:color-mix(in srgb, var(--plass-success-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft:color-mix(in srgb, var(--plass-success-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-hover:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-hover:color-mix(in srgb, var(--plass-success-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-press:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-soft-press:color-mix(in srgb, var(--plass-success-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line:color-mix(in srgb, var(--plass-success-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line-hover:var(--plass-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-line-hover:color-mix(in srgb, var(--plass-success-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-ring:var(--plass-success-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-success-ring:color-mix(in srgb, var(--plass-success-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-fill:linear-gradient(135deg, var(--plass-warning-solid) 0%, var(--plass-warning-solid-to) 100%);--plass-warning-tint:var(--plass-warning-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-tint:color-mix(in srgb, var(--plass-warning-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft:color-mix(in srgb, var(--plass-warning-accent) 12%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-hover:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-hover:color-mix(in srgb, var(--plass-warning-accent) 20%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-press:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-soft-press:color-mix(in srgb, var(--plass-warning-accent) 28%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line:color-mix(in srgb, var(--plass-warning-accent) 34%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line-hover:var(--plass-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-line-hover:color-mix(in srgb, var(--plass-warning-accent) 52%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-ring:var(--plass-warning-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-warning-ring:color-mix(in srgb, var(--plass-warning-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-fill:linear-gradient(135deg, var(--plass-danger-solid) 0%, var(--plass-danger-solid-to) 100%);--plass-danger-tint:var(--plass-danger-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-tint:color-mix(in srgb, var(--plass-danger-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft:color-mix(in srgb, var(--plass-danger-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-hover:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-hover:color-mix(in srgb, var(--plass-danger-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-press:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-soft-press:color-mix(in srgb, var(--plass-danger-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line:color-mix(in srgb, var(--plass-danger-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line-hover:var(--plass-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-line-hover:color-mix(in srgb, var(--plass-danger-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-ring:var(--plass-danger-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-danger-ring:color-mix(in srgb, var(--plass-danger-solid) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-fill:linear-gradient(135deg, var(--plass-info-solid) 0%, var(--plass-info-solid-to) 100%);--plass-info-tint:var(--plass-info-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-tint:color-mix(in srgb, var(--plass-info-solid) var(--plass-tint-strength), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft:color-mix(in srgb, var(--plass-info-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-hover:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-hover:color-mix(in srgb, var(--plass-info-accent) 18%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-press:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-soft-press:color-mix(in srgb, var(--plass-info-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line:color-mix(in srgb, var(--plass-info-accent) 30%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line-hover:var(--plass-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-line-hover:color-mix(in srgb, var(--plass-info-accent) 48%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-ring:var(--plass-info-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--plass-info-ring:color-mix(in srgb, var(--plass-info-solid) 55%, transparent)}}.plass-title :where(h1,h2,h3,h4,h5,h6){font:inherit;margin:0}.plass-link.plass-link{font-weight:inherit;text-underline-offset:.2em;text-underline-position:from-font;text-decoration-thickness:max(1px,.055em);-webkit-text-decoration-color:var(--p-underline);-webkit-text-decoration-color:var(--p-underline);text-decoration-color:var(--p-underline)}.plass-link.plass-link:hover{-webkit-text-decoration-color:var(--p-underline-hover);-webkit-text-decoration-color:var(--p-underline-hover);text-decoration-color:var(--p-underline-hover)}.plass-glow:before,.plass-glow:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.plass-glow:before{background:radial-gradient(6rem circle at var(--p-mx,50%) var(--p-my,50%), var(--p-glow,transparent), transparent 70%);transition:opacity .24s var(--plass-ease)}@media (hover:hover){.plass-glow:hover:before{opacity:1}}.plass-glow:after{background:radial-gradient(5rem circle at var(--p-mx,50%) var(--p-my,50%), var(--p-flash,transparent), transparent 72%);transition:opacity .7s cubic-bezier(.22,1,.36,1)}.plass-glow:active:after{opacity:1;transition-duration:0s}@keyframes plass-typing{0%,60%,to{background-color:color-mix(in oklab, currentColor 28%, transparent)}30%{background-color:currentColor}}.plass-typing-dot{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.plass-typing-dot{background-color:color-mix(in oklab, currentColor 28%, transparent)}}.plass-typing-dot{animation:plass-typing 1.25s var(--plass-ease) infinite;animation-delay:calc(var(--p-i,0) * .16s)}@keyframes plass-progress-sweep{0%{inset-inline-start:-45%}to{inset-inline-start:100%}}.plass-progress-sweep{inline-size:45%;animation:plass-progress-sweep 1.15s var(--plass-ease) infinite;position:absolute;inset-block:0}@keyframes plass-ring-spin{to{rotate:360deg}}.plass-ring-spin{transform-origin:50%;animation:.9s linear infinite plass-ring-spin}@keyframes plass-plate-wave{0%,70%,to{opacity:0}35%{opacity:1}}.plass-plate-wave{animation:plass-plate-wave 1.2s var(--plass-ease) infinite;animation-delay:calc(var(--p-i,0) * .12s)}@keyframes plass-progress-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes plass-skeleton-sweep{0%{inset-inline-start:-60%}to{inset-inline-start:100%}}.plass-skeleton:after{content:"";background-image:linear-gradient(90deg, transparent, var(--p-soft-press), transparent);inline-size:60%;animation:plass-skeleton-sweep 1.5s var(--plass-ease) infinite;position:absolute;inset-block:0}@keyframes plass-skeleton-pulse{0%,to{background-color:#0000}50%{background-color:var(--p-soft-press)}}.plass-grid{--p-cols:var(--p-cols-xs,12);--p-gap-x:var(--p-gap-x-xs,0px);--p-gap-y:var(--p-gap-y-xs,0px)}.plass-grid-item{--p-span:var(--p-span-xs,var(--p-cols,12));--p-offset:var(--p-offset-xs,0);--p-track:calc((100% + var(--p-gap-x,0px)) / var(--p-cols,12));box-sizing:border-box;min-width:0;width:calc(var(--p-track) * min(var(--p-span), var(--p-cols,12)) - var(--p-gap-x,0px));flex:none;margin-inline-start:calc(var(--p-track) * min(var(--p-offset), var(--p-cols,12)))}@media (min-width:40rem){.plass-grid{--p-cols:var(--p-cols-sm,var(--p-cols-xs,12));--p-gap-x:var(--p-gap-x-sm,var(--p-gap-x-xs,0px));--p-gap-y:var(--p-gap-y-sm,var(--p-gap-y-xs,0px))}.plass-grid-item{--p-span:var(--p-span-sm,var(--p-span-xs,var(--p-cols,12)));--p-offset:var(--p-offset-sm,var(--p-offset-xs,0))}}@media (min-width:48rem){.plass-grid{--p-cols:var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12)));--p-gap-x:var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px)));--p-gap-y:var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px)))}.plass-grid-item{--p-span:var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12))));--p-offset:var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0)))}}@media (min-width:64rem){.plass-grid{--p-cols:var(--p-cols-lg,var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12))));--p-gap-x:var(--p-gap-x-lg,var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px))));--p-gap-y:var(--p-gap-y-lg,var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px))))}.plass-grid-item{--p-span:var(--p-span-lg,var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12)))));--p-offset:var(--p-offset-lg,var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0))))}}@media (min-width:80rem){.plass-grid{--p-cols:var(--p-cols-xl,var(--p-cols-lg,var(--p-cols-md,var(--p-cols-sm,var(--p-cols-xs,12)))));--p-gap-x:var(--p-gap-x-xl,var(--p-gap-x-lg,var(--p-gap-x-md,var(--p-gap-x-sm,var(--p-gap-x-xs,0px)))));--p-gap-y:var(--p-gap-y-xl,var(--p-gap-y-lg,var(--p-gap-y-md,var(--p-gap-y-sm,var(--p-gap-y-xs,0px)))))}.plass-grid-item{--p-span:var(--p-span-xl,var(--p-span-lg,var(--p-span-md,var(--p-span-sm,var(--p-span-xs,var(--p-cols,12))))));--p-offset:var(--p-offset-xl,var(--p-offset-lg,var(--p-offset-md,var(--p-offset-sm,var(--p-offset-xs,0)))))}}.plass-anim{animation-duration:var(--p-anim-duration,.3s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:var(--p-anim-ease,var(--plass-ease));animation-iteration-count:var(--p-anim-repeat,1);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running)}@keyframes plass-anim-fade{0%{opacity:var(--p-anim-opacity,0)}to{opacity:1}}.plass-anim-fade{animation-name:plass-anim-fade}@keyframes plass-anim-scale{0%{opacity:var(--p-anim-opacity,0);scale:var(--p-anim-scale,.8)}to{opacity:1;scale:1}}.plass-anim-scale{animation-name:plass-anim-scale}@keyframes plass-anim-slide{0%{opacity:var(--p-anim-opacity,0);translate:var(--p-anim-x,0px) var(--p-anim-y,0px)}to{opacity:1;translate:0}}.plass-anim-slide{animation-name:plass-anim-slide}@keyframes plass-anim-rotate{0%{opacity:var(--p-anim-opacity,0);rotate:var(--p-anim-angle,-180deg)}to{opacity:1;rotate:var(--p-anim-angle-to,0deg)}}.plass-anim-rotate{animation-name:plass-anim-rotate}@keyframes plass-anim-blink{0%,to{opacity:1}50%{opacity:var(--p-anim-opacity,0)}}.plass-anim-blink{animation-name:plass-anim-blink}@property --plass-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes plass-anim-lighting{to{--plass-glow-angle:360deg}}.plass-anim-lighting{isolation:isolate;position:relative}.plass-anim-lighting:before{content:"";z-index:-1;inset:calc(-1 * var(--p-anim-glow-width,3px));border-radius:inherit;background:conic-gradient(from var(--plass-glow-angle), transparent 0deg, var(--p-anim-glow-from) calc(var(--p-anim-glow-arc,50deg) * .5), var(--p-anim-glow-to) var(--p-anim-glow-arc,50deg), transparent calc(var(--p-anim-glow-arc,50deg) * 2), transparent 360deg);filter:blur(var(--p-anim-glow-blur,5px));animation-name:plass-anim-lighting;animation-duration:var(--p-anim-duration,3s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:linear;animation-iteration-count:var(--p-anim-repeat,infinite);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running);position:absolute}@keyframes plass-anim-marquee-x{0%{translate:0}to{translate:calc(-100% - var(--p-anim-gap,0px)) 0}}@keyframes plass-anim-marquee-y{0%{translate:0}to{translate:0 calc(-100% - var(--p-anim-gap,0px))}}.plass-marquee{gap:var(--p-anim-gap,0px);display:flex;overflow:hidden}.plass-marquee-vertical{flex-direction:column}.plass-marquee-track{align-items:center;gap:var(--p-anim-gap,0px);animation-name:plass-anim-marquee-x;animation-duration:var(--p-anim-duration,12s);animation-delay:var(--p-anim-delay,0s);animation-timing-function:var(--p-anim-ease,linear);animation-iteration-count:var(--p-anim-repeat,infinite);animation-direction:var(--p-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--p-anim-state,running);flex:none;display:flex}.plass-marquee-vertical .plass-marquee-track{flex-direction:column;animation-name:plass-anim-marquee-y}.plass-marquee[data-pause-on-hover]:hover .plass-marquee-track{animation-play-state:paused}@keyframes plass-anim-headline-in{0%{translate:0 var(--p-anim-rise,100%);opacity:0}to{opacity:1;translate:0}}@keyframes plass-anim-headline-out{0%{opacity:1;translate:0}to{translate:0 calc(-1 * var(--p-anim-rise,100%));opacity:0}}.plass-headline{display:grid;overflow:hidden}.plass-headline-item{visibility:hidden;animation-duration:var(--p-anim-duration,.46s);animation-timing-function:var(--p-anim-ease,var(--plass-ease));grid-area:1/1;animation-fill-mode:both}.plass-headline-item[data-state=active]{visibility:visible;animation-name:plass-anim-headline-in}.plass-headline-item[data-state=leaving]{visibility:visible;animation-name:plass-anim-headline-out}@keyframes plass-anim-caret{0%,45%{opacity:1}55%,to{opacity:0}}.plass-caret{animation:1s step-end infinite plass-anim-caret;display:inline-block}@media (prefers-reduced-motion:reduce){.plass-glow:before,.plass-glow:after{transition-duration:1ms}.plass-skeleton:after{inline-size:100%;animation:plass-skeleton-pulse 2.4s var(--plass-ease) infinite;background-image:none;inset-inline-start:0}.plass-typing-dot{animation-duration:2.6s}.plass-progress-sweep{inline-size:100%;animation:plass-progress-pulse 1.8s var(--plass-ease) infinite;inset-inline-start:0}.plass-ring-spin,.plass-plate-wave{animation-duration:2.4s}.plass-anim,.plass-marquee-track,.plass-headline-item,.plass-caret{animation:none}.plass-anim-lighting:before{background:var(--p-anim-glow-to);animation:none}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes spin{to{transform:rotate(360deg)}}

package/dist/tailwind.css

@@ -75,6 +75,32 @@
  * its ink is dark, so it runs the other way and has room to spare.
  * ------------------------------------------------------------------------- */
 
+/* ---------------------------------------------------------------------------
+ * Where a portal sits in the page's stack
+ *
+ * Every surface this library sends through a portal — a modal, a drawer, a
+ * menu, a select's list, a popover, a tooltip, a toast — is painted at this
+ * level, and it is a token rather than a number in fifteen class strings
+ * because it is the one value about them that belongs to the *page* rather than
+ * to the library. An app with a header of its own, a cookie bar, a video player
+ * or a game field has already decided what floats over what, and 50 is a guess
+ * at a ladder somebody else built.
+ *
+ * It is declared here, on a bare `:root`, and not repeated in either theme
+ * block. That is deliberate: `.light` and `.dark` re-declare everything they
+ * carry, so a token that lived in them would reset a consumer's own value on
+ * any nested element carrying a theme class.
+ *
+ * `z-index` is unitless and inherits like any other custom property, so one
+ * line in a consumer's stylesheet moves the whole set together — which is the
+ * point. Moving them apart is how a select opened inside a modal ends up behind
+ * it.
+ * ------------------------------------------------------------------------- */
+
+:root {
+  --plass-z-portal: 50;
+}
+
 :root {
   --plass-primary-solid: #3f63f2;
   --plass-primary-solid-to: #1b78cb;

package/dist/tokens.css

@@ -78,6 +78,32 @@
  * its ink is dark, so it runs the other way and has room to spare.
  * ------------------------------------------------------------------------- */
 
+/* ---------------------------------------------------------------------------
+ * Where a portal sits in the page's stack
+ *
+ * Every surface this library sends through a portal — a modal, a drawer, a
+ * menu, a select's list, a popover, a tooltip, a toast — is painted at this
+ * level, and it is a token rather than a number in fifteen class strings
+ * because it is the one value about them that belongs to the *page* rather than
+ * to the library. An app with a header of its own, a cookie bar, a video player
+ * or a game field has already decided what floats over what, and 50 is a guess
+ * at a ladder somebody else built.
+ *
+ * It is declared here, on a bare `:root`, and not repeated in either theme
+ * block. That is deliberate: `.light` and `.dark` re-declare everything they
+ * carry, so a token that lived in them would reset a consumer's own value on
+ * any nested element carrying a theme class.
+ *
+ * `z-index` is unitless and inherits like any other custom property, so one
+ * line in a consumer's stylesheet moves the whole set together — which is the
+ * point. Moving them apart is how a select opened inside a modal ends up behind
+ * it.
+ * ------------------------------------------------------------------------- */
+
+:root {
+  --plass-z-portal: 50;
+}
+
 :root {
   --plass-primary-solid: #3f63f2;
   --plass-primary-solid-to: #1b78cb;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plass-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A React UI component library made of glass and gradients — smooth tinted surfaces, shadows in their own colour, and light that follows the pointer. Accessible and themeable, ESM only, types included, dark mode built in.",
   "type": "module",
   "types": "dist/index.d.ts",