@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{--un-accent-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-border-opacity:100%;--un-space-y-reverse:initial;--un-from-opacity:100%;--un-to-opacity:100%;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-ring-opacity:100%}}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-accent-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-position{syntax:"*";inherits:false;}@property --un-gradient-stops{syntax:"*";inherits:false;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-via-stops{syntax:"*";inherits:false;}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}:root,:host{--spacing: .25rem;--container-6xl: 72rem;--fontWeight-bold: 700;--default-transition-timingFunction: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--radius-md: .375rem;--fontWeight-medium: 500;--tracking-wide: .025em;--fontWeight-semibold: 600;--radius-DEFAULT: .25rem;--container-4xl: 56rem;--container-3xl: 48rem;--radius-lg: .5rem;--colors-orange-600: oklch(64.6% .222 41.116);--container-xl: 36rem;--radius-xl: .75rem;--colors-gray-900: oklch(21% .034 264.665);--colors-gray-600: oklch(44.6% .03 256.802);--colors-white: #fff;--colors-gray-50: oklch(98.5% .002 247.839);--colors-gray-500: oklch(55.1% .027 264.364);--colors-green-600: oklch(62.7% .194 149.214);--colors-gray-700: oklch(37.3% .034 259.733);--colors-red-600: oklch(57.7% .245 27.325);--colors-green-200: oklch(92.5% .084 155.995);--colors-green-50: oklch(98.2% .018 155.826);--colors-green-700: oklch(52.7% .154 150.069);--colors-amber-200: oklch(92.4% .12 95.746);--colors-amber-50: oklch(98.7% .022 95.277);--colors-amber-700: oklch(55.5% .163 48.998);--colors-red-200: oklch(88.5% .062 18.334);--colors-red-50: oklch(97.1% .013 17.38);--colors-red-700: oklch(50.5% .213 27.518);--colors-gray-200: oklch(92.8% .006 264.531);--colors-orange-50: oklch(98% .016 73.684);--colors-orange-200: oklch(90.1% .076 70.697);--colors-orange-700: oklch(55.3% .195 38.402);--colors-gray-300: oklch(87.2% .01 258.338);--text-3xl-fontSize: 1.875rem;--text-3xl-lineHeight: 2.25rem;--text-4xl-fontSize: 2.25rem;--text-4xl-lineHeight: 2.5rem;--text-base-fontSize: 1rem;--text-base-lineHeight: 1.5rem;--text-xs-fontSize: .75rem;--text-xs-lineHeight: 1rem;--text-lg-fontSize: 1.125rem;--text-lg-lineHeight: 1.75rem;--text-sm-fontSize: .875rem;--text-sm-lineHeight: 1.25rem;--text-2xl-fontSize: 1.5rem;--text-2xl-lineHeight: 2rem;--text-xl-fontSize: 1.25rem;--text-xl-lineHeight: 1.75rem;--text-5xl-fontSize: 3rem;--text-5xl-lineHeight: 1;--colors-orange-500: oklch(70.5% .213 47.604);--colors-black: #000;--colors-gray-100: oklch(96.7% .003 264.542);--colors-gray-400: oklch(70.7% .022 261.325);--colors-gray-950: oklch(13% .028 261.692);--colors-green-400: oklch(79.2% .209 151.711);--colors-red-400: oklch(70.4% .191 22.216);--colors-gray-800: oklch(27.8% .033 256.848);--colors-orange-400: oklch(75% .183 55.934);--colors-green-900: oklch(39.3% .095 152.535);--colors-green-950: oklch(26.6% .065 152.934);--colors-amber-900: oklch(41.4% .112 45.904);--colors-amber-950: oklch(27.9% .077 45.635);--colors-amber-400: oklch(82.8% .189 84.429);--colors-red-900: oklch(39.6% .141 25.723);--colors-red-950: oklch(25.8% .092 26.042);--colors-orange-900: oklch(40.8% .123 38.172);--colors-orange-950: oklch(26.6% .079 36.259);--font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family: var(--font-sans);--default-monoFont-family: var(--font-mono)}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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-featureSettings, normal);font-variation-settings:var(--default-font-variationSettings, 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-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-feature-settings:var(--default-monoFont-featureSettings, normal);font-variation-settings:var(--default-monoFont-variationSettings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden~=until-found])){display:none!important}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight))}.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight))}.text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight))}.text-5xl{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight))}.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight))}.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight))}.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight))}.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight))}.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight))}.dark .dark\:text-amber-400{color:color-mix(in srgb,var(--colors-amber-400) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-100{color:color-mix(in srgb,var(--colors-gray-100) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-200{color:color-mix(in srgb,var(--colors-gray-200) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-300{color:color-mix(in srgb,var(--colors-gray-300) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-400{color:color-mix(in srgb,var(--colors-gray-400) var(--un-text-opacity),transparent)}.dark .dark\:text-green-400{color:color-mix(in srgb,var(--colors-green-400) var(--un-text-opacity),transparent)}.dark .dark\:text-orange-400{color:color-mix(in srgb,var(--colors-orange-400) var(--un-text-opacity),transparent)}.dark .dark\:text-red-400{color:color-mix(in srgb,var(--colors-red-400) var(--un-text-opacity),transparent)}.text-amber-700{color:color-mix(in srgb,var(--colors-amber-700) var(--un-text-opacity),transparent)}.text-gray-500{color:color-mix(in srgb,var(--colors-gray-500) var(--un-text-opacity),transparent)}.text-gray-600{color:color-mix(in srgb,var(--colors-gray-600) var(--un-text-opacity),transparent)}.text-gray-700{color:color-mix(in srgb,var(--colors-gray-700) var(--un-text-opacity),transparent)}.text-gray-900{color:color-mix(in srgb,var(--colors-gray-900) var(--un-text-opacity),transparent)}.text-green-600{color:color-mix(in srgb,var(--colors-green-600) var(--un-text-opacity),transparent)}.text-green-700{color:color-mix(in srgb,var(--colors-green-700) var(--un-text-opacity),transparent)}.text-orange-600{color:color-mix(in srgb,var(--colors-orange-600) var(--un-text-opacity),transparent)}.text-orange-700{color:color-mix(in srgb,var(--colors-orange-700) var(--un-text-opacity),transparent)}.text-red-600{color:color-mix(in srgb,var(--colors-red-600) var(--un-text-opacity),transparent)}.text-red-700{color:color-mix(in srgb,var(--colors-red-700) var(--un-text-opacity),transparent)}.text-white{color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent)}.dark .dark\:hover\:text-orange-400:hover{color:color-mix(in srgb,var(--colors-orange-400) var(--un-text-opacity),transparent)}.hover\:text-orange-600:hover{color:color-mix(in srgb,var(--colors-orange-600) var(--un-text-opacity),transparent)}.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold)}.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium)}.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold)}.m-auto{margin:auto}.m\[\'script\:ld\+json\'\]{margin:"script:ld+json"}.mx-auto{margin-inline:auto}.-mb-\[2px\]{margin-bottom:-2px}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.me{margin-inline-end:calc(var(--spacing) * 4)}.ms{margin-inline-start:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-right{text-align:right}.focus\:outline-none:focus{--un-outline-style:none;outline-style:none}.focus-visible\:outline-none:focus-visible{--un-outline-style:none;outline-style:none}.list-disc{list-style-type:disc}.accent-orange-600{accent-color:color-mix(in srgb,var(--colors-orange-600) var(--un-accent-opacity),transparent)}.dark .dark\:accent-orange-500{accent-color:color-mix(in srgb,var(--colors-orange-500) var(--un-accent-opacity),transparent)}.b,.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-amber-200{border-color:color-mix(in srgb,var(--colors-amber-200) var(--un-border-opacity),transparent)}.border-gray-200{border-color:color-mix(in srgb,var(--colors-gray-200) var(--un-border-opacity),transparent)}.border-gray-300{border-color:color-mix(in srgb,var(--colors-gray-300) var(--un-border-opacity),transparent)}.border-green-200{border-color:color-mix(in srgb,var(--colors-green-200) var(--un-border-opacity),transparent)}.border-orange-200{border-color:color-mix(in srgb,var(--colors-orange-200) var(--un-border-opacity),transparent)}.border-orange-600{border-color:color-mix(in srgb,var(--colors-orange-600) var(--un-border-opacity),transparent)}.border-red-200{border-color:color-mix(in srgb,var(--colors-red-200) var(--un-border-opacity),transparent)}.dark .dark\:border-amber-900{border-color:color-mix(in srgb,var(--colors-amber-900) var(--un-border-opacity),transparent)}.dark .dark\:border-gray-600{border-color:color-mix(in srgb,var(--colors-gray-600) var(--un-border-opacity),transparent)}.dark .dark\:border-gray-700{border-color:color-mix(in srgb,var(--colors-gray-700) var(--un-border-opacity),transparent)}.dark .dark\:border-green-900{border-color:color-mix(in srgb,var(--colors-green-900) var(--un-border-opacity),transparent)}.dark .dark\:border-orange-400{border-color:color-mix(in srgb,var(--colors-orange-400) var(--un-border-opacity),transparent)}.dark .dark\:border-orange-900{border-color:color-mix(in srgb,var(--colors-orange-900) var(--un-border-opacity),transparent)}.dark .dark\:border-red-900{border-color:color-mix(in srgb,var(--colors-red-900) var(--un-border-opacity),transparent)}.focus\:border-orange-500:focus{border-color:color-mix(in srgb,var(--colors-orange-500) var(--un-border-opacity),transparent)}.rounded{border-radius:var(--radius-DEFAULT)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in srgb,var(--colors-black) 50%,transparent)}.bg-amber-50{background-color:color-mix(in srgb,var(--colors-amber-50) var(--un-bg-opacity),transparent)}.bg-gray-50{background-color:color-mix(in srgb,var(--colors-gray-50) var(--un-bg-opacity),transparent)}.bg-green-50{background-color:color-mix(in srgb,var(--colors-green-50) var(--un-bg-opacity),transparent)}.bg-orange-50{background-color:color-mix(in srgb,var(--colors-orange-50) var(--un-bg-opacity),transparent)}.bg-orange-600{background-color:color-mix(in srgb,var(--colors-orange-600) var(--un-bg-opacity),transparent)}.bg-red-50{background-color:color-mix(in srgb,var(--colors-red-50) var(--un-bg-opacity),transparent)}.bg-white{background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent)}.dark .dark\:bg-amber-950{background-color:color-mix(in srgb,var(--colors-amber-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-700{background-color:color-mix(in srgb,var(--colors-gray-700) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-800{background-color:color-mix(in srgb,var(--colors-gray-800) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-900{background-color:color-mix(in srgb,var(--colors-gray-900) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-950{background-color:color-mix(in srgb,var(--colors-gray-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-green-950{background-color:color-mix(in srgb,var(--colors-green-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-orange-500{background-color:color-mix(in srgb,var(--colors-orange-500) var(--un-bg-opacity),transparent)}.dark .dark\:bg-orange-950{background-color:color-mix(in srgb,var(--colors-orange-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-red-950{background-color:color-mix(in srgb,var(--colors-red-950) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-gray-700:hover{background-color:color-mix(in srgb,var(--colors-gray-700) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-gray-800:hover{background-color:color-mix(in srgb,var(--colors-gray-800) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-orange-600:hover{background-color:color-mix(in srgb,var(--colors-orange-600) var(--un-bg-opacity),transparent)}.hover\:bg-gray-100:hover{background-color:color-mix(in srgb,var(--colors-gray-100) var(--un-bg-opacity),transparent)}.hover\:bg-gray-50:hover{background-color:color-mix(in srgb,var(--colors-gray-50) var(--un-bg-opacity),transparent)}.hover\:bg-orange-700:hover{background-color:color-mix(in srgb,var(--colors-orange-700) var(--un-bg-opacity),transparent)}.disabled\:opacity-50:disabled{opacity:50%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.grid{display:grid}.grid-flow-dense{grid-auto-flow:dense}.h-16{height:calc(var(--spacing) * 16)}.h-4{height:calc(var(--spacing) * 4)}.h-full{height:100%}.max-h-\[75vh\]{max-height:75vh}.max-h-\[90vh\]{max-height:90vh}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.min-h-screen{min-height:100vh}.min-w-max{min-width:max-content}.w-\[min\(40vw\,30rem\)\]{width:min(40vw,30rem)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.w-max{width:max-content}.cursor-pointer{cursor:pointer}.disabled\:pointer-events-none:disabled{pointer-events:none}.uppercase{text-transform:uppercase}.focus\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:ring-orange-500:focus{--un-ring-color:color-mix(in srgb, var(--colors-orange-500) var(--un-ring-opacity), transparent) }.focus-visible\:ring-orange-500:focus-visible{--un-ring-color:color-mix(in srgb, var(--colors-orange-500) var(--un-ring-opacity), transparent) }.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:scale-\[1\.02\]:hover{--un-scale-x:1.02;--un-scale-y:1.02;scale:var(--un-scale-x) var(--un-scale-y)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration))}.items-center{align-items:center}.inset-0{inset:calc(var(--spacing) * 0)}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.overflow-auto{overflow:auto}.dark .dark\:from-gray-800{--un-gradient-from:color-mix(in oklab, var(--colors-gray-800) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position))}.dark .dark\:to-gray-900{--un-gradient-to:color-mix(in oklab, var(--colors-gray-900) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position))}.from-orange-50{--un-gradient-from:color-mix(in oklab, var(--colors-orange-50) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position))}.to-white{--un-gradient-to:color-mix(in oklab, var(--colors-white) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position))}.bg-gradient-to-br{--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops))}:where(.space-y-2>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--un-space-y-reverse)))}@supports (color: color-mix(in lab,red,red)){.dark .dark\:text-amber-400{color:color-mix(in oklab,var(--colors-amber-400) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-100{color:color-mix(in oklab,var(--colors-gray-100) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-200{color:color-mix(in oklab,var(--colors-gray-200) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-300{color:color-mix(in oklab,var(--colors-gray-300) var(--un-text-opacity),transparent)}.dark .dark\:text-gray-400{color:color-mix(in oklab,var(--colors-gray-400) var(--un-text-opacity),transparent)}.dark .dark\:text-green-400{color:color-mix(in oklab,var(--colors-green-400) var(--un-text-opacity),transparent)}.dark .dark\:text-orange-400{color:color-mix(in oklab,var(--colors-orange-400) var(--un-text-opacity),transparent)}.dark .dark\:text-red-400{color:color-mix(in oklab,var(--colors-red-400) var(--un-text-opacity),transparent)}.text-amber-700{color:color-mix(in oklab,var(--colors-amber-700) var(--un-text-opacity),transparent)}.text-gray-500{color:color-mix(in oklab,var(--colors-gray-500) var(--un-text-opacity),transparent)}.text-gray-600{color:color-mix(in oklab,var(--colors-gray-600) var(--un-text-opacity),transparent)}.text-gray-700{color:color-mix(in oklab,var(--colors-gray-700) var(--un-text-opacity),transparent)}.text-gray-900{color:color-mix(in oklab,var(--colors-gray-900) var(--un-text-opacity),transparent)}.text-green-600{color:color-mix(in oklab,var(--colors-green-600) var(--un-text-opacity),transparent)}.text-green-700{color:color-mix(in oklab,var(--colors-green-700) var(--un-text-opacity),transparent)}.text-orange-600{color:color-mix(in oklab,var(--colors-orange-600) var(--un-text-opacity),transparent)}.text-orange-700{color:color-mix(in oklab,var(--colors-orange-700) var(--un-text-opacity),transparent)}.text-red-600{color:color-mix(in oklab,var(--colors-red-600) var(--un-text-opacity),transparent)}.text-red-700{color:color-mix(in oklab,var(--colors-red-700) var(--un-text-opacity),transparent)}.text-white{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}.dark .dark\:hover\:text-orange-400:hover{color:color-mix(in oklab,var(--colors-orange-400) var(--un-text-opacity),transparent)}.hover\:text-orange-600:hover{color:color-mix(in oklab,var(--colors-orange-600) var(--un-text-opacity),transparent)}.accent-orange-600{accent-color:color-mix(in oklab,var(--colors-orange-600) var(--un-accent-opacity),transparent)}.dark .dark\:accent-orange-500{accent-color:color-mix(in oklab,var(--colors-orange-500) var(--un-accent-opacity),transparent)}.border-amber-200{border-color:color-mix(in oklab,var(--colors-amber-200) var(--un-border-opacity),transparent)}.border-gray-200{border-color:color-mix(in oklab,var(--colors-gray-200) var(--un-border-opacity),transparent)}.border-gray-300{border-color:color-mix(in oklab,var(--colors-gray-300) var(--un-border-opacity),transparent)}.border-green-200{border-color:color-mix(in oklab,var(--colors-green-200) var(--un-border-opacity),transparent)}.border-orange-200{border-color:color-mix(in oklab,var(--colors-orange-200) var(--un-border-opacity),transparent)}.border-orange-600{border-color:color-mix(in oklab,var(--colors-orange-600) var(--un-border-opacity),transparent)}.border-red-200{border-color:color-mix(in oklab,var(--colors-red-200) var(--un-border-opacity),transparent)}.dark .dark\:border-amber-900{border-color:color-mix(in oklab,var(--colors-amber-900) var(--un-border-opacity),transparent)}.dark .dark\:border-gray-600{border-color:color-mix(in oklab,var(--colors-gray-600) var(--un-border-opacity),transparent)}.dark .dark\:border-gray-700{border-color:color-mix(in oklab,var(--colors-gray-700) var(--un-border-opacity),transparent)}.dark .dark\:border-green-900{border-color:color-mix(in oklab,var(--colors-green-900) var(--un-border-opacity),transparent)}.dark .dark\:border-orange-400{border-color:color-mix(in oklab,var(--colors-orange-400) var(--un-border-opacity),transparent)}.dark .dark\:border-orange-900{border-color:color-mix(in oklab,var(--colors-orange-900) var(--un-border-opacity),transparent)}.dark .dark\:border-red-900{border-color:color-mix(in oklab,var(--colors-red-900) var(--un-border-opacity),transparent)}.focus\:border-orange-500:focus{border-color:color-mix(in oklab,var(--colors-orange-500) var(--un-border-opacity),transparent)}.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in oklab,var(--colors-black) 50%,transparent)}.bg-amber-50{background-color:color-mix(in oklab,var(--colors-amber-50) var(--un-bg-opacity),transparent)}.bg-gray-50{background-color:color-mix(in oklab,var(--colors-gray-50) var(--un-bg-opacity),transparent)}.bg-green-50{background-color:color-mix(in oklab,var(--colors-green-50) var(--un-bg-opacity),transparent)}.bg-orange-50{background-color:color-mix(in oklab,var(--colors-orange-50) var(--un-bg-opacity),transparent)}.bg-orange-600{background-color:color-mix(in oklab,var(--colors-orange-600) var(--un-bg-opacity),transparent)}.bg-red-50{background-color:color-mix(in oklab,var(--colors-red-50) var(--un-bg-opacity),transparent)}.bg-white{background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}.dark .dark\:bg-amber-950{background-color:color-mix(in oklab,var(--colors-amber-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-700{background-color:color-mix(in oklab,var(--colors-gray-700) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-800{background-color:color-mix(in oklab,var(--colors-gray-800) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-900{background-color:color-mix(in oklab,var(--colors-gray-900) var(--un-bg-opacity),transparent)}.dark .dark\:bg-gray-950{background-color:color-mix(in oklab,var(--colors-gray-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-green-950{background-color:color-mix(in oklab,var(--colors-green-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-orange-500{background-color:color-mix(in oklab,var(--colors-orange-500) var(--un-bg-opacity),transparent)}.dark .dark\:bg-orange-950{background-color:color-mix(in oklab,var(--colors-orange-950) var(--un-bg-opacity),transparent)}.dark .dark\:bg-red-950{background-color:color-mix(in oklab,var(--colors-red-950) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-gray-700:hover{background-color:color-mix(in oklab,var(--colors-gray-700) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-gray-800:hover{background-color:color-mix(in oklab,var(--colors-gray-800) var(--un-bg-opacity),transparent)}.dark .dark\:hover\:bg-orange-600:hover{background-color:color-mix(in oklab,var(--colors-orange-600) var(--un-bg-opacity),transparent)}.hover\:bg-gray-100:hover{background-color:color-mix(in oklab,var(--colors-gray-100) var(--un-bg-opacity),transparent)}.hover\:bg-gray-50:hover{background-color:color-mix(in oklab,var(--colors-gray-50) var(--un-bg-opacity),transparent)}.hover\:bg-orange-700:hover{background-color:color-mix(in oklab,var(--colors-orange-700) var(--un-bg-opacity),transparent)}.focus\:ring-orange-500:focus{--un-ring-color:color-mix(in oklab, var(--colors-orange-500) var(--un-ring-opacity), transparent) }.focus-visible\:ring-orange-500:focus-visible{--un-ring-color:color-mix(in oklab, var(--colors-orange-500) var(--un-ring-opacity), transparent) }}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@layer base{*,:after,:before,::backdrop,::file-selector-button{border-color:var(--color-gray-200, currentcolor)}}html{color-scheme:light dark;font-size:16pt}.midi-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"controls controls" "target active" "staff staff" "score score"}.midi-controls{grid-area:controls}.midi-target{grid-area:target;min-height:12rem}.midi-active{grid-area:active;min-height:12rem}.midi-staff{grid-area:staff}.midi-score{grid-area:score}svg{border:2px outset goldenrod;border-radius:15%;corner-shape:squircle}@media(max-width:900px){.midi-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls" "target" "active" "staff" "score"}}