@coffic/cosy-ui 0.3.9 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app.css +1 -1
- package/dist/components/base/Alert.astro +15 -15
- package/dist/components/base/Link.astro +14 -14
- package/dist/components/display/CodeExample.astro +31 -31
- package/dist/components/layouts/DocumentationLayout.astro +7 -7
- package/dist/components/layouts/Footer.astro +28 -28
- package/dist/components/layouts/Header.astro +22 -22
- package/dist/components/layouts/Sidebar.astro +11 -11
- package/dist/components/navigation/TableOfContents.astro +12 -12
- package/dist/components/typography/Article.astro +9 -9
- package/package.json +1 -1
package/dist/app.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-500:oklch(.795 .184 86.047);--color-green-500:oklch(.723 .219 149.579);--color-blue-50:oklch(.97 .014 254.604);--color-blue-500:oklch(.623 .214 259.815);--color-purple-500:oklch(.627 .265 303.9);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-400:oklch(.707 .022 261.325);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-900:oklch(.21 .034 264.665);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)}}@layer components;@layer utilities{.modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.modal::backdrop{display:none}.modal.modal-open,.modal[open],.modal:target{pointer-events:auto;visibility:visible;opacity:1;background-color:#0006;transition:transform .3s ease-out,background-color .3s ease-out,opacity .1s ease-out}:is(.modal.modal-open,.modal[open],.modal:target) .modal-box{opacity:1;translate:0;scale:1}@starting-style{.modal.modal-open,.modal[open],.modal:target{visibility:hidden;opacity:0}}.tab{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p);font-size:.875rem;display:inline-flex;position:relative}@media (hover:hover){.tab:hover{color:var(--color-base-content)}}.tab:is(input[type=radio]){min-width:fit-content}.tab:is(input[type=radio]):after{content:attr(aria-label)}.tab:is(label){position:relative}.tab:is(label) input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}:is(.tab:checked,.tab:is(label:has(:checked)),.tab:is(.tab-active,[aria-selected=true]))+.tab-content{height:100%;display:block}.tab:not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true]){color:color-mix(in oklab,var(--color-base-content)50%,transparent)}.tab:not(input):empty{cursor:default;flex-grow:1}.tab:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tab:focus{outline-offset:2px;outline:2px solid #0000}}.tab:focus-visible,.tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.tab[disabled]{pointer-events:none;opacity:.4}.menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.menu :where(li>details>summary),.menu :where(li>.menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}@media (forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active){outline-offset:2px;outline:2px solid #0000}}:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.menu .dropdown:focus-within .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover],.dropdown .dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:95%}}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) .dropdown-content{opacity:1}.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;scale:100%}.dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.dropdown.dropdown-open,.dropdown:focus,.dropdown:focus-within) .dropdown-content{scale:100%}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.dropdown[popover]:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.prose .btn{text-decoration-line:none}@media (hover:hover){.btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.btn.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.btn:focus-visible{outline-width:2px;outline-style:solid}.btn:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.btn:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}.btn:is(:disabled,[disabled],.btn-disabled):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}@media (hover:hover){.btn:is(:disabled,[disabled],.btn-disabled):hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}.btn:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}.btn:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.input{cursor:text;border:var(--border)solid #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.875rem;display:inline-flex;position:relative}.input:where(input){display:inline-flex}.input :where(input){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.input :where(input):focus,.input :where(input):focus-within){outline-offset:2px;outline:2px solid #0000}}.input:focus,.input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none}:is(.input:has(>input[disabled]),.input:is(:disabled,[disabled]))::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.card:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.card:focus{outline-offset:2px;outline:2px solid #0000}}.card:focus-visible{outline-color:currentColor}.card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.card:where(.card-border){border:var(--border)solid var(--color-base-200)}.card:where(.card-dash){border:var(--border)dashed var(--color-base-200)}.card.image-full{display:grid}.card.image-full:before{border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}.card.image-full>*{grid-row-start:1;grid-column-start:1}.card.image-full>.card-body{color:var(--color-neutral-content);position:relative}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.card.image-full>figure img{object-fit:cover;height:100%}.card figure{justify-content:center;align-items:center;display:flex}.card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card:has(>:checked){outline:2px solid}.menu-horizontal{flex-direction:row;display:inline-flex}.menu-horizontal>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.menu-horizontal>li>details>ul:before{content:none}:where(.menu-horizontal>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.avatar{vertical-align:middle;display:inline-flex;position:relative}.avatar>div{aspect-ratio:1;display:block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-box);background-color:color-mix(in oklab,currentColor 20%,transparent);width:100%;height:.5rem;color:var(--color-base-content);position:relative;overflow:hidden}.progress:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}@supports ((-moz-appearance:none)){.progress:indeterminate::-moz-progress-bar{background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}.progress::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}}@supports ((-webkit-appearance:none)){.progress::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}.progress::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.dropdown-end{--anchor-h:span-left}.dropdown-end :where(.dropdown-content){inset-inline-end:0;translate:0}.dropdown-end.dropdown-left{--anchor-h:left;--anchor-v:span-top}.dropdown-end.dropdown-left .dropdown-content{top:auto;bottom:0}.dropdown-end.dropdown-right{--anchor-h:right;--anchor-v:span-top}.dropdown-end.dropdown-right .dropdown-content{top:auto;bottom:0}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-16{top:calc(var(--spacing)*16)}.top-20{top:calc(var(--spacing)*20)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}.stack>*{width:100%;height:100%}.stack>:nth-child(n+2){opacity:.7;width:100%}.stack>:nth-child(2){z-index:2;opacity:.9}.stack>:first-child{z-index:3;width:100%}:is(.stack,.stack.stack-bottom)>*{grid-area:3/3/6/4}:is(.stack,.stack.stack-bottom)>:nth-child(2){grid-area:2/2/5/5}:is(.stack,.stack.stack-bottom)>:first-child{grid-area:1/1/4/6}.stack.stack-top>*{grid-area:1/3/4/4}.stack.stack-top>:nth-child(2){grid-area:2/2/5/5}.stack.stack-top>:first-child{grid-area:3/1/6/6}.stack.stack-start>*{grid-area:3/1/4/4}.stack.stack-start>:nth-child(2){grid-area:2/2/5/5}.stack.stack-start>:first-child{grid-area:1/3/6/6}.stack.stack-end>*{grid-area:3/3/4/6}.stack.stack-end>:nth-child(2){grid-area:2/2/5/5}.stack.stack-end>:first-child{grid-area:1/1/6/4}.modal-backdrop{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.modal-backdrop button{cursor:pointer}.z-50{z-index:50}.z-\[1\]{z-index:1}.hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}.hero>*{grid-row-start:1;grid-column-start:1}.modal-box{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px #00000040}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-auto{margin:auto}.filter{flex-wrap:wrap;display:flex}.filter input[type=radio]{width:auto}.filter input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{content:"×"}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.label{white-space:nowrap;color:color-mix(in oklab,currentColor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}.label:has(input){cursor:pointer}.label:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex}.label:is(.input>*,.select>*):first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}.label:is(.input>*,.select>*):last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}.prose{color:var(--tw-prose-body);--tw-prose-body:oklch(.373 .034 259.733);--tw-prose-headings:oklch(.21 .034 264.665);--tw-prose-lead:oklch(.446 .03 256.802);--tw-prose-links:oklch(.21 .034 264.665);--tw-prose-bold:oklch(.21 .034 264.665);--tw-prose-counters:oklch(.551 .027 264.364);--tw-prose-bullets:oklch(.872 .01 258.338);--tw-prose-hr:oklch(.928 .006 264.531);--tw-prose-quotes:oklch(.21 .034 264.665);--tw-prose-quote-borders:oklch(.928 .006 264.531);--tw-prose-captions:oklch(.551 .027 264.364);--tw-prose-kbd:oklch(.21 .034 264.665);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.21 .034 264.665);--tw-prose-pre-code:oklch(.928 .006 264.531);--tw-prose-pre-bg:oklch(.278 .033 256.848);--tw-prose-th-borders:oklch(.872 .01 258.338);--tw-prose-td-borders:oklch(.928 .006 264.531);--tw-prose-invert-body:oklch(.872 .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.707 .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.707 .022 261.325);--tw-prose-invert-bullets:oklch(.446 .03 256.802);--tw-prose-invert-hr:oklch(.373 .034 259.733);--tw-prose-invert-quotes:oklch(.967 .003 264.542);--tw-prose-invert-quote-borders:oklch(.373 .034 259.733);--tw-prose-invert-captions:oklch(.707 .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.872 .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .03 256.802);--tw-prose-invert-td-borders:oklch(.373 .034 259.733);max-width:65ch;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}.badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.badge.badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}.badge.badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.badge.badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}.tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>*{place-items:start;gap:.5rem;display:grid}.footer.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.footer.footer-center>*{place-items:center}.stat{grid-template-columns:repeat(1,1fr);column-gap:1rem;width:100%;padding-block:1rem;padding-inline:1.5rem;display:inline-grid}.stat:not(:last-child){border-inline-end:var(--border)dashed color-mix(in oklab,currentColor 10%,#0000);border-block-end:none}.navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.hero-content{justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}.card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.card-body :where(p){flex-grow:1}.navbar-center{flex-shrink:0;align-items:center;display:inline-flex}.alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}.alert.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}.alert.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.alert.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}.card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}:root .prose{--tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000);--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)}:root .prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border)solid var(--color-base-300);font-weight:inherit;padding-inline:.5em}:root .prose :where(code):not(pre>code):before,:root .prose :where(code):not(pre>code):after{display:none}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.loading-lg{width:calc(var(--size-selector,.25rem)*7)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.skeleton{border-radius:var(--radius-box);background-color:var(--color-base-300);will-change:background-position;background-image:linear-gradient(105deg,#0000 0% 40%,var(--color-base-100)50%,#0000 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%;animation:1.8s ease-in-out infinite skeleton}@media (prefers-reduced-motion:reduce){.skeleton{transition-duration:15s}}.animate-pulse{animation:var(--animate-pulse)}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.link:focus{outline-offset:2px;outline:2px solid #0000}}.link:focus-visible{outline-offset:2px;outline:2px solid}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-flow-col{grid-auto-flow:column}.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}.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}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + min(.25rem,calc(var(--radius-field) + var(--radius-field) + var(--radius-field))));box-shadow:0 -.5px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 .5px oklch(0% 0 0/calc(var(--depth)*.05)) inset;padding:.25rem}.tabs-box .tab{border-radius:var(--radius-field);border-style:none}.tabs-box .tab:focus-visible,.tabs-box .tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.tabs-box :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),.tabs-box :is(input:checked),.tabs-box :is(label:has(:checked)){background-color:var(--tab-bg,var(--color-base-100));box-shadow:0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*50%),#0000),0 1px 6px -4px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*100%),#0000)}@media (forced-colors:active){:is(.tabs-box :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),.tabs-box :is(input:checked),.tabs-box :is(label:has(:checked))){border:1px solid}}.menu-sm :where(li:not(.menu-title)>:not(ul,details,.menu-title)),.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}.menu-sm .menu-title{padding-block:.5rem;padding-inline:.75rem}.rounded{border-radius:.25rem}.rounded-box{border-radius:var(--radius-box)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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}.alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.alert-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.border-base-200{border-color:var(--color-base-200)}.border-base-300{border-color:var(--color-base-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-green-500{border-color:var(--color-green-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-accent\/30{background-color:color-mix(in oklab,var(--color-accent)30%,transparent)}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-300{background-color:var(--color-base-300)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-error{background-color:var(--color-error)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-primary{background-color:var(--color-primary)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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)}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.progress-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-base-content{color:var(--color-base-content)}.text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,transparent)}.text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,transparent)}.text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.text-error{color:var(--color-error)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-neutral{color:var(--color-neutral)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.prose-slate{--tw-prose-body:oklch(.372 .044 257.287);--tw-prose-headings:oklch(.208 .042 265.755);--tw-prose-lead:oklch(.446 .043 257.281);--tw-prose-links:oklch(.208 .042 265.755);--tw-prose-bold:oklch(.208 .042 265.755);--tw-prose-counters:oklch(.554 .046 257.417);--tw-prose-bullets:oklch(.869 .022 252.894);--tw-prose-hr:oklch(.929 .013 255.508);--tw-prose-quotes:oklch(.208 .042 265.755);--tw-prose-quote-borders:oklch(.929 .013 255.508);--tw-prose-captions:oklch(.554 .046 257.417);--tw-prose-kbd:oklch(.208 .042 265.755);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.208 .042 265.755);--tw-prose-pre-code:oklch(.929 .013 255.508);--tw-prose-pre-bg:oklch(.279 .041 260.031);--tw-prose-th-borders:oklch(.869 .022 252.894);--tw-prose-td-borders:oklch(.929 .013 255.508);--tw-prose-invert-body:oklch(.869 .022 252.894);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.704 .04 256.788);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.704 .04 256.788);--tw-prose-invert-bullets:oklch(.446 .043 257.281);--tw-prose-invert-hr:oklch(.372 .044 257.287);--tw-prose-invert-quotes:oklch(.968 .007 247.896);--tw-prose-invert-quote-borders:oklch(.372 .044 257.287);--tw-prose-invert-captions:oklch(.704 .04 256.788);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.869 .022 252.894);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .043 257.281);--tw-prose-invert-td-borders:oklch(.372 .044 257.287)}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.\[class\:list\]{class:list}.loading-spinner{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}@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\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-base-300:hover{background-color:var(--color-base-300)}.hover\:text-base-content\/80:hover{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.hover\:text-base-content\/90:hover{color:color-mix(in oklab,var(--color-base-content)90%,transparent)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:opacity-100:hover{opacity:1}.hover\:blur-sm:hover{--tw-blur:blur(var(--blur-sm));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-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,)}.hover\:brightness-125:hover{--tw-brightness:brightness(125%);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,)}}@media (width>=40rem){.sm\:footer-horizontal{grid-auto-flow:column}.sm\:footer-horizontal.footer-center{grid-auto-flow:dense}}@media (width>=48rem){.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}}@media (width>=64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}}@media (prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes dropdown{0%{opacity:0}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}
|
1
|
+
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--cosy-color-yellow-500:oklch(.795 .184 86.047);--cosy-color-green-500:oklch(.723 .219 149.579);--cosy-color-blue-500:oklch(.623 .214 259.815);--cosy-color-purple-500:oklch(.627 .265 303.9);--cosy-spacing:.25rem;--cosy-container-xs:20rem;--cosy-container-xl:36rem;--cosy-container-2xl:42rem;--cosy-container-4xl:56rem;--cosy-container-6xl:72rem;--cosy-text-sm:.875rem;--cosy-text-sm--line-height:calc(1.25/.875);--cosy-text-base:1rem;--cosy-text-base--line-height: 1.5 ;--cosy-text-lg:1.125rem;--cosy-text-lg--line-height:calc(1.75/1.125);--cosy-text-xl:1.25rem;--cosy-text-xl--line-height:calc(1.75/1.25);--cosy-font-weight-medium:500;--cosy-font-weight-bold:700;--cosy-default-transition-duration:.15s;--cosy-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)}}@layer components;@layer utilities{.cosy\:tab{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p);font-size:.875rem;display:inline-flex;position:relative}@media (hover:hover){.cosy\:tab:hover{color:var(--color-base-content)}}.cosy\:tab:is(input[type=radio]){min-width:fit-content}.cosy\:tab:is(input[type=radio]):after{content:attr(aria-label)}.cosy\:tab:is(label){position:relative}.cosy\:tab:is(label) input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}:is(.cosy\:tab:checked,.cosy\:tab:is(label:has(:checked)),.cosy\:tab:is(.cosy\:tab-active,[aria-selected=true]))+.cosy\:tab-content{height:100%;display:block}.cosy\:tab:not(:checked,label:has(:checked),:hover,.cosy\:tab-active,[aria-selected=true]){color:color-mix(in oklab,var(--color-base-content)50%,transparent)}.cosy\:tab:not(input):empty{cursor:default;flex-grow:1}.cosy\:tab:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:tab:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:tab:focus-visible,.cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.cosy\:tab[disabled]{pointer-events:none;opacity:.4}.cosy\:menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.cosy\:menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.cosy\:menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.cosy\:menu :where(li>.cosy\:menu-dropdown:not(.cosy\:menu-dropdown-show)){display:none}.cosy\:menu :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title,.cosy\:btn)),.cosy\:menu :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.cosy\:menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.cosy\:menu :where(li>details>summary),.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.cosy\:menu :where(li>details[open]>summary):after,.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle.cosy\:menu-dropdown-show):after{translate:0 1px;rotate:45deg}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}@media (forced-colors:active){.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.cosy\:menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.cosy\:menu :where(li) .cosy\:badge{justify-self:flex-end}.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active){outline-offset:2px;outline:2px solid #0000}}:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):not(:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)}.cosy\:menu :where(li).cosy\:menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.cosy\:menu .cosy\:dropdown:focus-within .cosy\:menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.cosy\:menu .cosy\:dropdown-content{margin-top:.5rem;padding:.5rem}.cosy\:menu .cosy\:dropdown-content:before{display:none}.cosy\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.cosy\:dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:dropdown .cosy\:dropdown-content{position:absolute}.cosy\:dropdown:not(details,.cosy\:dropdown-open,.cosy\:dropdown-hover:hover,:focus-within) .cosy\:dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}@starting-style{.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{opacity:0;scale:95%}}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{opacity:1}.cosy\:dropdown.cosy\:dropdown-hover:hover .cosy\:dropdown-content{opacity:1;scale:100%}.cosy\:dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{scale:100%}.cosy\:dropdown:where([popover]){background:0 0}.cosy\:dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.cosy\:dropdown[popover]{margin:auto}.cosy\:dropdown[popover].cosy\:dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.cosy\:dropdown[popover]:not(.cosy\:dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.cosy\:prose .cosy\:btn{text-decoration-line:none}@media (hover:hover){.cosy\:btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.cosy\:btn.cosy\:btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.cosy\:btn:focus-visible{outline-width:2px;outline-style:solid}.cosy\:btn:active:not(.cosy\:btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled){pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):not(.cosy\:btn-link,.cosy\:btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}@media (hover:hover){.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}.cosy\:btn:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.cosy\:btn:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}.cosy\:btn:where(input:checked:not(.cosy\:filter .cosy\:btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.cosy\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.cosy\:card:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:card:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:card:focus-visible{outline-color:currentColor}.cosy\:card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.cosy\:card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.cosy\:card:where(.cosy\:card-border){border:var(--border)solid var(--color-base-200)}.cosy\:card:where(.cosy\:card-dash){border:var(--border)dashed var(--color-base-200)}.cosy\:card.cosy\:image-full{display:grid}.cosy\:card.cosy\:image-full:before{border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}.cosy\:card.cosy\:image-full>*{grid-row-start:1;grid-column-start:1}.cosy\:card.cosy\:image-full>.cosy\:card-body{color:var(--color-neutral-content);position:relative}.cosy\:card.cosy\:image-full :where(figure){border-radius:inherit;overflow:hidden}.cosy\:card.cosy\:image-full>figure img{object-fit:cover;height:100%}.cosy\:card figure{justify-content:center;align-items:center;display:flex}.cosy\:card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.cosy\:card:has(>:checked){outline:2px solid}.cosy\:menu-horizontal{flex-direction:row;display:inline-flex}.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.cosy\:menu-horizontal>li>details>ul:before{content:none}:where(.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.cosy\:fixed{position:fixed}.cosy\:relative{position:relative}.cosy\:sticky{position:sticky}.cosy\:dropdown-end{--anchor-h:span-left}.cosy\:dropdown-end :where(.cosy\:dropdown-content){inset-inline-end:0;translate:0}.cosy\:dropdown-end.cosy\:dropdown-left{--anchor-h:left;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-left .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:dropdown-end.cosy\:dropdown-right{--anchor-h:right;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-right .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:top-0{top:calc(var(--cosy-spacing)*0)}.cosy\:top-2{top:calc(var(--cosy-spacing)*2)}.cosy\:top-16{top:calc(var(--cosy-spacing)*16)}.cosy\:top-20{top:calc(var(--cosy-spacing)*20)}.cosy\:right-2{right:calc(var(--cosy-spacing)*2)}.cosy\:right-4{right:calc(var(--cosy-spacing)*4)}.cosy\:z-50{z-index:50}.cosy\:z-\[1\]{z-index:1}.cosy\:container{width:100%}@media (width>=40rem){.cosy\:container{max-width:40rem}}@media (width>=48rem){.cosy\:container{max-width:48rem}}@media (width>=64rem){.cosy\:container{max-width:64rem}}@media (width>=80rem){.cosy\:container{max-width:80rem}}@media (width>=96rem){.cosy\:container{max-width:96rem}}.cosy\:mx-auto{margin-inline:auto}.cosy\:prose{color:var(--tw-prose-body);--tw-prose-body:oklch(.373 .034 259.733);--tw-prose-headings:oklch(.21 .034 264.665);--tw-prose-lead:oklch(.446 .03 256.802);--tw-prose-links:oklch(.21 .034 264.665);--tw-prose-bold:oklch(.21 .034 264.665);--tw-prose-counters:oklch(.551 .027 264.364);--tw-prose-bullets:oklch(.872 .01 258.338);--tw-prose-hr:oklch(.928 .006 264.531);--tw-prose-quotes:oklch(.21 .034 264.665);--tw-prose-quote-borders:oklch(.928 .006 264.531);--tw-prose-captions:oklch(.551 .027 264.364);--tw-prose-kbd:oklch(.21 .034 264.665);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.21 .034 264.665);--tw-prose-pre-code:oklch(.928 .006 264.531);--tw-prose-pre-bg:oklch(.278 .033 256.848);--tw-prose-th-borders:oklch(.872 .01 258.338);--tw-prose-td-borders:oklch(.928 .006 264.531);--tw-prose-invert-body:oklch(.872 .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.707 .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.707 .022 261.325);--tw-prose-invert-bullets:oklch(.446 .03 256.802);--tw-prose-invert-hr:oklch(.373 .034 259.733);--tw-prose-invert-quotes:oklch(.967 .003 264.542);--tw-prose-invert-quote-borders:oklch(.373 .034 259.733);--tw-prose-invert-captions:oklch(.707 .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.872 .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .03 256.802);--tw-prose-invert-td-borders:oklch(.373 .034 259.733);max-width:65ch;font-size:1rem;line-height:1.75}.cosy\:prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.cosy\:prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.cosy\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.cosy\:prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.cosy\:prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.cosy\:prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.cosy\:prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.cosy\:prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.cosy\:prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.cosy\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.cosy\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.cosy\:prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.cosy\:prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.cosy\:prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.cosy\:prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.cosy\:prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.cosy\:prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.cosy\:prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.cosy\:prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.cosy\:prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.cosy\:prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.cosy\:prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.cosy\:prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.cosy\:prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.cosy\:prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.cosy\:prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.cosy\:prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.cosy\:prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.cosy\:prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.cosy\:prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.cosy\:prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.cosy\:prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.cosy\:prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.cosy\:prose :where(.cosy\:prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(.cosy\:prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.cosy\:prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.cosy\:prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(.cosy\:prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(.cosy\:prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.cosy\:mt-3{margin-top:calc(var(--cosy-spacing)*3)}.cosy\:mt-4{margin-top:calc(var(--cosy-spacing)*4)}.cosy\:mr-1{margin-right:calc(var(--cosy-spacing)*1)}.cosy\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.cosy\:mb-2{margin-bottom:calc(var(--cosy-spacing)*2)}.cosy\:mb-4{margin-bottom:calc(var(--cosy-spacing)*4)}.cosy\:mb-6{margin-bottom:calc(var(--cosy-spacing)*6)}.cosy\:mb-8{margin-bottom:calc(var(--cosy-spacing)*8)}.cosy\:ml-4{margin-left:calc(var(--cosy-spacing)*4)}.cosy\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.cosy\:badge.cosy\:badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}.cosy\:badge.cosy\:badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.cosy\:badge.cosy\:badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}.cosy\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.cosy\:navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.cosy\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.cosy\:footer>*{place-items:start;gap:.5rem;display:grid}.cosy\:footer.cosy\:footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.cosy\:footer.cosy\:footer-center>*{place-items:center}.cosy\:navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.cosy\:navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.cosy\:card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.cosy\:card-body :where(p){flex-grow:1}.cosy\:navbar-center{flex-shrink:0;align-items:center;display:inline-flex}.cosy\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}.cosy\:alert.cosy\:alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}.cosy\:alert.cosy\:alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.cosy\:alert.cosy\:alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}.cosy\:card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}:root .cosy\:prose{--tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000);--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)}:root .cosy\:prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border)solid var(--color-base-300);font-weight:inherit;padding-inline:.5em}:root .cosy\:prose :where(code):not(pre>code):before,:root .cosy\:prose :where(code):not(pre>code):after{display:none}.cosy\:mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cosy\:flex{display:flex}.cosy\:hidden{display:none}.cosy\:inline-flex{display:inline-flex}.cosy\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.cosy\:h-4{height:calc(var(--cosy-spacing)*4)}.cosy\:h-5{height:calc(var(--cosy-spacing)*5)}.cosy\:h-10{height:calc(var(--cosy-spacing)*10)}.cosy\:h-12{height:calc(var(--cosy-spacing)*12)}.cosy\:h-16{height:calc(var(--cosy-spacing)*16)}.cosy\:h-full{height:100%}.cosy\:min-h-screen{min-height:100vh}.cosy\:w-4{width:calc(var(--cosy-spacing)*4)}.cosy\:w-5{width:calc(var(--cosy-spacing)*5)}.cosy\:w-10{width:calc(var(--cosy-spacing)*10)}.cosy\:w-12{width:calc(var(--cosy-spacing)*12)}.cosy\:w-32{width:calc(var(--cosy-spacing)*32)}.cosy\:w-52{width:calc(var(--cosy-spacing)*52)}.cosy\:w-56{width:calc(var(--cosy-spacing)*56)}.cosy\:w-64{width:calc(var(--cosy-spacing)*64)}.cosy\:w-full{width:100%}.cosy\:max-w-2xl{max-width:var(--cosy-container-2xl)}.cosy\:max-w-4xl{max-width:var(--cosy-container-4xl)}.cosy\:max-w-6xl{max-width:var(--cosy-container-6xl)}.cosy\:max-w-xl{max-width:var(--cosy-container-xl)}.cosy\:max-w-xs{max-width:var(--cosy-container-xs)}.cosy\:flex-1{flex:1}.cosy\:shrink-0{flex-shrink:0}.cosy\:cursor-pointer{cursor:pointer}.cosy\:grid-flow-col{grid-auto-flow:column}.cosy\:flex-col{flex-direction:column}.cosy\:items-center{align-items:center}.cosy\:justify-between{justify-content:space-between}.cosy\:gap-2{gap:calc(var(--cosy-spacing)*2)}.cosy\:gap-3{gap:calc(var(--cosy-spacing)*3)}.cosy\:gap-8{gap:calc(var(--cosy-spacing)*8)}.cosy\:self-start{align-self:flex-start}.cosy\:overflow-x-auto{overflow-x:auto}.cosy\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + min(.25rem,calc(var(--radius-field) + var(--radius-field) + var(--radius-field))));box-shadow:0 -.5px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 .5px oklch(0% 0 0/calc(var(--depth)*.05)) inset;padding:.25rem}.cosy\:tabs-box .cosy\:tab{border-radius:var(--radius-field);border-style:none}.cosy\:tabs-box .cosy\:tab:focus-visible,.cosy\:tabs-box .cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked)){background-color:var(--tab-bg,var(--color-base-100));box-shadow:0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*50%),#0000),0 1px 6px -4px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*100%),#0000)}@media (forced-colors:active){:is(.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked))){border:1px solid}}.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title)),.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}.cosy\:menu-sm .cosy\:menu-title{padding-block:.5rem;padding-inline:.75rem}.cosy\:rounded-box{border-radius:var(--radius-box)}.cosy\:rounded-none{border-radius:0}.cosy\:border{border-style:var(--tw-border-style);border-width:1px}.cosy\:border-2{border-style:var(--tw-border-style);border-width:2px}.cosy\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.cosy\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.cosy\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.cosy\:alert-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.cosy\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.cosy\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.cosy\:border-base-200{border-color:var(--color-base-200)}.cosy\:border-base-300{border-color:var(--color-base-300)}.cosy\:border-blue-500{border-color:var(--cosy-color-blue-500)}.cosy\:border-green-500{border-color:var(--cosy-color-green-500)}.cosy\:border-purple-500{border-color:var(--cosy-color-purple-500)}.cosy\:border-yellow-500{border-color:var(--cosy-color-yellow-500)}.cosy\:bg-accent\/30{background-color:color-mix(in oklab,var(--color-accent)30%,transparent)}.cosy\:bg-base-100{background-color:var(--color-base-100)}.cosy\:bg-base-200{background-color:var(--color-base-200)}.cosy\:bg-base-300{background-color:var(--color-base-300)}.cosy\:bg-primary{background-color:var(--color-primary)}.cosy\:p-0{padding:calc(var(--cosy-spacing)*0)}.cosy\:p-2{padding:calc(var(--cosy-spacing)*2)}.cosy\:p-4{padding:calc(var(--cosy-spacing)*4)}.cosy\:p-6{padding:calc(var(--cosy-spacing)*6)}.cosy\:p-10{padding:calc(var(--cosy-spacing)*10)}.cosy\:px-1{padding-inline:calc(var(--cosy-spacing)*1)}.cosy\:px-4{padding-inline:calc(var(--cosy-spacing)*4)}.cosy\:px-6{padding-inline:calc(var(--cosy-spacing)*6)}.cosy\:py-2{padding-block:calc(var(--cosy-spacing)*2)}.cosy\:py-8{padding-block:calc(var(--cosy-spacing)*8)}.cosy\:pt-4{padding-top:calc(var(--cosy-spacing)*4)}.cosy\:text-center{text-align:center}.cosy\:text-base{font-size:var(--cosy-text-base);line-height:var(--tw-leading,var(--cosy-text-base--line-height))}.cosy\:text-lg{font-size:var(--cosy-text-lg);line-height:var(--tw-leading,var(--cosy-text-lg--line-height))}.cosy\:text-sm{font-size:var(--cosy-text-sm);line-height:var(--tw-leading,var(--cosy-text-sm--line-height))}.cosy\:text-xl{font-size:var(--cosy-text-xl);line-height:var(--tw-leading,var(--cosy-text-xl--line-height))}.cosy\:font-bold{--tw-font-weight:var(--cosy-font-weight-bold);font-weight:var(--cosy-font-weight-bold)}.cosy\:font-medium{--tw-font-weight:var(--cosy-font-weight-medium);font-weight:var(--cosy-font-weight-medium)}.cosy\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.cosy\:text-accent{color:var(--color-accent)}.cosy\:text-base-content{color:var(--color-base-content)}.cosy\:text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,transparent)}.cosy\:text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,transparent)}.cosy\:text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:text-neutral{color:var(--color-neutral)}.cosy\:text-primary{color:var(--color-primary)}.cosy\:text-primary-content{color:var(--color-primary-content)}.cosy\:text-secondary{color:var(--color-secondary)}.cosy\:text-success{color:var(--color-success)}.cosy\:no-underline{text-decoration-line:none}.cosy\:opacity-70{opacity:.7}.cosy\: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)}.cosy\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.cosy\:btn-disabled){--btn-fg:currentColor;outline-color:currentColor}.cosy\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.cosy\:transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:duration-200{--tw-duration:.2s;transition-duration:.2s}.cosy\:prose-slate{--tw-prose-body:oklch(.372 .044 257.287);--tw-prose-headings:oklch(.208 .042 265.755);--tw-prose-lead:oklch(.446 .043 257.281);--tw-prose-links:oklch(.208 .042 265.755);--tw-prose-bold:oklch(.208 .042 265.755);--tw-prose-counters:oklch(.554 .046 257.417);--tw-prose-bullets:oklch(.869 .022 252.894);--tw-prose-hr:oklch(.929 .013 255.508);--tw-prose-quotes:oklch(.208 .042 265.755);--tw-prose-quote-borders:oklch(.929 .013 255.508);--tw-prose-captions:oklch(.554 .046 257.417);--tw-prose-kbd:oklch(.208 .042 265.755);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.208 .042 265.755);--tw-prose-pre-code:oklch(.929 .013 255.508);--tw-prose-pre-bg:oklch(.279 .041 260.031);--tw-prose-th-borders:oklch(.869 .022 252.894);--tw-prose-td-borders:oklch(.929 .013 255.508);--tw-prose-invert-body:oklch(.869 .022 252.894);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.704 .04 256.788);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.704 .04 256.788);--tw-prose-invert-bullets:oklch(.446 .043 257.281);--tw-prose-invert-hr:oklch(.372 .044 257.287);--tw-prose-invert-quotes:oklch(.968 .007 247.896);--tw-prose-invert-quote-borders:oklch(.372 .044 257.287);--tw-prose-invert-captions:oklch(.704 .04 256.788);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.869 .022 252.894);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .043 257.281);--tw-prose-invert-td-borders:oklch(.372 .044 257.287)}.cosy\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.cosy\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.cosy\:mask-squircle{-webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}@media (hover:hover){.cosy\:hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--cosy-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.cosy\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.cosy\:hover\:bg-base-300:hover{background-color:var(--color-base-300)}.cosy\:hover\:text-base-content\/80:hover{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:hover\:text-base-content\/90:hover{color:color-mix(in oklab,var(--color-base-content)90%,transparent)}.cosy\:hover\:text-primary:hover{color:var(--color-primary)}.cosy\:hover\:brightness-125:hover{--tw-brightness:brightness(125%);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,)}}@media (width>=40rem){.cosy\:sm\:footer-horizontal{grid-auto-flow:column}.cosy\:sm\:footer-horizontal.cosy\:footer-center{grid-auto-flow:dense}}@media (width>=48rem){.cosy\:md\:flex-row{flex-direction:row}.cosy\:md\:items-start{align-items:flex-start}.cosy\:md\:justify-between{justify-content:space-between}}@media (width>=64rem){.cosy\:lg\:flex{display:flex}.cosy\:lg\:hidden{display:none}}@media (prefers-color-scheme:dark){.cosy\:dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes dropdown{0%{opacity:0}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-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}
|
@@ -100,10 +100,10 @@ const {
|
|
100
100
|
|
101
101
|
// 根据类型设置样式
|
102
102
|
const alertClass = {
|
103
|
-
info: 'alert-info',
|
104
|
-
success: 'alert-success',
|
105
|
-
warning: 'alert-warning',
|
106
|
-
error: 'alert-error',
|
103
|
+
info: 'cosy:alert-info',
|
104
|
+
success: 'cosy:alert-success',
|
105
|
+
warning: 'cosy:alert-warning',
|
106
|
+
error: 'cosy:alert-error',
|
107
107
|
}[type as 'info' | 'success' | 'warning' | 'error'];
|
108
108
|
|
109
109
|
// 根据类型设置图标组件
|
@@ -115,22 +115,22 @@ const IconComponent = {
|
|
115
115
|
}[type as 'info' | 'success' | 'warning' | 'error'];
|
116
116
|
---
|
117
117
|
|
118
|
-
<div class={`alert ${alertClass} ${className}`} role="alert" data-auto-close={autoClose}>
|
119
|
-
<div class="alert-content">
|
120
|
-
<div class="alert-icon">
|
118
|
+
<div class={`cosy:alert ${alertClass} ${className}`} role="alert" data-auto-close={autoClose}>
|
119
|
+
<div class="cosy:alert-content">
|
120
|
+
<div class="cosy:alert-icon">
|
121
121
|
<IconComponent />
|
122
122
|
</div>
|
123
|
-
<div class="alert-body">
|
124
|
-
{title && <h3 class="alert-title">{title}</h3>}
|
125
|
-
<div class="alert-message"><slot /></div>
|
123
|
+
<div class="cosy:alert-body">
|
124
|
+
{title && <h3 class="cosy:alert-title">{title}</h3>}
|
125
|
+
<div class="cosy:alert-message"><slot /></div>
|
126
126
|
</div>
|
127
127
|
{closeable && (
|
128
|
-
<button class="alert-close-btn" aria-label="关闭提示">
|
128
|
+
<button class="cosy:alert-close-btn" aria-label="关闭提示">
|
129
129
|
<CloseIcon />
|
130
130
|
</button>
|
131
131
|
)}
|
132
132
|
</div>
|
133
|
-
{autoClose && <div class="alert-progress"></div>}
|
133
|
+
{autoClose && <div class="cosy:alert-progress"></div>}
|
134
134
|
</div>
|
135
135
|
|
136
136
|
<script define:vars={{ closeable, autoClose }}>
|
@@ -139,12 +139,12 @@ const IconComponent = {
|
|
139
139
|
* 设置关闭按钮事件和自动关闭功能
|
140
140
|
*/
|
141
141
|
function initializeAlerts() {
|
142
|
-
const alerts = document.querySelectorAll('.alert');
|
142
|
+
const alerts = document.querySelectorAll('.cosy\\:alert');
|
143
143
|
|
144
144
|
alerts.forEach(alert => {
|
145
145
|
// 设置关闭按钮
|
146
146
|
if (closeable) {
|
147
|
-
const closeBtn = alert.querySelector('.alert-close-btn');
|
147
|
+
const closeBtn = alert.querySelector('.cosy\\:alert-close-btn');
|
148
148
|
if (closeBtn) {
|
149
149
|
closeBtn.addEventListener('click', () => closeAlert(alert));
|
150
150
|
}
|
@@ -170,7 +170,7 @@ const IconComponent = {
|
|
170
170
|
*/
|
171
171
|
function closeAlert(alert) {
|
172
172
|
// 添加关闭动画类
|
173
|
-
alert.classList.add('closing');
|
173
|
+
alert.classList.add('cosy:closing');
|
174
174
|
|
175
175
|
// 动画结束后移除元素
|
176
176
|
setTimeout(() => {
|
@@ -93,28 +93,28 @@ const {
|
|
93
93
|
// 构建类名
|
94
94
|
const classes = [
|
95
95
|
// 基础链接样式
|
96
|
-
'items-center cursor-pointer no-underline transition-all duration-200',
|
96
|
+
'cosy:items-center cosy:cursor-pointer cosy:no-underline cosy:transition-all cosy:duration-200',
|
97
97
|
|
98
98
|
// 显示方式
|
99
|
-
block ? 'flex w-full' : 'inline-flex',
|
99
|
+
block ? 'cosy:flex cosy:w-full' : 'cosy:inline-flex',
|
100
100
|
|
101
101
|
// 变体样式
|
102
|
-
variant === 'primary' && 'text-primary hover:text-primary-focus',
|
103
|
-
variant === 'secondary' && 'text-secondary hover:text-secondary-focus',
|
104
|
-
variant === 'text' && 'text-neutral hover:text-neutral-focus',
|
105
|
-
variant === 'cta' && 'text-accent hover:text-accent-focus font-medium',
|
106
|
-
variant === 'ghost' && 'text-base-content hover:text-base-content/80',
|
107
|
-
variant === 'default' && 'text-base-content hover:text-base-content/90',
|
102
|
+
variant === 'primary' && 'cosy:text-primary cosy:hover:text-primary-focus',
|
103
|
+
variant === 'secondary' && 'cosy:text-secondary cosy:hover:text-secondary-focus',
|
104
|
+
variant === 'text' && 'cosy:text-neutral cosy:hover:text-neutral-focus',
|
105
|
+
variant === 'cta' && 'cosy:text-accent cosy:hover:text-accent-focus cosy:font-medium',
|
106
|
+
variant === 'ghost' && 'cosy:text-base-content cosy:hover:text-base-content/80',
|
107
|
+
variant === 'default' && 'cosy:text-base-content cosy:hover:text-base-content/90',
|
108
108
|
|
109
109
|
// 尺寸样式
|
110
|
-
size === 'sm' && 'text-sm',
|
111
|
-
size === 'md' && 'text-base',
|
112
|
-
size === 'lg' && 'text-lg',
|
110
|
+
size === 'sm' && 'cosy:text-sm',
|
111
|
+
size === 'md' && 'cosy:text-base',
|
112
|
+
size === 'lg' && 'cosy:text-lg',
|
113
113
|
|
114
114
|
// 动画效果
|
115
|
-
animation === 'hover-lift' && 'hover:-translate-y-0.5 transition-transform',
|
116
|
-
animation === 'hover-glow' && 'hover:brightness-125 transition-[filter]',
|
117
|
-
animation === 'hover-scale' && 'hover:scale-105 transition-transform',
|
115
|
+
animation === 'hover-lift' && 'cosy:hover:-translate-y-0.5 cosy:transition-transform',
|
116
|
+
animation === 'hover-glow' && 'cosy:hover:brightness-125 cosy:transition-[filter]',
|
117
|
+
animation === 'hover-scale' && 'cosy:hover:scale-105 cosy:transition-transform',
|
118
118
|
|
119
119
|
// 自定义类名
|
120
120
|
className
|
@@ -40,34 +40,34 @@ interface Props {
|
|
40
40
|
const { title, description, code } = Astro.props;
|
41
41
|
---
|
42
42
|
|
43
|
-
<div class="card bg-base-100 shadow-lg mb-8 rounded-none code-example">
|
44
|
-
{title && <h3 class="card-title p-4 border-b border-base-300">{title}</h3>}
|
45
|
-
{description && <p class="px-4 pt-4 text-base-content/70">{description}</p>}
|
43
|
+
<div class="cosy:card cosy:bg-base-100 cosy:shadow-lg cosy:mb-8 cosy:rounded-none code-example">
|
44
|
+
{title && <h3 class="cosy:card-title cosy:p-4 cosy:border-b cosy:border-base-300">{title}</h3>}
|
45
|
+
{description && <p class="cosy:px-4 cosy:pt-4 cosy:text-base-content/70">{description}</p>}
|
46
46
|
|
47
|
-
<div class="flex justify-between items-center px-4 bg-base-200 rounded-none">
|
48
|
-
<div role="tablist" class="tabs tabs-box">
|
49
|
-
<button role="tab" class="tab tab-active" data-tab="preview">预览</button>
|
50
|
-
<button role="tab" class="tab" data-tab="code">代码</button>
|
47
|
+
<div class="cosy:flex cosy:justify-between cosy:items-center cosy:px-4 cosy:bg-base-200 cosy:rounded-none">
|
48
|
+
<div role="tablist" class="cosy:tabs cosy:tabs-box">
|
49
|
+
<button role="tab" class="cosy:tab cosy:tab-active" data-tab="preview">预览</button>
|
50
|
+
<button role="tab" class="cosy:tab" data-tab="code">代码</button>
|
51
51
|
</div>
|
52
|
-
<div class="flex items-center gap-2">
|
53
|
-
<button class="btn btn-ghost btn-sm gap-2" aria-label="复制代码">
|
52
|
+
<div class="cosy:flex cosy:items-center cosy:gap-2">
|
53
|
+
<button class="cosy:btn cosy:btn-ghost cosy:btn-sm cosy:gap-2" aria-label="复制代码">
|
54
54
|
<span class="copy-icon"><ClipboardIcon /></span>
|
55
|
-
<span class="check-icon hidden text-success"><CheckIcon /></span>
|
55
|
+
<span class="check-icon cosy:hidden cosy:text-success"><CheckIcon /></span>
|
56
56
|
<span class="copy-text">复制代码</span>
|
57
57
|
</button>
|
58
58
|
</div>
|
59
59
|
</div>
|
60
60
|
|
61
|
-
<div class="relative p-0">
|
61
|
+
<div class="cosy:relative cosy:p-0">
|
62
62
|
<div class="code-example-panel active" data-panel="preview">
|
63
|
-
<div class="p-6 bg-base-100">
|
63
|
+
<div class="cosy:p-6 cosy:bg-base-100">
|
64
64
|
<slot />
|
65
65
|
</div>
|
66
66
|
</div>
|
67
67
|
|
68
68
|
<div class="code-example-panel" data-panel="code">
|
69
|
-
<div class="bg-base-300 px-6 py-2">
|
70
|
-
<pre class="overflow-x-auto"><code class="language-astro">{code}</code></pre>
|
69
|
+
<div class="cosy:bg-base-300 cosy:px-6 cosy:py-2">
|
70
|
+
<pre class="cosy:overflow-x-auto"><code class="language-astro">{code}</code></pre>
|
71
71
|
</div>
|
72
72
|
</div>
|
73
73
|
</div>
|
@@ -86,18 +86,18 @@ const { title, description, code } = Astro.props;
|
|
86
86
|
<script>
|
87
87
|
function initializeCodeExample() {
|
88
88
|
// 标签切换功能
|
89
|
-
const tabs = document.querySelectorAll('.tab');
|
89
|
+
const tabs = document.querySelectorAll('.cosy\\:tab');
|
90
90
|
|
91
91
|
tabs.forEach(tab => {
|
92
92
|
tab.addEventListener('click', () => {
|
93
93
|
// 获取当前标签组
|
94
|
-
const tabGroup = tab.closest('.tabs');
|
94
|
+
const tabGroup = tab.closest('.cosy\\:tabs');
|
95
95
|
if (!tabGroup) return;
|
96
96
|
|
97
|
-
const codeExample = tab.closest('.card');
|
97
|
+
const codeExample = tab.closest('.cosy\\:card');
|
98
98
|
if (!codeExample) return;
|
99
99
|
|
100
|
-
const contentContainer = codeExample.querySelector('.relative');
|
100
|
+
const contentContainer = codeExample.querySelector('.cosy\\:relative');
|
101
101
|
if (!contentContainer) return;
|
102
102
|
|
103
103
|
// 获取目标面板
|
@@ -105,10 +105,10 @@ const { title, description, code } = Astro.props;
|
|
105
105
|
if (!targetTab) return;
|
106
106
|
|
107
107
|
// 更新标签状态
|
108
|
-
tabGroup.querySelectorAll('.tab').forEach(t => {
|
109
|
-
t.classList.remove('tab-active');
|
108
|
+
tabGroup.querySelectorAll('.cosy\\:tab').forEach(t => {
|
109
|
+
t.classList.remove('cosy:tab-active');
|
110
110
|
});
|
111
|
-
tab.classList.add('tab-active');
|
111
|
+
tab.classList.add('cosy:tab-active');
|
112
112
|
|
113
113
|
// 更新面板状态
|
114
114
|
contentContainer.querySelectorAll('.code-example-panel').forEach(panel => {
|
@@ -123,11 +123,11 @@ const { title, description, code } = Astro.props;
|
|
123
123
|
});
|
124
124
|
|
125
125
|
// 复制代码功能
|
126
|
-
const copyButtons = document.querySelectorAll('.btn-ghost');
|
126
|
+
const copyButtons = document.querySelectorAll('.cosy\\:btn-ghost');
|
127
127
|
|
128
128
|
copyButtons.forEach(button => {
|
129
129
|
button.addEventListener('click', () => {
|
130
|
-
const codeBlock = button.closest('.bg-base-300');
|
130
|
+
const codeBlock = button.closest('.cosy\\:bg-base-300');
|
131
131
|
if (!codeBlock) return;
|
132
132
|
|
133
133
|
const codeElement = codeBlock.querySelector('code');
|
@@ -138,17 +138,17 @@ const { title, description, code } = Astro.props;
|
|
138
138
|
// 复制到剪贴板
|
139
139
|
navigator.clipboard.writeText(code).then(() => {
|
140
140
|
// 显示复制成功状态
|
141
|
-
button.classList.add('btn-success');
|
142
|
-
button.querySelector('.copy-icon')?.classList.add('hidden');
|
143
|
-
button.querySelector('.check-icon')?.classList.remove('hidden');
|
144
|
-
button.querySelector('.copy-text')?.classList.add('text-success');
|
141
|
+
button.classList.add('cosy:btn-success');
|
142
|
+
button.querySelector('.copy-icon')?.classList.add('cosy:hidden');
|
143
|
+
button.querySelector('.check-icon')?.classList.remove('cosy:hidden');
|
144
|
+
button.querySelector('.copy-text')?.classList.add('cosy:text-success');
|
145
145
|
|
146
146
|
// 3秒后恢复原状
|
147
147
|
setTimeout(() => {
|
148
|
-
button.classList.remove('btn-success');
|
149
|
-
button.querySelector('.copy-icon')?.classList.remove('hidden');
|
150
|
-
button.querySelector('.check-icon')?.classList.add('hidden');
|
151
|
-
button.querySelector('.copy-text')?.classList.remove('text-success');
|
148
|
+
button.classList.remove('cosy:btn-success');
|
149
|
+
button.querySelector('.copy-icon')?.classList.remove('cosy:hidden');
|
150
|
+
button.querySelector('.check-icon')?.classList.add('cosy:hidden');
|
151
|
+
button.querySelector('.copy-text')?.classList.remove('cosy:text-success');
|
152
152
|
}, 3000);
|
153
153
|
});
|
154
154
|
});
|
@@ -374,7 +374,7 @@ const validLang = getValidLanguage(currentLocale);
|
|
374
374
|
description={description}
|
375
375
|
keywords={keywords}
|
376
376
|
head={head}
|
377
|
-
class:list={["min-h-screen flex flex-col", { "border border-base-300": debug }]}
|
377
|
+
class:list={["cosy:min-h-screen cosy:flex cosy:flex-col", { "cosy:border cosy:border-base-300": debug }]}
|
378
378
|
{...rest}
|
379
379
|
>
|
380
380
|
{showHeader && (
|
@@ -390,25 +390,25 @@ const validLang = getValidLanguage(currentLocale);
|
|
390
390
|
)}
|
391
391
|
|
392
392
|
{debug && (
|
393
|
-
<div class="fixed top-2 right-2 badge badge-warning">
|
393
|
+
<div class="cosy:fixed cosy:top-2 cosy:right-2 cosy:badge cosy:badge-warning">
|
394
394
|
调试模式已启用
|
395
395
|
</div>
|
396
396
|
)}
|
397
397
|
|
398
|
-
<div class="flex-1 flex">
|
398
|
+
<div class="cosy:flex-1 cosy:flex">
|
399
399
|
<Sidebar sidebarItems={sidebarItems} currentPath={currentPath} />
|
400
400
|
|
401
401
|
<Main
|
402
|
-
class="flex-1 py-8 min-h-screen"
|
402
|
+
class="cosy:flex-1 cosy:py-8 cosy:min-h-screen"
|
403
403
|
>
|
404
|
-
<div class="container mx-auto px-4 flex gap-8">
|
404
|
+
<div class="cosy:container cosy:mx-auto cosy:px-4 cosy:flex cosy:gap-8">
|
405
405
|
<Article >
|
406
406
|
<slot />
|
407
407
|
</Article>
|
408
408
|
|
409
409
|
{showTableOfContents && (
|
410
|
-
<div class="w-64 shrink-0">
|
411
|
-
<div class="sticky top-16">
|
410
|
+
<div class="cosy:w-64 cosy:shrink-0">
|
411
|
+
<div class="cosy:sticky cosy:top-16">
|
412
412
|
<slot name="toc">
|
413
413
|
<TableOfContents lang={currentLocale} />
|
414
414
|
</slot>
|
@@ -225,10 +225,10 @@ const processedSocialLinks = socialLinks.map((url) => processSocialLink(url));
|
|
225
225
|
|
226
226
|
// 调试模式的样式类
|
227
227
|
const debugClasses = debug ? {
|
228
|
-
footer: "border-2 border-blue-500",
|
229
|
-
section: "border-2 border-green-500",
|
230
|
-
nav: "border-2 border-yellow-500",
|
231
|
-
aside: "border-2 border-purple-500"
|
228
|
+
footer: "cosy:border-2 cosy:border-blue-500",
|
229
|
+
section: "cosy:border-2 cosy:border-green-500",
|
230
|
+
nav: "cosy:border-2 cosy:border-yellow-500",
|
231
|
+
aside: "cosy:border-2 cosy:border-purple-500"
|
232
232
|
} : {
|
233
233
|
footer: "",
|
234
234
|
section: "",
|
@@ -237,33 +237,33 @@ const debugClasses = debug ? {
|
|
237
237
|
};
|
238
238
|
---
|
239
239
|
|
240
|
-
<footer class:list={["footer sm:footer-horizontal bg-base-200 text-base-content p-10", debugClasses.footer]}>
|
241
|
-
<div class:list={["flex flex-col gap-8 container mx-auto items-center w-full md:flex-row md:justify-between", debugClasses.section]}>
|
240
|
+
<footer class:list={["cosy:footer cosy:sm:footer-horizontal cosy:bg-base-200 cosy:text-base-content cosy:p-10", debugClasses.footer]}>
|
241
|
+
<div class:list={["cosy:flex cosy:flex-col cosy:gap-8 cosy:container cosy:mx-auto cosy:items-center cosy:w-full cosy:md:flex-row cosy:md:justify-between", debugClasses.section]}>
|
242
242
|
{/* 品牌区域 */}
|
243
|
-
<aside class:list={["max-w-xs", debugClasses.aside]}>
|
244
|
-
<a href={homeLink} class="flex items-center gap-2 mb-4">
|
243
|
+
<aside class:list={["cosy:max-w-xs", debugClasses.aside]}>
|
244
|
+
<a href={homeLink} class="cosy:flex cosy:items-center cosy:gap-2 cosy:mb-4">
|
245
245
|
{logo && (
|
246
246
|
<img
|
247
247
|
src={logo.src}
|
248
248
|
alt={logo.alt}
|
249
|
-
class="mask mask-squircle w-12 h-12"
|
249
|
+
class="cosy:mask cosy:mask-squircle cosy:w-12 cosy:h-12"
|
250
250
|
width="48"
|
251
251
|
height="48"
|
252
252
|
/>
|
253
253
|
)}
|
254
254
|
<div>
|
255
|
-
<h2 class="text-xl font-bold">{siteName}</h2>
|
256
|
-
<p class="text-base-content/70">{slogan}</p>
|
255
|
+
<h2 class="cosy:text-xl cosy:font-bold">{siteName}</h2>
|
256
|
+
<p class="cosy:text-base-content/70">{slogan}</p>
|
257
257
|
</div>
|
258
258
|
</a>
|
259
259
|
|
260
260
|
{/* 社交媒体链接 */}
|
261
261
|
{processedSocialLinks.length > 0 && (
|
262
|
-
<div class="flex gap-2 mt-4">
|
262
|
+
<div class="cosy:flex cosy:gap-2 cosy:mt-4">
|
263
263
|
{processedSocialLinks.map((link) => (
|
264
264
|
<a
|
265
265
|
href={link.url}
|
266
|
-
class="btn btn-circle btn-ghost btn-sm"
|
266
|
+
class="cosy:btn cosy:btn-circle cosy:btn-ghost cosy:btn-sm"
|
267
267
|
target="_blank"
|
268
268
|
rel="noopener noreferrer"
|
269
269
|
aria-label={link.name}
|
@@ -276,11 +276,11 @@ const debugClasses = debug ? {
|
|
276
276
|
</aside>
|
277
277
|
|
278
278
|
{/* 导航区域 */}
|
279
|
-
<div class:list={["flex flex-col gap-8 mx-auto max-w-xl text-center items-center w-full md:flex-row md:justify-between md:items-start", debugClasses.section]}>
|
279
|
+
<div class:list={["cosy:flex cosy:flex-col cosy:gap-8 cosy:mx-auto cosy:max-w-xl cosy:text-center cosy:items-center cosy:w-full cosy:md:flex-row cosy:md:justify-between cosy:md:items-start", debugClasses.section]}>
|
280
280
|
{/* 产品导航 */}
|
281
281
|
{products.length > 0 && (
|
282
|
-
<nav class:list={["flex flex-col gap-3 h-full", debugClasses.nav]}>
|
283
|
-
<h6 class="footer-title">{t('products')}</h6>
|
282
|
+
<nav class:list={["cosy:flex cosy:flex-col cosy:gap-3 cosy:h-full cosy:self-start", debugClasses.nav]}>
|
283
|
+
<h6 class="cosy:footer-title">{t('products')}</h6>
|
284
284
|
{products.map((product) => (
|
285
285
|
<Link href={product.href} external={product.external} size='sm' block animation='hover-lift'>
|
286
286
|
{product.name}
|
@@ -291,8 +291,8 @@ const debugClasses = debug ? {
|
|
291
291
|
|
292
292
|
{/* 关于导航 */}
|
293
293
|
{(aboutLink || contactLink || teamLink || careersLink) && (
|
294
|
-
<nav class:list={["flex flex-col gap-3 h-full", debugClasses.nav]}>
|
295
|
-
<h6 class="footer-title">{t('about')}</h6>
|
294
|
+
<nav class:list={["cosy:flex cosy:flex-col cosy:gap-3 cosy:h-full cosy:self-start", debugClasses.nav]}>
|
295
|
+
<h6 class="cosy:footer-title">{t('about')}</h6>
|
296
296
|
{aboutLink && <Link href={aboutLink} block animation='hover-lift' size='sm'>{t('aboutUs')}</Link>}
|
297
297
|
{teamLink && <Link href={teamLink} block animation='hover-lift' size='sm'>{t('team')}</Link>}
|
298
298
|
{careersLink && <Link href={careersLink} block animation='hover-lift' size='sm'>{t('careers')}</Link>}
|
@@ -302,8 +302,8 @@ const debugClasses = debug ? {
|
|
302
302
|
|
303
303
|
{/* 资源导航 */}
|
304
304
|
{(newsLink || historyLink || partnersLink || blogLink || faqLink || mediaLink || techStackLink) && (
|
305
|
-
<nav class:list={["flex flex-col gap-3", debugClasses.nav]}>
|
306
|
-
<h6 class="footer-title">{t('resources')}</h6>
|
305
|
+
<nav class:list={["cosy:flex cosy:flex-col cosy:gap-3 cosy:h-full cosy:self-start", debugClasses.nav]}>
|
306
|
+
<h6 class="cosy:footer-title">{t('resources')}</h6>
|
307
307
|
{newsLink && <Link href={newsLink} block animation='hover-lift' size='sm'>{t('news')}</Link>}
|
308
308
|
{blogLink && <Link href={blogLink} block animation='hover-lift' size='sm'>{t('blog')}</Link>}
|
309
309
|
{faqLink && <Link href={faqLink} block animation='hover-lift' size='sm'>{t('faq')}</Link>}
|
@@ -314,8 +314,8 @@ const debugClasses = debug ? {
|
|
314
314
|
|
315
315
|
{/* 法律导航 */}
|
316
316
|
{(termsLink || privacyLink) && (
|
317
|
-
<nav class:list={["flex flex-col gap-3", debugClasses.nav]}>
|
318
|
-
<h6 class="footer-title">{t('legal')}</h6>
|
317
|
+
<nav class:list={["cosy:flex cosy:flex-col cosy:gap-3 cosy:h-full cosy:self-start", debugClasses.nav]}>
|
318
|
+
<h6 class="cosy:footer-title">{t('legal')}</h6>
|
319
319
|
{termsLink && <Link href={termsLink} block animation='hover-lift' size='sm'>{t('terms')}</Link>}
|
320
320
|
{privacyLink && <Link href={privacyLink} block animation='hover-lift' size='sm'>{t('privacy')}</Link>}
|
321
321
|
</nav>
|
@@ -326,19 +326,19 @@ const debugClasses = debug ? {
|
|
326
326
|
|
327
327
|
{/* 横幅 */}
|
328
328
|
{inspirationalSlogan && (
|
329
|
-
<aside class:list={["p-4 bg-primary text-primary-content w-full", debugClasses.aside]}>
|
330
|
-
<p class="text-center">{inspirationalSlogan}</p>
|
329
|
+
<aside class:list={["cosy:p-4 cosy:bg-primary cosy:text-primary-content cosy:w-full", debugClasses.aside]}>
|
330
|
+
<p class="cosy:text-center">{inspirationalSlogan}</p>
|
331
331
|
</aside>
|
332
332
|
)}
|
333
333
|
|
334
334
|
{/* 底部版权信息 */}
|
335
|
-
<div class:list={["footer footer-center p-4 bg-base-300 text-base-content", debugClasses.footer]}>
|
336
|
-
<aside class:list={["items-center grid-flow-col", debugClasses.aside]}>
|
337
|
-
<p class="text-sm opacity-70">
|
335
|
+
<div class:list={["cosy:footer cosy:footer-center cosy:p-4 cosy:bg-base-300 cosy:text-base-content", debugClasses.footer]}>
|
336
|
+
<aside class:list={["cosy:items-center cosy:grid-flow-col", debugClasses.aside]}>
|
337
|
+
<p class="cosy:text-sm cosy:opacity-70">
|
338
338
|
© {currentYear} {company} - {copyright || t('allRightsReserved')}
|
339
339
|
</p>
|
340
340
|
{icp && (
|
341
|
-
<p class="text-sm opacity-70 ml-4">
|
341
|
+
<p class="cosy:text-sm cosy:opacity-70 cosy:ml-4">
|
342
342
|
{icp}
|
343
343
|
</p>
|
344
344
|
)}
|
@@ -77,18 +77,18 @@ function getLanguageUrl(langCode: string) {
|
|
77
77
|
---
|
78
78
|
|
79
79
|
<header class:list={[
|
80
|
-
"navbar bg-accent/30 backdrop-blur border-base-200 z-50 w-full",
|
81
|
-
{ "fixed top-0": sticky }
|
80
|
+
"cosy:navbar cosy:bg-accent/30 cosy:backdrop-blur cosy:border-base-200 cosy:z-50 cosy:w-full",
|
81
|
+
{ "cosy:fixed cosy:top-0": sticky }
|
82
82
|
]}>
|
83
|
-
<div class="navbar-start">
|
83
|
+
<div class="cosy:navbar-start">
|
84
84
|
<!-- 移动端菜单 -->
|
85
|
-
<div class="dropdown lg:hidden">
|
86
|
-
<div tabindex="0" role="button" class="btn btn-ghost btn-circle">
|
87
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
85
|
+
<div class="cosy:dropdown cosy:lg:hidden">
|
86
|
+
<div tabindex="0" role="button" class="cosy:btn cosy:btn-ghost cosy:btn-circle">
|
87
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="cosy:h-5 cosy:w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
88
88
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" />
|
89
89
|
</svg>
|
90
90
|
</div>
|
91
|
-
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
|
91
|
+
<ul tabindex="0" class="cosy:menu cosy:menu-sm cosy:dropdown-content cosy:mt-3 cosy:z-[1] cosy:p-2 cosy:shadow cosy:bg-base-100 cosy:rounded-box cosy:w-52">
|
92
92
|
{navItems.map((item: NavItem) => (
|
93
93
|
<li>
|
94
94
|
<Link href={item.href}>
|
@@ -99,14 +99,14 @@ function getLanguageUrl(langCode: string) {
|
|
99
99
|
</ul>
|
100
100
|
</div>
|
101
101
|
|
102
|
-
<Link href={logoHref} class="btn btn-ghost">
|
103
|
-
<Image src={logo} alt="logo" class="w-10 h-10" />
|
102
|
+
<Link href={logoHref} class="cosy:btn cosy:btn-ghost">
|
103
|
+
<Image src={logo} alt="logo" class="cosy:w-10 cosy:h-10" />
|
104
104
|
</Link>
|
105
105
|
</div>
|
106
106
|
|
107
107
|
<!-- 桌面端导航 -->
|
108
|
-
<div class="navbar-center hidden lg:flex">
|
109
|
-
<ul class="menu menu-horizontal px-1">
|
108
|
+
<div class="cosy:navbar-center cosy:hidden cosy:lg:flex">
|
109
|
+
<ul class="cosy:menu cosy:menu-horizontal cosy:px-1">
|
110
110
|
{navItems.map((item: NavItem) => (
|
111
111
|
<li>
|
112
112
|
<Link href={item.href}>
|
@@ -117,19 +117,19 @@ function getLanguageUrl(langCode: string) {
|
|
117
117
|
</ul>
|
118
118
|
</div>
|
119
119
|
|
120
|
-
<div class="navbar-end">
|
120
|
+
<div class="cosy:navbar-end">
|
121
121
|
<!-- 语言切换按钮 -->
|
122
|
-
<div class="dropdown dropdown-end">
|
123
|
-
<div tabindex="0" role="button" class="btn btn-ghost btn-sm">
|
124
|
-
<span class="mr-1">{currentLocale === 'zh-cn' ? '中文' : 'English'}</span>
|
125
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
122
|
+
<div class="cosy:dropdown cosy:dropdown-end">
|
123
|
+
<div tabindex="0" role="button" class="cosy:btn cosy:btn-ghost cosy:btn-sm">
|
124
|
+
<span class="cosy:mr-1">{currentLocale === 'zh-cn' ? '中文' : 'English'}</span>
|
125
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="cosy:h-4 cosy:w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
126
126
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
127
127
|
</svg>
|
128
128
|
</div>
|
129
|
-
<ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-32">
|
129
|
+
<ul tabindex="0" class="cosy:dropdown-content cosy:z-[1] cosy:menu cosy:p-2 cosy:shadow cosy:bg-base-100 cosy:rounded-box cosy:w-32">
|
130
130
|
{languages.map((lang) => (
|
131
|
-
<li class={currentLocale === lang.code ? "disabled" : ""}>
|
132
|
-
<a href={getLanguageUrl(lang.code)} class={currentLocale === lang.code ? "active" : ""}>
|
131
|
+
<li class={currentLocale === lang.code ? "cosy:disabled" : ""}>
|
132
|
+
<a href={getLanguageUrl(lang.code)} class={currentLocale === lang.code ? "cosy:active" : ""}>
|
133
133
|
{lang.name}
|
134
134
|
</a>
|
135
135
|
</li>
|
@@ -140,7 +140,7 @@ function getLanguageUrl(langCode: string) {
|
|
140
140
|
</header>
|
141
141
|
|
142
142
|
{sticky && (
|
143
|
-
<div class="h-16"></div>
|
143
|
+
<div class="cosy:h-16"></div>
|
144
144
|
)}
|
145
145
|
|
146
146
|
<script define:vars={{ sticky }}>
|
@@ -148,9 +148,9 @@ function getLanguageUrl(langCode: string) {
|
|
148
148
|
const header = document.querySelector('header');
|
149
149
|
window.addEventListener('scroll', () => {
|
150
150
|
if (window.pageYOffset > 0) {
|
151
|
-
header?.classList.add('shadow-lg');
|
151
|
+
header?.classList.add('cosy:shadow-lg');
|
152
152
|
} else {
|
153
|
-
header?.classList.remove('shadow-lg');
|
153
|
+
header?.classList.remove('cosy:shadow-lg');
|
154
154
|
}
|
155
155
|
});
|
156
156
|
}
|
@@ -50,12 +50,12 @@ export interface Props {
|
|
50
50
|
const { sidebarItems, currentPath } = Astro.props;
|
51
51
|
---
|
52
52
|
|
53
|
-
<aside class="w-64 border-r border-base-300 shrink-0">
|
54
|
-
<nav class="p-4 sticky top-16">
|
53
|
+
<aside class="cosy:w-64 cosy:border-r cosy:border-base-300 cosy:shrink-0">
|
54
|
+
<nav class="cosy:p-4 cosy:sticky cosy:top-16">
|
55
55
|
{sidebarItems.map((section: SidebarSection) => (
|
56
|
-
<div class="mb-6">
|
57
|
-
<h3 class="font-bold mb-2 text-base-content/70">{section.title}</h3>
|
58
|
-
<ul class="menu bg-base-200 rounded-box w-56">
|
56
|
+
<div class="cosy:mb-6">
|
57
|
+
<h3 class="cosy:font-bold cosy:mb-2 cosy:text-base-content/70">{section.title}</h3>
|
58
|
+
<ul class="cosy:menu cosy:bg-base-200 cosy:rounded-box cosy:w-56">
|
59
59
|
{section.items.map((item: SidebarItem) => {
|
60
60
|
const isActive = isPathMatch(currentPath, item.href);
|
61
61
|
return (
|
@@ -63,8 +63,8 @@ const { sidebarItems, currentPath } = Astro.props;
|
|
63
63
|
<a
|
64
64
|
href={item.href}
|
65
65
|
class:list={[
|
66
|
-
"hover:bg-base-300",
|
67
|
-
{ "menu-active": isActive }
|
66
|
+
"cosy:hover:bg-base-300",
|
67
|
+
{ "cosy:menu-active": isActive }
|
68
68
|
]}
|
69
69
|
>
|
70
70
|
{item.text}
|
@@ -78,8 +78,8 @@ const { sidebarItems, currentPath } = Astro.props;
|
|
78
78
|
<a
|
79
79
|
href={subitem.href}
|
80
80
|
class:list={[
|
81
|
-
"hover:bg-base-300",
|
82
|
-
{ "active": isSubActive }
|
81
|
+
"cosy:hover:bg-base-300",
|
82
|
+
{ "cosy:active": isSubActive }
|
83
83
|
]}
|
84
84
|
>
|
85
85
|
{subitem.text}
|
@@ -93,8 +93,8 @@ const { sidebarItems, currentPath } = Astro.props;
|
|
93
93
|
<a
|
94
94
|
href={subsubitem.href}
|
95
95
|
class:list={[
|
96
|
-
"hover:bg-base-300",
|
97
|
-
{ "active": isSubSubActive }
|
96
|
+
"cosy:hover:bg-base-300",
|
97
|
+
{ "cosy:active": isSubSubActive }
|
98
98
|
]}
|
99
99
|
>
|
100
100
|
{subsubitem.text}
|
@@ -143,13 +143,13 @@ function getLanguageSourceDescription(source: LanguageSource): string {
|
|
143
143
|
}
|
144
144
|
---
|
145
145
|
|
146
|
-
<div class={`toc-container ${fixed ? 'fixed top-20 right-4 w-64' : 'w-full max-w-xs'} ${className}`} id={`${tocId}-container`} style="display: none;">
|
147
|
-
<div class="card bg-base-100 shadow-xl">
|
148
|
-
<div class="card-body p-4">
|
149
|
-
<div class="card-title text-lg font-bold mb-2">{titleText}</div>
|
150
|
-
<ul class="menu menu-sm" id={tocId}>
|
146
|
+
<div class={`toc-container ${fixed ? 'cosy:fixed cosy:top-20 cosy:right-4 cosy:w-64' : 'cosy:w-full cosy:max-w-xs'} ${className}`} id={`${tocId}-container`} style="display: none;">
|
147
|
+
<div class="cosy:card cosy:bg-base-100 cosy:shadow-xl">
|
148
|
+
<div class="cosy:card-body cosy:p-4">
|
149
|
+
<div class="cosy:card-title cosy:text-lg cosy:font-bold cosy:mb-2">{titleText}</div>
|
150
|
+
<ul class="cosy:menu cosy:menu-sm" id={tocId}>
|
151
151
|
<!-- 目录项将通过 JavaScript 动态生成 -->
|
152
|
-
<li class="text-base-content/60">{t('loading')}</li>
|
152
|
+
<li class="cosy:text-base-content/60">{t('loading')}</li>
|
153
153
|
</ul>
|
154
154
|
</div>
|
155
155
|
</div>
|
@@ -238,7 +238,7 @@ function getLanguageSourceDescription(source: LanguageSource): string {
|
|
238
238
|
const link = document.createElement('a');
|
239
239
|
link.href = `#${heading.id}`;
|
240
240
|
link.textContent = heading.textContent;
|
241
|
-
link.className = 'text-base-content/80 hover:text-primary transition-colors';
|
241
|
+
link.className = 'cosy:text-base-content/80 cosy:hover:text-primary cosy:transition-colors';
|
242
242
|
|
243
243
|
// 添加缩进
|
244
244
|
if (level === 3) {
|
@@ -362,11 +362,11 @@ function getLanguageSourceDescription(source: LanguageSource): string {
|
|
362
362
|
const href = link.getAttribute('href').substring(1);
|
363
363
|
|
364
364
|
// 清除所有高亮
|
365
|
-
link.classList.remove('text-primary', 'font-medium');
|
365
|
+
link.classList.remove('cosy:text-primary', 'cosy:font-medium');
|
366
366
|
|
367
367
|
// 添加当前活动标题的高亮
|
368
368
|
if (href === activeHeadingId) {
|
369
|
-
link.classList.add('text-primary', 'font-medium');
|
369
|
+
link.classList.add('cosy:text-primary', 'cosy:font-medium');
|
370
370
|
hasActiveLink = true;
|
371
371
|
|
372
372
|
// 添加一个动画效果,使高亮更明显
|
@@ -382,13 +382,13 @@ function getLanguageSourceDescription(source: LanguageSource): string {
|
|
382
382
|
|
383
383
|
// 如果没有找到活动链接,尝试高亮第一个标题
|
384
384
|
if (!hasActiveLink && tocLinks.length > 0) {
|
385
|
-
tocLinks[0].classList.add('text-primary', 'font-medium');
|
385
|
+
tocLinks[0].classList.add('cosy:text-primary', 'cosy:font-medium');
|
386
386
|
}
|
387
387
|
|
388
388
|
// 确保活动链接在视图中可见
|
389
|
-
const activeLink = document.querySelector(`#${tocId} a.text-primary`);
|
389
|
+
const activeLink = document.querySelector(`#${tocId} a.cosy:text-primary`);
|
390
390
|
if (activeLink && tocList) {
|
391
|
-
const tocScrollContainer = document.querySelector('.fixed');
|
391
|
+
const tocScrollContainer = document.querySelector('.cosy:fixed');
|
392
392
|
if (tocScrollContainer) {
|
393
393
|
const linkTop = activeLink.offsetTop;
|
394
394
|
const containerScrollTop = tocScrollContainer.scrollTop;
|
@@ -137,19 +137,19 @@ const {
|
|
137
137
|
|
138
138
|
// 根据宽度设置对应的 Tailwind 类名
|
139
139
|
const widthClasses = {
|
140
|
-
narrow: 'max-w-2xl',
|
141
|
-
medium: 'max-w-4xl',
|
142
|
-
wide: 'max-w-6xl',
|
143
|
-
full: 'w-full'
|
140
|
+
narrow: 'cosy:max-w-2xl',
|
141
|
+
medium: 'cosy:max-w-4xl',
|
142
|
+
wide: 'cosy:max-w-6xl',
|
143
|
+
full: 'cosy:w-full'
|
144
144
|
}[width];
|
145
145
|
|
146
146
|
// 基础样式类
|
147
147
|
const baseClasses = [
|
148
|
-
'prose', // 使用 Tailwind Typography 插件的基础类
|
149
|
-
'prose-slate',
|
150
|
-
'w-full',
|
151
|
-
'mx-auto',
|
152
|
-
'dark:prose-invert', // 暗黑模式支持,
|
148
|
+
'cosy:prose', // 使用 Tailwind Typography 插件的基础类
|
149
|
+
'cosy:prose-slate',
|
150
|
+
'cosy:w-full',
|
151
|
+
'cosy:mx-auto',
|
152
|
+
'cosy:dark:prose-invert', // 暗黑模式支持,
|
153
153
|
widthClasses,
|
154
154
|
className
|
155
155
|
];
|