/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */@supports ((-webkit-hyphens:none) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.mt-demo :where(*),.mt-demo :before,.mt-demo :after,.mt-demo ::backdrop{--mtd-border-spacing-x:0;--mtd-border-spacing-y:0;--mtd-translate-x:0;--mtd-translate-y:0;--mtd-translate-z:0;--mtd-rotate-x:initial;--mtd-rotate-y:initial;--mtd-rotate-z:initial;--mtd-skew-x:initial;--mtd-skew-y:initial;--mtd-border-style:solid;--mtd-leading:initial;--mtd-font-weight:initial;--mtd-tracking:initial;--mtd-ordinal:initial;--mtd-slashed-zero:initial;--mtd-numeric-figure:initial;--mtd-numeric-spacing:initial;--mtd-numeric-fraction:initial;--mtd-shadow:0 0 #0000;--mtd-shadow-color:initial;--mtd-shadow-alpha:100%;--mtd-inset-shadow:0 0 #0000;--mtd-inset-shadow-color:initial;--mtd-inset-shadow-alpha:100%;--mtd-ring-color:initial;--mtd-ring-shadow:0 0 #0000;--mtd-inset-ring-color:initial;--mtd-inset-ring-shadow:0 0 #0000;--mtd-ring-inset:initial;--mtd-ring-offset-width:0px;--mtd-ring-offset-color:#fff;--mtd-ring-offset-shadow:0 0 #0000;--mtd-outline-style:solid;--mtd-duration:initial;--mtd-ease:initial;--mtd-content:"";--mtd-animation-delay:0s;--mtd-animation-direction:normal;--mtd-animation-duration:initial;--mtd-animation-fill-mode:none;--mtd-animation-iteration-count:1;--mtd-enter-blur:0;--mtd-enter-opacity:1;--mtd-enter-rotate:0;--mtd-enter-scale:1;--mtd-enter-translate-x:0;--mtd-enter-translate-y:0;--mtd-exit-blur:0;--mtd-exit-opacity:1;--mtd-exit-rotate:0;--mtd-exit-scale:1;--mtd-exit-translate-x:0;--mtd-exit-translate-y:0}}.mt-demo{--font-sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-900:oklch(42.1% .095 57.708);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--spacing:.25rem;--container-xs:20rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-normal:1.5;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:mtd-spin 1s linear infinite;--animate-ping:mtd-ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:mtd-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--default-mono-font-family:var(--font-mono);--color-light-close:#ff5f57;--color-light-minimize:#febc2e;--color-light-zoom:#28c840;--color-muted:var(--muted);--color-background:var(--background)}.mt-demo :where(*),.mt-demo :after,.mt-demo :before,.mt-demo ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.mt-demo ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.mt-demo{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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}.mt-demo :where(hr){height:0;color:inherit;border-top-width:1px}.mt-demo :where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mt-demo :where(h1),.mt-demo :where(h2),.mt-demo :where(h3),.mt-demo :where(h4),.mt-demo :where(h5),.mt-demo :where(h6){font-size:inherit;font-weight:inherit}.mt-demo :where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.mt-demo :where(b),.mt-demo :where(strong){font-weight:bolder}.mt-demo :where(code),.mt-demo :where(kbd),.mt-demo :where(samp),.mt-demo :where(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}.mt-demo :where(small){font-size:80%}.mt-demo :where(sub),.mt-demo :where(sup){vertical-align:baseline;font-size:75%;line-height:0;position:relative}.mt-demo :where(sub){bottom:-.25em}.mt-demo :where(sup){top:-.5em}.mt-demo :where(table){text-indent:0;border-color:inherit;border-collapse:collapse}.mt-demo :where(:-moz-focusring){outline:auto}.mt-demo :where(progress){vertical-align:baseline}.mt-demo :where(summary){display:list-item}.mt-demo :where(ol),.mt-demo :where(ul),.mt-demo :where(menu){list-style:none}.mt-demo :where(img),.mt-demo :where(svg),.mt-demo :where(video),.mt-demo :where(canvas),.mt-demo :where(audio),.mt-demo :where(iframe),.mt-demo :where(embed),.mt-demo :where(object){vertical-align:middle;display:block}.mt-demo :where(img),.mt-demo :where(video){max-width:100%;height:auto}.mt-demo :where(button),.mt-demo :where(input),.mt-demo :where(select),.mt-demo :where(optgroup),.mt-demo :where(textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.mt-demo ::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}.mt-demo :where(:where(select:is([multiple],[size])) optgroup){font-weight:bolder}.mt-demo :where(:where(select:is([multiple],[size])) optgroup option){padding-inline-start:20px}.mt-demo ::file-selector-button{margin-inline-end:4px}.mt-demo ::-moz-placeholder{opacity:1}.mt-demo ::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){.mt-demo ::-moz-placeholder{color:currentColor}.mt-demo ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){.mt-demo ::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}.mt-demo ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.mt-demo :where(textarea){resize:vertical}.mt-demo ::-webkit-search-decoration{-webkit-appearance:none}.mt-demo ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.mt-demo ::-webkit-datetime-edit{display:inline-flex}.mt-demo ::-webkit-datetime-edit-fields-wrapper{padding:0}.mt-demo ::-webkit-datetime-edit{padding-block:0}.mt-demo ::-webkit-datetime-edit-year-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-month-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-day-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-hour-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-minute-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-second-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-millisecond-field{padding-block:0}.mt-demo ::-webkit-datetime-edit-meridiem-field{padding-block:0}.mt-demo ::-webkit-calendar-picker-indicator{line-height:1}.mt-demo :where(:-moz-ui-invalid){box-shadow:none}.mt-demo :where(button),.mt-demo :where(input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;-moz-appearance:button;appearance:button}.mt-demo ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}.mt-demo ::-webkit-inner-spin-button{height:auto}.mt-demo ::-webkit-outer-spin-button{height:auto}.mt-demo :where([hidden]:where(:not([hidden=until-found]))){display:none!important}.mt-demo :where(*){border-color:var(--border);outline-color:var(--focus);word-break:inherit}.mt-demo{background-color:var(--background);color:var(--foreground);font-feature-settings:"tnum";-webkit-font-smoothing:antialiased}.mt-demo :where(button:not(:disabled)),.mt-demo :where([role=button]:not(:disabled)){cursor:pointer}@media(prefers-reduced-motion:reduce){.mt-demo :where(*),.mt-demo :before,.mt-demo :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.mt-demo .\@container{container-type:inline-size}.mt-demo .pointer-events-none{pointer-events:none}.mt-demo .invisible{visibility:hidden}.mt-demo .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-demo .absolute{position:absolute}.mt-demo .relative{position:relative}.mt-demo .sticky{position:sticky}.mt-demo .-inset-1{inset:calc(var(--spacing) * -1)}.mt-demo .inset-0{inset:0}.mt-demo .inset-y-0{inset-block:0}.mt-demo .top-0{top:0}.mt-demo .top-2{top:calc(var(--spacing) * 2)}.mt-demo .top-full{top:100%}.mt-demo .-right-1{right:calc(var(--spacing) * -1)}.mt-demo .right-0{right:0}.mt-demo .right-2{right:calc(var(--spacing) * 2)}.mt-demo .right-4{right:calc(var(--spacing) * 4)}.mt-demo .-bottom-1{bottom:calc(var(--spacing) * -1)}.mt-demo .bottom-0{bottom:0}.mt-demo .bottom-4{bottom:calc(var(--spacing) * 4)}.mt-demo .bottom-full{bottom:100%}.mt-demo .left-1\/2{left:50%}.mt-demo .left-3{left:calc(var(--spacing) * 3)}.mt-demo .z-10{z-index:10}.mt-demo .z-20{z-index:20}.mt-demo .z-40{z-index:40}.mt-demo .z-50{z-index:50}.mt-demo .col-start-1{grid-column-start:1}.mt-demo .col-start-2{grid-column-start:2}.mt-demo .row-start-1{grid-row-start:1}.mt-demo .m-0{margin:0}.mt-demo .mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mt-demo .mx-1{margin-inline:var(--spacing)}.mt-demo .mx-auto{margin-inline:auto}.mt-demo .my-3{margin-block:calc(var(--spacing) * 3)}.mt-demo .my-5{margin-block:calc(var(--spacing) * 5)}.mt-demo .-ms-1{margin-inline-start:calc(var(--spacing) * -1)}.mt-demo .ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-demo .ms-5{margin-inline-start:calc(var(--spacing) * 5)}.mt-demo .ms-px{margin-inline-start:1px}.mt-demo .mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-demo .mt-1{margin-top:var(--spacing)}.mt-demo .mt-2{margin-top:calc(var(--spacing) * 2)}.mt-demo .mt-5{margin-top:calc(var(--spacing) * 5)}.mt-demo .mt-\[6px\]{margin-top:6px}.mt-demo .mt-auto{margin-top:auto}.mt-demo .mr-6{margin-right:calc(var(--spacing) * 6)}.mt-demo .-mb-px{margin-bottom:-1px}.mt-demo .mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mt-demo .mb-1{margin-bottom:var(--spacing)}.mt-demo .mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mt-demo .mb-2{margin-bottom:calc(var(--spacing) * 2)}.mt-demo .mb-3{margin-bottom:calc(var(--spacing) * 3)}.mt-demo .mb-4{margin-bottom:calc(var(--spacing) * 4)}.mt-demo .mb-14{margin-bottom:calc(var(--spacing) * 14)}.mt-demo .-ml-1{margin-left:calc(var(--spacing) * -1)}.mt-demo .ml-2{margin-left:calc(var(--spacing) * 2)}.mt-demo .ml-auto{margin-left:auto}.mt-demo .block{display:block}.mt-demo .flex{display:flex}.mt-demo .grid{display:grid}.mt-demo .hidden{display:none}.mt-demo .inline-block{display:inline-block}.mt-demo .inline-flex{display:inline-flex}.mt-demo .table{display:table}.mt-demo .thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.mt-demo .thin-scrollbar::-webkit-scrollbar{width:8px;height:8px}.mt-demo .thin-scrollbar::-webkit-scrollbar-track{background:0 0}.mt-demo .thin-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border);background-clip:content-box;border:2px solid #0000;border-radius:9999px}.mt-demo .size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.mt-demo .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.mt-demo .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.mt-demo .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.mt-demo .size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.mt-demo .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.mt-demo .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.mt-demo .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.mt-demo .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.mt-demo .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.mt-demo .size-\[6px\]{width:6px;height:6px}.mt-demo .h-5{height:calc(var(--spacing) * 5)}.mt-demo .h-6{height:calc(var(--spacing) * 6)}.mt-demo .h-7{height:calc(var(--spacing) * 7)}.mt-demo .h-8{height:calc(var(--spacing) * 8)}.mt-demo .h-9{height:calc(var(--spacing) * 9)}.mt-demo .h-10{height:calc(var(--spacing) * 10)}.mt-demo .h-11{height:calc(var(--spacing) * 11)}.mt-demo .h-12{height:calc(var(--spacing) * 12)}.mt-demo .h-14{height:calc(var(--spacing) * 14)}.mt-demo .h-24{height:calc(var(--spacing) * 24)}.mt-demo .h-\[1\.1em\]{height:1.1em}.mt-demo .h-\[var\(--demo-h\,480px\)\]{height:var(--demo-h,480px)}.mt-demo .h-\[var\(--demo-h\,640px\)\]{height:var(--demo-h,640px)}.mt-demo .h-full{height:100%}.mt-demo .max-h-56{max-height:calc(var(--spacing) * 56)}.mt-demo .max-h-80{max-height:calc(var(--spacing) * 80)}.mt-demo .max-h-\[232px\]{max-height:232px}.mt-demo .min-h-0{min-height:0}.mt-demo .min-h-7{min-height:calc(var(--spacing) * 7)}.mt-demo .min-h-7\.5{min-height:calc(var(--spacing) * 7.5)}.mt-demo .min-h-14{min-height:calc(var(--spacing) * 14)}.mt-demo .min-h-\[55vh\]{min-height:55vh}.mt-demo .w-8{width:calc(var(--spacing) * 8)}.mt-demo .w-10{width:calc(var(--spacing) * 10)}.mt-demo .w-24{width:calc(var(--spacing) * 24)}.mt-demo .w-28{width:calc(var(--spacing) * 28)}.mt-demo .w-60{width:calc(var(--spacing) * 60)}.mt-demo .w-72{width:calc(var(--spacing) * 72)}.mt-demo .w-\[50px\]{width:50px}.mt-demo .w-\[356px\]{width:356px}.mt-demo .w-\[400px\]{width:400px}.mt-demo .w-\[480px\]{width:480px}.mt-demo .w-fit{width:-moz-fit-content;width:fit-content}.mt-demo .w-full{width:100%}.mt-demo .w-max{width:-moz-max-content;width:max-content}.mt-demo .w-px{width:1px}.mt-demo .max-w-2xl{max-width:var(--container-2xl)}.mt-demo .max-w-4xl{max-width:var(--container-4xl)}.mt-demo .max-w-6xl{max-width:var(--container-6xl)}.mt-demo .max-w-40{max-width:calc(var(--spacing) * 40)}.mt-demo .max-w-52{max-width:calc(var(--spacing) * 52)}.mt-demo .max-w-\[14rem\]{max-width:14rem}.mt-demo .max-w-\[60rem\]{max-width:60rem}.mt-demo .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.mt-demo .max-w-\[calc\(100\%_-_300px\)\]{max-width:calc(100% - 300px)}.mt-demo .max-w-none{max-width:none}.mt-demo .max-w-xs{max-width:var(--container-xs)}.mt-demo .min-w-0{min-width:0}.mt-demo .min-w-4{min-width:calc(var(--spacing) * 4)}.mt-demo .flex-1{flex:1}.mt-demo .shrink-0{flex-shrink:0}.mt-demo .table-fixed{table-layout:fixed}.mt-demo .caption-bottom{caption-side:bottom}.mt-demo .border-separate{border-collapse:separate}.mt-demo .border-spacing-0{--mtd-border-spacing-x:0px;--mtd-border-spacing-y:0px;border-spacing:var(--mtd-border-spacing-x) var(--mtd-border-spacing-y)}.mt-demo .origin-top-right{transform-origin:100% 0}.mt-demo .-translate-x-1\/2{--mtd-translate-x: -50% ;translate:var(--mtd-translate-x) var(--mtd-translate-y)}.mt-demo .translate-x-0{--mtd-translate-x:0px;translate:var(--mtd-translate-x) var(--mtd-translate-y)}.mt-demo .translate-x-full{--mtd-translate-x:100%;translate:var(--mtd-translate-x) var(--mtd-translate-y)}.mt-demo .rotate-90{rotate:90deg}.mt-demo .rotate-180{rotate:180deg}.mt-demo .transform{transform:var(--mtd-rotate-x, ) var(--mtd-rotate-y, ) var(--mtd-rotate-z, ) var(--mtd-skew-x, ) var(--mtd-skew-y, )}.mt-demo .animate-in{animation:mtd-enter var(--mtd-animation-duration,var(--mtd-duration,.15s))var(--mtd-ease,ease)var(--mtd-animation-delay,0s)var(--mtd-animation-iteration-count,1)var(--mtd-animation-direction,normal)var(--mtd-animation-fill-mode,none)}.mt-demo .animate-ping{animation:var(--animate-ping)}.mt-demo .animate-pulse{animation:var(--animate-pulse)}.mt-demo .animate-spin{animation:var(--animate-spin)}.mt-demo .cursor-pointer{cursor:pointer}.mt-demo .scroll-m-20{scroll-margin:calc(var(--spacing) * 20)}.mt-demo .list-decimal{list-style-type:decimal}.mt-demo .list-disc{list-style-type:disc}.mt-demo .auto-rows-auto{grid-auto-rows:auto}.mt-demo .grid-cols-\[1fr_minmax\(0\,18rem\)_1fr\]{grid-template-columns:1fr minmax(0,18rem) 1fr}.mt-demo .grid-cols-\[minmax\(72px\,1fr\)_auto\]{grid-template-columns:minmax(72px,1fr) auto}.mt-demo .flex-col{flex-direction:column}.mt-demo .flex-wrap{flex-wrap:wrap}.mt-demo .content-start{align-content:flex-start}.mt-demo .items-center{align-items:center}.mt-demo .justify-between{justify-content:space-between}.mt-demo .justify-center{justify-content:center}.mt-demo .justify-end{justify-content:flex-end}.mt-demo .gap-0\.5{gap:calc(var(--spacing) * .5)}.mt-demo .gap-1{gap:var(--spacing)}.mt-demo .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.mt-demo .gap-2{gap:calc(var(--spacing) * 2)}.mt-demo .gap-2\.5{gap:calc(var(--spacing) * 2.5)}.mt-demo .gap-3{gap:calc(var(--spacing) * 3)}.mt-demo .gap-4{gap:calc(var(--spacing) * 4)}.mt-demo .gap-y-2{row-gap:calc(var(--spacing) * 2)}.mt-demo .gap-y-6{row-gap:calc(var(--spacing) * 6)}.mt-demo .justify-self-center{justify-self:center}.mt-demo .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-demo .overflow-hidden{overflow:hidden}.mt-demo .overflow-x-auto{overflow-x:auto}.mt-demo .overflow-x-hidden{overflow-x:hidden}.mt-demo .overflow-y-auto{overflow-y:auto}.mt-demo .rounded{border-radius:.25rem}.mt-demo .rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.mt-demo .rounded-\[1\.5rem\]{border-radius:1.5rem}.mt-demo .rounded-full{border-radius:2147483647px}.mt-demo .rounded-lg{border-radius:var(--radius)}.mt-demo .rounded-md{border-radius:calc(var(--radius) * .8)}.mt-demo .rounded-sm{border-radius:calc(var(--radius) * .6)}.mt-demo .rounded-xl{border-radius:calc(var(--radius) * 1.4)}.mt-demo .rounded-t-\[1\.5rem\]{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.mt-demo .border{border-style:var(--mtd-border-style);border-width:1px}.mt-demo .border-2{border-style:var(--mtd-border-style);border-width:2px}.mt-demo .border-s{border-inline-start-style:var(--mtd-border-style);border-inline-start-width:1px}.mt-demo .border-t{border-top-style:var(--mtd-border-style);border-top-width:1px}.mt-demo .border-r{border-right-style:var(--mtd-border-style);border-right-width:1px}.mt-demo .border-b{border-bottom-style:var(--mtd-border-style);border-bottom-width:1px}.mt-demo .border-b-2{border-bottom-style:var(--mtd-border-style);border-bottom-width:2px}.mt-demo .border-l{border-left-style:var(--mtd-border-style);border-left-width:1px}.mt-demo .border-blue-500\/60{border-color:#3080ff99}@supports (color:color-mix(in lab,red,red)){.mt-demo .border-blue-500\/60{border-color:color-mix(in oklab,var(--color-blue-500) 60%,transparent)}}.mt-demo .border-border,.mt-demo .border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.mt-demo .border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.mt-demo .border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.mt-demo .border-border\/70{border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.mt-demo .border-muted-foreground\/20{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .border-muted-foreground\/20{border-color:color-mix(in oklab,var(--muted-foreground) 20%,transparent)}}.mt-demo .border-primary{border-color:var(--primary)}.mt-demo .border-transparent{border-color:#0000}.mt-demo .border-yellow-300\/70{border-color:#ffe02ab3}@supports (color:color-mix(in lab,red,red)){.mt-demo .border-yellow-300\/70{border-color:color-mix(in oklab,var(--color-yellow-300) 70%,transparent)}}.mt-demo .bg-\[color-mix\(in_oklab\,var\(--color-muted\)_30\%\,var\(--color-background\)\)\]{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-\[color-mix\(in_oklab\,var\(--color-muted\)_30\%\,var\(--color-background\)\)\]{background-color:color-mix(in oklab,var(--color-muted) 30%,var(--color-background))}}.mt-demo .bg-\[rgb\(253_224_71\/0\.6\)\]{background-color:#fde04799}.mt-demo .bg-background{background-color:var(--background)}.mt-demo .bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.mt-demo .bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.mt-demo .bg-blue-500{background-color:var(--color-blue-500)}.mt-demo .bg-border{background-color:var(--border)}.mt-demo .bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.mt-demo .bg-foreground{background-color:var(--foreground)}.mt-demo .bg-light-close{background-color:var(--color-light-close)}.mt-demo .bg-light-minimize{background-color:var(--color-light-minimize)}.mt-demo .bg-light-zoom{background-color:var(--color-light-zoom)}.mt-demo .bg-muted{background-color:var(--muted)}.mt-demo .bg-muted-foreground\/30{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-muted-foreground\/30{background-color:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}}.mt-demo .bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.mt-demo .bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-muted\/60{background-color:color-mix(in oklab,var(--muted) 60%,transparent)}}.mt-demo .bg-popover{background-color:var(--popover)}.mt-demo .bg-primary,.mt-demo .bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.mt-demo .bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.mt-demo .bg-secondary{background-color:var(--secondary)}.mt-demo .bg-sidebar{background-color:var(--sidebar)}.mt-demo .bg-sidebar-accent{background-color:var(--sidebar-accent)}.mt-demo .bg-yellow-50{background-color:var(--color-yellow-50)}.mt-demo .box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.mt-demo .bg-clip-padding{background-clip:padding-box}.mt-demo .fill-current{fill:currentColor}.mt-demo .stroke-emerald-500{stroke:var(--color-emerald-500)}.mt-demo .stroke-muted{stroke:var(--muted)}.mt-demo .stroke-primary{stroke:var(--primary)}.mt-demo .p-0{padding:0}.mt-demo .p-0\.5{padding:calc(var(--spacing) * .5)}.mt-demo .p-1{padding:var(--spacing)}.mt-demo .p-1\.5{padding:calc(var(--spacing) * 1.5)}.mt-demo .p-2{padding:calc(var(--spacing) * 2)}.mt-demo .p-4{padding:calc(var(--spacing) * 4)}.mt-demo .px-1{padding-inline:var(--spacing)}.mt-demo .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.mt-demo .px-2{padding-inline:calc(var(--spacing) * 2)}.mt-demo .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.mt-demo .px-3{padding-inline:calc(var(--spacing) * 3)}.mt-demo .px-4{padding-inline:calc(var(--spacing) * 4)}.mt-demo .px-5{padding-inline:calc(var(--spacing) * 5)}.mt-demo .px-6{padding-inline:calc(var(--spacing) * 6)}.mt-demo .py-0\.5{padding-block:calc(var(--spacing) * .5)}.mt-demo .py-1{padding-block:var(--spacing)}.mt-demo .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.mt-demo .py-2{padding-block:calc(var(--spacing) * 2)}.mt-demo .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.mt-demo .py-5{padding-block:calc(var(--spacing) * 5)}.mt-demo .py-6{padding-block:calc(var(--spacing) * 6)}.mt-demo .pe-1{padding-inline-end:var(--spacing)}.mt-demo .pt-1{padding-top:var(--spacing)}.mt-demo .pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.mt-demo .pt-4{padding-top:calc(var(--spacing) * 4)}.mt-demo .pr-1{padding-right:var(--spacing)}.mt-demo .pr-2{padding-right:calc(var(--spacing) * 2)}.mt-demo .pr-\[calc\(1rem\+var\(--demo-bleed\,0px\)\)\]{padding-right:calc(1rem + var(--demo-bleed,0px))}.mt-demo .pb-1{padding-bottom:var(--spacing)}.mt-demo .pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.mt-demo .pb-2{padding-bottom:calc(var(--spacing) * 2)}.mt-demo .pb-4{padding-bottom:calc(var(--spacing) * 4)}.mt-demo .pb-16{padding-bottom:calc(var(--spacing) * 16)}.mt-demo .pl-1{padding-left:var(--spacing)}.mt-demo .pl-2{padding-left:calc(var(--spacing) * 2)}.mt-demo .pl-4{padding-left:calc(var(--spacing) * 4)}.mt-demo .text-center{text-align:center}.mt-demo .text-left{text-align:left}.mt-demo .text-right{text-align:right}.mt-demo .text-start{text-align:start}.mt-demo .align-\[-0\.15em\]{vertical-align:-.15em}.mt-demo .align-\[0\.1em\]{vertical-align:.1em}.mt-demo .align-middle{vertical-align:middle}.mt-demo .font-sans{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,sans-serif}.mt-demo .text-base{font-size:var(--text-base);line-height:var(--mtd-leading,var(--text-base--line-height))}.mt-demo .text-lg{font-size:var(--text-lg);line-height:var(--mtd-leading,var(--text-lg--line-height))}.mt-demo .text-sm{font-size:var(--text-sm);line-height:var(--mtd-leading,var(--text-sm--line-height))}.mt-demo .text-xl{font-size:var(--text-xl);line-height:var(--mtd-leading,var(--text-xl--line-height))}.mt-demo .text-xs{font-size:var(--text-xs);line-height:var(--mtd-leading,var(--text-xs--line-height))}.mt-demo .text-\[10px\]{font-size:10px}.mt-demo .text-\[11px\]{font-size:11px}.mt-demo .text-\[13px\]{font-size:13px}.mt-demo .leading-4{--mtd-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.mt-demo .leading-normal{--mtd-leading:var(--leading-normal);line-height:var(--leading-normal)}.mt-demo .leading-relaxed{--mtd-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.mt-demo .font-bold{--mtd-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.mt-demo .font-medium{--mtd-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mt-demo .font-semibold{--mtd-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mt-demo .tracking-tight{--mtd-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.mt-demo .break-words,.mt-demo .wrap-break-word{overflow-wrap:break-word}.mt-demo .whitespace-nowrap{white-space:nowrap}.mt-demo .text-amber-600{color:var(--color-amber-600)}.mt-demo .text-background{color:var(--background)}.mt-demo .text-blue-600{color:var(--color-blue-600)}.mt-demo .text-destructive{color:var(--destructive)}.mt-demo .text-foreground,.mt-demo .text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-foreground\/60{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.mt-demo .text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-foreground\/90{color:color-mix(in oklab,var(--foreground) 90%,transparent)}}.mt-demo .text-muted-foreground,.mt-demo .text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.mt-demo .text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}}.mt-demo .text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground) 80%,transparent)}}.mt-demo .text-popover-foreground{color:var(--popover-foreground)}.mt-demo .text-primary{color:var(--primary)}.mt-demo .text-primary-foreground{color:var(--primary-foreground)}.mt-demo .text-secondary-foreground{color:var(--secondary-foreground)}.mt-demo .text-sidebar-foreground,.mt-demo .text-sidebar-foreground\/60{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-sidebar-foreground\/60{color:color-mix(in oklab,var(--sidebar-foreground) 60%,transparent)}}.mt-demo .text-sidebar-foreground\/80{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .text-sidebar-foreground\/80{color:color-mix(in oklab,var(--sidebar-foreground) 80%,transparent)}}.mt-demo .text-yellow-900{color:var(--color-yellow-900)}.mt-demo .tabular-nums{--mtd-numeric-spacing:tabular-nums;font-variant-numeric:var(--mtd-ordinal, ) var(--mtd-slashed-zero, ) var(--mtd-numeric-figure, ) var(--mtd-numeric-spacing, ) var(--mtd-numeric-fraction, )}.mt-demo .underline{text-decoration-line:underline}.mt-demo .decoration-blue-600\/40{text-decoration-color:#155dfc66}@supports (color:color-mix(in lab,red,red)){.mt-demo .decoration-blue-600\/40{text-decoration-color:color-mix(in oklab,var(--color-blue-600) 40%,transparent)}}.mt-demo .underline-offset-2{text-underline-offset:2px}.mt-demo .underline-offset-4{text-underline-offset:4px}.mt-demo .opacity-0{opacity:0}.mt-demo .opacity-50{opacity:.5}.mt-demo .opacity-60{opacity:.6}.mt-demo .opacity-70{opacity:.7}.mt-demo .opacity-100{opacity:1}.mt-demo .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--mtd-shadow:0 4px 12px var(--mtd-shadow-color,#0000001a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-composer{--mtd-shadow:0 4px 16px -8px var(--mtd-shadow-color,#00000014), 0 1px 2px var(--mtd-shadow-color,#0000000a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-lg{--mtd-shadow:0 10px 15px -3px var(--mtd-shadow-color,#0000001a), 0 4px 6px -4px var(--mtd-shadow-color,#0000001a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-sm{--mtd-shadow:0 1px 3px 0 var(--mtd-shadow-color,#0000001a), 0 1px 2px -1px var(--mtd-shadow-color,#0000001a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-stage{--mtd-shadow:0 28px 70px var(--mtd-shadow-color,#101c2d29), 0 14px 32px var(--mtd-shadow-color,#101c2d1a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-window{--mtd-shadow:0 40px 80px -38px var(--mtd-shadow-color,#12254466);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .shadow-xl{--mtd-shadow:0 20px 25px -5px var(--mtd-shadow-color,#0000001a), 0 8px 10px -6px var(--mtd-shadow-color,#0000001a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .ring,.mt-demo .ring-1{--mtd-ring-shadow:var(--mtd-ring-inset, ) 0 0 0 calc(1px + var(--mtd-ring-offset-width)) var(--mtd-ring-color,currentcolor);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .ring-foreground\/5{--mtd-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.mt-demo .ring-foreground\/5{--mtd-ring-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.mt-demo .outline-hidden{--mtd-outline-style:none;outline-style:none}@media(forced-colors:active){.mt-demo .outline-hidden{outline-offset:2px;outline:2px solid #0000}}.mt-demo .outline{outline-style:var(--mtd-outline-style);outline-width:1px}.mt-demo .transition-all{transition-property:all;transition-timing-function:var(--mtd-ease,var(--default-transition-timing-function));transition-duration:var(--mtd-duration,var(--default-transition-duration))}.mt-demo .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--mtd-gradient-from,--mtd-gradient-via,--mtd-gradient-to;transition-timing-function:var(--mtd-ease,var(--default-transition-timing-function));transition-duration:var(--mtd-duration,var(--default-transition-duration))}.mt-demo .transition-opacity{transition-property:opacity;transition-timing-function:var(--mtd-ease,var(--default-transition-timing-function));transition-duration:var(--mtd-duration,var(--default-transition-duration))}.mt-demo .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--mtd-ease,var(--default-transition-timing-function));transition-duration:var(--mtd-duration,var(--default-transition-duration))}.mt-demo .duration-100{--mtd-duration:.1s;transition-duration:.1s}.mt-demo .duration-150{--mtd-duration:.15s;transition-duration:.15s}.mt-demo .duration-200{--mtd-duration:.2s;transition-duration:.2s}.mt-demo .duration-300{--mtd-duration:.3s;transition-duration:.3s}.mt-demo .ease-out{--mtd-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.mt-demo .fade-in-0{--mtd-enter-opacity:0}.mt-demo .outline-none{--mtd-outline-style:none;outline-style:none}.mt-demo .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mt-demo .zoom-in-95{--mtd-enter-scale:.95}.mt-demo .\!running{animation-play-state:running!important}.mt-demo .fade-in{--mtd-enter-opacity:0}.mt-demo .running{animation-play-state:running}.mt-demo .slide-in-from-bottom-1{--mtd-enter-translate-y:calc(1*var(--spacing))}.mt-demo .slide-in-from-bottom-2{--mtd-enter-translate-y:calc(2*var(--spacing))}@media(hover:hover){.mt-demo :is(:where(.group\/cite):hover .group-hover\/cite\:opacity-100),.mt-demo :is(:where(.group\/tab):hover .group-hover\/tab\:opacity-100){opacity:1}}.mt-demo .marker\:text-muted-foreground ::marker{color:var(--muted-foreground)}.mt-demo .marker\:text-muted-foreground::marker{color:var(--muted-foreground)}.mt-demo .marker\:text-muted-foreground ::-webkit-details-marker{color:var(--muted-foreground)}.mt-demo .marker\:text-muted-foreground::-webkit-details-marker{color:var(--muted-foreground)}.mt-demo .before\:absolute:before{content:var(--mtd-content);position:absolute}.mt-demo .before\:inset-x-0:before{content:var(--mtd-content);inset-inline:0}.mt-demo .before\:-inset-y-1\.5:before{content:var(--mtd-content);inset-block:calc(var(--spacing) * -1.5)}.mt-demo .first\:mt-0:first-child{margin-top:0}.mt-demo .first\:rounded-ss-lg:first-child{border-start-start-radius:var(--radius)}.mt-demo .first\:border-t:first-child{border-top-style:var(--mtd-border-style);border-top-width:1px}.mt-demo .last\:mb-0:last-child{margin-bottom:0}.mt-demo .last\:rounded-se-lg:last-child{border-start-end-radius:var(--radius)}.mt-demo .last\:border-e:last-child{border-inline-end-style:var(--mtd-border-style);border-inline-end-width:1px}.mt-demo .last\:border-b-0:last-child{border-bottom-style:var(--mtd-border-style);border-bottom-width:0}@media(hover:hover){.mt-demo .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.mt-demo .hover\:bg-accent:hover{background-color:var(--accent)}.mt-demo .hover\:bg-background\/80:hover{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-background\/80:hover{background-color:color-mix(in oklab,var(--background) 80%,transparent)}}.mt-demo .hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.mt-demo .hover\:bg-muted:hover,.mt-demo .hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.mt-demo .hover\:bg-muted\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-muted\/60:hover{background-color:color-mix(in oklab,var(--muted) 60%,transparent)}}.mt-demo .hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.mt-demo .hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.mt-demo .hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.mt-demo .hover\:text-foreground:hover{color:var(--foreground)}.mt-demo .hover\:underline:hover{text-decoration-line:underline}.mt-demo .hover\:decoration-blue-600:hover{text-decoration-color:var(--color-blue-600)}}.mt-demo .focus\:outline-none:focus{--mtd-outline-style:none;outline-style:none}.mt-demo .focus-visible\:pointer-events-auto:focus-visible{pointer-events:auto}.mt-demo .focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.mt-demo .focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.mt-demo .focus-visible\:opacity-100:focus-visible{opacity:1}.mt-demo .focus-visible\:ring-3:focus-visible{--mtd-ring-shadow:var(--mtd-ring-inset, ) 0 0 0 calc(3px + var(--mtd-ring-offset-width)) var(--mtd-ring-color,currentcolor);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .focus-visible\:ring-destructive\/20:focus-visible{--mtd-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .focus-visible\:ring-destructive\/20:focus-visible{--mtd-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.mt-demo .focus-visible\:ring-ring\/30:focus-visible{--mtd-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.mt-demo .focus-visible\:ring-ring\/30:focus-visible{--mtd-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.mt-demo .active\:bg-border:active{background-color:var(--border)}.mt-demo .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--mtd-translate-y:1px;translate:var(--mtd-translate-x) var(--mtd-translate-y)}.mt-demo .disabled\:pointer-events-none:disabled{pointer-events:none}.mt-demo .disabled\:opacity-50:disabled{opacity:.5}.mt-demo .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.mt-demo .has-data-\[icon\=inline-end\]\:pr-2\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2.5)}.mt-demo .has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.mt-demo .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.mt-demo .has-data-\[icon\=inline-start\]\:pl-2\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2.5)}.mt-demo .has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.mt-demo .aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.mt-demo .aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.mt-demo .aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.mt-demo .aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.mt-demo .aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.mt-demo .aria-invalid\:ring-3[aria-invalid=true]{--mtd-ring-shadow:var(--mtd-ring-inset, ) 0 0 0 calc(3px + var(--mtd-ring-offset-width)) var(--mtd-ring-color,currentcolor);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .aria-invalid\:ring-destructive\/20[aria-invalid=true]{--mtd-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .aria-invalid\:ring-destructive\/20[aria-invalid=true]{--mtd-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media(prefers-reduced-motion:reduce){.mt-demo .motion-reduce\:animate-none{animation:none}}@media not all and (min-width:40rem){.mt-demo .max-sm\:h-\[460px\]{height:460px}.mt-demo .max-sm\:h-\[580px\]{height:580px}.mt-demo .max-sm\:w-36{width:calc(var(--spacing) * 36)}.mt-demo .max-sm\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}}@container not (min-width:1000px){.mt-demo .\@max-\[1000px\]\:hidden{display:none}.mt-demo .\@max-\[1000px\]\:w-\[46\%\]{width:46%}.mt-demo .\@max-\[1000px\]\:w-\[56\%\]{width:56%}}@container not (min-width:640px){.mt-demo .\@max-\[640px\]\:absolute{position:absolute}.mt-demo .\@max-\[640px\]\:inset-y-0{inset-block:0}.mt-demo .\@max-\[640px\]\:right-0{right:0}.mt-demo .\@max-\[640px\]\:z-30{z-index:30}.mt-demo .\@max-\[640px\]\:block{display:block}.mt-demo .\@max-\[640px\]\:hidden{display:none}.mt-demo .\@max-\[640px\]\:inline-flex{display:inline-flex}.mt-demo .\@max-\[640px\]\:w-\[88\%\]{width:88%}.mt-demo .\@max-\[640px\]\:max-w-\[88\%\]{max-width:88%}.mt-demo .\@max-\[640px\]\:translate-x-\[105\%\]{--mtd-translate-x:105%;translate:var(--mtd-translate-x) var(--mtd-translate-y)}.mt-demo .\@max-\[640px\]\:shadow-xl{--mtd-shadow:0 20px 25px -5px var(--mtd-shadow-color,#0000001a), 0 8px 10px -6px var(--mtd-shadow-color,#0000001a);box-shadow:var(--mtd-inset-shadow),var(--mtd-inset-ring-shadow),var(--mtd-ring-offset-shadow),var(--mtd-ring-shadow),var(--mtd-shadow)}.mt-demo .\@max-\[640px\]\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--mtd-ease,var(--default-transition-timing-function));transition-duration:var(--mtd-duration,var(--default-transition-duration))}.mt-demo .\@max-\[640px\]\:duration-200{--mtd-duration:.2s;transition-duration:.2s}}@container not (min-width:560px){.mt-demo .\@max-\[560px\]\:hidden{display:none}}@container not (min-width:28rem){.mt-demo .\@max-md\:shrink{flex-shrink:1}.mt-demo .\@max-md\:shrink-0{flex-shrink:0}}@container (min-width:48rem){.mt-demo .\@3xl\:w-72{width:calc(var(--spacing) * 72)}.mt-demo .\@3xl\:w-auto{width:auto}.mt-demo .\@3xl\:flex-1{flex:1}.mt-demo .\@3xl\:flex-none{flex:none}}.mt-demo .dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.mt-demo .dark\:bg-transparent:is(.dark *){background-color:#0000}.mt-demo .dark\:text-blue-400:is(.dark *){color:var(--color-blue-400)}.mt-demo .dark\:decoration-blue-400\/40:is(.dark *){text-decoration-color:#54a2ff66}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:decoration-blue-400\/40:is(.dark *){text-decoration-color:color-mix(in oklab,var(--color-blue-400) 40%,transparent)}}@media(hover:hover){.mt-demo .dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.mt-demo .dark\:hover\:bg-input\/30:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:hover\:bg-input\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.mt-demo .dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.mt-demo .dark\:hover\:decoration-blue-400:is(.dark *):hover{text-decoration-color:var(--color-blue-400)}}.mt-demo .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--mtd-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--mtd-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.mt-demo .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.mt-demo .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--mtd-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.mt-demo .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--mtd-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.mt-demo .\[\&_\[data-heading\=h1\]\]\:mb-3 [data-heading=h1]{margin-bottom:calc(var(--spacing) * 3)}.mt-demo .\[\&_\[data-heading\=h1\]\]\:text-xl [data-heading=h1]{font-size:var(--text-xl);line-height:var(--mtd-leading,var(--text-xl--line-height))}.mt-demo .\[\&_\[data-heading\=h1\]\]\:font-semibold [data-heading=h1]{--mtd-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mt-demo .\[\&_\[data-heading\=h1\]\]\:tracking-tight [data-heading=h1]{--mtd-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.mt-demo .\[\&_\[data-heading\=h2\]\]\:mt-5 [data-heading=h2]{margin-top:calc(var(--spacing) * 5)}.mt-demo .\[\&_\[data-heading\=h2\]\]\:mb-2 [data-heading=h2]{margin-bottom:calc(var(--spacing) * 2)}.mt-demo .\[\&_\[data-heading\=h2\]\]\:text-base [data-heading=h2]{font-size:var(--text-base);line-height:var(--mtd-leading,var(--text-base--line-height))}.mt-demo .\[\&_\[data-heading\=h2\]\]\:font-semibold [data-heading=h2]{--mtd-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mt-demo .\[\&_\[data-heading\=h3\]\]\:mt-4 [data-heading=h3]{margin-top:calc(var(--spacing) * 4)}.mt-demo .\[\&_\[data-heading\=h3\]\]\:mb-1\.5 [data-heading=h3]{margin-bottom:calc(var(--spacing) * 1.5)}.mt-demo .\[\&_\[data-heading\=h3\]\]\:text-sm [data-heading=h3]{font-size:var(--text-sm);line-height:var(--mtd-leading,var(--text-sm--line-height))}.mt-demo .\[\&_\[data-heading\=h3\]\]\:font-semibold [data-heading=h3]{--mtd-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mt-demo .\[\&_hr\]\:my-5 hr{margin-block:calc(var(--spacing) * 5)}.mt-demo .\[\&_hr\]\:border-border hr{border-color:var(--border)}.mt-demo .\[\&_li\]\:my-1 li{margin-block:var(--spacing)}.mt-demo .\[\&_li\]\:pl-0\.5 li{padding-left:calc(var(--spacing) * .5)}.mt-demo .\[\&_ol\]\:my-2\.5 ol{margin-block:calc(var(--spacing) * 2.5)}.mt-demo .\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.mt-demo .\[\&_ol\]\:pl-5 ol{padding-left:calc(var(--spacing) * 5)}.mt-demo .\[\&_p\]\:my-2\.5 p{margin-block:calc(var(--spacing) * 2.5)}.mt-demo .\[\&_strong\]\:font-semibold strong{--mtd-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mt-demo .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.mt-demo .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.mt-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.mt-demo .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.mt-demo .\[\&_table\]\:my-3 table{margin-block:calc(var(--spacing) * 3)}.mt-demo .\[\&_table\]\:w-full table{width:100%}.mt-demo .\[\&_table\]\:border-collapse table{border-collapse:collapse}.mt-demo .\[\&_table\]\:text-left table{text-align:left}.mt-demo .\[\&_td\]\:border td{border-style:var(--mtd-border-style);border-width:1px}.mt-demo .\[\&_td\]\:border-border td{border-color:var(--border)}.mt-demo .\[\&_td\]\:px-2\.5 td{padding-inline:calc(var(--spacing) * 2.5)}.mt-demo .\[\&_td\]\:py-1\.5 td{padding-block:calc(var(--spacing) * 1.5)}.mt-demo .\[\&_td\]\:align-top td{vertical-align:top}.mt-demo .\[\&_td_p\]\:my-0 td p{margin-block:0}.mt-demo .\[\&_th\]\:border th{border-style:var(--mtd-border-style);border-width:1px}.mt-demo .\[\&_th\]\:border-border th{border-color:var(--border)}.mt-demo .\[\&_th\]\:bg-muted\/40 th{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.mt-demo .\[\&_th\]\:bg-muted\/40 th{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.mt-demo .\[\&_th\]\:px-2\.5 th{padding-inline:calc(var(--spacing) * 2.5)}.mt-demo .\[\&_th\]\:py-1\.5 th{padding-block:calc(var(--spacing) * 1.5)}.mt-demo .\[\&_th\]\:align-top th{vertical-align:top}.mt-demo .\[\&_th\]\:font-medium th{--mtd-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mt-demo .\[\&_th_p\]\:my-0 th p{margin-block:0}.mt-demo .\[\&_tr\]\:border-b tr{border-bottom-style:var(--mtd-border-style);border-bottom-width:1px}.mt-demo .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--mtd-border-style);border-width:0}.mt-demo .\[\&_ul\]\:my-2\.5 ul{margin-block:calc(var(--spacing) * 2.5)}.mt-demo .\[\&_ul\]\:list-disc ul{list-style-type:disc}.mt-demo .\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}.mt-demo .\[\[align\=center\]\]\:text-center[align=center]{text-align:center}.mt-demo .\[\[align\=right\]\]\:text-right[align=right]{text-align:right}.mt-demo .\[\&\:last-child\>td\:first-child\]\:rounded-es-lg:last-child>td:first-child{border-end-start-radius:var(--radius)}.mt-demo .\[\&\:last-child\>td\:last-child\]\:rounded-ee-lg:last-child>td:last-child{border-end-end-radius:var(--radius)}.mt-demo .\[\&\>li\]\:mt-1>li{margin-top:var(--spacing)}@property --mtd-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --mtd-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --mtd-animation-duration{syntax:"*";inherits:false}@property --mtd-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --mtd-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --mtd-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --mtd-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --mtd-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --mtd-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --mtd-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --mtd-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --mtd-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --mtd-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --mtd-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --mtd-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --mtd-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --mtd-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.mt-demo{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--focus:var(--primary);letter-spacing:normal;word-break:normal;text-align:left;background-color:#0000;font-size:1rem;font-weight:400}.mt-demo ::-moz-selection{color:highlighttext;background-color:highlight}.mt-demo ::selection{color:highlighttext;background-color:highlight}.mt-demo :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mt-demo [data-slot=button]{transition-property:color,background-color,border-color,opacity,transform}.mt-demo [data-slot=button]:focus-visible{box-shadow:none}@property --mtd-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --mtd-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --mtd-translate-x{syntax:"*";inherits:false;initial-value:0}@property --mtd-translate-y{syntax:"*";inherits:false;initial-value:0}@property --mtd-translate-z{syntax:"*";inherits:false;initial-value:0}@property --mtd-rotate-x{syntax:"*";inherits:false}@property --mtd-rotate-y{syntax:"*";inherits:false}@property --mtd-rotate-z{syntax:"*";inherits:false}@property --mtd-skew-x{syntax:"*";inherits:false}@property --mtd-skew-y{syntax:"*";inherits:false}@property --mtd-border-style{syntax:"*";inherits:false;initial-value:solid}@property --mtd-leading{syntax:"*";inherits:false}@property --mtd-font-weight{syntax:"*";inherits:false}@property --mtd-tracking{syntax:"*";inherits:false}@property --mtd-ordinal{syntax:"*";inherits:false}@property --mtd-slashed-zero{syntax:"*";inherits:false}@property --mtd-numeric-figure{syntax:"*";inherits:false}@property --mtd-numeric-spacing{syntax:"*";inherits:false}@property --mtd-numeric-fraction{syntax:"*";inherits:false}@property --mtd-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --mtd-shadow-color{syntax:"*";inherits:false}@property --mtd-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --mtd-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --mtd-inset-shadow-color{syntax:"*";inherits:false}@property --mtd-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --mtd-ring-color{syntax:"*";inherits:false}@property --mtd-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --mtd-inset-ring-color{syntax:"*";inherits:false}@property --mtd-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --mtd-ring-inset{syntax:"*";inherits:false}@property --mtd-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --mtd-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --mtd-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --mtd-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --mtd-duration{syntax:"*";inherits:false}@property --mtd-ease{syntax:"*";inherits:false}@property --mtd-content{syntax:"*";inherits:false;initial-value:""}@keyframes mtd-spin{to{transform:rotate(360deg)}}@keyframes mtd-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes mtd-pulse{50%{opacity:.5}}@keyframes mtd-enter{0%{opacity:var(--mtd-enter-opacity,1);transform:translate3d(var(--mtd-enter-translate-x,0),var(--mtd-enter-translate-y,0),0)scale3d(var(--mtd-enter-scale,1),var(--mtd-enter-scale,1),var(--mtd-enter-scale,1))rotate(var(--mtd-enter-rotate,0));filter:blur(var(--mtd-enter-blur,0))}}.hero-stage{--page-bleed:max(0px, calc((min(1300px,100vw - 48px) - min(1180px,100vw - 48px))/2) )}.hero-stage,.how-stage{overflow:hidden;overflow:clip;--demo-zoom:.8}.hero-stage .mt-demo,.how-stage .mt-demo{zoom:var(--demo-zoom);--demo-h:calc(var(--demo-win-h) / var(--demo-zoom))}.hero-stage{margin:clamp(32px,3.2vw,44px) calc(-1 * var(--page-bleed)) 0;padding:50px 24px;border-radius:6px;background:linear-gradient(155deg,#e0e7f0,#c8d3e2);--demo-win-h:620px}.hero-stage .mt-demo{max-width:calc(1080px / var(--demo-zoom));margin:0 auto}.how-stage{min-width:0;padding:48px 50px;border-radius:4px;background:#d5dee9;--demo-win-h:584px}@media(max-width:1023px){.hero-stage{padding:36px 24px;--demo-win-h:560px}.how-stage{padding:36px 40px;--demo-win-h:520px}}@media(max-width:640px){.hero-stage{margin:28px -24px 0;padding:14px 12px;border-radius:0;--demo-zoom:1;--demo-win-h:580px}.how-stage{padding:18px 12px;--demo-zoom:1;--demo-win-h:460px}}