react-material-expressive 1.0.0

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-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;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--leading-tight:1.25;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--md-ref-typeface-plain);--default-mono-font-family:var(--font-mono);--text-display-large:3.5625rem;--text-display-large--line-height:4rem;--text-display-large--letter-spacing:-.015625rem;--text-display-large--font-weight:400;--text-display-medium:2.8125rem;--text-display-medium--line-height:3.25rem;--text-display-medium--letter-spacing:0rem;--text-display-medium--font-weight:400;--text-display-small:2.25rem;--text-display-small--line-height:2.75rem;--text-display-small--letter-spacing:0rem;--text-display-small--font-weight:400;--text-headline-large:2rem;--text-headline-large--line-height:2.5rem;--text-headline-large--letter-spacing:0rem;--text-headline-large--font-weight:400;--text-headline-medium:1.75rem;--text-headline-medium--line-height:2.25rem;--text-headline-medium--letter-spacing:0rem;--text-headline-medium--font-weight:400;--text-headline-small:1.5rem;--text-headline-small--line-height:2rem;--text-headline-small--letter-spacing:0rem;--text-headline-small--font-weight:400;--text-title-large:1.375rem;--text-title-large--line-height:1.75rem;--text-title-large--letter-spacing:0rem;--text-title-large--font-weight:400;--text-title-medium:1rem;--text-title-medium--line-height:1.5rem;--text-title-medium--letter-spacing:.009375rem;--text-title-medium--font-weight:500;--text-title-small:.875rem;--text-title-small--line-height:1.25rem;--text-title-small--letter-spacing:.00625rem;--text-title-small--font-weight:500;--text-body-large:1rem;--text-body-large--line-height:1.5rem;--text-body-large--letter-spacing:.03125rem;--text-body-large--font-weight:400;--text-body-medium:.875rem;--text-body-medium--line-height:1.25rem;--text-body-medium--letter-spacing:.015625rem;--text-body-medium--font-weight:400;--text-body-small:.75rem;--text-body-small--line-height:1rem;--text-body-small--letter-spacing:.025rem;--text-body-small--font-weight:400;--text-label-large:.875rem;--text-label-large--line-height:1.25rem;--text-label-large--letter-spacing:.00625rem;--text-label-large--font-weight:500;--text-label-medium:.75rem;--text-label-medium--line-height:1rem;--text-label-medium--letter-spacing:.03125rem;--text-label-medium--font-weight:500;--text-label-small:.6875rem;--text-label-small--line-height:1rem;--text-label-small--letter-spacing:.03125rem;--text-label-small--font-weight:500;--animate-scrim-in:fade-in .5s var(--md-sys-motion-easing-linear) both;--animate-scrim-out:fade-out .15s var(--md-sys-motion-easing-linear) both;--animate-scrim-sheet-in:fade-in .4s var(--md-sys-motion-easing-linear) both;--animate-scrim-sheet-out:fade-out .2s var(--md-sys-motion-easing-linear) both;--animate-scrim-drawer-in:fade-in .25s var(--md-sys-motion-easing-linear) both;--animate-scrim-drawer-out:fade-out .25s var(--md-sys-motion-easing-linear) both;--animate-dialog-in:dialog-in .5s var(--md-sys-motion-easing-emphasized) both;--animate-dialog-out:dialog-out .15s var(--md-sys-motion-easing-emphasized-accelerate) both;--animate-menu-in:menu-in .5s var(--md-sys-motion-easing-emphasized) both;--animate-menu-out:menu-out .15s var(--md-sys-motion-easing-emphasized-accelerate) both;--animate-menu-in-up:menu-in-up .5s var(--md-sys-motion-easing-emphasized) both;--animate-menu-out-up:menu-out-up .15s var(--md-sys-motion-easing-emphasized-accelerate) both;--animate-transition-bottom:transition-bottom .4s var(--md-sys-motion-easing-emphasized-decelerate) both;--animate-transition-right:transition-right .4s var(--md-sys-motion-easing-emphasized-decelerate) both;--animate-transition-bottom-out:transition-bottom-out .2s var(--md-sys-motion-easing-emphasized-accelerate) both;--animate-transition-right-out:transition-right-out .2s var(--md-sys-motion-easing-emphasized-accelerate) both;--animate-snackbar-in:fade-in .15s var(--md-sys-motion-easing-linear) both, snackbar-scale-in .35s var(--md-sys-motion-spring-fast-spatial) both;--animate-snackbar-out:fade-out .15s var(--md-sys-motion-easing-linear) both, snackbar-scale-out .35s var(--md-sys-motion-spring-fast-spatial) both;--animate-blob:blob 10s ease-in-out infinite;--animate-spin-lazy:spin-lazy 5s var(--md-sys-motion-easing-linear) infinite}}@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;-webkit-text-decoration: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}body{font-family:var(--md-ref-typeface-plain)}}@layer components{.state-layer,.btn,.iconBtn,.fab,.fabExtended,.chips{isolation:isolate;position:relative}.state-layer:after,.btn:after,.iconBtn:after,.fab:after,.fabExtended:after,.chips:after{content:"";pointer-events:none;z-index:-2;border-radius:inherit;transition:background-color 15ms var(--md-sys-motion-easing-linear);background-color:#0000;position:absolute;inset:0}@media (hover:hover){.state-layer:hover:after,.btn:hover:after,.iconBtn:hover:after,.fab:hover:after,.fabExtended:hover:after,.chips:hover:after{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.state-layer:hover:after,.btn:hover:after,.iconBtn:hover:after,.fab:hover:after,.fabExtended:hover:after,.chips:hover:after{background-color:color-mix(in srgb, currentColor calc(var(--md-sys-state-hover-state-layer-opacity) * 100%), transparent)}}}.state-layer:focus-visible:after,.btn:focus-visible:after,.iconBtn:focus-visible:after,.fab:focus-visible:after,.fabExtended:focus-visible:after,.chips:focus-visible:after{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.state-layer:focus-visible:after,.btn:focus-visible:after,.iconBtn:focus-visible:after,.fab:focus-visible:after,.fabExtended:focus-visible:after,.chips:focus-visible:after{background-color:color-mix(in srgb, currentColor calc(var(--md-sys-state-focus-state-layer-opacity) * 100%), transparent)}}.state-layer:before,.btn:before,.iconBtn:before,.fab:before,.fabExtended:before,.chips:before{content:"";pointer-events:none;z-index:-1;border-radius:inherit;opacity:0;background-image:radial-gradient(closest-side,currentColor max(100% - 70px,65%),#0000 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.state-layer:before,.btn:before,.iconBtn:before,.fab:before,.fabExtended:before,.chips:before{background-image:radial-gradient(closest-side, color-mix(in srgb, currentColor calc(var(--md-sys-state-pressed-state-layer-opacity) * 100%), transparent) max(calc(100% - 70px), 65%), transparent 100%)}}.state-layer:before,.btn:before,.iconBtn:before,.fab:before,.fabExtended:before,.chips:before{transition:opacity .375s var(--md-sys-motion-easing-linear);background-position:50%;background-repeat:no-repeat;background-size:250% 250%}.state-layer:active:before,.btn:active:before,.iconBtn:active:before,.fab:active:before,.fabExtended:active:before,.chips:active:before{opacity:1;transition-duration:.105s}.chips:after,.chips:before{inset:-1px}.chipRemoveHit{position:relative}.chipRemoveHit:before{content:"";width:34px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.state-layer:disabled:after,.state-layer:disabled:before,.state-layer[aria-disabled=true]:after,.state-layer[aria-disabled=true]:before,.btn:disabled:after,.btn:disabled:before,.iconBtn:disabled:after,.iconBtn:disabled:before,.fab:disabled:after,.fab:disabled:before,.fabExtended:disabled:after,.fabExtended:disabled:before,.chips:disabled:after,.chips:disabled:before,.chips[aria-disabled=true]:after,.chips[aria-disabled=true]:before{opacity:0;background-color:#0000}.state-layer,.btn,.iconBtn,.fab,.fabExtended,.chips{--tw-outline-style:none;outline-style:none}:is(.state-layer,.btn,.iconBtn,.fab,.fabExtended,.chips):focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:3px;outline-color:var(--md-sys-color-secondary);--tw-outline-style:solid;outline-style:solid}.state-layer:focus-visible:not([role=menuitem]),.btn:focus-visible,.iconBtn:focus-visible,.fab:focus-visible,.fabExtended:focus-visible,.chips:focus-visible{animation:focus-ring-grow .15s var(--md-sys-motion-easing-emphasized), focus-ring-shrink .45s var(--md-sys-motion-easing-emphasized) .15s backwards}[role=menuitem]:focus-visible{outline:none}.tooltip{opacity:0;transition:opacity .15s var(--md-sys-motion-easing-linear), transform .35s var(--md-sys-motion-spring-fast-spatial);transform:scale(.8)}.group:focus-within:not([data-dismissed])>.tooltip{opacity:1;transition-delay:.15s;transform:scale(1)}@media (hover:hover){.group:hover:not([data-dismissed])>.tooltip{opacity:1;transition-delay:.15s;transform:scale(1)}}.btn,.fab,.fabExtended{transition:all .2s var(--md-sys-motion-easing-emphasized), box-shadow .28s var(--md-sys-motion-easing-emphasized)}.btn{height:calc(var(--spacing) * 10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--md-sys-shape-corner-full);font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}.btn:disabled{cursor:not-allowed}.btn.filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}@media (hover:hover){.btn.filled:hover{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.btn.filled:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.filled:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.filled:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.btn.filled:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.filled:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.btn.filled:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}@media (hover:hover){.btn.tonal:hover{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.btn.tonal:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.tonal:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.tonal:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.btn.tonal:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.tonal:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.btn.tonal:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.elevated{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.btn.elevated:hover{--tw-shadow:var(--md-sys-elevation-level2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.btn.elevated:active{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.elevated:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.elevated:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.btn.elevated:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.elevated:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.btn.elevated:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.outlined{border-style:var(--tw-border-style);border-width:1px;border-color:var(--md-sys-color-outline);color:var(--md-sys-color-primary);background-color:#0000}.btn.outlined:disabled{border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.outlined:disabled{border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.btn.outlined:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.outlined:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.btn.text{color:var(--md-sys-color-primary);background-color:#0000}.btn.text:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.btn.text:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.iconBtn{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);cursor:pointer;border-radius:var(--md-sys-shape-corner-full);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--md-sys-motion-easing-emphasized);transition-duration:.2s;transition-timing-function:var(--md-sys-motion-easing-emphasized);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iconBtn:disabled{cursor:not-allowed}.iconBtn.filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.iconBtn.filled:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.filled:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.iconBtn.filled:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.filled:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.iconBtn.tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.iconBtn.tonal:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.tonal:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.iconBtn.tonal:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.tonal:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.iconBtn.outlined{border-style:var(--tw-border-style);border-width:1px;border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);background-color:#0000}.iconBtn.outlined:disabled{border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.outlined:disabled{border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.iconBtn.outlined:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.outlined:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.iconBtn.standard{color:var(--md-sys-color-on-surface-variant);background-color:#0000}.iconBtn.standard:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.iconBtn.standard:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.fab{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);cursor:pointer;border-radius:var(--md-sys-shape-corner-large);--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.fab:hover{--tw-shadow:var(--md-sys-elevation-level4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.fab:active{--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fab:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fab.fabMedium{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);border-radius:var(--md-sys-shape-corner-large-increased)}.fab.fabLarge{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24);border-radius:var(--md-sys-shape-corner-extra-large)}.fabExtended{height:calc(var(--spacing) * 14);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--md-sys-shape-corner-large);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-title-medium);line-height:var(--tw-leading,var(--text-title-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-title-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-medium--font-weight));white-space:nowrap;--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}@media (hover:hover){.fabExtended:hover{--tw-shadow:var(--md-sys-elevation-level4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.fabExtended:active{--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fabExtended:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.fabExtended.xfabMedium{height:calc(var(--spacing) * 20);gap:calc(var(--spacing) * 3);border-radius:var(--md-sys-shape-corner-large-increased);font-size:var(--text-title-large);line-height:var(--tw-leading,var(--text-title-large--line-height));letter-spacing:var(--tw-tracking,var(--text-title-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-large--font-weight));padding-inline:26px}.fabExtended.xfabLarge{height:calc(var(--spacing) * 24);gap:calc(var(--spacing) * 4);border-radius:var(--md-sys-shape-corner-extra-large);padding-inline:calc(var(--spacing) * 7);font-size:var(--text-headline-small);line-height:var(--tw-leading,var(--text-headline-small--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-small--font-weight))}.fab.primary,.fabExtended.primary{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}:is(.fab.primary,.fabExtended.primary):disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.primary,.fabExtended.primary):disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}:is(.fab.primary,.fabExtended.primary):disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.primary,.fabExtended.primary):disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.fab.secondary,.fabExtended.secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:is(.fab.secondary,.fabExtended.secondary):disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.secondary,.fabExtended.secondary):disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}:is(.fab.secondary,.fabExtended.secondary):disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.secondary,.fabExtended.secondary):disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.fab.tertiary,.fabExtended.tertiary{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}:is(.fab.tertiary,.fabExtended.tertiary):disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.tertiary,.fabExtended.tertiary):disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}:is(.fab.tertiary,.fabExtended.tertiary):disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){:is(.fab.tertiary,.fabExtended.tertiary):disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.chips{height:calc(var(--spacing) * 8);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--md-sys-shape-corner-small);font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight));white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}.chips:disabled{cursor:not-allowed}.chips{transition:all .2s var(--md-sys-motion-easing-emphasized), box-shadow 0s}.badge{height:calc(var(--spacing) * 4);min-width:calc(var(--spacing) * 4);border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-error);padding-inline:calc(var(--spacing) * 1);font-size:var(--text-label-small);line-height:var(--tw-leading,var(--text-label-small--line-height));letter-spacing:var(--tw-tracking,var(--text-label-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-small--font-weight));color:var(--md-sys-color-on-error);justify-content:center;align-items:center;display:inline-flex}.dotBadge{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-error);display:inline-block}.onIconBadge{top:calc(var(--spacing) * -.5);position:absolute;left:calc(100% - 12px)}.btn.sizeXs{height:calc(var(--spacing) * 8)}.btn.sizeS{height:calc(var(--spacing) * 10)}.btn.sizeM{height:calc(var(--spacing) * 14);font-size:var(--text-title-medium);line-height:var(--tw-leading,var(--text-title-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-title-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-medium--font-weight))}.btn.sizeL{height:calc(var(--spacing) * 24);gap:calc(var(--spacing) * 3);font-size:var(--text-headline-small);line-height:var(--tw-leading,var(--text-headline-small--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-small--font-weight))}.btn.sizeXl{height:calc(var(--spacing) * 34);gap:calc(var(--spacing) * 4);font-size:var(--text-headline-large);line-height:var(--tw-leading,var(--text-headline-large--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-large--font-weight))}.btnGroup{align-items:center;width:fit-content;display:inline-flex}.btnGroup.groupXs{--group-px:12px;--group-grow:4px;gap:18px}.btnGroup.groupS{--group-px:16px;--group-grow:6px;gap:12px}.btnGroup.groupM{--group-px:24px;--group-grow:8px;gap:8px}.btnGroup.groupL{--group-px:48px;--group-grow:12px;gap:8px}.btnGroup.groupXl{--group-px:64px;--group-grow:16px;gap:8px}.fabMenuItem{height:calc(var(--spacing) * 14);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--md-sys-shape-corner-full);padding-inline:calc(var(--spacing) * 6);font-size:var(--text-title-medium);line-height:var(--tw-leading,var(--text-title-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-title-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-medium--font-weight));white-space:nowrap;--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}@media (hover:hover){.fabMenuItem:hover{--tw-shadow:var(--md-sys-elevation-level4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.fabMenuItem{transform-origin:100% 100%;transition:all .2s var(--md-sys-motion-easing-emphasized), box-shadow .28s var(--md-sys-motion-easing-emphasized)}.fabMenu.primary .fabMenuItem{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.fabMenu.secondary .fabMenuItem{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.fabMenu.tertiary .fabMenuItem{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.fabMenuTrigger{transition:all .35s var(--md-sys-motion-spring-fast-spatial), box-shadow .28s var(--md-sys-motion-easing-emphasized)}.fabMenuListIn .fabMenuItem{animation:fab-menu-item-rise .35s var(--md-sys-motion-spring-fast-spatial) both, fab-menu-item-fade-in .15s var(--md-sys-motion-easing-linear) both}.fabMenuListIn .fabMenuItem:nth-last-child(2){animation-delay:33ms}.fabMenuListIn .fabMenuItem:nth-last-child(3){animation-delay:66ms}.fabMenuListIn .fabMenuItem:nth-last-child(4){animation-delay:99ms}.fabMenuListIn .fabMenuItem:nth-last-child(5){animation-delay:.132s}.fabMenuListIn .fabMenuItem:nth-last-child(6){animation-delay:.165s}.fabMenuListOut .fabMenuItem{animation:fab-menu-item-sink .35s var(--md-sys-motion-spring-fast-spatial) both, fab-menu-item-fade-out .15s var(--md-sys-motion-easing-linear) both}.fabMenuListOut .fabMenuItem:nth-child(2){animation-delay:33ms}.fabMenuListOut .fabMenuItem:nth-child(3){animation-delay:66ms}.fabMenuListOut .fabMenuItem:nth-child(4){animation-delay:99ms}.fabMenuListOut .fabMenuItem:nth-child(5){animation-delay:.132s}.fabMenuListOut .fabMenuItem:nth-child(6){animation-delay:.165s}.dockedToolbar{height:calc(var(--spacing) * 16);justify-content:center;align-items:center;gap:calc(var(--spacing) * 8);background-color:var(--md-sys-color-surface-container);width:100%;padding-inline:calc(var(--spacing) * 4);color:var(--md-sys-color-on-surface);display:flex}.dockedToolbar.vibrant{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.dockedToolbar .fab{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.dockedToolbar .fab:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.dockedToolbar .fab:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.floatingToolbar{justify-content:center;align-items:center;display:inline-flex;position:relative}.floatingHorizontal{height:calc(var(--spacing) * 16);flex-direction:row}.floatingVertical{width:calc(var(--spacing) * 16);flex-direction:column}.floatingHorizontal.floatingWithFab{height:calc(var(--spacing) * 20);padding-inline-end:calc(var(--spacing) * 16)}.floatingHorizontal.floatingWithFab.floatingFabStart{padding-inline-start:calc(var(--spacing) * 16);padding-inline-end:calc(var(--spacing) * 0)}.floatingVertical.floatingWithFab{width:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 16)}.floatingVertical.floatingWithFab.floatingFabStart{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 0)}.floatingClip{margin:calc(var(--spacing) * -4);padding:calc(var(--spacing) * 4);transition:clip-path .35s var(--md-sys-motion-spring-fast-spatial);display:flex}.floatingWithFab .floatingClip{clip-path:inset(0 round 48px)}.floatingPill{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-surface-container);padding:calc(var(--spacing) * 2);color:var(--md-sys-color-on-surface);--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition:box-shadow .28s var(--md-sys-motion-easing-emphasized);display:flex}.floatingHorizontal .floatingPill{height:calc(var(--spacing) * 16);flex-direction:row;align-items:center}.floatingVertical .floatingPill{width:calc(var(--spacing) * 16);flex-direction:column;align-items:center}.floatingToolbar.vibrant .floatingPill{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.floatingWithFab .floatingPill{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.floatingFlat .floatingPill,.floatingCollapsed.floatingWithFab .floatingPill{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.floatingHorizontal.floatingCollapsed.floatingWithFab .floatingClip{clip-path:inset(0 0 0 100% round 48px)}.floatingHorizontal.floatingCollapsed.floatingWithFab.floatingFabStart .floatingClip{clip-path:inset(0 100% 0 0 round 48px)}.floatingVertical.floatingCollapsed.floatingWithFab .floatingClip{clip-path:inset(100% 0 0 round 48px)}.floatingVertical.floatingCollapsed.floatingWithFab.floatingFabStart .floatingClip{clip-path:inset(0 0 100% round 48px)}.floatingSlot{transition:grid-template-columns .35s var(--md-sys-motion-spring-fast-spatial), grid-template-rows .35s var(--md-sys-motion-spring-fast-spatial);display:grid}.floatingHorizontal .floatingSlot{grid-template-columns:1fr}.floatingHorizontal.floatingCollapsed .floatingSlot{grid-template-columns:0fr}.floatingVertical .floatingSlot{grid-template-rows:1fr}.floatingVertical.floatingCollapsed .floatingSlot{grid-template-rows:0fr}.floatingContent,.floatingLeading,.floatingTrailing{align-items:center;gap:calc(var(--spacing) * 1);display:flex}.floatingLeading{min-height:calc(var(--spacing) * 0);min-width:calc(var(--spacing) * 0);justify-content:flex-end;padding-inline-end:calc(var(--spacing) * 1);overflow:hidden}.floatingTrailing{min-height:calc(var(--spacing) * 0);min-width:calc(var(--spacing) * 0);padding-inline-start:calc(var(--spacing) * 1);overflow:hidden}.floatingVertical .floatingContent,.floatingVertical .floatingLeading,.floatingVertical .floatingTrailing{flex-direction:column}.floatingVertical .floatingLeading{padding-inline-end:calc(var(--spacing) * 0);padding-bottom:calc(var(--spacing) * 1)}.floatingVertical .floatingTrailing{padding-inline-start:calc(var(--spacing) * 0);padding-top:calc(var(--spacing) * 1)}.floatingFab{z-index:10;width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);transition:width .35s var(--md-sys-motion-spring-fast-spatial), height .35s var(--md-sys-motion-spring-fast-spatial);justify-content:center;align-items:center;display:flex;position:absolute}.floatingCollapsed .floatingFab{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.floatingHorizontal .floatingFab{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);inset-inline-end:calc(var(--spacing) * 0);top:50%}.floatingHorizontal.floatingFabStart .floatingFab{inset-inline-start:calc(var(--spacing) * 0);inset-inline-end:auto}.floatingVertical .floatingFab{inset-inline-start:50%;bottom:calc(var(--spacing) * 0);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.floatingVertical.floatingFabStart .floatingFab{top:calc(var(--spacing) * 0);bottom:auto}.floatingFab .fab{border-radius:var(--md-sys-shape-corner-large);--tw-shadow:var(--md-sys-elevation-level2);width:100%;height:100%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.floatingFab .fab:hover{--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.floatingFab .fab:active{--tw-shadow:var(--md-sys-elevation-level2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.floatingFab .fab{transition:all .35s var(--md-sys-motion-spring-fast-spatial), box-shadow .28s var(--md-sys-motion-easing-emphasized)}.floatingCollapsed .floatingFab .fab{border-radius:var(--md-sys-shape-corner-large-increased)}.floatingFab .fab>span{transition:scale .35s var(--md-sys-motion-spring-fast-spatial)}.floatingCollapsed .floatingFab .fab>span{scale:1.167}.navPill{isolation:isolate;cursor:pointer;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-secondary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.navIndicator{width:var(--nav-ind-rest,32px);z-index:-3;border-radius:inherit;background-color:var(--md-sys-color-secondary-container);opacity:0;transition:width .45s var(--md-sys-motion-spring-default-spatial), opacity .45s var(--md-sys-motion-spring-default-spatial);inset-block:0;position:absolute;left:50%;translate:-50%}.navActive .navIndicator{width:var(--nav-ind-full,56px);opacity:1}.navPillRow{--nav-ind-rest:60%;--nav-ind-full:100%}.navIcon{color:var(--md-sys-color-on-surface-variant);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s;position:relative}.navActive .navIcon{color:var(--md-sys-color-on-secondary-container)}.navLabel{font-size:var(--text-label-medium);line-height:var(--tw-leading,var(--text-label-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-label-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-medium--font-weight));color:var(--md-sys-color-on-surface-variant);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}.navActive .navLabel{color:var(--md-sys-color-secondary)}.navActive .navPillRow .navLabel{color:var(--md-sys-color-on-secondary-container)}.navItem{cursor:pointer;--tw-outline-style:none;-webkit-user-select:none;user-select:none;outline-style:none;display:flex}@media (hover:hover){.navItem:hover .navPill:after{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.navItem:hover .navPill:after{background-color:color-mix(in srgb, currentColor calc(var(--md-sys-state-hover-state-layer-opacity) * 100%), transparent)}}}.navItem:focus-visible .navPill:after{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.navItem:focus-visible .navPill:after{background-color:color-mix(in srgb, currentColor calc(var(--md-sys-state-focus-state-layer-opacity) * 100%), transparent)}}.navItem:active .navPill:before{opacity:1;transition-duration:.105s}.navItem:focus-visible .navPill{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;animation:focus-ring-grow .15s var(--md-sys-motion-easing-emphasized), focus-ring-shrink .45s var(--md-sys-motion-easing-emphasized) .15s backwards}.navHit{pointer-events:auto;inset-inline:calc(var(--spacing) * -2);top:calc(var(--spacing) * -2);bottom:calc(var(--spacing) * -7);position:absolute}.navBar{height:calc(var(--spacing) * 16);background-color:var(--md-sys-color-surface-container);width:100%;color:var(--md-sys-color-on-surface);flex-direction:row;align-items:center;display:flex}.navBar.navCentered{justify-content:center}.navBar.navCentered:has(>:nth-child(3):last-child)>:first-child{margin-inline-start:20%}.navBar.navCentered:has(>:nth-child(3):last-child)>:last-child{margin-inline-end:20%}.navBar.navCentered:has(>:nth-child(4):last-child)>:first-child{margin-inline-start:15%}.navBar.navCentered:has(>:nth-child(4):last-child)>:last-child{margin-inline-end:15%}.navBar.navCentered:has(>:nth-child(5):last-child)>:first-child{margin-inline-start:10%}.navBar.navCentered:has(>:nth-child(5):last-child)>:last-child{margin-inline-end:10%}.navBar.navCentered:has(>:nth-child(6):last-child)>:first-child{margin-inline-start:5%}.navBar.navCentered:has(>:nth-child(6):last-child)>:last-child{margin-inline-end:5%}.navBar .navItemV{height:100%;padding-block:calc(var(--spacing) * 1.5);flex:1}.navItemV{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);flex-direction:column}.navItemV .navPill{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 14)}.navItemH{flex:1;justify-content:center;align-items:center;min-width:max-content}.navItemH .navPill{height:calc(var(--spacing) * 10);gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 4)}.rail{background-color:var(--md-sys-color-surface);height:100%;padding-top:calc(var(--spacing) * 11);color:var(--md-sys-color-on-surface);width:96px;transition:width .45s var(--md-sys-motion-spring-default-spatial);flex-direction:column;display:flex}.rail.railNarrow{width:80px}.rail.railExpanded{width:var(--rail-expanded-width,220px)}.railHeader{margin-bottom:calc(var(--spacing) * 10);align-items:flex-start;gap:calc(var(--spacing) * 1);width:100%;padding-inline:calc(var(--spacing) * 5);flex-direction:column;display:flex}.railSlot{width:calc(var(--spacing) * 14);flex-direction:column;align-items:center;display:flex}.railItems{width:100%;padding-inline:calc(var(--spacing) * 5);transition:gap .45s var(--md-sys-motion-spring-default-spatial);flex-direction:column;align-items:flex-start;gap:4px;display:flex;overflow:hidden auto}.railNarrow .railItems{padding-inline:calc(var(--spacing) * 3)}.railExpanded .railItems{gap:0}.railBottom{align-items:flex-start;gap:calc(var(--spacing) * 1);width:100%;padding-inline:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 11);flex-direction:column;margin-top:auto;display:flex}.railItem{width:100%;height:64px;transition:height .45s var(--md-sys-motion-spring-default-spatial);flex-direction:column;justify-content:center;align-items:flex-start}.railExpanded .railItem{width:fit-content;height:56px}.railRowPill{height:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 4);--nav-ind-rest:32px;--nav-ind-full:100%;transition:height .45s var(--md-sys-motion-spring-default-spatial);justify-content:flex-start}.railExpanded .railRowPill{height:calc(var(--spacing) * 14);font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight));--nav-ind-rest:60%}.railSide{opacity:0;transition:grid-template-columns .45s var(--md-sys-motion-spring-default-spatial), opacity .1s var(--md-sys-motion-easing-emphasized-accelerate);grid-template-columns:0fr;display:grid}.railExpanded .railSide{opacity:1;transition:grid-template-columns .45s var(--md-sys-motion-spring-default-spatial), opacity .25s var(--md-sys-motion-easing-linear) .1s;grid-template-columns:1fr}.railSide>span{min-width:calc(var(--spacing) * 0);font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight));white-space:nowrap;transition:padding-inline-start .45s var(--md-sys-motion-spring-default-spatial);padding-inline-start:0;overflow:hidden}.navActive .railSide>span{color:var(--md-sys-color-on-secondary-container)}.railExpanded .railSide>span{padding-inline-start:8px}.railBelow{opacity:1;width:56px;transition:grid-template-rows .45s var(--md-sys-motion-spring-default-spatial), opacity .25s var(--md-sys-motion-easing-linear) .1s;grid-template-rows:1fr;grid-template-columns:100%;justify-items:center;display:grid}.railExpanded .railBelow{opacity:0;transition:grid-template-rows .45s var(--md-sys-motion-spring-default-spatial), opacity .1s var(--md-sys-motion-easing-emphasized-accelerate);grid-template-rows:0fr}.railBelow>span{min-height:calc(var(--spacing) * 0);white-space:nowrap;width:max-content;transition:padding-top .45s var(--md-sys-motion-spring-default-spatial);padding-top:4px;overflow:visible clip}.railExpanded .railBelow>span{padding-top:0}.railExpanded .railItem .navHit{inset:0}.railFab{height:calc(var(--spacing) * 14);cursor:pointer;border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);padding-inline:calc(var(--spacing) * 4);color:var(--md-sys-color-on-primary-container);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.railFabLabel{transition:grid-template-columns .45s var(--md-sys-motion-spring-default-spatial);grid-template-columns:0fr;display:grid}.railExpanded .railFabLabel{grid-template-columns:1fr}.railFabLabel>span{min-width:calc(var(--spacing) * 0);font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight));white-space:nowrap;transition:padding-inline-start .45s var(--md-sys-motion-spring-default-spatial);padding-inline-start:0;overflow:hidden}.railExpanded .railFabLabel>span{padding-inline-start:8px}.railModal{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:50;height:100%;transition:width .35s var(--md-sys-motion-spring-fast-spatial), background-color .25s var(--md-sys-motion-easing-emphasized), box-shadow .25s var(--md-sys-motion-easing-emphasized), border-radius .25s var(--md-sys-motion-easing-emphasized);position:absolute}.railModalOpen{position:fixed}.railModal.railExpanded{border-top-right-radius:var(--md-sys-shape-corner-large);border-bottom-right-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-surface-container);--tw-shadow:var(--md-sys-elevation-level2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.btn.splitOpen:after{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.btn.splitOpen:after{background-color:color-mix(in srgb, currentColor calc(var(--md-sys-state-pressed-state-layer-opacity) * 100%), transparent)}}.circularIndeterminate{animation:1.568s linear infinite circular-spin}.circularIndeterminate :is(circle,path){animation:1.333s ease-in-out infinite circular-dash}.checkDraw{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .15s var(--md-sys-motion-easing-emphasized-accelerate), opacity 50ms var(--md-sys-motion-easing-linear)}:where(input:checked)~* .checkDraw{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .35s var(--md-sys-motion-easing-emphasized-decelerate), opacity 50ms var(--md-sys-motion-easing-linear)}.switchTrack{transition:background-color 67ms var(--md-sys-motion-easing-linear), border-color 67ms var(--md-sys-motion-easing-linear)}.switchHandle{transition:left .35s var(--md-sys-motion-spring-fast-spatial), width .35s var(--md-sys-motion-spring-fast-spatial), height .35s var(--md-sys-motion-spring-fast-spatial), background-color 67ms var(--md-sys-motion-easing-linear), color 67ms var(--md-sys-motion-easing-linear)}.group:active .switchHandle{transition:left .1s var(--md-sys-motion-easing-linear), width .1s var(--md-sys-motion-easing-linear), height .1s var(--md-sys-motion-easing-linear), background-color 67ms var(--md-sys-motion-easing-linear), color 67ms var(--md-sys-motion-easing-linear)}.switchLayer{transition:left .35s var(--md-sys-motion-spring-fast-spatial), opacity 15ms var(--md-sys-motion-easing-linear), background-color 15ms var(--md-sys-motion-easing-linear)}.peerLayer{transition:opacity 15ms var(--md-sys-motion-easing-linear), background-color 15ms var(--md-sys-motion-easing-linear)}:where(input:active)~.peerLayer{transition-duration:.105s}.radioDot{transition:scale .35s var(--md-sys-motion-spring-fast-spatial), opacity 50ms var(--md-sys-motion-easing-linear)}.animate-menu-in>*,.animate-menu-in-up>*{animation:menu-item-in .2s var(--md-sys-motion-easing-emphasized) both}.animate-menu-in>:nth-child(2),.animate-menu-in-up>:nth-child(2){animation-delay:25ms}.animate-menu-in>:nth-child(3),.animate-menu-in-up>:nth-child(3){animation-delay:50ms}.animate-menu-in>:nth-child(4),.animate-menu-in-up>:nth-child(4){animation-delay:75ms}.animate-menu-in>:nth-child(5),.animate-menu-in-up>:nth-child(5){animation-delay:.1s}.animate-menu-in>:nth-child(6),.animate-menu-in-up>:nth-child(6){animation-delay:.125s}.animate-menu-in>:nth-child(7),.animate-menu-in-up>:nth-child(7){animation-delay:.15s}.animate-menu-in>:nth-child(8),.animate-menu-in-up>:nth-child(8){animation-delay:.175s}.animate-menu-in>:nth-child(n+9),.animate-menu-in-up>:nth-child(n+9){animation-delay:.2s}.linearBar{transform-origin:0;width:100%;position:absolute;inset-block:0}.linearBarInner{border-radius:inherit;background-color:currentColor;position:absolute;inset:0}.linearPrimaryBar{animation:2s linear infinite linear-primary-translate;inset-inline-start:-145.167%}.linearPrimaryBar>.linearBarInner{animation:2s linear infinite linear-primary-scale}.linearSecondaryBar{animation:2s linear infinite linear-secondary-translate;inset-inline-start:-54.8889%}.linearSecondaryBar>.linearBarInner{animation:2s linear infinite linear-secondary-scale}.wavePhase{align-items:center;height:100%;animation:1s linear infinite wave-shift;display:flex}.waveSeg{position:absolute;inset:0;overflow:hidden}.waveSegPrimary{animation:2s linear infinite wave-seg-primary}.waveSegSecondary{animation:2s linear infinite wave-seg-secondary}.linearDeterminate{transition:width .25s cubic-bezier(.4,0,.6,1)}.circularDeterminate{transition:stroke-dashoffset .5s cubic-bezier(0,0,.2,1)}.animate-dialog-in>*{animation:dialog-part-in .25s var(--md-sys-motion-easing-linear) both}.animate-dialog-in>:last-child{animation:dialog-action-in .3s var(--md-sys-motion-easing-linear) both}.animate-dialog-out>*{animation:dialog-part-out .1s var(--md-sys-motion-easing-linear) both}.segmentedGraphic{transition:width .15s var(--md-sys-motion-easing-legacy);align-items:center;display:inline-flex;position:relative;overflow:hidden}.segmentedCheck{stroke-dasharray:1}.segmentedCheckDraw{animation:segmented-check-draw .15s var(--md-sys-motion-easing-legacy) 50ms both}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-1{inset:calc(var(--spacing) * -1)}.-inset-2{inset:calc(var(--spacing) * -2)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-0\.5{inset-inline:calc(var(--spacing) * .5)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-10{top:calc(var(--spacing) * 10)}.top-auto{top:auto}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-1\/2{right:50%}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-12{left:calc(var(--spacing) * 12)}.left-13{left:calc(var(--spacing) * 13)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.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}}.m-0{margin:calc(var(--spacing) * 0)}.m-0\.5{margin:calc(var(--spacing) * .5)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.me-4{margin-inline-end:calc(var(--spacing) * 4)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-18{margin-top:calc(var(--spacing) * 18)}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-17{height:calc(var(--spacing) * 17)}.h-18{height:calc(var(--spacing) * 18)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-27{height:calc(var(--spacing) * 27)}.h-34{height:calc(var(--spacing) * 34)}.h-\[3px\]{height:3px}.h-\[18px\]{height:18px}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\[268px\]{max-height:268px}.max-h-\[280px\]{max-height:280px}.max-h-\[310px\]{max-height:310px}.max-h-\[calc\(100vh-48px\)\]{max-height:calc(100vh - 48px)}.max-h-\[calc\(100vh-72px\)\]{max-height:calc(100vh - 72px)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-30{min-height:calc(var(--spacing) * 30)}.min-h-34{min-height:calc(var(--spacing) * 34)}.min-h-38{min-height:calc(var(--spacing) * 38)}.min-h-\[72px\]{min-height:72px}.min-h-\[88px\]{min-height:88px}.min-h-\[300px\]{min-height:300px}.w-1{width:calc(var(--spacing) * 1)}.w-1\/2{width:50%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-26{width:calc(var(--spacing) * 26)}.w-32{width:calc(var(--spacing) * 32)}.w-34{width:calc(var(--spacing) * 34)}.w-46{width:calc(var(--spacing) * 46)}.w-90{width:calc(var(--spacing) * 90)}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-0{max-width:calc(var(--spacing) * 0)}.max-w-\[90vw\]{max-width:90vw}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[560px\]{max-width:560px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-min{max-width:min-content}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-\[100px\]{min-width:100px}.min-w-\[112px\]{min-width:112px}.min-w-\[280px\]{min-width:280px}.min-w-\[360px\]{min-width:360px}.min-w-max{min-width:max-content}.min-w-px{min-width:1px}.flex-1{flex:1}.flex-auto{flex:auto}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.origin-left{transform-origin:0}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[2px\]{--tw-translate-x:calc(2px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[3px\]{--tw-translate-x:calc(3px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[6px\]{--tw-translate-x:calc(6px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[spin_4666ms_linear_infinite\]{animation:4.666s linear infinite spin}.animate-blob{animation:var(--animate-blob)}.animate-dialog-in{animation:var(--animate-dialog-in)}.animate-dialog-out{animation:var(--animate-dialog-out)}.animate-menu-in{animation:var(--animate-menu-in)}.animate-menu-in-up{animation:var(--animate-menu-in-up)}.animate-menu-out{animation:var(--animate-menu-out)}.animate-menu-out-up{animation:var(--animate-menu-out-up)}.animate-scrim-drawer-in{animation:var(--animate-scrim-drawer-in)}.animate-scrim-drawer-out{animation:var(--animate-scrim-drawer-out)}.animate-scrim-in{animation:var(--animate-scrim-in)}.animate-scrim-out{animation:var(--animate-scrim-out)}.animate-scrim-sheet-in{animation:var(--animate-scrim-sheet-in)}.animate-scrim-sheet-out{animation:var(--animate-scrim-sheet-out)}.animate-snackbar-in{animation:var(--animate-snackbar-in)}.animate-snackbar-out{animation:var(--animate-snackbar-out)}.animate-spin-lazy{animation:var(--animate-spin-lazy)}.animate-transition-bottom{animation:var(--animate-transition-bottom)}.animate-transition-bottom-out{animation:var(--animate-transition-bottom-out)}.animate-transition-right{animation:var(--animate-transition-right)}.animate-transition-right-out{animation:var(--animate-transition-right-out)}.cursor-\[inherit\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[6px\]{border-radius:6px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[28px\]{border-radius:28px}.rounded-\[48px\]{border-radius:48px}.rounded-\[68px\]{border-radius:68px}.rounded-extra-extra-large{border-radius:var(--md-sys-shape-corner-extra-extra-large)}.rounded-extra-large{border-radius:var(--md-sys-shape-corner-extra-large)}.rounded-extra-large-increased{border-radius:var(--md-sys-shape-corner-extra-large-increased)}.rounded-extra-small{border-radius:var(--md-sys-shape-corner-extra-small)}.rounded-full{border-radius:var(--md-sys-shape-corner-full)}.rounded-large{border-radius:var(--md-sys-shape-corner-large)}.rounded-large-increased{border-radius:var(--md-sys-shape-corner-large-increased)}.rounded-medium{border-radius:var(--md-sys-shape-corner-medium)}.rounded-none{border-radius:var(--md-sys-shape-corner-none)}.rounded-small{border-radius:var(--md-sys-shape-corner-small)}.rounded-t-extra-large{border-top-left-radius:var(--md-sys-shape-corner-extra-large);border-top-right-radius:var(--md-sys-shape-corner-extra-large)}.rounded-t-extra-small{border-top-left-radius:var(--md-sys-shape-corner-extra-small);border-top-right-radius:var(--md-sys-shape-corner-extra-small)}.rounded-t-full{border-top-left-radius:var(--md-sys-shape-corner-full);border-top-right-radius:var(--md-sys-shape-corner-full)}.rounded-t-small{border-top-left-radius:var(--md-sys-shape-corner-small);border-top-right-radius:var(--md-sys-shape-corner-small)}.rounded-l-\[2px\]{border-top-left-radius:2px;border-bottom-left-radius:2px}.rounded-l-\[16px\]{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-l-\[20px\]{border-top-left-radius:20px;border-bottom-left-radius:20px}.rounded-l-\[28px\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.rounded-l-\[48px\]{border-top-left-radius:48px;border-bottom-left-radius:48px}.rounded-l-\[68px\]{border-top-left-radius:68px;border-bottom-left-radius:68px}.rounded-l-extra-large{border-top-left-radius:var(--md-sys-shape-corner-extra-large);border-bottom-left-radius:var(--md-sys-shape-corner-extra-large)}.rounded-l-extra-small{border-top-left-radius:var(--md-sys-shape-corner-extra-small);border-bottom-left-radius:var(--md-sys-shape-corner-extra-small)}.rounded-l-large{border-top-left-radius:var(--md-sys-shape-corner-large);border-bottom-left-radius:var(--md-sys-shape-corner-large)}.rounded-l-medium{border-top-left-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium)}.rounded-l-small{border-top-left-radius:var(--md-sys-shape-corner-small);border-bottom-left-radius:var(--md-sys-shape-corner-small)}.rounded-r-\[2px\]{border-top-right-radius:2px;border-bottom-right-radius:2px}.rounded-r-\[16px\]{border-top-right-radius:16px;border-bottom-right-radius:16px}.rounded-r-\[20px\]{border-top-right-radius:20px;border-bottom-right-radius:20px}.rounded-r-\[28px\]{border-top-right-radius:28px;border-bottom-right-radius:28px}.rounded-r-\[48px\]{border-top-right-radius:48px;border-bottom-right-radius:48px}.rounded-r-\[68px\]{border-top-right-radius:68px;border-bottom-right-radius:68px}.rounded-r-extra-large{border-top-right-radius:var(--md-sys-shape-corner-extra-large);border-bottom-right-radius:var(--md-sys-shape-corner-extra-large)}.rounded-r-extra-small{border-top-right-radius:var(--md-sys-shape-corner-extra-small);border-bottom-right-radius:var(--md-sys-shape-corner-extra-small)}.rounded-r-large{border-top-right-radius:var(--md-sys-shape-corner-large);border-bottom-right-radius:var(--md-sys-shape-corner-large)}.rounded-r-medium{border-top-right-radius:var(--md-sys-shape-corner-medium);border-bottom-right-radius:var(--md-sys-shape-corner-medium)}.rounded-r-small{border-top-right-radius:var(--md-sys-shape-corner-small);border-bottom-right-radius:var(--md-sys-shape-corner-small)}.rounded-b-extra-large{border-bottom-right-radius:var(--md-sys-shape-corner-extra-large);border-bottom-left-radius:var(--md-sys-shape-corner-extra-large)}.rounded-b-none{border-bottom-right-radius:var(--md-sys-shape-corner-none);border-bottom-left-radius:var(--md-sys-shape-corner-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-error{border-color:var(--md-sys-color-error)}.border-on-surface-variant{border-color:var(--md-sys-color-on-surface-variant)}.border-on-surface\/12{border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.border-on-surface\/12{border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.border-on-surface\/38{border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.border-on-surface\/38{border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.border-outline{border-color:var(--md-sys-color-outline)}.border-outline-variant{border-color:var(--md-sys-color-outline-variant)}.border-primary{border-color:var(--md-sys-color-primary)}.border-transparent{border-color:#0000}.bg-error{background-color:var(--md-sys-color-error)}.bg-inverse-surface{background-color:var(--md-sys-color-inverse-surface)}.bg-on-primary{background-color:var(--md-sys-color-on-primary)}.bg-on-secondary-container{background-color:var(--md-sys-color-on-secondary-container)}.bg-on-surface{background-color:var(--md-sys-color-on-surface)}.bg-on-surface-variant{background-color:var(--md-sys-color-on-surface-variant)}.bg-on-surface\/8{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-on-surface\/8{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 8%, transparent)}}.bg-on-surface\/12{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-on-surface\/12{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.bg-on-surface\/38{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.bg-on-surface\/38{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.bg-on-tertiary-container\/8{background-color:var(--md-sys-color-on-tertiary-container)}@supports (color:color-mix(in lab, red, red)){.bg-on-tertiary-container\/8{background-color:color-mix(in oklab, var(--md-sys-color-on-tertiary-container) 8%, transparent)}}.bg-outline{background-color:var(--md-sys-color-outline)}.bg-outline-variant{background-color:var(--md-sys-color-outline-variant)}.bg-primary{background-color:var(--md-sys-color-primary)}.bg-primary-container{background-color:var(--md-sys-color-primary-container)}.bg-primary\/10{background-color:var(--md-sys-color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--md-sys-color-primary) 10%, transparent)}}.bg-primary\/15{background-color:var(--md-sys-color-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab, var(--md-sys-color-primary) 15%, transparent)}}.bg-scrim\/32{background-color:var(--md-sys-color-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-scrim\/32{background-color:color-mix(in oklab, var(--md-sys-color-scrim) 32%, transparent)}}.bg-secondary{background-color:var(--md-sys-color-secondary)}.bg-secondary-container{background-color:var(--md-sys-color-secondary-container)}.bg-surface{background-color:var(--md-sys-color-surface)}.bg-surface-container{background-color:var(--md-sys-color-surface-container)}.bg-surface-container-high{background-color:var(--md-sys-color-surface-container-high)}.bg-surface-container-highest{background-color:var(--md-sys-color-surface-container-highest)}.bg-surface-container-low{background-color:var(--md-sys-color-surface-container-low)}.bg-surface-variant\/12{background-color:var(--md-sys-color-surface-variant)}@supports (color:color-mix(in lab, red, red)){.bg-surface-variant\/12{background-color:color-mix(in oklab, var(--md-sys-color-surface-variant) 12%, transparent)}}.bg-tertiary{background-color:var(--md-sys-color-tertiary)}.bg-tertiary-container{background-color:var(--md-sys-color-tertiary-container)}.bg-tertiary\/10{background-color:var(--md-sys-color-tertiary)}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/10{background-color:color-mix(in oklab, var(--md-sys-color-tertiary) 10%, transparent)}}.bg-tertiary\/15{background-color:var(--md-sys-color-tertiary)}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/15{background-color:color-mix(in oklab, var(--md-sys-color-tertiary) 15%, transparent)}}.bg-transparent{background-color:#0000}.bg-conic{--tw-gradient-position:in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--md-sys-color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-tertiary{--tw-gradient-via:var(--md-sys-color-tertiary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-primary{--tw-gradient-to:var(--md-sys-color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-16{padding-inline:calc(var(--spacing) * 16)}.px-\[13px\]{padding-inline:13px}.px-\[15px\]{padding-inline:15px}.px-\[29px\]{padding-inline:29px}.px-\[43px\]{padding-inline:43px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[22px\]{padding-block:22px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-13{padding-right:calc(var(--spacing) * 13)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-13{padding-left:calc(var(--spacing) * 13)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-brand{font-family:var(--md-ref-typeface-brand)}.font-sans{font-family:var(--md-ref-typeface-plain)}.text-body-large{font-size:var(--text-body-large);line-height:var(--tw-leading,var(--text-body-large--line-height));letter-spacing:var(--tw-tracking,var(--text-body-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-large--font-weight))}.text-body-medium{font-size:var(--text-body-medium);line-height:var(--tw-leading,var(--text-body-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-body-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-medium--font-weight))}.text-body-small{font-size:var(--text-body-small);line-height:var(--tw-leading,var(--text-body-small--line-height));letter-spacing:var(--tw-tracking,var(--text-body-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-small--font-weight))}.text-display-large{font-size:var(--text-display-large);line-height:var(--tw-leading,var(--text-display-large--line-height));letter-spacing:var(--tw-tracking,var(--text-display-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display-large--font-weight))}.text-display-medium{font-size:var(--text-display-medium);line-height:var(--tw-leading,var(--text-display-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-display-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display-medium--font-weight))}.text-display-small{font-size:var(--text-display-small);line-height:var(--tw-leading,var(--text-display-small--line-height));letter-spacing:var(--tw-tracking,var(--text-display-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display-small--font-weight))}.text-headline-large{font-size:var(--text-headline-large);line-height:var(--tw-leading,var(--text-headline-large--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-large--font-weight))}.text-headline-medium{font-size:var(--text-headline-medium);line-height:var(--tw-leading,var(--text-headline-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-medium--font-weight))}.text-headline-small{font-size:var(--text-headline-small);line-height:var(--tw-leading,var(--text-headline-small--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-small--font-weight))}.text-label-large{font-size:var(--text-label-large);line-height:var(--tw-leading,var(--text-label-large--line-height));letter-spacing:var(--tw-tracking,var(--text-label-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-large--font-weight))}.text-label-medium{font-size:var(--text-label-medium);line-height:var(--tw-leading,var(--text-label-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-label-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-medium--font-weight))}.text-label-small{font-size:var(--text-label-small);line-height:var(--tw-leading,var(--text-label-small--line-height));letter-spacing:var(--tw-tracking,var(--text-label-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-small--font-weight))}.text-title-large{font-size:var(--text-title-large);line-height:var(--tw-leading,var(--text-title-large--line-height));letter-spacing:var(--tw-tracking,var(--text-title-large--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-large--font-weight))}.text-title-medium{font-size:var(--text-title-medium);line-height:var(--tw-leading,var(--text-title-medium--line-height));letter-spacing:var(--tw-tracking,var(--text-title-medium--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-medium--font-weight))}.text-title-small{font-size:var(--text-title-small);line-height:var(--tw-leading,var(--text-title-small--line-height));letter-spacing:var(--tw-tracking,var(--text-title-small--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title-small--font-weight))}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-error{color:var(--md-sys-color-error)}.text-inverse-on-surface{color:var(--md-sys-color-inverse-on-surface)}.text-inverse-primary{color:var(--md-sys-color-inverse-primary)}.text-on-primary{color:var(--md-sys-color-on-primary)}.text-on-primary-container{color:var(--md-sys-color-on-primary-container)}.text-on-secondary{color:var(--md-sys-color-on-secondary)}.text-on-secondary-container{color:var(--md-sys-color-on-secondary-container)}.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.text-on-surface\/38{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.text-on-surface\/38{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.text-on-tertiary{color:var(--md-sys-color-on-tertiary)}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container)}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-secondary)}.text-secondary-container{color:var(--md-sys-color-secondary-container)}.text-surface{color:var(--md-sys-color-surface)}.text-surface-container-highest{color:var(--md-sys-color-surface-container-highest)}.text-tertiary{color:var(--md-sys-color-tertiary)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mm-1{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mm-2{--tw-shadow:var(--md-sys-elevation-level2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mm-3{--tw-shadow:var(--md-sys-elevation-level3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mm-4{--tw-shadow:var(--md-sys-elevation-level4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mm-5{--tw-shadow:var(--md-sys-elevation-level5);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary{--tw-ring-color:var(--md-sys-color-primary)}.ring-surface{--tw-ring-color:var(--md-sys-color-surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-radius\]{transition-property:border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-75{transition-delay:75ms}.delay-\[50ms\]{transition-delay:50ms}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[15ms\]{--tw-duration:15ms;transition-duration:15ms}.duration-\[50ms\]{--tw-duration:50ms;transition-duration:50ms}.duration-\[350ms\]{--tw-duration:.35s;transition-duration:.35s}.ease-\[var\(--md-sys-motion-spring-fast-spatial\)\]{--tw-ease:var(--md-sys-motion-spring-fast-spatial);transition-timing-function:var(--md-sys-motion-spring-fast-spatial)}.ease-emphasized{--tw-ease:var(--md-sys-motion-easing-emphasized);transition-timing-function:var(--md-sys-motion-easing-emphasized)}.ease-emphasized-accelerate{--tw-ease:var(--md-sys-motion-easing-emphasized-accelerate);transition-timing-function:var(--md-sys-motion-easing-emphasized-accelerate)}.ease-legacy{--tw-ease:var(--md-sys-motion-easing-legacy);transition-timing-function:var(--md-sys-motion-easing-legacy)}.ease-md-linear{--tw-ease:var(--md-sys-motion-easing-linear);transition-timing-function:var(--md-sys-motion-easing-linear)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--menu-clip-bleed\:-24px\]{--menu-clip-bleed:-24px}.ring-inset{--tw-ring-inset:inset}.group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *){pointer-events:auto}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:border-on-surface:is(:where(.group):hover *),.group-hover\:border-on-surface\/12:is(:where(.group):hover *){border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-on-surface\/12:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.group-hover\:bg-on-surface:is(:where(.group):hover *){background-color:var(--md-sys-color-on-surface)}.group-hover\:opacity-8:is(:where(.group):hover *){opacity:.08}}.group-active\:left-0\.5:is(:where(.group):active *){left:calc(var(--spacing) * .5)}.group-active\:left-\[22px\]:is(:where(.group):active *){left:22px}.group-active\:size-7:is(:where(.group):active *){width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.peer-checked\:scale-100:is(:where(.peer):checked~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.peer-checked\:border-primary:is(:where(.peer):checked~*){border-color:var(--md-sys-color-primary)}.peer-checked\:border-transparent:is(:where(.peer):checked~*){border-color:#0000}.peer-checked\:bg-on-surface\/38:is(:where(.peer):checked~*){background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.peer-checked\:bg-on-surface\/38:is(:where(.peer):checked~*){background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.peer-checked\:bg-primary:is(:where(.peer):checked~*){background-color:var(--md-sys-color-primary)}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}@media (hover:hover){.peer-hover\:bg-on-surface-variant:is(:where(.peer):hover~*){background-color:var(--md-sys-color-on-surface-variant)}.peer-hover\:bg-primary-container:is(:where(.peer):hover~*){background-color:var(--md-sys-color-primary-container)}.peer-hover\:opacity-8:is(:where(.peer):hover~*){opacity:.08}.peer-hover\:opacity-100:is(:where(.peer):hover~*),.peer-hover\/max\:opacity-100:is(:where(.peer\/max):hover~*),.peer-hover\/min\:opacity-100:is(:where(.peer\/min):hover~*){opacity:1}}.peer-focus-visible\:bg-on-surface-variant:is(:where(.peer):focus-visible~*){background-color:var(--md-sys-color-on-surface-variant)}.peer-focus-visible\:bg-primary-container:is(:where(.peer):focus-visible~*){background-color:var(--md-sys-color-primary-container)}.peer-focus-visible\:opacity-12:is(:where(.peer):focus-visible~*){opacity:.12}.peer-focus-visible\:opacity-100:is(:where(.peer):focus-visible~*){opacity:1}.peer-focus-visible\:outline-3:is(:where(.peer):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:3px}.peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*){outline-offset:2px}.peer-focus-visible\:outline-secondary:is(:where(.peer):focus-visible~*){outline-color:var(--md-sys-color-secondary)}.peer-focus-visible\/max\:opacity-100:is(:where(.peer\/max):focus-visible~*){opacity:1}.peer-focus-visible\/max\:outline-3:is(:where(.peer\/max):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:3px}.peer-focus-visible\/max\:outline-offset-2:is(:where(.peer\/max):focus-visible~*){outline-offset:2px}.peer-focus-visible\/max\:outline-secondary:is(:where(.peer\/max):focus-visible~*){outline-color:var(--md-sys-color-secondary)}.peer-focus-visible\/min\:opacity-100:is(:where(.peer\/min):focus-visible~*){opacity:1}.peer-focus-visible\/min\:outline-3:is(:where(.peer\/min):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:3px}.peer-focus-visible\/min\:outline-offset-2:is(:where(.peer\/min):focus-visible~*){outline-offset:2px}.peer-focus-visible\/min\:outline-secondary:is(:where(.peer\/min):focus-visible~*){outline-color:var(--md-sys-color-secondary)}.peer-active\:w-0\.5:is(:where(.peer):active~*){width:calc(var(--spacing) * .5)}.peer-active\:bg-on-surface-variant:is(:where(.peer):active~*){background-color:var(--md-sys-color-on-surface-variant)}.peer-active\:bg-primary-container:is(:where(.peer):active~*){background-color:var(--md-sys-color-primary-container)}.peer-active\:opacity-12:is(:where(.peer):active~*){opacity:.12}.peer-active\:opacity-100:is(:where(.peer):active~*){opacity:1}.peer-active\/max\:w-0\.5:is(:where(.peer\/max):active~*){width:calc(var(--spacing) * .5)}.peer-active\/max\:opacity-100:is(:where(.peer\/max):active~*){opacity:1}.peer-active\/min\:w-0\.5:is(:where(.peer\/min):active~*){width:calc(var(--spacing) * .5)}.peer-active\/min\:opacity-100:is(:where(.peer\/min):active~*){opacity:1}.placeholder\:text-on-surface-variant::placeholder{color:var(--md-sys-color-on-surface-variant)}.before\:hidden:before{content:var(--tw-content);display:none}.first\:rounded-t-medium:first-child{border-top-left-radius:var(--md-sys-shape-corner-medium);border-top-right-radius:var(--md-sys-shape-corner-medium)}.last\:rounded-b-medium:last-child{border-bottom-right-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium)}.odd\:bg-surface-container\/50:nth-child(odd){background-color:var(--md-sys-color-surface-container)}@supports (color:color-mix(in lab, red, red)){.odd\:bg-surface-container\/50:nth-child(odd){background-color:color-mix(in oklab, var(--md-sys-color-surface-container) 50%, transparent)}}@media (hover:hover){.hover\:z-30:hover{z-index:30}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:rounded-medium:hover{border-radius:var(--md-sys-shape-corner-medium)}.hover\:rounded-l-large-increased:hover{border-top-left-radius:var(--md-sys-shape-corner-large-increased);border-bottom-left-radius:var(--md-sys-shape-corner-large-increased)}.hover\:rounded-l-medium:hover{border-top-left-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium)}.hover\:rounded-l-small:hover{border-top-left-radius:var(--md-sys-shape-corner-small);border-bottom-left-radius:var(--md-sys-shape-corner-small)}.hover\:rounded-r-large-increased:hover{border-top-right-radius:var(--md-sys-shape-corner-large-increased);border-bottom-right-radius:var(--md-sys-shape-corner-large-increased)}.hover\:rounded-r-medium:hover{border-top-right-radius:var(--md-sys-shape-corner-medium);border-bottom-right-radius:var(--md-sys-shape-corner-medium)}.hover\:rounded-r-small:hover{border-top-right-radius:var(--md-sys-shape-corner-small);border-bottom-right-radius:var(--md-sys-shape-corner-small)}.hover\:text-on-surface:hover{color:var(--md-sys-color-on-surface)}.hover\:shadow-mm-1:hover{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-mm-2:hover{--tw-shadow:var(--md-sys-elevation-level2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:bg-primary-container:focus{background-color:var(--md-sys-color-primary-container)}.focus\:text-on-primary-container:focus{color:var(--md-sys-color-on-primary-container)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:calc(2px * -1)}.focus\:outline-primary:focus{outline-color:var(--md-sys-color-primary)}.focus\:outline-solid:focus{--tw-outline-style:solid;outline-style:solid}.focus-visible\:rounded-large:focus-visible{border-radius:var(--md-sys-shape-corner-large)}.focus-visible\:rounded-l-large-increased:focus-visible{border-top-left-radius:var(--md-sys-shape-corner-large-increased);border-bottom-left-radius:var(--md-sys-shape-corner-large-increased)}.focus-visible\:rounded-l-medium:focus-visible{border-top-left-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium)}.focus-visible\:rounded-l-small:focus-visible{border-top-left-radius:var(--md-sys-shape-corner-small);border-bottom-left-radius:var(--md-sys-shape-corner-small)}.focus-visible\:rounded-r-large-increased:focus-visible{border-top-right-radius:var(--md-sys-shape-corner-large-increased);border-bottom-right-radius:var(--md-sys-shape-corner-large-increased)}.focus-visible\:rounded-r-medium:focus-visible{border-top-right-radius:var(--md-sys-shape-corner-medium);border-bottom-right-radius:var(--md-sys-shape-corner-medium)}.focus-visible\:rounded-r-small:focus-visible{border-top-right-radius:var(--md-sys-shape-corner-small);border-bottom-right-radius:var(--md-sys-shape-corner-small)}.focus-visible\:border-on-surface:focus-visible{border-color:var(--md-sys-color-on-surface)}.focus-visible\:border-on-surface-variant:focus-visible{border-color:var(--md-sys-color-on-surface-variant)}.focus-visible\:text-on-surface:focus-visible{color:var(--md-sys-color-on-surface)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-secondary:focus-visible{outline-color:var(--md-sys-color-secondary)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:rounded-large:active{border-radius:var(--md-sys-shape-corner-large)}.active\:rounded-medium:active{border-radius:var(--md-sys-shape-corner-medium)}.active\:rounded-small:active{border-radius:var(--md-sys-shape-corner-small)}.active\:rounded-l-large-increased:active{border-top-left-radius:var(--md-sys-shape-corner-large-increased);border-bottom-left-radius:var(--md-sys-shape-corner-large-increased)}.active\:rounded-l-medium:active{border-top-left-radius:var(--md-sys-shape-corner-medium);border-bottom-left-radius:var(--md-sys-shape-corner-medium)}.active\:rounded-l-small:active{border-top-left-radius:var(--md-sys-shape-corner-small);border-bottom-left-radius:var(--md-sys-shape-corner-small)}.active\:rounded-r-large-increased:active{border-top-right-radius:var(--md-sys-shape-corner-large-increased);border-bottom-right-radius:var(--md-sys-shape-corner-large-increased)}.active\:rounded-r-medium:active{border-top-right-radius:var(--md-sys-shape-corner-medium);border-bottom-right-radius:var(--md-sys-shape-corner-medium)}.active\:rounded-r-small:active{border-top-right-radius:var(--md-sys-shape-corner-small);border-bottom-right-radius:var(--md-sys-shape-corner-small)}.active\:shadow-mm-1:active{--tw-shadow:var(--md-sys-elevation-level1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-on-surface\/12:disabled{border-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.disabled\:border-on-surface\/12:disabled{border-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-on-surface\/4:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-on-surface\/4:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 4%, transparent)}}.disabled\:bg-on-surface\/12:disabled{background-color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-on-surface\/12:disabled{background-color:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent)}}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-on-surface\/38:disabled{color:var(--md-sys-color-on-surface)}@supports (color:color-mix(in lab, red, red)){.disabled\:text-on-surface\/38:disabled{color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent)}}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.sm\:w-\[400px\]{width:400px}.sm\:min-w-\[344px\]{min-width:344px}.sm\:min-w-max{min-width:max-content}}@media (min-width:64rem){.lg\:flex-row{flex-direction:row}}.dark\:bg-primary\/15:where(.dark,[data-theme=dark],.dark *,[data-theme=dark] *){background-color:var(--md-sys-color-primary)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-primary\/15:where(.dark,[data-theme=dark],.dark *,[data-theme=dark] *){background-color:color-mix(in oklab, var(--md-sys-color-primary) 15%, transparent)}}.\[\&\:\:-moz-range-thumb\]\:pointer-events-auto::-moz-range-thumb{pointer-events:auto}.\[\&\:\:-moz-range-thumb\]\:size-11::-moz-range-thumb{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer}.\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb{appearance:none}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full)}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:bg-transparent::-moz-range-thumb{background-color:#0000}.\[\&\:\:-webkit-slider-thumb\]\:pointer-events-auto::-webkit-slider-thumb{pointer-events:auto}.\[\&\:\:-webkit-slider-thumb\]\:size-11::-webkit-slider-thumb{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:var(--md-sys-shape-corner-full)}.\[\&\>\*\]\:col-start-1>*{grid-column-start:1}.\[\&\>\*\]\:row-start-1>*{grid-row-start:1}}:root{--md-sys-color-primary:#565992;--md-sys-color-surface-tint:#565992;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#e0e0ff;--md-sys-color-on-primary-container:#3e4278;--md-sys-color-secondary:#5c5d72;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#e1e0f9;--md-sys-color-on-secondary-container:#444559;--md-sys-color-tertiary:#226a4d;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#a9f2cc;--md-sys-color-on-tertiary-container:#005237;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#fbf8ff;--md-sys-color-on-background:#1b1b21;--md-sys-color-surface:#fbf8ff;--md-sys-color-on-surface:#1b1b21;--md-sys-color-surface-variant:#e4e1ec;--md-sys-color-on-surface-variant:#46464f;--md-sys-color-outline:#777680;--md-sys-color-outline-variant:#c7c5d0;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#303036;--md-sys-color-inverse-on-surface:#f3eff7;--md-sys-color-inverse-primary:#bfc2ff;--md-sys-color-primary-fixed:#e0e0ff;--md-sys-color-on-primary-fixed:#11144b;--md-sys-color-primary-fixed-dim:#bfc2ff;--md-sys-color-on-primary-fixed-variant:#3e4278;--md-sys-color-secondary-fixed:#e1e0f9;--md-sys-color-on-secondary-fixed:#191a2c;--md-sys-color-secondary-fixed-dim:#c5c4dd;--md-sys-color-on-secondary-fixed-variant:#444559;--md-sys-color-tertiary-fixed:#a9f2cc;--md-sys-color-on-tertiary-fixed:#002114;--md-sys-color-tertiary-fixed-dim:#8ed5b1;--md-sys-color-on-tertiary-fixed-variant:#005237;--md-sys-color-surface-dim:#dcd9e0;--md-sys-color-surface-bright:#fbf8ff;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f5f2fa;--md-sys-color-surface-container:#f0ecf4;--md-sys-color-surface-container-high:#eae7ef;--md-sys-color-surface-container-highest:#e4e1e9;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-large-increased:20px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-extra-large-increased:32px;--md-sys-shape-corner-extra-extra-large:48px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-level1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-level2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-level3:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--md-sys-elevation-level4:0 6px 10px 4px #00000026, 0 2px 3px 0 #0000004d;--md-sys-elevation-level5:0 8px 12px 6px #00000026, 0 4px 4px 0 #0000004d;--md-ref-typeface-brand:"Google Sans", system-ui, sans-serif;--md-ref-typeface-plain:"Google Sans Text", system-ui, sans-serif;--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-legacy:cubic-bezier(.4, 0, .2, 1);--md-sys-motion-easing-linear:cubic-bezier(0, 0, 1, 1);--md-sys-motion-spring-fast-spatial:linear(0, .099 5%, .317 10%, .561 15%, .775 20%, .934 25%, 1.034 30%, 1.083 35%, 1.095 40%, 1.084 45%, 1.063 50%, 1.04 55%, 1.02 60%, 1.005 65%, .996 70%, .991 80%, .994 90%, 1);--md-sys-motion-spring-default-spatial:linear(0, .091 6%, .28 11%, .483 17%, .66 22%, .796 28%, .891 33%, .953 39%, .988 44%, 1.007 50%, 1.014 56%, 1.015 61%, 1.013 67%, 1.007 78%, 1.003 89%, 1);--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:.1s;--md-sys-motion-duration-short3:.15s;--md-sys-motion-duration-short4:.2s;--md-sys-motion-duration-medium1:.25s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-medium3:.35s;--md-sys-motion-duration-medium4:.4s;--md-sys-motion-duration-long1:.45s;--md-sys-motion-duration-long2:.5s;--md-sys-motion-duration-long3:.55s;--md-sys-motion-duration-long4:.6s;--md-sys-motion-duration-extra-long1:.7s;--md-sys-motion-duration-extra-long2:.8s;--md-sys-motion-duration-extra-long3:.9s;--md-sys-motion-duration-extra-long4:1s;--md-sys-state-hover-state-layer-opacity:.08;--md-sys-state-focus-state-layer-opacity:.12;--md-sys-state-pressed-state-layer-opacity:.12;--md-sys-state-dragged-state-layer-opacity:.16}.dark,[data-theme=dark]{--md-sys-color-primary:#bfc2ff;--md-sys-color-surface-tint:#bfc2ff;--md-sys-color-on-primary:#272b60;--md-sys-color-primary-container:#3e4278;--md-sys-color-on-primary-container:#e0e0ff;--md-sys-color-secondary:#c5c4dd;--md-sys-color-on-secondary:#2e2f42;--md-sys-color-secondary-container:#444559;--md-sys-color-on-secondary-container:#e1e0f9;--md-sys-color-tertiary:#8ed5b1;--md-sys-color-on-tertiary:#003824;--md-sys-color-tertiary-container:#005237;--md-sys-color-on-tertiary-container:#a9f2cc;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#131318;--md-sys-color-on-background:#e4e1e9;--md-sys-color-surface:#131318;--md-sys-color-on-surface:#e4e1e9;--md-sys-color-surface-variant:#46464f;--md-sys-color-on-surface-variant:#c7c5d0;--md-sys-color-outline:#918f9a;--md-sys-color-outline-variant:#46464f;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e4e1e9;--md-sys-color-inverse-on-surface:#303036;--md-sys-color-inverse-primary:#565992;--md-sys-color-primary-fixed:#e0e0ff;--md-sys-color-on-primary-fixed:#11144b;--md-sys-color-primary-fixed-dim:#bfc2ff;--md-sys-color-on-primary-fixed-variant:#3e4278;--md-sys-color-secondary-fixed:#e1e0f9;--md-sys-color-on-secondary-fixed:#191a2c;--md-sys-color-secondary-fixed-dim:#c5c4dd;--md-sys-color-on-secondary-fixed-variant:#444559;--md-sys-color-tertiary-fixed:#a9f2cc;--md-sys-color-on-tertiary-fixed:#002114;--md-sys-color-tertiary-fixed-dim:#8ed5b1;--md-sys-color-on-tertiary-fixed-variant:#005237;--md-sys-color-surface-dim:#131318;--md-sys-color-surface-bright:#39393f;--md-sys-color-surface-container-lowest:#0e0e13;--md-sys-color-surface-container-low:#1b1b21;--md-sys-color-surface-container:#1f1f25;--md-sys-color-surface-container-high:#2a292f;--md-sys-color-surface-container-highest:#35343a}@keyframes focus-ring-grow{0%{outline-width:0}to{outline-width:8px}}@keyframes focus-ring-shrink{0%{outline-width:8px}to{outline-width:3px}}@keyframes circular-spin{to{transform:rotate(360deg)}}@keyframes circular-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:79 150;stroke-dashoffset:-12px}to{stroke-dasharray:79 150;stroke-dashoffset:-98px}}@keyframes wave-shift{to{transform:translate(-40px)}}@keyframes wave-seg-primary{0%{clip-path:inset(0 191.167% 0 -99.167%)}20%{clip-path:inset(0 191.167% 0 -99.167%)}25%{clip-path:inset(0 190.194% 0 -98.194%)}30%{clip-path:inset(0 186.953% 0 -94.953%)}35%{clip-path:inset(0 180.887% 0 -88.887%)}36.65%{clip-path:inset(0 178.162% 0 -86.162%)}40%{clip-path:inset(0 169.719% 0 -81.091%)}45%{clip-path:inset(0 152.394% 0 -71.896%)}50%{clip-path:inset(0 130.552% 0 -60.408%)}55%{clip-path:inset(0 106.267% 0 -47.521%)}59.15%{clip-path:inset(0 86.137% 0 -36.854%)}60%{clip-path:inset(0 82.09% 0 -34.671%)}65%{clip-path:inset(0 57.385% 0 -19.602%)}69.15%{clip-path:inset(0 37.842% 0 -3.99%)}70%{clip-path:inset(0 35.626% 0 .999%)}75%{clip-path:inset(0 22.476% 0 28.677%)}80%{clip-path:inset(0 10.903% 0 52.923%)}85%{clip-path:inset(0 1.975% 0 72.716%)}90%{clip-path:inset(0 -4.079% 0 87.541%)}95%{clip-path:inset(0 -7.613% 0 97.193%)}to{clip-path:inset(0 -9.444% 0 101.444%)}}@keyframes wave-seg-secondary{0%{clip-path:inset(0 100.889% 0 -8.889%)}5%{clip-path:inset(0 93.499% 0 -7.813%)}10%{clip-path:inset(0 81.354% 0 -5.434%)}15%{clip-path:inset(0 67.375% 0 -2.839%)}19.15%{clip-path:inset(0 54.976% 0 -.686%)}20%{clip-path:inset(0 52.836% 0 .214%)}25%{clip-path:inset(0 39.95% 0 5.476%)}30%{clip-path:inset(0 27.245% 0 11.178%)}35%{clip-path:inset(0 14.938% 0 17.649%)}40%{clip-path:inset(0 3.158% 0 25.344%)}44.15%{clip-path:inset(0 -6.066% 0 33.27%)}45%{clip-path:inset(0 -7.87% 0 35.17%)}48.35%{clip-path:inset(0 -14.447% 0 44.547%)}50%{clip-path:inset(0 -16.722% 0 49.86%)}55%{clip-path:inset(0 -20.394% 0 68.911%)}60%{clip-path:inset(0 -22.703% 0 88.61%)}65%{clip-path:inset(0 -26.618% 0 105.473%)}70%{clip-path:inset(0 -31.852% 0 119.174%)}75%{clip-path:inset(0 -37.519% 0 130.018%)}80%{clip-path:inset(0 -42.98% 0 138.269%)}85%{clip-path:inset(0 -47.91% 0 144.2%)}90%{clip-path:inset(0 -52.234% 0 148.138%)}95%{clip-path:inset(0 -56.019% 0 150.427%)}to{clip-path:inset(0 -59.389% 0 151.389%)}}@keyframes segmented-check-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dialog-part-in{0%,20%{opacity:0}to{opacity:1}}@keyframes dialog-action-in{0%,50%{opacity:0}to{opacity:1}}@keyframes dialog-part-out{0%{opacity:1}to{opacity:0}}.btnGroup>.btn:active:not(:disabled){padding-inline:calc(var(--group-px) + var(--group-grow))}.btnGroup>.btn:has(+.btn:active:not(:disabled)),.btnGroup>.btn:active:not(:disabled)+.btn{padding-inline:calc(var(--group-px) - var(--group-grow) / 2)}.btnGroupConnected{align-items:center;gap:2px;width:fit-content;display:inline-flex}.btnGroupConnected>:where(*){border-radius:var(--connected-inner)}.btnGroupConnected>:where(:active:not(:disabled,[aria-pressed=true])){border-radius:var(--connected-pressed)}.btnGroupConnected>:where([aria-pressed=true]){border-radius:var(--connected-full)}.btnGroupConnected>:where(:first-child){border-start-start-radius:var(--connected-outer);border-end-start-radius:var(--connected-outer)}.btnGroupConnected>:where(:last-child){border-start-end-radius:var(--connected-outer);border-end-end-radius:var(--connected-outer)}.btnGroupConnected.connectedXs,.btnGroupConnected.connectedS{--connected-full:20px;--connected-inner:var(--md-sys-shape-corner-small);--connected-pressed:var(--md-sys-shape-corner-extra-small);--connected-square:var(--md-sys-shape-corner-small)}.btnGroupConnected.connectedXs>:where(*),.btnGroupConnected.connectedS>:where(*){min-inline-size:48px}.btnGroupConnected.connectedXs{--connected-full:16px;--connected-square:var(--md-sys-shape-corner-extra-small)}.btnGroupConnected.connectedM{--connected-full:28px;--connected-inner:var(--md-sys-shape-corner-small);--connected-pressed:var(--md-sys-shape-corner-extra-small);--connected-square:var(--md-sys-shape-corner-small)}.btnGroupConnected.connectedL{--connected-full:48px;--connected-inner:var(--md-sys-shape-corner-large);--connected-pressed:var(--md-sys-shape-corner-medium);--connected-square:var(--md-sys-shape-corner-large)}.btnGroupConnected.connectedXl{--connected-full:68px;--connected-inner:var(--md-sys-shape-corner-large-increased);--connected-pressed:var(--md-sys-shape-corner-large);--connected-square:var(--md-sys-shape-corner-large-increased)}.btnGroupConnected.connectedRound{--connected-outer:var(--connected-full)}.btnGroupConnected.connectedSquare{--connected-outer:var(--connected-square)}.toolbar:not(.vibrant) :where(.iconBtn.standard,.btn.text):not([aria-pressed=true]):not(:disabled){color:var(--md-sys-color-on-surface-variant)}.toolbar :where(.iconBtn.standard,.btn.text)[aria-pressed=true]:not(:disabled){background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.toolbar.vibrant :where(.iconBtn.standard,.btn.text):not(:disabled){color:var(--md-sys-color-on-primary-container)}.toolbar.vibrant :where(.iconBtn.standard,.btn.text)[aria-pressed=true]:not(:disabled){background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}@keyframes fab-menu-item-rise{0%{transform:translateY(12px)scale(.85)}to{transform:translateY(0)scale(1)}}@keyframes fab-menu-item-sink{0%{transform:translateY(0)scale(1)}to{transform:translateY(12px)scale(.85)}}@keyframes fab-menu-item-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fab-menu-item-fade-out{0%{opacity:1}to{opacity:0}}@keyframes menu-item-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}@keyframes linear-primary-translate{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.6714%)}to{transform:translate(200.611%)}}@keyframes linear-primary-scale{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes linear-secondary-translate{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.6519%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.3862%)}to{transform:translate(160.278%)}}@keyframes linear-secondary-scale{0%{animation-timing-function:cubic-bezier(.205028,.057051,.57661,.453971);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.00432);transform:scaleX(.457104)}44.15%{animation-timing-function:cubic-bezier(.257759,-.003163,.211762,1.38179);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@media (prefers-reduced-motion:reduce){.animate-spin-lazy,.animate-blob{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-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}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-lazy{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes snackbar-scale-in{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes snackbar-scale-out{0%{transform:scale(1)}to{transform:scale(.8)}}@keyframes transition-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes transition-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes transition-bottom-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes transition-right-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes blob{0%,to{border-radius:42% 58% 63% 37%/51% 43% 57% 49%}33%{border-radius:58% 42% 37% 63%/43% 57% 49% 51%}66%{border-radius:37% 63% 51% 49%/57% 43% 63% 37%}}@keyframes dialog-in{0%{opacity:0;clip-path:inset(0 0 65% 0 round var(--md-sys-shape-corner-extra-large));transform:translateY(-50px)}10%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0 round var(--md-sys-shape-corner-extra-large));transform:translateY(0)}}@keyframes dialog-out{0%{opacity:1;clip-path:inset(0 0 0 0 round var(--md-sys-shape-corner-extra-large));transform:translateY(0)}66%{opacity:1}to{opacity:0;clip-path:inset(0 0 65% 0 round var(--md-sys-shape-corner-extra-large));transform:translateY(-50px)}}@keyframes menu-in{0%{clip-path:inset(var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px) 100% var(--menu-clip-bleed,0px));opacity:0}10%{opacity:1}to{clip-path:inset(var(--menu-clip-bleed,0px));opacity:1}}@keyframes menu-out{0%{clip-path:inset(var(--menu-clip-bleed,0px));opacity:1}66%{opacity:1}to{clip-path:inset(var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px) 100% var(--menu-clip-bleed,0px));opacity:0}}@keyframes menu-in-up{0%{clip-path:inset(100% var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px));opacity:0}10%{opacity:1}to{clip-path:inset(var(--menu-clip-bleed,0px));opacity:1}}@keyframes menu-out-up{0%{clip-path:inset(var(--menu-clip-bleed,0px));opacity:1}66%{opacity:1}to{clip-path:inset(100% var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px) var(--menu-clip-bleed,0px));opacity:0}}

package/dist/theme.css

@@ -0,0 +1,187 @@
+/* react-material-expressive — Tailwind v4 theme partial.
+ *
+ * Maps Tailwind utilities to the runtime M3 design tokens (--md-sys-*).
+ * `inline` keeps the var(--md-sys-*) reference inside each utility, so
+ * utilities re-resolve per element and follow [data-theme]/.dark scopes
+ * at runtime.
+ *
+ * Two roles: styles.css imports it to build the precompiled dist/styles.css,
+ * AND it is published raw as `react-material-expressive/theme.css` so a
+ * consumer running their own Tailwind v4 can author the same M3 utilities.
+ * The token VALUES come from the imported styles.css (`:root`/`.dark`) or a
+ * Material Theme Builder paste:
+ *
+ *   @import "tailwindcss";
+ *   @import "react-material-expressive/theme.css";
+ */
+
+/* `dark:` follows the library's theme toggle (.dark / [data-theme="dark"]),
+ * not prefers-color-scheme, so consumer utilities match the components.
+ * Defined here so both this build and the published partial expose it. */
+@custom-variant dark (&:where(.dark, [data-theme="dark"], .dark *, [data-theme="dark"] *));
+
+@theme inline {
+  /* --- Color roles (M3: --md-sys-color-*) --- */
+  --color-primary: var(--md-sys-color-primary);
+  --color-surface-tint: var(--md-sys-color-surface-tint);
+  --color-on-primary: var(--md-sys-color-on-primary);
+  --color-primary-container: var(--md-sys-color-primary-container);
+  --color-on-primary-container: var(--md-sys-color-on-primary-container);
+  --color-secondary: var(--md-sys-color-secondary);
+  --color-on-secondary: var(--md-sys-color-on-secondary);
+  --color-secondary-container: var(--md-sys-color-secondary-container);
+  --color-on-secondary-container: var(--md-sys-color-on-secondary-container);
+  --color-tertiary: var(--md-sys-color-tertiary);
+  --color-on-tertiary: var(--md-sys-color-on-tertiary);
+  --color-tertiary-container: var(--md-sys-color-tertiary-container);
+  --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);
+  --color-error: var(--md-sys-color-error);
+  --color-on-error: var(--md-sys-color-on-error);
+  --color-error-container: var(--md-sys-color-error-container);
+  --color-on-error-container: var(--md-sys-color-on-error-container);
+  --color-background: var(--md-sys-color-background);
+  --color-on-background: var(--md-sys-color-on-background);
+  --color-surface: var(--md-sys-color-surface);
+  --color-on-surface: var(--md-sys-color-on-surface);
+  --color-surface-variant: var(--md-sys-color-surface-variant);
+  --color-on-surface-variant: var(--md-sys-color-on-surface-variant);
+  --color-outline: var(--md-sys-color-outline);
+  --color-outline-variant: var(--md-sys-color-outline-variant);
+  --color-shadow: var(--md-sys-color-shadow);
+  --color-scrim: var(--md-sys-color-scrim);
+  --color-inverse-surface: var(--md-sys-color-inverse-surface);
+  --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);
+  --color-inverse-primary: var(--md-sys-color-inverse-primary);
+  --color-primary-fixed: var(--md-sys-color-primary-fixed);
+  --color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);
+  --color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
+  --color-on-primary-fixed-variant: var(
+    --md-sys-color-on-primary-fixed-variant
+  );
+  --color-secondary-fixed: var(--md-sys-color-secondary-fixed);
+  --color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);
+  --color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);
+  --color-on-secondary-fixed-variant: var(
+    --md-sys-color-on-secondary-fixed-variant
+  );
+  --color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);
+  --color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);
+  --color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);
+  --color-on-tertiary-fixed-variant: var(
+    --md-sys-color-on-tertiary-fixed-variant
+  );
+  --color-surface-dim: var(--md-sys-color-surface-dim);
+  --color-surface-bright: var(--md-sys-color-surface-bright);
+  --color-surface-container-lowest: var(
+    --md-sys-color-surface-container-lowest
+  );
+  --color-surface-container-low: var(--md-sys-color-surface-container-low);
+  --color-surface-container: var(--md-sys-color-surface-container);
+  --color-surface-container-high: var(--md-sys-color-surface-container-high);
+  --color-surface-container-highest: var(
+    --md-sys-color-surface-container-highest
+  );
+
+  /* --- Shape scale (M3: --md-sys-shape-corner-*) --- */
+  --radius-none: var(--md-sys-shape-corner-none);
+  --radius-extra-small: var(--md-sys-shape-corner-extra-small);
+  --radius-small: var(--md-sys-shape-corner-small);
+  --radius-medium: var(--md-sys-shape-corner-medium);
+  --radius-large: var(--md-sys-shape-corner-large);
+  --radius-large-increased: var(--md-sys-shape-corner-large-increased);
+  --radius-extra-large: var(--md-sys-shape-corner-extra-large);
+  --radius-extra-large-increased: var(
+    --md-sys-shape-corner-extra-large-increased
+  );
+  --radius-extra-extra-large: var(--md-sys-shape-corner-extra-extra-large);
+  --radius-full: var(--md-sys-shape-corner-full);
+
+  /* --- Elevation (M3: --md-sys-elevation-level*) --- */
+  --shadow-mm-1: var(--md-sys-elevation-level1);
+  --shadow-mm-2: var(--md-sys-elevation-level2);
+  --shadow-mm-3: var(--md-sys-elevation-level3);
+  --shadow-mm-4: var(--md-sys-elevation-level4);
+  --shadow-mm-5: var(--md-sys-elevation-level5);
+
+  /* --- Typefaces (M3: --md-ref-typeface-*) --- */
+  --font-sans: var(--md-ref-typeface-plain);
+  --font-brand: var(--md-ref-typeface-brand);
+
+  /* --- Motion easings (M3 spec cubic-beziers) --- */
+  --ease-emphasized: var(--md-sys-motion-easing-emphasized);
+  --ease-emphasized-decelerate: var(
+    --md-sys-motion-easing-emphasized-decelerate
+  );
+  --ease-emphasized-accelerate: var(
+    --md-sys-motion-easing-emphasized-accelerate
+  );
+  --ease-standard: var(--md-sys-motion-easing-standard);
+  --ease-standard-decelerate: var(--md-sys-motion-easing-standard-decelerate);
+  --ease-standard-accelerate: var(--md-sys-motion-easing-standard-accelerate);
+  --ease-legacy: var(--md-sys-motion-easing-legacy);
+  --ease-md-linear: var(--md-sys-motion-easing-linear);
+}
+
+/* --- M3 type scale (static values; family inherits --md-ref-typeface-*) --- */
+@theme {
+  --text-display-large: 3.5625rem;
+  --text-display-large--line-height: 4rem;
+  --text-display-large--letter-spacing: -0.015625rem;
+  --text-display-large--font-weight: 400;
+  --text-display-medium: 2.8125rem;
+  --text-display-medium--line-height: 3.25rem;
+  --text-display-medium--letter-spacing: 0rem;
+  --text-display-medium--font-weight: 400;
+  --text-display-small: 2.25rem;
+  --text-display-small--line-height: 2.75rem;
+  --text-display-small--letter-spacing: 0rem;
+  --text-display-small--font-weight: 400;
+  --text-headline-large: 2rem;
+  --text-headline-large--line-height: 2.5rem;
+  --text-headline-large--letter-spacing: 0rem;
+  --text-headline-large--font-weight: 400;
+  --text-headline-medium: 1.75rem;
+  --text-headline-medium--line-height: 2.25rem;
+  --text-headline-medium--letter-spacing: 0rem;
+  --text-headline-medium--font-weight: 400;
+  --text-headline-small: 1.5rem;
+  --text-headline-small--line-height: 2rem;
+  --text-headline-small--letter-spacing: 0rem;
+  --text-headline-small--font-weight: 400;
+  --text-title-large: 1.375rem;
+  --text-title-large--line-height: 1.75rem;
+  --text-title-large--letter-spacing: 0rem;
+  --text-title-large--font-weight: 400;
+  --text-title-medium: 1rem;
+  --text-title-medium--line-height: 1.5rem;
+  --text-title-medium--letter-spacing: 0.009375rem;
+  --text-title-medium--font-weight: 500;
+  --text-title-small: 0.875rem;
+  --text-title-small--line-height: 1.25rem;
+  --text-title-small--letter-spacing: 0.00625rem;
+  --text-title-small--font-weight: 500;
+  --text-body-large: 1rem;
+  --text-body-large--line-height: 1.5rem;
+  --text-body-large--letter-spacing: 0.03125rem;
+  --text-body-large--font-weight: 400;
+  --text-body-medium: 0.875rem;
+  --text-body-medium--line-height: 1.25rem;
+  --text-body-medium--letter-spacing: 0.015625rem;
+  --text-body-medium--font-weight: 400;
+  --text-body-small: 0.75rem;
+  --text-body-small--line-height: 1rem;
+  --text-body-small--letter-spacing: 0.025rem;
+  --text-body-small--font-weight: 400;
+  --text-label-large: 0.875rem;
+  --text-label-large--line-height: 1.25rem;
+  --text-label-large--letter-spacing: 0.00625rem;
+  --text-label-large--font-weight: 500;
+  --text-label-medium: 0.75rem;
+  --text-label-medium--line-height: 1rem;
+  --text-label-medium--letter-spacing: 0.03125rem;
+  --text-label-medium--font-weight: 500;
+  --text-label-small: 0.6875rem;
+  --text-label-small--line-height: 1rem;
+  --text-label-small--letter-spacing: 0.03125rem;
+  --text-label-small--font-weight: 500;
+}

package/docs/components/Amount.md

@@ -0,0 +1,48 @@
+# Amount
+
+Quantity stepper on a surface-container-high pill (small shape): minus /
+value / plus with min/max/step clamping. Controllable.
+
+## Import
+
+```tsx
+import {Amount} from "react-material-expressive";
+```
+
+## API
+
+```ts
+interface AmountProps {
+  className?: string;
+  defaultValue?: number; // uncontrolled seed (default = min)
+  disabled?: boolean;
+  labels?: AmountLabels; // accessible names
+  max?: number;
+  min?: number;
+  step?: number; // min 0, step 1
+  minusIcon?: ReactNode;
+  plusIcon?: ReactNode; // default inline SVGs
+  onChange?: (value: number) => void;
+  value?: number; // controlled
+}
+
+interface AmountLabels {
+  label?: string; // group aria-label (default "Amount")
+  decrease?: string; // minus button aria-label (default "Decrease")
+  increase?: string; // plus button aria-label (default "Increase")
+}
+```
+
+## Examples
+
+```tsx
+<Amount defaultValue={1} min={1} max={9} onChange={setQty} />
+<Amount value={qty} onChange={setQty} step={5} />
+```
+
+## Gotchas
+
+- Buttons disable automatically at the min/max bounds.
+- The value region is `aria-live="polite"`.
+- **BREAKING:** the `aria-label` prop was replaced by `labels={{label}}`
+  (the +/- button aria-labels are `labels.decrease`/`labels.increase`).

package/docs/components/Avatar.md

@@ -0,0 +1,69 @@
+# Avatar
+
+Circular (or custom-radius) avatar with initials/placeholder fallback,
+optional badges and an animated token-gradient ring. Media is injectable —
+no proprietary Image component.
+
+The initials/placeholder fallback follows the M3 avatar token set
+(`md.comp.list.list-item.leading-avatar`): `primary-container` container
+with `on-primary-container` `title-medium` initials, 40dp, corner-full.
+
+## Import
+
+```tsx
+import {Avatar} from "react-material-expressive";
+```
+
+## API
+
+```ts
+interface AvatarProps extends MediaInjectionProps {
+  // children | image | render
+  alt?: string;
+  badge?: boolean;
+  badgeColor?: string;
+  badgeIcon?: ReactNode;
+  badgeText?: string;
+  className?: string;
+  dotBadge?: boolean;
+  height?: number;
+  width?: number;
+  size?: number; // default 40
+  name?: string; // initials fallback
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  placeholder?: ReactNode; // fallback when no image nor name
+  radius?: number; // default 9999 (circle)
+  ring?: boolean; // animated decorative ring
+  smallBadge?: boolean; // OnIconBadge overlay
+  src?: string | StaticImageData;
+}
+```
+
+Media priority: `render({src, alt, className, style})` > `image` >
+`children` > native `<img>` (object-fit cover, hides on error so the
+initials/placeholder show).
+
+## Examples
+
+```tsx
+<Avatar alt="Ada" src="/ada.jpg" />
+<Avatar name="AL" size={56} />
+<Avatar src={photo} dotBadge ring />
+
+// Framework image injection (e.g. Next.js)
+<Avatar src={photo} render={({src, alt, className, style}) => (
+    <Image alt={alt} className={className} fill src={src!} style={style} />
+)} />
+```
+
+## Gotchas
+
+- `badgeColor` is a class override (e.g. `"bg-tertiary text-on-tertiary"`).
+- With `width`/`height` unequal, `radius` still applies to both corners.
+- The initials don't scale with `size` (M3 only defines the 40dp avatar);
+  recolor/resize via `className` if you need a denser fallback.
+- The decorative `ring` is a 2px token conic gradient
+  (`primary → tertiary → primary`) spinning at 5s/turn (linear).
+- `onClick` is a convenience on a plain `<div>` — it adds no button
+  semantics. Wrap the avatar in a `<button>`/`<a>` when it must be
+  focusable and keyboard-activatable.

package/docs/components/AvatarStack.md

@@ -0,0 +1,50 @@
+# AvatarStack
+
+Overlapping avatar row with a surface ring and a hover raise per avatar.
+The hover raise (−2px + scale 1.05) runs on the M3E fast-spatial spring
+(350ms `linear()` port) and lifts the hovered avatar above its neighbors.
+
+## Import
+
+```tsx
+import {AvatarStack} from "react-material-expressive";
+```
+
+## API
+
+```ts
+interface AvatarStackItem {
+  alt?: string;
+  height?: number;
+  width?: number;
+  id: string; // stable key
+  initials?: string; // fallback when no src
+  src?: string | StaticImageData;
+}
+
+interface AvatarStackProps {
+  avatars: AvatarStackItem[];
+  className?: string;
+  size?: number; // default 40
+}
+```
+
+## Example
+
+```tsx
+<AvatarStack
+  avatars={[
+    {id: "1", src: "/a.jpg"},
+    {id: "2", src: "/b.jpg"},
+    {id: "3", initials: "+5"},
+  ]}
+  size={48}
+/>
+```
+
+## Gotchas
+
+- The ring color is `ring-surface`, so it blends with the page surface —
+  place the stack over `bg-surface` (or recolor via `className`).
+- `size` defaults to 40 (the M3 leading-avatar token); initials-only items
+  render the Avatar fallback (`primary-container` + `title-medium`).