@layer pui.tokens{:root{color-scheme:light dark;--pui-bg:light-dark(#fff,#000);--pui-bg-muted:light-dark(#f3f4f6,#111827);--pui-bg-emphasis:light-dark(#e5e7eb,#1f2937);--pui-text:light-dark(#000,#fff);--pui-text-muted:light-dark(#676d7b,#9ca3af);--pui-border:light-dark(#d1d5db,#374151);--pui-theme:light-dark(#0092cd,#07b6f0);--pui-success:light-dark(#16a34a,#22c55e);--pui-warn:light-dark(#d97706,#f59e0b);--pui-error:light-dark(#dc2626,#ef4444);--pui-muted:light-dark(#6b7280,#9ca3af);--pui-radius:.375rem;--pui-space:.25rem;--pui-font-size:.875rem;--pui-border-width:1px}[data-pui-mode=light]{color-scheme:light}[data-pui-mode=dark]{color-scheme:dark}}@layer pui.components{.pui-btn{justify-content:center;align-items:center;gap:var(--pui-space);padding:calc(var(--pui-space) * 2) calc(var(--pui-space) * 4);border:var(--pui-border-width) solid transparent;border-radius:var(--pui-radius);font:inherit;font-size:var(--pui-font-size);white-space:nowrap;cursor:pointer;user-select:none;color:inherit;background-color:#0000;line-height:1.25;text-decoration:none;display:inline-flex}.pui-chip{align-items:center;gap:var(--pui-space);padding:calc(var(--pui-space) * 1) calc(var(--pui-space) * 3);border:var(--pui-border-width) solid transparent;border-radius:var(--pui-radius);font:inherit;font-size:var(--pui-font-size);white-space:nowrap;line-height:1.25;display:inline-flex}.pui-badge{align-items:center;gap:var(--pui-space);padding:calc(var(--pui-space) * .5) calc(var(--pui-space) * 1.75);border:var(--pui-border-width) solid transparent;border-radius:var(--pui-radius);font:inherit;font-size:calc(var(--pui-font-size) * .857);white-space:nowrap;line-height:1.25;display:inline-flex}.pui-card{background-color:var(--pui-bg);border:var(--pui-border-width) solid var(--pui-border);border-radius:calc(var(--pui-radius) * 1.5);font-size:var(--pui-font-size);overflow:hidden}.pui-card-header{padding:calc(var(--pui-space) * 2) calc(var(--pui-space) * 4);background-color:var(--pui-bg-muted);color:var(--pui-text-muted)}.pui-card-content{gap:calc(var(--pui-space) * 3);padding:calc(var(--pui-space) * 4);display:grid}.pui-list{font-size:var(--pui-font-size);margin:0;padding:0;list-style-position:inside}.pui-list-item{padding:calc(var(--pui-space) * 2) calc(var(--pui-space) * 4);border:var(--pui-border-width) solid transparent;border-radius:var(--pui-radius)}.pui-list.pui-striped>.pui-list-item:nth-child(2n),.pui-list.pui-hoverable>.pui-list-item:hover{background-color:var(--pui-bg-muted)}.pui-table{border-collapse:collapse;width:100%;font-size:var(--pui-font-size);& :is(th,td){padding:calc(var(--pui-space) * 2) calc(var(--pui-space) * 4);border-bottom:var(--pui-border-width) solid var(--pui-border);text-align:start}&>:last-child>tr:last-child>:is(th,td){border-bottom:none}& thead :is(th,td){color:var(--pui-text-muted);font-weight:600}& tfoot{background-color:var(--pui-bg-muted)}& tfoot :is(th,td){border-top:var(--pui-border-width) solid var(--pui-border)}}.pui-table.pui-striped tbody tr:nth-child(2n),.pui-table.pui-hoverable tbody tr:hover{background-color:var(--pui-bg-muted)}.pui-timeline{font-size:var(--pui-font-size);display:grid}.pui-checkpoint{gap:calc(var(--pui-space) * 3);padding-bottom:calc(var(--pui-space) * 4);display:flex;position:relative;&:not(:last-child):before{content:"";inset-block:calc(var(--pui-font-size) * 1.75 + var(--pui-space)) var(--pui-space);border-inline-start:var(--pui-border-width) solid var(--pui-border);position:absolute;inset-inline-start:calc(var(--pui-font-size) * .875)}&:last-child{padding-bottom:0}}.pui-timeline.pui-group-row{&>.pui-checkpoint{padding-bottom:0;flex-direction:column;flex:1;margin-inline-start:0;padding-inline-end:calc(var(--pui-space) * 4);&:not(:last-child):before{inset-block:calc(var(--pui-font-size) * .875) auto;inset-inline:calc(var(--pui-font-size) * 1.75 + var(--pui-space)) var(--pui-space);border-inline-start:none;border-block-start:var(--pui-border-width) solid var(--pui-border)}&:last-child{padding-inline-end:0}}}.pui-checkpoint-icon{box-sizing:border-box;width:calc(var(--pui-font-size) * 1.75);height:calc(var(--pui-font-size) * 1.75);border:var(--pui-border-width) solid transparent;background-color:var(--pui-bg);font-size:calc(var(--pui-font-size) * .857);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pui-field-group{gap:var(--pui-space);font-size:var(--pui-font-size);display:grid;&>span{font-size:calc(var(--pui-font-size) * .857)}&>small{font-size:calc(var(--pui-font-size) * .857);color:var(--pui-text-muted)}}.pui-input{appearance:none;min-width:0;padding:calc(var(--pui-space) * 1.5) calc(var(--pui-space) * 3);border:var(--pui-border-width) solid var(--pui-edge,var(--pui-border));border-radius:var(--pui-radius);color:inherit;font:inherit;font-size:var(--pui-font-size);background-color:#0000;line-height:1.25;&::placeholder{color:var(--pui-text-muted)}}textarea.pui-input{resize:vertical}select.pui-input{background-repeat:no-repeat;background-image:conic-gradient(from 315deg at 50% 100%, currentColor 0 90deg, transparent 0);background-size:calc(var(--pui-font-size) * .6) calc(var(--pui-font-size) * .3);background-position:right calc(var(--pui-space) * 3) center;padding-inline-end:calc(var(--pui-space) * 7)}.pui-input-group{border:var(--pui-border-width) solid var(--pui-edge,var(--pui-border));border-radius:var(--pui-radius);font-size:var(--pui-font-size);align-items:stretch;display:flex;&>.pui-input{flex:1}&>*{border:none;border-radius:0}&>:first-child{border-start-start-radius:calc(var(--pui-radius) - var(--pui-border-width));border-end-start-radius:calc(var(--pui-radius) - var(--pui-border-width))}&>:last-child{border-start-end-radius:calc(var(--pui-radius) - var(--pui-border-width));border-end-end-radius:calc(var(--pui-radius) - var(--pui-border-width))}}.pui-addon{padding-inline:calc(var(--pui-space) * 3);background-color:var(--pui-bg-muted);color:var(--pui-text-muted);white-space:nowrap;align-items:center;display:flex}.pui-input-group>.pui-addon:first-child{border-inline-end:var(--pui-border-width) solid var(--pui-border)}.pui-input-group>.pui-addon:last-child{border-inline-start:var(--pui-border-width) solid var(--pui-border)}.pui-checkbox,.pui-radio,.pui-switch{appearance:none;box-sizing:border-box;border:var(--pui-border-width) solid var(--pui-edge,var(--pui-border));cursor:pointer;background-color:#0000;background-repeat:no-repeat;flex:none;margin:0}.pui-checkbox,.pui-radio{width:calc(var(--pui-font-size) * 1.143);height:calc(var(--pui-font-size) * 1.143);background-position:50%}.pui-checkbox{border-radius:calc(var(--pui-radius) * .5)}.pui-radio{border-radius:9999px}:is(.pui-checkbox,.pui-radio,.pui-switch):checked,.pui-checkbox:indeterminate{background-color:var(--pui-color,var(--pui-theme));border-color:var(--pui-color,var(--pui-theme))}.pui-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");background-size:100%}.pui-checkbox[indeterminate]{animation:1ms pui-indeterminate}@keyframes pui-indeterminate{}.pui-checkbox:indeterminate{background-image:linear-gradient(#fff,#fff);background-size:55% calc(var(--pui-border-width) * 2);background-position:50%}.pui-radio:checked{background-image:radial-gradient(circle,#fff 0 34%,#0000 35%);background-size:100%}.pui-switch{width:calc(var(--pui-font-size) * 2.286);height:calc(var(--pui-font-size) * 1.143);background-image:radial-gradient(circle, var(--pui-border) 0 42%, transparent 43%);background-size:calc(var(--pui-font-size) * 1.143) 100%;background-position:0;border-radius:9999px;transition:background-color .15s,background-position .15s,border-color .15s;&:checked{background-image:radial-gradient(circle,#fff 0 42%,#0000 43%);background-position:100%}}@media (prefers-reduced-motion:reduce){.pui-switch{transition:none}}.pui-group-row,.pui-group-col,.pui-group-responsive{display:flex}.pui-group-col{flex-direction:column}:is(.pui-group-row,.pui-group-responsive)>*{border-radius:0;&:first-child{border-start-start-radius:var(--pui-radius);border-end-start-radius:var(--pui-radius)}&:last-child{border-start-end-radius:var(--pui-radius);border-end-end-radius:var(--pui-radius)}&+*{margin-inline-start:calc(var(--pui-border-width) * -1)}}.pui-group-col>*{border-radius:0;&:first-child{border-start-start-radius:var(--pui-radius);border-start-end-radius:var(--pui-radius)}&:last-child{border-end-end-radius:var(--pui-radius);border-end-start-radius:var(--pui-radius)}&+*{margin-block-start:calc(var(--pui-border-width) * -1)}}@media (width<1024px){.pui-group-responsive{flex-direction:column}.pui-group-responsive>*{&:first-child{border-radius:var(--pui-radius) var(--pui-radius) 0 0}&:last-child{border-radius:0 0 var(--pui-radius) var(--pui-radius)}&+*{margin-block-start:calc(var(--pui-border-width) * -1);margin-inline-start:0}}}:is(.pui-group-row,.pui-group-col,.pui-group-responsive)>:is(:focus-visible,:focus-within){z-index:1;position:relative}.pui-float{z-index:10;position:fixed;inset-block-end:calc(var(--pui-space) * 6);inset-inline-start:calc(var(--pui-space) * 6)}.pui-accordion{font-size:var(--pui-font-size);display:grid}.pui-accordion-item{border:var(--pui-border-width) solid var(--pui-edge,var(--pui-border));border-radius:0;&+.pui-accordion-item{margin-block-start:calc(var(--pui-border-width) * -1)}&:first-child{border-start-start-radius:var(--pui-radius);border-start-end-radius:var(--pui-radius)}&:last-child{border-end-end-radius:var(--pui-radius);border-end-start-radius:var(--pui-radius)}&>summary{justify-content:space-between;align-items:center;gap:calc(var(--pui-space) * 2);padding:calc(var(--pui-space) * 2) calc(var(--pui-space) * 4);cursor:pointer;user-select:none;border-radius:0;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"";border-style:solid;border-width:calc(var(--pui-font-size) * .3) calc(var(--pui-font-size) * .3) 0;border-color:currentColor #0000 #0000;flex:none;width:0;height:0;transition:rotate .15s}}&:first-child>summary{border-start-start-radius:calc(var(--pui-radius) - var(--pui-border-width));border-start-end-radius:calc(var(--pui-radius) - var(--pui-border-width))}&:last-child:not([open])>summary{border-end-end-radius:calc(var(--pui-radius) - var(--pui-border-width));border-end-start-radius:calc(var(--pui-radius) - var(--pui-border-width))}&[open]>summary:after{rotate:180deg}&>summary:has(.pui-accordion-icon):after{content:none}&>summary>.pui-accordion-icon{flex:none;margin-inline-start:auto;transition:rotate .15s}&[open]>summary>.pui-accordion-icon{rotate:180deg}&>:not(summary){padding:0 calc(var(--pui-space) * 4) calc(var(--pui-space) * 4)}}.pui-accordion.pui-highlighted>.pui-accordion-item[open]{background-color:var(--pui-bg-muted)}@media (prefers-reduced-motion:reduce){.pui-accordion-item>summary:after,.pui-accordion-item>summary>.pui-accordion-icon{transition:none}}.pui-modal{max-width:min(32rem, calc(100vw - var(--pui-space) * 8));max-height:calc(100dvh - var(--pui-space) * 8);color:inherit;font-size:var(--pui-font-size);background:0 0;border:none;margin:auto;padding:0;overflow:auto;&::backdrop{background-color:#00000080}}.pui-dropdown{box-sizing:border-box;width:max-content;padding:var(--pui-space);border:var(--pui-border-width) solid var(--pui-border);border-radius:var(--pui-radius);background-color:var(--pui-bg);color:inherit;font-size:var(--pui-font-size);margin:0}@supports (position-area:block-end){.pui-dropdown{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;min-width:anchor-size(inline);margin:0;margin-block-start:var(--pui-space);position:fixed;inset:auto}.pui-dropdown.pui-top{position-area:block-start span-inline-end;position-try-fallbacks:flip-block;margin:0 0 var(--pui-space)}.pui-dropdown.pui-start{position-area:inline-start span-block-end;position-try-fallbacks:flip-inline;margin:0 var(--pui-space) 0 0;min-width:0}.pui-dropdown.pui-end{position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;margin:0 0 0 var(--pui-space);min-width:0}.pui-dropdown.pui-align-center{position-area:block-end}.pui-dropdown.pui-align-end{position-area:block-end span-inline-start}.pui-dropdown.pui-top.pui-align-center{position-area:block-start}.pui-dropdown.pui-top.pui-align-end{position-area:block-start span-inline-start}}.pui-tooltip{width:max-content;max-width:20rem;padding:calc(var(--pui-space) * 1.25) calc(var(--pui-space) * 2.5);border:var(--pui-border-width) solid var(--pui-border);border-radius:var(--pui-radius);background-color:var(--pui-bg);color:inherit;font-size:calc(var(--pui-font-size) * .857);pointer-events:none;margin:0}@supports (position-area:block-start){.pui-tooltip{position-area:block-start;position-try-fallbacks:flip-block;margin:0;margin-block-end:var(--pui-space);position:fixed;inset:auto}.pui-tooltip.pui-bottom{position-area:block-end;margin:var(--pui-space) 0 0}.pui-tooltip.pui-start{position-area:inline-start;position-try-fallbacks:flip-inline;margin:0 var(--pui-space) 0 0}.pui-tooltip.pui-end{position-area:inline-end;position-try-fallbacks:flip-inline;margin:0 0 0 var(--pui-space)}}}@layer pui.utilities{.pui-rounded{border-radius:var(--pui-radius)}.pui-rounded-full{border-radius:9999px}}@layer pui.styles{:where(.pui-solid,.pui-soft,.pui-outline,.pui-link){transition:background-color .15s,border-color .15s,color .15s;&>*{color:inherit}}@media (prefers-reduced-motion:reduce){:where(.pui-solid,.pui-soft,.pui-outline,.pui-link){transition:none}}:where(.pui-soft,.pui-outline,.pui-link){color:var(--pui-ink,color-mix(in oklab, var(--pui-color), var(--pui-text) 25%))}.pui-solid{background-color:var(--pui-color);border-color:var(--pui-edge,var(--pui-color));color:var(--pui-on-color);&:hover{background-color:color-mix(in oklab, var(--pui-color), var(--pui-shade,var(--pui-text)) 12%)}}.pui-soft{background-color:color-mix(in oklab, var(--pui-color) 15%, transparent);border-color:#0000;&:hover{background-color:color-mix(in oklab, var(--pui-color) 22%, transparent)}}.pui-outline{border-color:var(--pui-edge,var(--pui-color));background-color:#0000;&:hover{background-color:color-mix(in oklab, var(--pui-color) 10%, transparent)}}.pui-link{background-color:#0000;border-color:#0000;&:hover{text-underline-offset:.3rem;text-decoration:underline}}}@layer pui.colors{.pui-theme{--pui-color:var(--pui-theme);--pui-on-color:var(--pui-bg)}.pui-success{--pui-color:var(--pui-success);--pui-on-color:var(--pui-bg)}.pui-error{--pui-color:var(--pui-error);--pui-on-color:var(--pui-bg)}.pui-warn{--pui-color:var(--pui-warn);--pui-on-color:var(--pui-bg)}.pui-muted{--pui-color:var(--pui-muted);--pui-on-color:var(--pui-bg)}.pui-surface{--pui-color:var(--pui-bg);--pui-on-color:var(--pui-text);--pui-edge:var(--pui-border);--pui-ink:var(--pui-text)}.pui-inverse{--pui-color:var(--pui-text);--pui-on-color:var(--pui-bg);--pui-shade:var(--pui-bg)}}@layer pui.states{:where([class^=pui-],[class*=\ pui-]){&:disabled,&[disabled],&[aria-disabled=true]{cursor:not-allowed;opacity:.5}&:focus-visible{outline:2px solid var(--pui-color,var(--pui-theme));outline-offset:2px}&[aria-invalid=true]{--pui-color:var(--pui-error);--pui-edge:var(--pui-error);--pui-ink:var(--pui-error)}}.pui-input-group>.pui-input:focus-visible{outline:none}.pui-input-group:has(>.pui-input:focus-visible){outline:2px solid var(--pui-color,var(--pui-theme));outline-offset:2px}.pui-field-group:has([aria-invalid=true])>small{color:var(--pui-error)}.pui-accordion-item:has(>summary:focus-visible){z-index:1;position:relative}.pui-accordion-item>summary:focus-visible{outline:2px solid var(--pui-color,var(--pui-theme));outline-offset:calc(2px + var(--pui-border-width))}}