.page-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;height:56px;align-items:center;padding-inline-start:12px;padding-inline-end:12px;>[part=title]{grid-column:2/3;margin-inline-start:12px;margin-inline-end:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-md:.375rem;--radius-3xl:1.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display-large:var(--md-sys-typescale-display-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-display-large:var(--md-sys-typescale-display-large-size,57px);--tracking-display-large:var(--md-sys-typescale-display-large-tracking,-.25px);--leading-display-large:var(--md-sys-typescale-display-large-line-height,64px);--font-weight-weight-display-large:var(--md-sys-typescale-display-large-weight,var(--md-ref-typeface-weight-regular,400));--font-display-medium:var(--md-sys-typescale-display-medium-font,var(--md-ref-typeface-brand,"Roboto"));--text-display-medium:var(--md-sys-typescale-display-medium-size,45px);--tracking-display-medium:var(--md-sys-typescale-display-medium-tracking,0px);--leading-display-medium:var(--md-sys-typescale-display-medium-line-height,52px);--font-weight-weight-display-medium:var(--md-sys-typescale-display-medium-weight,var(--md-ref-typeface-weight-regular,400));--font-display-small:var(--md-sys-typescale-display-small-font,var(--md-ref-typeface-brand,"Roboto"));--text-display-small:var(--md-sys-typescale-display-small-size,36px);--tracking-display-small:var(--md-sys-typescale-display-small-tracking,0px);--leading-display-small:var(--md-sys-typescale-display-small-line-height,44px);--font-weight-weight-display-small:var(--md-sys-typescale-display-small-weight,var(--md-ref-typeface-weight-regular,400));--font-headline-large:var(--md-sys-typescale-headline-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-headline-large:var(--md-sys-typescale-headline-large-size,32px);--tracking-headline-large:var(--md-sys-typescale-headline-large-tracking,0px);--leading-headline-large:var(--md-sys-typescale-headline-large-line-height,40px);--font-weight-weight-headline-large:var(--md-sys-typescale-headline-large-weight,var(--md-ref-typeface-weight-regular,400));--font-headline-medium:var(--md-sys-typescale-headline-medium-font,var(--md-ref-typeface-brand,"Roboto"));--text-headline-medium:var(--md-sys-typescale-headline-medium-size,28px);--tracking-headline-medium:var(--md-sys-typescale-headline-medium-tracking,0px);--leading-headline-medium:var(--md-sys-typescale-headline-medium-line-height,36px);--font-weight-weight-headline-medium:var(--md-sys-typescale-headline-medium-weight,var(--md-ref-typeface-weight-regular,400));--font-headline-small:var(--md-sys-typescale-headline-small-font,var(--md-ref-typeface-brand,"Roboto"));--text-headline-small:var(--md-sys-typescale-headline-small-size,24px);--tracking-headline-small:var(--md-sys-typescale-headline-small-tracking,0px);--leading-headline-small:var(--md-sys-typescale-headline-small-line-height,32px);--font-weight-weight-headline-small:var(--md-sys-typescale-headline-small-weight,var(--md-ref-typeface-weight-regular,400));--font-title-large:var(--md-sys-typescale-title-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-title-large:var(--md-sys-typescale-title-large-size,22px);--tracking-title-large:var(--md-sys-typescale-title-large-tracking,0px);--leading-title-large:var(--md-sys-typescale-title-large-line-height,28px);--font-weight-weight-title-large:var(--md-sys-typescale-title-large-weight,var(--md-ref-typeface-weight-regular,400));--font-title-medium:var(--md-sys-typescale-title-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-title-medium:var(--md-sys-typescale-title-medium-size,16px);--tracking-title-medium:var(--md-sys-typescale-title-medium-tracking,.15px);--leading-title-medium:var(--md-sys-typescale-title-medium-line-height,24px);--font-weight-weight-title-medium:var(--md-sys-typescale-title-medium-weight,var(--md-ref-typeface-weight-medium,500));--font-title-small:var(--md-sys-typescale-title-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-title-small:var(--md-sys-typescale-title-small-size,14px);--tracking-title-small:var(--md-sys-typescale-title-small-tracking,.1px);--leading-title-small:var(--md-sys-typescale-title-small-line-height,20px);--font-weight-weight-title-small:var(--md-sys-typescale-title-small-weight,var(--md-ref-typeface-weight-medium,500));--font-body-large:var(--md-sys-typescale-body-large-font,var(--md-ref-typeface-plain,"Roboto"));--text-body-large:var(--md-sys-typescale-body-large-size,16px);--tracking-body-large:var(--md-sys-typescale-body-large-tracking,.5px);--leading-body-large:var(--md-sys-typescale-body-large-line-height,24px);--font-weight-weight-body-large:var(--md-sys-typescale-body-large-weight,var(--md-ref-typeface-weight-regular,400));--font-body-medium:var(--md-sys-typescale-body-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-body-medium:var(--md-sys-typescale-body-medium-size,14px);--tracking-body-medium:var(--md-sys-typescale-body-medium-tracking,.25px);--leading-body-medium:var(--md-sys-typescale-body-medium-line-height,20px);--font-weight-weight-body-medium:var(--md-sys-typescale-body-medium-weight,var(--md-ref-typeface-weight-regular,400));--font-body-small:var(--md-sys-typescale-body-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-body-small:var(--md-sys-typescale-body-small-size,12px);--tracking-body-small:var(--md-sys-typescale-body-small-tracking,.4px);--leading-body-small:var(--md-sys-typescale-body-small-line-height,16px);--font-weight-weight-body-small:var(--md-sys-typescale-body-small-weight,var(--md-ref-typeface-weight-regular,400));--font-label-large:var(--md-sys-typescale-label-large-font,var(--md-ref-typeface-plain,"Roboto"));--text-label-large:var(--md-sys-typescale-label-large-size,14px);--tracking-label-large:var(--md-sys-typescale-label-large-tracking,.1px);--leading-label-large:var(--md-sys-typescale-label-large-line-height,20px);--font-weight-weight-label-large:var(--md-sys-typescale-label-large-weight,var(--md-ref-typeface-weight-medium,500));--font-label-medium:var(--md-sys-typescale-label-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-label-medium:var(--md-sys-typescale-label-medium-size,12px);--tracking-label-medium:var(--md-sys-typescale-label-medium-tracking,.5px);--leading-label-medium:var(--md-sys-typescale-label-medium-line-height,16px);--font-weight-weight-label-medium:var(--md-sys-typescale-label-medium-weight,var(--md-ref-typeface-weight-medium,500));--font-label-small:var(--md-sys-typescale-label-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-label-small:var(--md-sys-typescale-label-small-size,11px);--tracking-label-small:var(--md-sys-typescale-label-small-tracking,.5px);--leading-label-small:var(--md-sys-typescale-label-small-line-height,16px);--font-weight-weight-label-small:var(--md-sys-typescale-label-small-weight,var(--md-ref-typeface-weight-medium,500));--font-emphasized-display-large:var(--md-sys-typescale-emphasized-display-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-display-large:var(--md-sys-typescale-emphasized-display-large-size,57px);--tracking-emphasized-display-large:var(--md-sys-typescale-emphasized-display-large-tracking,-.25px);--leading-emphasized-display-large:var(--md-sys-typescale-emphasized-display-large-line-height,64px);--font-weight-weight-emphasized-display-large:var(--md-sys-typescale-emphasized-display-large-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-display-medium:var(--md-sys-typescale-emphasized-display-medium-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-display-medium:var(--md-sys-typescale-emphasized-display-medium-size,45px);--tracking-emphasized-display-medium:var(--md-sys-typescale-emphasized-display-medium-tracking,0px);--leading-emphasized-display-medium:var(--md-sys-typescale-emphasized-display-medium-line-height,52px);--font-weight-weight-emphasized-display-medium:var(--md-sys-typescale-emphasized-display-medium-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-display-small:var(--md-sys-typescale-emphasized-display-small-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-display-small:var(--md-sys-typescale-emphasized-display-small-size,36px);--tracking-emphasized-display-small:var(--md-sys-typescale-emphasized-display-small-tracking,0px);--leading-emphasized-display-small:var(--md-sys-typescale-emphasized-display-small-line-height,44px);--font-weight-weight-emphasized-display-small:var(--md-sys-typescale-emphasized-display-small-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-headline-large:var(--md-sys-typescale-emphasized-headline-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-headline-large:var(--md-sys-typescale-emphasized-headline-large-size,32px);--tracking-emphasized-headline-large:var(--md-sys-typescale-emphasized-headline-large-tracking,0px);--leading-emphasized-headline-large:var(--md-sys-typescale-emphasized-headline-large-line-height,40px);--font-weight-weight-emphasized-headline-large:var(--md-sys-typescale-emphasized-headline-large-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-headline-medium:var(--md-sys-typescale-emphasized-headline-medium-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-headline-medium:var(--md-sys-typescale-emphasized-headline-medium-size,28px);--tracking-emphasized-headline-medium:var(--md-sys-typescale-emphasized-headline-medium-tracking,0px);--leading-emphasized-headline-medium:var(--md-sys-typescale-emphasized-headline-medium-line-height,36px);--font-weight-weight-emphasized-headline-medium:var(--md-sys-typescale-emphasized-headline-medium-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-headline-small:var(--md-sys-typescale-emphasized-headline-small-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-headline-small:var(--md-sys-typescale-emphasized-headline-small-size,24px);--tracking-emphasized-headline-small:var(--md-sys-typescale-emphasized-headline-small-tracking,0px);--leading-emphasized-headline-small:var(--md-sys-typescale-emphasized-headline-small-line-height,32px);--font-weight-weight-emphasized-headline-small:var(--md-sys-typescale-emphasized-headline-small-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-title-large:var(--md-sys-typescale-emphasized-title-large-font,var(--md-ref-typeface-brand,"Roboto"));--text-emphasized-title-large:var(--md-sys-typescale-emphasized-title-large-size,22px);--tracking-emphasized-title-large:var(--md-sys-typescale-emphasized-title-large-tracking,0px);--leading-emphasized-title-large:var(--md-sys-typescale-emphasized-title-large-line-height,28px);--font-weight-weight-emphasized-title-large:var(--md-sys-typescale-emphasized-title-large-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-title-medium:var(--md-sys-typescale-emphasized-title-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-title-medium:var(--md-sys-typescale-emphasized-title-medium-size,16px);--tracking-emphasized-title-medium:var(--md-sys-typescale-emphasized-title-medium-tracking,.15px);--leading-emphasized-title-medium:var(--md-sys-typescale-emphasized-title-medium-line-height,24px);--font-weight-weight-emphasized-title-medium:var(--md-sys-typescale-emphasized-title-medium-weight,var(--md-ref-typeface-weight-medium,700));--font-emphasized-title-small:var(--md-sys-typescale-emphasized-title-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-title-small:var(--md-sys-typescale-emphasized-title-small-size,14px);--tracking-emphasized-title-small:var(--md-sys-typescale-emphasized-title-small-tracking,.1px);--leading-emphasized-title-small:var(--md-sys-typescale-emphasized-title-small-line-height,20px);--font-weight-weight-emphasized-title-small:var(--md-sys-typescale-emphasized-title-small-weight,var(--md-ref-typeface-weight-medium,700));--font-emphasized-body-large:var(--md-sys-typescale-emphasized-body-large-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-body-large:var(--md-sys-typescale-emphasized-body-large-size,16px);--tracking-emphasized-body-large:var(--md-sys-typescale-emphasized-body-large-tracking,.5px);--leading-emphasized-body-large:var(--md-sys-typescale-emphasized-body-large-line-height,24px);--font-weight-weight-emphasized-body-large:var(--md-sys-typescale-emphasized-body-large-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-body-medium:var(--md-sys-typescale-emphasized-body-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-body-medium:var(--md-sys-typescale-emphasized-body-medium-size,14px);--tracking-emphasized-body-medium:var(--md-sys-typescale-emphasized-body-medium-tracking,.25px);--leading-emphasized-body-medium:var(--md-sys-typescale-emphasized-body-medium-line-height,20px);--font-weight-weight-emphasized-body-medium:var(--md-sys-typescale-emphasized-body-medium-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-body-small:var(--md-sys-typescale-emphasized-body-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-body-small:var(--md-sys-typescale-emphasized-body-small-size,12px);--tracking-emphasized-body-small:var(--md-sys-typescale-emphasized-body-small-tracking,.4px);--leading-emphasized-body-small:var(--md-sys-typescale-emphasized-body-small-line-height,16px);--font-weight-weight-emphasized-body-small:var(--md-sys-typescale-emphasized-body-small-weight,var(--md-ref-typeface-weight-regular,500));--font-emphasized-label-large:var(--md-sys-typescale-emphasized-label-large-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-label-large:var(--md-sys-typescale-emphasized-label-large-size,14px);--tracking-emphasized-label-large:var(--md-sys-typescale-emphasized-label-large-tracking,.1px);--leading-emphasized-label-large:var(--md-sys-typescale-emphasized-label-large-line-height,20px);--font-weight-weight-emphasized-label-large:var(--md-sys-typescale-emphasized-label-large-weight,var(--md-ref-typeface-weight-medium,700));--font-emphasized-label-medium:var(--md-sys-typescale-emphasized-label-medium-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-label-medium:var(--md-sys-typescale-emphasized-label-medium-size,12px);--tracking-emphasized-label-medium:var(--md-sys-typescale-emphasized-label-medium-tracking,.5px);--leading-emphasized-label-medium:var(--md-sys-typescale-emphasized-label-medium-line-height,16px);--font-weight-weight-emphasized-label-medium:var(--md-sys-typescale-emphasized-label-medium-weight,var(--md-ref-typeface-weight-medium,700));--font-emphasized-label-small:var(--md-sys-typescale-emphasized-label-small-font,var(--md-ref-typeface-plain,"Roboto"));--text-emphasized-label-small:var(--md-sys-typescale-emphasized-label-small-size,11px);--tracking-emphasized-label-small:var(--md-sys-typescale-emphasized-label-small-tracking,.5px);--leading-emphasized-label-small:var(--md-sys-typescale-emphasized-label-small-line-height,16px);--font-weight-weight-emphasized-label-small:var(--md-sys-typescale-emphasized-label-small-weight,var(--md-ref-typeface-weight-medium,700))}}@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}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.my-16{margin-block:calc(var(--spacing) * 16)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[1px\]{height:1px}.h-\[48px\]{height:48px}.h-fit{height:fit-content}.h-px{height:1px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-\[2px\]{gap:2px}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-l-\[8px\]{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-l-\[24px\]{border-top-left-radius:24px;border-bottom-left-radius:24px}.rounded-r-\[8px\]{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-r-\[24px\]{border-top-right-radius:24px;border-bottom-right-radius:24px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-error-container{background-color:var(--md-sys-color-error-container,light-dark(#ffdad6,#93000a))}.bg-outline{background-color:var(--md-sys-color-outline,light-dark(#737967,#8d937f))}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant,light-dark(#c3c9b3,#434938))}.bg-primary{background-color:var(--md-sys-color-primary,light-dark(#000,#fff))}.bg-primary-container{background-color:var(--md-sys-color-primary-container,light-dark(#2a4200,#b0e563))}.bg-secondary{background-color:var(--md-sys-color-secondary,light-dark(#516533,#b7cf93))}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container,light-dark(#c5dda0,#3a4d1e))}.bg-surface-container{background-color:var(--md-sys-color-surface-container,light-dark(#edefe1,#1e2118))}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low,light-dark(#f3f5e6,#1a1d14))}.bg-tertiary{background-color:var(--md-sys-color-tertiary,light-dark(#00452e,#8df7c5))}.bg-tertiary-container{background-color:var(--md-sys-color-tertiary-container,light-dark(#00855c,#33a376))}.p-2{padding:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-4{padding-top:calc(var(--spacing) * 4)}.body-medium{font-family:var(--font-body-medium);font-size:var(--text-body-medium);font-weight:var(--font-weight-weight-body-medium);line-height:var(--leading-body-medium);letter-spacing:var(--tracking-body-medium)}.headline-medium{font-family:var(--font-headline-medium);font-size:var(--text-headline-medium);font-weight:var(--font-weight-weight-headline-medium);line-height:var(--leading-headline-medium);letter-spacing:var(--tracking-headline-medium)}.label-medium{font-family:var(--font-label-medium);font-size:var(--text-label-medium);font-weight:var(--font-weight-weight-label-medium);line-height:var(--leading-label-medium);letter-spacing:var(--tracking-label-medium)}.label-small{font-family:var(--font-label-small);font-size:var(--text-label-small);font-weight:var(--font-weight-weight-label-small);line-height:var(--leading-label-small);letter-spacing:var(--tracking-label-small)}.title-medium{font-family:var(--font-title-medium);font-size:var(--text-title-medium);font-weight:var(--font-weight-weight-title-medium);line-height:var(--leading-title-medium);letter-spacing:var(--tracking-title-medium)}.text-on-error-container{color:var(--md-sys-color-on-error-container,light-dark(#410002,#ffdad6))}.text-on-primary{color:var(--md-sys-color-on-primary,light-dark(#bef36f,#111f00))}.text-on-primary-container{color:var(--md-sys-color-on-primary-container,light-dark(#fff,#000))}.text-on-secondary{color:var(--md-sys-color-on-secondary,light-dark(#fff,#111f00))}.text-on-secondary-container{color:var(--md-sys-color-on-secondary-container,light-dark(#111f00,#d3ebad))}.text-on-surface{color:var(--md-sys-color-on-surface,light-dark(#1a1d14,#e2e4d5))}.text-on-tertiary{color:var(--md-sys-color-on-tertiary,light-dark(#8df7c5,#002114))}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container,light-dark(#fff,#000))}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-on-surface\/8:hover{background-color:var(--md-sys-color-on-surface,light-dark(#1a1d14,#e2e4d5))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-on-surface\/8:hover{background-color:color-mix(in oklab,var(--md-sys-color-on-surface,light-dark(#1a1d14,#e2e4d5)) 8%,transparent)}}.hover\:bg-primary-container\/92:hover{background-color:var(--md-sys-color-primary-container,light-dark(#2a4200,#b0e563))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary-container\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-primary-container,light-dark(#2a4200,#b0e563)) 92%,transparent)}}.hover\:bg-primary\/92:hover{background-color:var(--md-sys-color-primary,light-dark(#000,#fff))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-primary,light-dark(#000,#fff)) 92%,transparent)}}.hover\:bg-secondary-container\/92:hover{background-color:var(--md-sys-color-secondary-container,light-dark(#c5dda0,#3a4d1e))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary-container\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-secondary-container,light-dark(#c5dda0,#3a4d1e)) 92%,transparent)}}.hover\:bg-secondary\/92:hover{background-color:var(--md-sys-color-secondary,light-dark(#516533,#b7cf93))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-secondary,light-dark(#516533,#b7cf93)) 92%,transparent)}}.hover\:bg-tertiary-container\/92:hover{background-color:var(--md-sys-color-tertiary-container,light-dark(#00855c,#33a376))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-tertiary-container\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-tertiary-container,light-dark(#00855c,#33a376)) 92%,transparent)}}.hover\:bg-tertiary\/92:hover{background-color:var(--md-sys-color-tertiary,light-dark(#00452e,#8df7c5))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-tertiary\/92:hover{background-color:color-mix(in oklab,var(--md-sys-color-tertiary,light-dark(#00452e,#8df7c5)) 92%,transparent)}}}.active\:bg-on-surface\/18:active{background-color:var(--md-sys-color-on-surface,light-dark(#1a1d14,#e2e4d5))}@supports (color:color-mix(in lab,red,red)){.active\:bg-on-surface\/18:active{background-color:color-mix(in oklab,var(--md-sys-color-on-surface,light-dark(#1a1d14,#e2e4d5)) 18%,transparent)}}.active\:bg-primary-container\/88:active{background-color:var(--md-sys-color-primary-container,light-dark(#2a4200,#b0e563))}@supports (color:color-mix(in lab,red,red)){.active\:bg-primary-container\/88:active{background-color:color-mix(in oklab,var(--md-sys-color-primary-container,light-dark(#2a4200,#b0e563)) 88%,transparent)}}.active\:bg-primary\/82:active{background-color:var(--md-sys-color-primary,light-dark(#000,#fff))}@supports (color:color-mix(in lab,red,red)){.active\:bg-primary\/82:active{background-color:color-mix(in oklab,var(--md-sys-color-primary,light-dark(#000,#fff)) 82%,transparent)}}.active\:bg-secondary-container\/88:active{background-color:var(--md-sys-color-secondary-container,light-dark(#c5dda0,#3a4d1e))}@supports (color:color-mix(in lab,red,red)){.active\:bg-secondary-container\/88:active{background-color:color-mix(in oklab,var(--md-sys-color-secondary-container,light-dark(#c5dda0,#3a4d1e)) 88%,transparent)}}.active\:bg-secondary\/82:active{background-color:var(--md-sys-color-secondary,light-dark(#516533,#b7cf93))}@supports (color:color-mix(in lab,red,red)){.active\:bg-secondary\/82:active{background-color:color-mix(in oklab,var(--md-sys-color-secondary,light-dark(#516533,#b7cf93)) 82%,transparent)}}.active\:bg-tertiary-container\/88:active{background-color:var(--md-sys-color-tertiary-container,light-dark(#00855c,#33a376))}@supports (color:color-mix(in lab,red,red)){.active\:bg-tertiary-container\/88:active{background-color:color-mix(in oklab,var(--md-sys-color-tertiary-container,light-dark(#00855c,#33a376)) 88%,transparent)}}.active\:bg-tertiary\/82:active{background-color:var(--md-sys-color-tertiary,light-dark(#00452e,#8df7c5))}@supports (color:color-mix(in lab,red,red)){.active\:bg-tertiary\/82:active{background-color:color-mix(in oklab,var(--md-sys-color-tertiary,light-dark(#00452e,#8df7c5)) 82%,transparent)}}}@layer material-design-system.color.variable{:root{--md-sys-color-primary-palette-key-color:light-dark(#49835a,#49835a);--md-sys-color-secondary-palette-key-color:light-dark(#687c6b,#687c6b);--md-sys-color-tertiary-palette-key-color:light-dark(#547e88,#547e88);--md-sys-color-neutral-palette-key-color:light-dark(#737872,#737872);--md-sys-color-neutral-variant-palette-key-color:light-dark(#717971,#717971);--md-sys-color-background:light-dark(#f6fbf3,#101510);--md-sys-color-on-background:light-dark(#181d18,#dfe4dc);--md-sys-color-surface:light-dark(#f6fbf3,#101510);--md-sys-color-surface-dim:light-dark(#d7dbd4,#101510);--md-sys-color-surface-bright:light-dark(#f6fbf3,#353a35);--md-sys-color-surface-container-lowest:light-dark(#fff,#0a0f0b);--md-sys-color-surface-container-low:light-dark(#f0f5ed,#181d18);--md-sys-color-surface-container:light-dark(#ebefe7,#1c211c);--md-sys-color-surface-container-high:light-dark(#e5eae2,#262b26);--md-sys-color-surface-container-highest:light-dark(#dfe4dc,#313631);--md-sys-color-on-surface:light-dark(#181d18,#dfe4dc);--md-sys-color-surface-variant:light-dark(#dde5da,#414941);--md-sys-color-on-surface-variant:light-dark(#414941,#c1c9bf);--md-sys-color-inverse-surface:light-dark(#2d322d,#dfe4dc);--md-sys-color-inverse-on-surface:light-dark(#eef2ea,#2d322d);--md-sys-color-outline:light-dark(#717971,#8b938a);--md-sys-color-outline-variant:light-dark(#c1c9bf,#414941);--md-sys-color-shadow:light-dark(#000,#000);--md-sys-color-scrim:light-dark(#000,#000);--md-sys-color-surface-tint:light-dark(#306a43,#97d5a5);--md-sys-color-primary:light-dark(#306a43,#97d5a5);--md-sys-color-on-primary:light-dark(#fff,#00391a);--md-sys-color-primary-container:light-dark(#b2f1bf,#14512d);--md-sys-color-on-primary-container:light-dark(#14512d,#b2f1bf);--md-sys-color-inverse-primary:light-dark(#97d5a5,#306a43);--md-sys-color-secondary:light-dark(#506353,#b6ccb8);--md-sys-color-on-secondary:light-dark(#fff,#223526);--md-sys-color-secondary-container:light-dark(#d2e8d3,#384b3c);--md-sys-color-on-secondary-container:light-dark(#384b3c,#d2e8d3);--md-sys-color-tertiary:light-dark(#3a656f,#a2ced9);--md-sys-color-on-tertiary:light-dark(#fff,#01363f);--md-sys-color-tertiary-container:light-dark(#beeaf6,#204d56);--md-sys-color-on-tertiary-container:light-dark(#204d56,#beeaf6);--md-sys-color-error:light-dark(#ba1a1a,#ffb4ab);--md-sys-color-on-error:light-dark(#fff,#690005);--md-sys-color-error-container:light-dark(#ffdad6,#93000a);--md-sys-color-on-error-container:light-dark(#93000a,#ffdad6);--md-sys-color-primary-fixed:light-dark(#b2f1bf,#b2f1bf);--md-sys-color-primary-fixed-dim:light-dark(#97d5a5,#97d5a5);--md-sys-color-on-primary-fixed:light-dark(#00210d,#00210d);--md-sys-color-on-primary-fixed-variant:light-dark(#14512d,#14512d);--md-sys-color-secondary-fixed:light-dark(#d2e8d3,#d2e8d3);--md-sys-color-secondary-fixed-dim:light-dark(#b6ccb8,#b6ccb8);--md-sys-color-on-secondary-fixed:light-dark(#0d1f12,#0d1f12);--md-sys-color-on-secondary-fixed-variant:light-dark(#384b3c,#384b3c);--md-sys-color-tertiary-fixed:light-dark(#beeaf6,#beeaf6);--md-sys-color-tertiary-fixed-dim:light-dark(#a2ced9,#a2ced9);--md-sys-color-on-tertiary-fixed:light-dark(#001f25,#001f25);--md-sys-color-on-tertiary-fixed-variant:light-dark(#204d56,#204d56)}}:root:not([dark]){color-scheme:light}:root[dark]{color-scheme:dark}:root{background:var(--md-sys-color-surface)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}.cmps-preview[data-astro-cid-ylqmlrt3]{display:flex;flex-wrap:wrap;gap:16px;padding:12px}.palette-preview[data-astro-cid-i3wcs7vs]{display:flex;flex-direction:column;>.palettes[data-astro-cid-i3wcs7vs]{display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:1fr;height:48px;overflow:auto;>.palette[data-astro-cid-i3wcs7vs]{display:grid;place-content:center}}}.color-preview[data-astro-cid-t2ywmnwq]{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;.token{height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition-property:background,box-shadow;transition-duration:.2s;&:hover{z-index:1;box-shadow:0 0 64px 8px var(--_bg);>.label[data-astro-cid-t2ywmnwq]{background:#000;color:#fff}}>.label[data-astro-cid-t2ywmnwq]{display:flex;align-items:center}}}.color-picker{cursor:pointer;flex-direction:column;display:inline-flex;position:relative}.color-picker>input{all:unset;border-radius:inherit;border:none;outline:none;width:48px;height:48px;display:flex;position:relative}.color-picker>.text{font-size:var(--md-sys-typescale-body-medium-size,14px)}.color-picker>md-focus-ring{--md-focus-ring-shape:0px}.content{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:4px;min-height:100svh;max-height:100svh;padding-inline:12px;display:grid;overflow:clip}.content .page-header{grid-area:1/1/2/-1}.content .left-panel{grid-area:2/1/3/-1;overflow:auto}@media not all and (max-width:840px){.content .left-panel{grid-area:2/1/3/2}}.content .right-panel{grid-area:span 1/span 2}@media not all and (max-width:840px){.content .right-panel{grid-area:2/2/3/3}}.right-panel.code-preview-wrapper{box-sizing:border-box;z-index:1;flex-direction:column;display:flex;overflow:hidden}.right-panel.code-preview-wrapper>pre{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);border-radius:24px;height:calc(100svh - 112px);padding:24px;transition-property:height,background,box-shadow;transition-duration:.2s;position:static;overflow:auto}.right-panel.code-preview-wrapper>pre>code{color:var(--md-sys-color-on-surface);font-size:14px;display:block}.right-panel.code-preview-wrapper>.css-style-mode-picker{justify-content:space-evenly;align-items:center;gap:32px;height:48px;display:flex}.left-panel{flex-direction:column;gap:32px;height:100%;display:flex}.picker-panel{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);display:grid}:is(.picker-panel>.source-color-picker,.picker-panel>.color-picker,.picker-panel>.palette-picker) .title{color:var(--md-sys-color-on-surface)}.picker-panel>.color-picker.palette-picker:is(.primary,.secondary,.tertiary),.picker-panel>.color-picker.palette-picker:is(.error,.neutral,.neutral-variant){grid-column:span 2}.picker-panel>.source-color-picker{flex-direction:column;grid-area:1/1/2/-1;align-items:center;display:flex}.picker-panel>.contrast-picker,.picker-panel>.variant-picker{grid-column:span 3;place-self:center}.picker-panel>.palette-picker{--md-switch-track-width:44px;--md-switch-track-height:28px;flex-direction:column;align-items:center;display:flex}.picker-panel .version-picker{grid-column:1/-1;justify-content:space-evenly;gap:12px;display:flex}.picker-panel .version-picker>label{align-items:center;gap:4px;display:inline-flex}