@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-duration:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:var(--font-geist-mono), ui-monospace, monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--container-4xl:56rem;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-geist-mono), ui-monospace, monospace;--color-background:var(--theme-background);--color-foreground:var(--theme-foreground);--color-card:var(--theme-card);--color-default:var(--theme-default);--corner-radius-xs:.25rem;--corner-radius-sm:.5rem;--corner-radius-md:.75rem;--corner-radius-lg:1rem;--corner-radius-xl:1.25rem;--corner-radius-2xl:1.5rem;--corner-radius-3xl:2rem;--corner-radius-4xl:2.5rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scrollbar-width:thin;--tw-scrollbar-thumb:color-mix(in oklab, var(--theme-foreground) 18%, transparent);--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.code-block-panel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--theme-foreground);position:relative}@supports (color:color-mix(in lab,red,red)){.code-block-panel{border-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.code-block-panel{background-color:var(--theme-card)}.code-block-scroll{scrollbar-width:thin;--tw-scrollbar-thumb:color-mix(in oklab, var(--theme-foreground) 18%, transparent);--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);padding-inline-end:calc(var(--spacing) * 11);overflow:auto}.code-block-copy{top:calc(var(--spacing) * 2.5);right:calc(var(--spacing) * 2.5);z-index:10;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--theme-foreground);justify-content:center;align-items:center;display:inline-flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.code-block-copy{border-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.code-block-copy{background-color:var(--theme-card);color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.code-block-copy{color:color-mix(in oklab,var(--theme-foreground) 55%,transparent)}}.code-block-copy{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color,border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.code-block-copy:hover{border-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.code-block-copy:hover{border-color:color-mix(in oklab,var(--theme-foreground) 12%,transparent)}}.code-block-copy:hover{color:var(--theme-foreground)}}.install-command-panel{min-height:calc(var(--spacing) * 12);padding-block:calc(var(--spacing) * 2.5);padding-right:calc(var(--spacing) * 11);padding-left:calc(var(--spacing) * 3);align-items:center;display:flex;position:relative}.install-command-scroll{min-width:calc(var(--spacing) * 0);scrollbar-width:thin;--tw-scrollbar-thumb:color-mix(in oklab, var(--theme-foreground) 18%, transparent);--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);flex:1;overflow:auto}.install-command-copy{top:50%;right:calc(var(--spacing) * 2.5);z-index:10;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--theme-foreground);justify-content:center;align-items:center;display:inline-flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.install-command-copy{border-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.install-command-copy{background-color:var(--theme-card);color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.install-command-copy{color:color-mix(in oklab,var(--theme-foreground) 55%,transparent)}}.install-command-copy{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color,border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.install-command-copy:hover{border-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.install-command-copy:hover{border-color:color-mix(in oklab,var(--theme-foreground) 12%,transparent)}}.install-command-copy:hover{color:var(--theme-foreground)}}.install-cta-copy{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);border-radius:var(--radius-lg);color:var(--theme-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.install-cta-copy{color:color-mix(in oklab,var(--theme-foreground) 55%,transparent)}}.install-cta-copy{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.install-cta-copy:hover{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.install-cta-copy:hover{background-color:color-mix(in oklab,var(--theme-foreground) 6%,transparent)}}.install-cta-copy:hover{color:var(--theme-foreground)}}.code-block .shiki{font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;margin:0;padding:0;background-color:#0000!important}.code-block .shiki code{font-family:inherit;font-size:inherit;line-height:inherit}@media(prefers-color-scheme:light){.code-block .shiki,.code-block .shiki span{font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;color:var(--shiki-light)!important;-webkit-text-decoration:var(--shiki-light-text-decoration)!important;text-decoration:var(--shiki-light-text-decoration)!important}}@media(prefers-color-scheme:dark){.code-block .shiki,.code-block .shiki span{font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;color:var(--shiki-dark)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.detail-example-summary::-webkit-details-marker{display:none}.detail-example-card{background-color:var(--color-foreground);flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.detail-example-card{background-color:color-mix(in srgb,var(--color-foreground) 3%,transparent)}}.detail-example-card{border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-card{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.detail-example-card{border-radius:calc(16px * var(--corner-scale,1))}.detail-example-card-header{border-bottom:1px solid var(--color-foreground);padding:.625rem .75rem}@supports (color:color-mix(in lab,red,red)){.detail-example-card-header{border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 8%,transparent)}}.detail-example-card-title{color:var(--color-foreground);letter-spacing:-.01em;margin:0;font-size:.8125rem;font-weight:600;line-height:1.25}.detail-example-card-preview{background-color:var(--color-foreground);justify-content:center;align-items:center;height:7rem;display:flex}@supports (color:color-mix(in lab,red,red)){.detail-example-card-preview{background-color:color-mix(in srgb,var(--color-foreground) 2%,transparent)}}.detail-example-card-preview{border-bottom:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-card-preview{border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 8%,transparent)}}.detail-example-card-code{font-family:var(--font-mono);margin:0;padding:.5rem .75rem .625rem;font-size:.6875rem;line-height:1.4;overflow:auto}.detail-example-card-code .shiki,.detail-example-card-code .shiki code{font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre;margin:0;padding:0;background-color:#0000!important}@media(prefers-color-scheme:light){.detail-example-card-code .shiki,.detail-example-card-code .shiki span{font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;color:var(--shiki-light)!important;-webkit-text-decoration:var(--shiki-light-text-decoration)!important;text-decoration:var(--shiki-light-text-decoration)!important}}@media(prefers-color-scheme:dark){.detail-example-card-code .shiki,.detail-example-card-code .shiki span{font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;color:var(--shiki-dark)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}.detail-example{background-color:var(--color-default);border-radius:calc(28px * var(--corner-scale,1));flex-shrink:0;width:5rem;height:5rem}.detail-example-shape-squircle,.detail-example-deco-fill,.detail-example-deco-border,.detail-example-deco-shadow,.detail-example-deco-outline,.detail-example-deco-gradient,.detail-example-deco-pill{--corner-shape:squircle;corner-shape:squircle}.detail-example-shape-superellipse{--corner-shape:superellipse(4);corner-shape:superellipse(4)}.detail-example-shape-scoop{--corner-shape:scoop;corner-shape:scoop}.detail-example-shape-notch{--corner-shape:notch;corner-shape:notch}.detail-example-shape-mixed{--corner-shape:squircle bevel scoop notch;corner-shape:squircle bevel scoop notch}.detail-example-deco-border{border:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-deco-border{border:2px solid color-mix(in srgb,var(--color-foreground) 20%,transparent)}}.detail-example-deco-shadow{box-shadow:0 8px 20px var(--theme-shadow)}.detail-example-deco-outline{outline:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-deco-outline{outline:2px solid color-mix(in srgb,var(--color-foreground) 25%,transparent)}}.detail-example-deco-outline{outline-offset:5px}.detail-example-deco-gradient{background:linear-gradient(135deg,var(--color-foreground),var(--color-foreground))}@supports (color:color-mix(in lab,red,red)){.detail-example-deco-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--color-foreground) 15%,transparent),color-mix(in srgb,var(--color-foreground) 5%,transparent))}}.detail-example-deco-pill{border-radius:calc(50% * var(--corner-scale,1));width:5.5rem;height:3rem}.detail-example-stage{justify-content:center;align-items:center;width:100%;height:7rem;display:flex}.detail-example-anim{--corner-shape:squircle;corner-shape:squircle;background-color:var(--color-default);border-radius:calc(28px * var(--corner-scale,1))}.detail-example-anim-size{width:4.5rem;height:4.5rem;animation:2.4s ease-in-out infinite detail-example-size}@keyframes detail-example-size{0%,to{width:3.25rem;height:3.25rem}50%{width:5.5rem;height:5.5rem}}.detail-example-anim-stretch{width:5.5rem;height:3.5rem;animation:3s ease-in-out infinite detail-example-stretch}@keyframes detail-example-stretch{0%,to{width:5.5rem;height:3.25rem}33%{width:3.5rem;height:5rem}66%{width:5rem;height:3.5rem}}.detail-example-anim-deco-border{border:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-anim-deco-border{border:2px solid color-mix(in srgb,var(--color-foreground) 20%,transparent)}}.detail-example-anim-deco-shadow{box-shadow:0 8px 20px var(--theme-shadow)}.detail-example-anim-deco-outline{outline:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-anim-deco-outline{outline:2px solid color-mix(in srgb,var(--color-foreground) 25%,transparent)}}.detail-example-anim-deco-outline{outline-offset:5px}.detail-example-hover{--corner-shape:squircle;corner-shape:squircle;background-color:var(--color-default);border-radius:calc(28px * var(--corner-scale,1));width:4.75rem;height:4.75rem}.detail-example-hover-border{border:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-hover-border{border:2px solid color-mix(in srgb,var(--color-foreground) 20%,transparent)}}.detail-example-hover-border:hover{border-width:4px}.detail-example-hover-shadow{box-shadow:0 4px 12px var(--theme-shadow)}@supports (color:color-mix(in lab,red,red)){.detail-example-hover-shadow{box-shadow:0 4px 12px color-mix(in srgb,var(--theme-shadow) 55%,transparent)}}.detail-example-hover-shadow:hover{box-shadow:0 10px 24px var(--theme-shadow)}.detail-example-hover-outline{outline:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.detail-example-hover-outline{outline:2px solid color-mix(in srgb,var(--color-foreground) 25%,transparent)}}.detail-example-hover-outline{outline-offset:4px}.detail-example-hover-outline:hover{outline-offset:6px;outline-width:4px}.engine-lab-header{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.engine-lab-title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.engine-lab-lead{max-width:36rem;color:var(--color-foreground);margin:0;font-size:.875rem;line-height:1.5}@supports (color:color-mix(in lab,red,red)){.engine-lab-lead{color:color-mix(in srgb,var(--color-foreground) 50%,transparent)}}.engine-lab-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media(min-width:768px){.engine-lab-grid{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:start}}.engine-lab-panel{background-color:var(--color-card);border:1px solid var(--color-foreground);flex-direction:column;gap:.75rem;padding:.875rem;display:flex}@supports (color:color-mix(in lab,red,red)){.engine-lab-panel{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.engine-lab-panel{border-radius:calc(16px * var(--corner-scale,1))}.engine-lab-panel-title{color:var(--color-foreground);margin:0;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.engine-lab-panel-title{color:color-mix(in srgb,var(--color-foreground) 45%,transparent)}}.engine-lab-panel-title{text-transform:uppercase;letter-spacing:.04em}.engine-lab-actions{flex-wrap:wrap;gap:.5rem;display:flex}.engine-lab-button{color:var(--color-foreground);cursor:pointer;background-color:var(--color-foreground);padding:.375rem .75rem;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.engine-lab-button{background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent)}}.engine-lab-button{border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.engine-lab-button{border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}}.engine-lab-button{border-radius:calc(10px * var(--corner-scale,1))}.engine-lab-button-muted{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.engine-lab-button-muted{color:color-mix(in srgb,var(--color-foreground) 65%,transparent)}}.engine-lab-button-muted{background-color:#0000}.engine-lab-status{flex-direction:column;gap:.375rem;margin:0;font-size:.75rem;display:flex}.engine-lab-status-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.engine-lab-status-row dt{color:var(--color-foreground);margin:0}@supports (color:color-mix(in lab,red,red)){.engine-lab-status-row dt{color:color-mix(in srgb,var(--color-foreground) 50%,transparent)}}.engine-lab-status-row dd{font-family:var(--font-mono);color:var(--color-foreground);margin:0;font-weight:600}.engine-lab-log{min-height:8rem;max-height:14rem;font-family:var(--font-mono);color:var(--color-foreground);margin:0;padding:.5rem .625rem;font-size:.625rem;line-height:1.45;overflow:auto}@supports (color:color-mix(in lab,red,red)){.engine-lab-log{color:color-mix(in srgb,var(--color-foreground) 72%,transparent)}}.engine-lab-log{white-space:pre-wrap;background-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.engine-lab-log{background-color:color-mix(in srgb,var(--color-foreground) 4%,transparent)}}.engine-lab-log{border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.engine-lab-log{border:1px solid color-mix(in srgb,var(--color-foreground) 8%,transparent)}}.engine-lab-log{border-radius:calc(10px * var(--corner-scale,1))}.engine-lab-demos{flex-direction:column;gap:1.25rem;display:flex}.engine-lab-section{background-color:var(--color-foreground);flex-direction:column;gap:.5rem;padding:.875rem;display:flex}@supports (color:color-mix(in lab,red,red)){.engine-lab-section{background-color:color-mix(in srgb,var(--color-foreground) 2%,transparent)}}.engine-lab-section{border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.engine-lab-section{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.engine-lab-section{border-radius:calc(16px * var(--corner-scale,1))}.engine-lab-section-title{margin:0;font-size:.9375rem;font-weight:600}.engine-lab-section-note{color:var(--color-foreground);margin:0;font-size:.8125rem;line-height:1.45}@supports (color:color-mix(in lab,red,red)){.engine-lab-section-note{color:color-mix(in srgb,var(--color-foreground) 50%,transparent)}}.engine-lab-row{flex-wrap:wrap;gap:1rem;display:flex}.engine-lab-figure{flex-direction:column;align-items:center;gap:.375rem;margin:0;display:flex}.engine-lab-figure figcaption{color:var(--color-foreground);font-size:.6875rem}@supports (color:color-mix(in lab,red,red)){.engine-lab-figure figcaption{color:color-mix(in srgb,var(--color-foreground) 45%,transparent)}}.engine-lab-stage{justify-content:center;align-items:center;height:7rem;display:flex}.engine-lab-scroll{background-color:var(--color-card);border:1px solid var(--color-foreground);flex-direction:column;gap:.75rem;max-height:14rem;padding:.75rem;display:flex;overflow:auto}@supports (color:color-mix(in lab,red,red)){.engine-lab-scroll{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.engine-lab-scroll{border-radius:calc(12px * var(--corner-scale,1))}.engine-lab-scroll-item{align-items:center;gap:.75rem;margin:0;display:flex}.engine-lab-scroll-item figcaption{width:1.75rem;font-family:var(--font-mono);color:var(--color-foreground);font-size:.6875rem}@supports (color:color-mix(in lab,red,red)){.engine-lab-scroll-item figcaption{color:color-mix(in srgb,var(--color-foreground) 40%,transparent)}}.lab-block{--corner-shape:squircle;corner-shape:squircle;background-color:var(--color-default);border-radius:calc(28px * var(--corner-scale,1));flex-shrink:0;width:4rem;height:4rem}.lab-hover-border{border:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.lab-hover-border{border:2px solid color-mix(in srgb,var(--color-foreground) 20%,transparent)}}.lab-hover-border:hover{border-width:4px}.lab-hover-transition{transition:border-width .35s}.lab-anim-size{animation:2.4s ease-in-out infinite lab-anim-size}@keyframes lab-anim-size{0%,to{width:3rem;height:3rem}50%{width:5rem;height:5rem}}.lab-layer-shadow{box-shadow:0 8px 20px var(--theme-shadow)}.lab-layer-outline{outline:2px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.lab-layer-outline{outline:2px solid color-mix(in srgb,var(--color-foreground) 25%,transparent)}}.lab-layer-outline{outline-offset:5px}.lab-shape-squircle{--corner-shape:squircle;corner-shape:squircle}.lab-shape-scoop{--corner-shape:scoop;corner-shape:scoop}.lab-shape-notch{--corner-shape:notch;corner-shape:notch}.ui-example{--corner-shape:squircle;corner-shape:squircle}.ui-example-figure{flex-direction:column;gap:.5rem;display:flex}.ui-example-stage{border:1px solid var(--color-foreground);justify-content:center;align-items:center;height:7rem;padding:1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.ui-example-stage{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.ui-example-stage{border-radius:calc(16px * var(--corner-scale,1))}.ui-example-button{cursor:default;border-radius:calc(18px * var(--corner-scale,1));justify-content:center;align-self:center;align-items:center;height:2.5rem;padding:0 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.ui-example-button-primary{color:var(--color-background);background-color:var(--color-foreground);box-shadow:0 1px 2px #00000014,0 8px 20px var(--theme-shadow);border:0}.ui-example-button-secondary{color:var(--color-foreground);background-color:var(--ui-example-surface);border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.ui-example-button-secondary{border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}}.ui-example-button-secondary{box-shadow:0 1px 2px #0000000f}.ui-example-search{width:100%;height:2.5rem;color:var(--color-foreground);align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;display:flex}@supports (color:color-mix(in lab,red,red)){.ui-example-search{color:color-mix(in srgb,var(--color-foreground) 42%,transparent)}}.ui-example-search{background-color:var(--ui-example-surface);border:1px solid var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.ui-example-search{border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}}.ui-example-search{border-radius:calc(18px * var(--corner-scale,1))}.ui-example-search-icon{width:.875rem;height:.875rem;color:var(--color-foreground);flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.ui-example-search-icon{color:color-mix(in srgb,var(--color-foreground) 38%,transparent)}}.ui-example-icon-button{cursor:default;background-color:var(--ui-example-surface);border:1px solid var(--color-foreground);justify-content:center;align-self:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ui-example-icon-button{border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}}.ui-example-icon-button{border-radius:calc(18px * var(--corner-scale,1))}.ui-example-icon-button-icon{width:1rem;height:1rem;color:var(--color-foreground)}.ui-example-avatar{width:3rem;height:3rem;color:var(--color-foreground);background:linear-gradient(145deg,var(--color-foreground),var(--color-foreground));justify-content:center;align-self:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ui-example-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--color-foreground) 30%,transparent),color-mix(in srgb,var(--color-foreground) 12%,transparent))}}.ui-example-avatar{border-radius:calc(20px * var(--corner-scale,1))}.ui-example-badge{height:1.75rem;color:var(--color-foreground);background-color:var(--color-foreground);align-self:center;align-items:center;padding:0 .625rem;font-size:.75rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.ui-example-badge{background-color:color-mix(in srgb,var(--color-foreground) 12%,transparent)}}.ui-example-badge{border-radius:calc(12px * var(--corner-scale,1))}.ui-example-list-item{background-color:var(--ui-example-surface);border:1px solid var(--color-foreground);align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}@supports (color:color-mix(in lab,red,red)){.ui-example-list-item{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.ui-example-list-item{border-radius:calc(24px * var(--corner-scale,1));box-shadow:0 8px 20px var(--ui-example-shadow)}.ui-example-list-item-thumb{background:linear-gradient(135deg,var(--color-foreground),var(--color-foreground));flex-shrink:0;width:2.75rem;height:2.75rem}@supports (color:color-mix(in lab,red,red)){.ui-example-list-item-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--color-foreground) 24%,transparent),color-mix(in srgb,var(--color-foreground) 8%,transparent))}}.ui-example-list-item-thumb{border-radius:calc(18px * var(--corner-scale,1))}.ui-example-list-item-copy{flex-direction:column;gap:.125rem;min-width:0;display:flex}.ui-example-list-item-title{color:var(--color-foreground);font-size:.8125rem;font-weight:600}.ui-example-list-item-subtitle{color:var(--color-foreground);font-size:.75rem}@supports (color:color-mix(in lab,red,red)){.ui-example-list-item-subtitle{color:color-mix(in srgb,var(--color-foreground) 45%,transparent)}}.ui-example-toast{width:100%;color:var(--color-foreground);background-color:var(--ui-example-surface);border:1px solid var(--color-foreground);align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;display:flex}@supports (color:color-mix(in lab,red,red)){.ui-example-toast{border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}}.ui-example-toast{border-radius:calc(20px * var(--corner-scale,1));box-shadow:0 10px 24px var(--ui-example-shadow)}.ui-example-toast-icon{color:#34c759;flex-shrink:0;width:.875rem;height:.875rem}.squircle{--radius-xs:calc(var(--corner-radius-xs) * var(--corner-scale,1));--radius-sm:calc(var(--corner-radius-sm) * var(--corner-scale,1));--radius-md:calc(var(--corner-radius-md) * var(--corner-scale,1));--radius-lg:calc(var(--corner-radius-lg) * var(--corner-scale,1));--radius-xl:calc(var(--corner-radius-xl) * var(--corner-scale,1));--radius-2xl:calc(var(--corner-radius-2xl) * var(--corner-scale,1));--radius-3xl:calc(var(--corner-radius-3xl) * var(--corner-scale,1));--radius-4xl:calc(var(--corner-radius-4xl) * var(--corner-scale,1))}}@layer utilities{.pointer-events-none{pointer-events:none}.skip-link{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{clip-path:none;white-space:normal;width:auto;height:auto;top:calc(var(--spacing) * 4);left:calc(var(--spacing) * 4);z-index:50;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--theme-foreground);margin:0;padding:0;position:fixed;overflow:visible}@supports (color:color-mix(in lab,red,red)){.skip-link:focus{border-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.skip-link:focus{background-color:var(--theme-card);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--theme-foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.-right-3{right:calc(var(--spacing) * -3)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-3{bottom:calc(var(--spacing) * -3)}.z-10{z-index:10}.col-span-2{grid-column:span 2/span 2}.docs-section-label{margin:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--theme-foreground);text-transform:uppercase}.docs-heading{margin:calc(var(--spacing) * 0);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--theme-foreground)}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-\(--demo-height\){height:var(--demo-height)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-40{height:calc(var(--spacing) * 40)}.h-80{height:calc(var(--spacing) * 80)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-dvh{min-height:100dvh}.w-\(--demo-width\){width:var(--demo-width)}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-54{width:calc(var(--spacing) * 54)}.w-auto{width:auto}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[7rem\]{min-width:7rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-ew-resize{cursor:ew-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-mt-8{scroll-margin-top:calc(var(--spacing) * 8)}.scrollbar-styled{scrollbar-width:thin;--tw-scrollbar-thumb:color-mix(in oklab, var(--theme-foreground) 18%, transparent);--tw-scrollbar-track:transparent;scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.docs-tab{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.docs-tab{color:color-mix(in oklab,var(--theme-foreground) 45%,transparent)}}.docs-tab{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.docs-tab:hover{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.docs-tab:hover{color:color-mix(in oklab,var(--theme-foreground) 70%,transparent)}}}.docs-tab[data-active]{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.docs-tab[data-active]{background-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.docs-tab[data-active]{color:var(--theme-foreground)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[calc\(var\(--radius\)\*var\(--corner-scale\,1\)\)\]{border-radius:calc(var(--radius) * var(--corner-scale,1))}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.\[border-width\:var\(--border-width\,0px\)\]{border-width:var(--border-width,0px)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--theme-border)}.border-foreground\/8{border-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.border-foreground\/8{border-color:color-mix(in oklab,var(--theme-foreground) 8%,transparent)}}.bg-background{background-color:var(--theme-background)}.bg-card{background-color:var(--theme-card)}.bg-default{background-color:var(--theme-default)}.bg-foreground\/4{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/4{background-color:color-mix(in oklab,var(--theme-foreground) 4%,transparent)}}.bg-foreground\/6{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/6{background-color:color-mix(in oklab,var(--theme-foreground) 6%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-30{--tw-gradient-position:30deg}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-30{--tw-gradient-position:30deg in oklab}}.bg-linear-30{background-image:linear-gradient(var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from:var(--theme-foreground);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-foreground\/60{--tw-gradient-to:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.to-foreground\/60{--tw-gradient-to:color-mix(in oklab, var(--theme-foreground) 60%, transparent)}}.to-foreground\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.font-sans{font-family:var(--font-geist),ui-sans-serif,system-ui,sans-serif}.docs-text{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.docs-text{color:color-mix(in oklab,var(--theme-foreground) 50%,transparent)}}.docs-text-muted{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.docs-text-muted{color:color-mix(in oklab,var(--theme-foreground) 40%,transparent)}}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[2\.5rem\]{font-size:2.5rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[\#34c759\]{color:#34c759}.text-foreground,.text-foreground\/35{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/35{color:color-mix(in oklab,var(--theme-foreground) 35%,transparent)}}.text-foreground\/40{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/40{color:color-mix(in oklab,var(--theme-foreground) 40%,transparent)}}.text-foreground\/45{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/45{color:color-mix(in oklab,var(--theme-foreground) 45%,transparent)}}.text-foreground\/50{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,var(--theme-foreground) 50%,transparent)}}.text-foreground\/55{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/55{color:color-mix(in oklab,var(--theme-foreground) 55%,transparent)}}.text-foreground\/70{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--theme-foreground) 70%,transparent)}}.text-foreground\/80{color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--theme-foreground) 80%,transparent)}}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_rgb\(0_0_0\/0\.16\)\,0_2px_6px_rgb\(0_0_0\/0\.08\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000029), 0 2px 6px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[box-shadow\:0_var\(--shadow-size\)_calc\(var\(--shadow-size\)\*2\)_var\(--theme-shadow\)\]{box-shadow:0 var(--shadow-size) calc(var(--shadow-size) * 2) var(--theme-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\[outline-width\:var\(--outline-width\,0px\)\]{outline-width:var(--outline-width,0px)}.outline-offset-\(--outline-offset\,0px\){outline-offset:var(--outline-offset,0px)}.outline-border{outline-color:var(--theme-border)}.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,)}.drop-shadow-\[0_1px_2px_rgb\(0_0_0\/0\.18\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000002e));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_4px_10px_rgb\(0_0_0\/0\.22\)\]{--tw-drop-shadow-size:drop-shadow(0 4px 10px var(--tw-drop-shadow-color,#00000038));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,filter\]{transition-property:transform,filter;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-none{-webkit-user-select:none;user-select:none}.squircle{corner-shape:squircle;--corner-shape:squircle}.group-open\/api\:rotate-90:is(:where(.group\/api):is([open],:popover-open,:open) *),.group-open\/details\:rotate-90:is(:where(.group\/details):is([open],:popover-open,:open) *),.group-open\/how\:rotate-90:is(:where(.group\/how):is([open],:popover-open,:open) *),.group-open\/limitations\:rotate-90:is(:where(.group\/limitations):is([open],:popover-open,:open) *),.group-open\/support\:rotate-90:is(:where(.group\/support):is([open],:popover-open,:open) *),.group-open\/why\:rotate-90:is(:where(.group\/why):is([open],:popover-open,:open) *){rotate:90deg}@media(hover:hover){.group-hover\/scrub\:opacity-100:is(:where(.group\/scrub):hover *){opacity:1}}.group-has-\[\:focus-visible\]\/demo\:drop-shadow-\[0_2px_4px_rgb\(0_0_0\/0\.22\)\]:is(:where(.group\/demo):has(:focus-visible) *){--tw-drop-shadow-size:drop-shadow(0 2px 4px var(--tw-drop-shadow-color,#00000038));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.group-has-\[\:focus-visible\]\/demo\:drop-shadow-\[0_6px_14px_rgb\(0_0_0\/0\.28\)\]:is(:where(.group\/demo):has(:focus-visible) *){--tw-drop-shadow-size:drop-shadow(0 6px 14px var(--tw-drop-shadow-color,#00000047));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.group-\[\.is-dragging\]\/demo\:scale-105:is(:where(.group\/demo).is-dragging *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-\[\.is-dragging\]\/demo\:opacity-100:is(:where(.group\/demo).is-dragging *){opacity:1}.group-\[\.is-dragging\]\/demo\:drop-shadow-\[0_2px_4px_rgb\(0_0_0\/0\.24\)\]:is(:where(.group\/demo).is-dragging *){--tw-drop-shadow-size:drop-shadow(0 2px 4px var(--tw-drop-shadow-color,#0000003d));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.group-\[\.is-dragging\]\/demo\:drop-shadow-\[0_8px_18px_rgb\(0_0_0\/0\.32\)\]:is(:where(.group\/demo).is-dragging *){--tw-drop-shadow-size:drop-shadow(0 8px 18px var(--tw-drop-shadow-color,#00000052));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.group-\[\.is-dragging\]\/demo\:transition-none:is(:where(.group\/demo).is-dragging *){transition-property:none}.group-\[\.is-scrubbing\]\/scrub\:cursor-ew-resize:is(:where(.group\/scrub).is-scrubbing *){cursor:ew-resize}.group-\[\.is-scrubbing\]\/scrub\:border-\[\#007aff\]\/50:is(:where(.group\/scrub).is-scrubbing *){border-color:#007aff80}.group-\[\.is-scrubbing\]\/scrub\:bg-\[\#007aff\]\/8:is(:where(.group\/scrub).is-scrubbing *){background-color:#007aff14}.group-\[\.is-scrubbing\]\/scrub\:opacity-100:is(:where(.group\/scrub).is-scrubbing *){opacity:1}.group-\[\.is-scrubbing\]\/scrub\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,\#007aff_20\%\,transparent\)\]:is(:where(.group\/scrub).is-scrubbing *){--tw-shadow:0 0 0 3px var(--tw-shadow-color,#007aff33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-checked\:translate-x-3\.5:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.focus-within\:cursor-text:focus-within{cursor:text}.focus-within\:border-\[\#007aff\]\/45:focus-within{border-color:#007aff73}.focus-within\:bg-foreground\/5:focus-within{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.focus-within\:bg-foreground\/5:focus-within{background-color:color-mix(in oklab,var(--theme-foreground) 5%,transparent)}}.focus-within\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,\#007aff_18\%\,transparent\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#007aff2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:border-foreground\/12:hover{border-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:border-foreground\/12:hover{border-color:color-mix(in oklab,var(--theme-foreground) 12%,transparent)}}.hover\:bg-foreground\/3:hover{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/3:hover{background-color:color-mix(in oklab,var(--theme-foreground) 3%,transparent)}}.hover\:bg-foreground\/6:hover{background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/6:hover{background-color:color-mix(in oklab,var(--theme-foreground) 6%,transparent)}}.hover\:text-foreground:hover{color:var(--theme-foreground)}}.focus\:cursor-text:focus{cursor:text}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.has-checked\:border-transparent:has(:checked){border-color:#0000}.has-checked\:bg-foreground\/30:has(:checked){background-color:var(--theme-foreground)}@supports (color:color-mix(in lab,red,red)){.has-checked\:bg-foreground\/30:has(:checked){background-color:color-mix(in oklab,var(--theme-foreground) 30%,transparent)}}.data-active\:shadow-\[0_1px_2px_rgb\(0_0_0\/0\.06\)\][data-active]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-40[data-disabled]{opacity:.4}:is(.\*\*\:data-scrub-value\:w-10 *)[data-scrub-value]{width:calc(var(--spacing) * 10)}@media not all and (min-width:576px){.max-\[576px\]\:min-h-34{min-height:calc(var(--spacing) * 34)}.max-\[576px\]\:w-full{width:100%}.max-\[576px\]\:flex-col-reverse{flex-direction:column-reverse}}@media(min-width:576px){.min-\[576px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@supports not (corner-shape:squircle){:root{--corner-scale:.6}}:root{--theme-background:#f2f2f2;--theme-foreground:#0a0a0a;--theme-card:#fff;--theme-default:#e0e0e0;--theme-border:#e0e0e0;--theme-muted-foreground:#6b6b6b;--theme-shadow:#00000040;--ui-example-surface:var(--color-card);--ui-example-shadow:#00000012}@media(prefers-color-scheme:dark){:root{--theme-background:#000;--theme-foreground:#fff;--theme-card:#0d0d0d;--theme-default:#262626;--theme-border:#4f4f4f;--theme-muted-foreground:#949494;--theme-shadow:#000000a6;--ui-example-surface:var(--color-default);--ui-example-shadow:var(--theme-shadow)}}@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-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
