.m3-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0;contain:strict}.m3-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--md-ripple-color, currentColor);opacity:0;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}:where(button,a,[role=button],[role=menuitem],[role=tab],[role=checkbox],[role=radio],[role=switch],.m3-interactive):not(:disabled,[aria-disabled=true]):hover>.m3-ripple-container>.m3-state-layer{opacity:var(--md-sys-state-hover)}:where(button,a,[role=button],[role=menuitem],[role=tab],[role=checkbox],[role=radio],[role=switch],.m3-interactive):not(:disabled,[aria-disabled=true]):focus-visible>.m3-ripple-container>.m3-state-layer{opacity:var(--md-sys-state-focus)}.m3-ripple-wave{position:absolute;border-radius:50%;background-color:var(--md-ripple-color, currentColor);opacity:var(--md-sys-state-pressed);pointer-events:none;transform:scale(0);animation:m3-ripple-expand var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}@keyframes m3-ripple-expand{0%{transform:scale(0)}to{transform:scale(1)}}.m3-ripple-wave.m3-ripple-fade-out{animation:m3-ripple-expand var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards,m3-ripple-fade var(--md-sys-motion-duration-medium1) linear forwards}@keyframes m3-ripple-fade{to{opacity:0}}.m3-button{--m3-button-bg: transparent;--m3-button-color: var(--md-sys-color-primary);--m3-button-outline-color: transparent;--md-ripple-color: var(--m3-button-color);--m3-btn-height: 40px;--m3-btn-padding: 16px;--m3-btn-icon-size: 20px;--m3-btn-gap: 8px;--m3-btn-font-size: 14px;--m3-btn-outline-width: 1px;--m3-btn-radius: calc(var(--m3-btn-height) / 2);position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:48px;height:var(--m3-btn-height);border:none;border-radius:var(--m3-btn-radius);padding:0 var(--m3-btn-padding);background-color:var(--m3-button-bg);color:var(--m3-button-color);box-shadow:var(--m3-button-elevation, var(--md-sys-elevation-level0));gap:var(--m3-btn-gap);font-family:var(--md-sys-typescale-label-large-font-family);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--m3-btn-font-size);line-height:1.4;letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);cursor:pointer;transition:background-color .2s cubic-bezier(.2,0,0,1),color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),opacity .2s cubic-bezier(.2,0,0,1);overflow:hidden;-webkit-tap-highlight-color:transparent}.m3-button--xs{--m3-btn-height: 32px;--m3-btn-padding: 12px;--m3-btn-icon-size: 20px;--m3-btn-gap: 8px;--m3-btn-font-size: 12px;--m3-btn-outline-width: 1px}.m3-button--s{--m3-btn-height: 40px;--m3-btn-padding: 16px;--m3-btn-icon-size: 20px;--m3-btn-gap: 8px;--m3-btn-font-size: 14px;--m3-btn-outline-width: 1px}.m3-button--m{--m3-btn-height: 56px;--m3-btn-padding: 24px;--m3-btn-icon-size: 24px;--m3-btn-gap: 8px;--m3-btn-font-size: 14px;--m3-btn-outline-width: 1px}.m3-button--l{--m3-btn-height: 96px;--m3-btn-padding: 48px;--m3-btn-icon-size: 32px;--m3-btn-gap: 12px;--m3-btn-font-size: 16px;--m3-btn-outline-width: 2px}.m3-button--xl{--m3-btn-height: 136px;--m3-btn-padding: 64px;--m3-btn-icon-size: 40px;--m3-btn-gap: 16px;--m3-btn-font-size: 18px;--m3-btn-outline-width: 3px}.m3-button--round{--m3-btn-radius: calc(var(--m3-btn-height) / 2)}.m3-button--square{--m3-btn-radius: 12px}.m3-button--square.m3-button--m{--m3-btn-radius: 16px}.m3-button--square.m3-button--l,.m3-button--square.m3-button--xl{--m3-btn-radius: 28px}.m3-button:before{content:"";position:absolute;inset:0;border-radius:inherit;border:var(--m3-btn-outline-width) solid var(--m3-button-outline-color);pointer-events:none}.m3-button--elevated{--m3-button-bg: var(--md-sys-color-surface-container-low);--m3-button-color: var(--md-sys-color-primary);--m3-button-elevation: var(--md-sys-elevation-level1)}.m3-button--elevated:hover:not(:disabled){--m3-button-elevation: var(--md-sys-elevation-level2)}.m3-button--elevated:focus-visible:not(:disabled),.m3-button--elevated:active:not(:disabled){--m3-button-elevation: var(--md-sys-elevation-level1)}.m3-button--filled{--m3-button-bg: var(--md-sys-color-primary);--m3-button-color: var(--md-sys-color-on-primary)}.m3-button--filled:hover:not(:disabled){--m3-button-elevation: var(--md-sys-elevation-level1)}.m3-button--tonal{--m3-button-bg: var(--md-sys-color-secondary-container);--m3-button-color: var(--md-sys-color-on-secondary-container)}.m3-button--tonal:hover:not(:disabled){--m3-button-elevation: var(--md-sys-elevation-level1)}.m3-button--outlined{--m3-button-bg: transparent;--m3-button-color: var(--md-sys-color-primary);--m3-button-outline-color: var(--md-sys-color-outline)}.m3-button--outlined:focus-visible:not(:disabled){--m3-button-outline-color: var(--md-sys-color-primary)}.m3-button--text{--m3-button-bg: transparent;--m3-button-color: var(--md-sys-color-primary);padding:0 calc(var(--m3-btn-padding) * .75)}.m3-button--selected{--m3-button-bg: var(--md-sys-color-primary);--m3-button-color: var(--md-sys-color-on-primary)}.m3-button:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px}.m3-button:disabled,.m3-button[aria-disabled=true]{cursor:not-allowed;box-shadow:none;--md-ripple-color: transparent}.m3-button:disabled{--m3-button-elevation: var(--md-sys-elevation-level0)}.m3-button--elevated:disabled,.m3-button--filled:disabled,.m3-button--tonal:disabled{--m3-button-bg: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--m3-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-button--outlined:disabled{--m3-button-outline-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--m3-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-button--text:disabled{--m3-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-button--loading{opacity:.72}.m3-button__icon{display:flex;align-items:center;justify-content:center;width:var(--m3-btn-icon-size);height:var(--m3-btn-icon-size);position:relative;z-index:1}.m3-button__icon svg{width:var(--m3-btn-icon-size);height:var(--m3-btn-icon-size)}.m3-button__label{position:relative;z-index:1;display:flex;align-items:center}.m3-navigation-drawer{--m3-drawer-bg: var(--md-sys-color-surface-container-low);width:360px;height:100%;min-height:100vh;border:none;border-radius:0 16px 16px 0;background-color:var(--m3-drawer-bg);padding:12px;box-shadow:var(--md-sys-elevation-level1);display:flex;flex-direction:column}.m3-navigation-drawer__heading{margin:0;padding:18px 16px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-title-small-font-family);font-weight:var(--md-sys-typescale-title-small-font-weight);font-size:var(--md-sys-typescale-title-small-font-size);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.m3-navigation-drawer__nav{margin-top:12px}.m3-navigation-drawer__list{display:grid;list-style:none;margin:0;padding:0;gap:0}.m3-navigation-drawer__item{width:100%}.m3-navigation-drawer__button{--m3-drawer-item-bg: transparent;--m3-drawer-item-color: var(--md-sys-color-on-surface-variant);--md-ripple-color: var(--md-sys-color-on-surface);position:relative;width:100%;height:56px;border:none;border-radius:28px;background-color:var(--m3-drawer-item-bg);color:var(--m3-drawer-item-color);text-align:left;padding:0 16px 0 24px;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--md-sys-typescale-label-large-font-family);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--md-sys-typescale-label-large-font-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.m3-navigation-drawer__label{position:relative;z-index:1}.m3-navigation-drawer__button--active{--m3-drawer-item-bg: var(--md-sys-color-secondary-container);--m3-drawer-item-color: var(--md-sys-color-on-secondary-container);--md-ripple-color: var(--md-sys-color-on-secondary-container)}.m3-navigation-drawer__button--active .m3-navigation-drawer__label{font-weight:700}.m3-navigation-drawer__button:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:-2px}.m3-navigation-drawer__button--disabled{--m3-drawer-item-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);cursor:not-allowed;pointer-events:none;--md-ripple-color: transparent}.m3-navigation-drawer__icon{z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:12px}.m3-surface{border:none;border-radius:16px;padding:16px;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.m3-surface--elevation-0{box-shadow:none}.m3-surface--elevation-1{box-shadow:var(--md-sys-elevation-level1);background-color:var(--md-sys-color-surface-container-low)}.m3-surface--elevation-2{box-shadow:var(--md-sys-elevation-level2);background-color:var(--md-sys-color-surface-container)}.m3-surface--elevation-3{box-shadow:var(--md-sys-elevation-level3);background-color:var(--md-sys-color-surface-container-high)}.m3-surface--tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-icon-button{--m3-icon-button-bg: transparent;--m3-icon-button-color: var(--md-sys-color-on-surface-variant);--m3-icon-button-outline-color: transparent;--md-ripple-color: var(--m3-icon-button-color);position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:var(--m3-icon-button-bg);color:var(--m3-icon-button-color);fill:currentColor;cursor:pointer;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);overflow:hidden;-webkit-tap-highlight-color:transparent;flex-shrink:0}.m3-icon-button span[aria-hidden=true],.m3-icon-button svg,.m3-icon-button img{width:24px;height:24px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:24px}.m3-icon-button:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--m3-icon-button-outline-color);pointer-events:none}.m3-icon-button[data-variant=standard].m3-icon-button--selected{--m3-icon-button-color: var(--md-sys-color-primary)}.m3-icon-button[data-variant=filled]{--m3-icon-button-bg: var(--md-sys-color-surface-container-highest);--m3-icon-button-color: var(--md-sys-color-primary)}.m3-icon-button[data-variant=filled].m3-icon-button--selected{--m3-icon-button-bg: var(--md-sys-color-primary);--m3-icon-button-color: var(--md-sys-color-on-primary)}.m3-icon-button[data-variant=tonal]{--m3-icon-button-bg: var(--md-sys-color-surface-container-highest);--m3-icon-button-color: var(--md-sys-color-on-surface-variant)}.m3-icon-button[data-variant=tonal].m3-icon-button--selected{--m3-icon-button-bg: var(--md-sys-color-secondary-container);--m3-icon-button-color: var(--md-sys-color-on-secondary-container)}.m3-icon-button[data-variant=outlined]{--m3-icon-button-bg: transparent;--m3-icon-button-color: var(--md-sys-color-on-surface-variant);--m3-icon-button-outline-color: var(--md-sys-color-outline)}.m3-icon-button[data-variant=outlined].m3-icon-button--selected{--m3-icon-button-bg: var(--md-sys-color-inverse-surface);--m3-icon-button-color: var(--md-sys-color-inverse-on-surface);--m3-icon-button-outline-color: transparent}.m3-icon-button[data-variant=outlined]:focus-visible:not(:disabled){--m3-icon-button-outline-color: var(--md-sys-color-primary)}.m3-icon-button:focus-visible{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px}.m3-icon-button:disabled,.m3-icon-button[aria-disabled=true]{cursor:not-allowed;--md-ripple-color: transparent}.m3-icon-button[data-variant=standard]:disabled{--m3-icon-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-icon-button[data-variant=filled]:disabled,.m3-icon-button[data-variant=tonal]:disabled{--m3-icon-button-bg: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--m3-icon-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-icon-button[data-variant=outlined]:disabled{--m3-icon-button-outline-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--m3-icon-button-color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-icon-button[data-variant=outlined].m3-icon-button--selected:disabled{--m3-icon-button-bg: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--m3-icon-button-outline-color: transparent}.m3-top-app-bar{display:flex;flex-direction:column;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:none;border-radius:0;box-shadow:var(--md-sys-elevation-level0);transition:background-color var(--md-sys-motion-duration-short2, .2s) var(--md-sys-motion-easing-standard, ease),box-shadow var(--md-sys-motion-duration-short2, .2s) var(--md-sys-motion-easing-standard, ease);z-index:10;position:relative}.m3-top-app-bar__row{display:flex;align-items:center;gap:4px;padding:4px;min-height:64px}.m3-top-app-bar__nav-icon{flex-shrink:0}.m3-top-app-bar__titles{display:flex;flex-direction:column;justify-content:center;padding:0 12px;min-width:0;flex:0 1 auto}.m3-top-app-bar__spacer{flex:1 1 0%}.m3-top-app-bar__title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-large-font-family);font-weight:var(--md-sys-typescale-title-large-font-weight, 400);font-size:var(--md-sys-typescale-title-large-font-size, 22px);line-height:var(--md-sys-typescale-title-large-line-height, 28px);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3-top-app-bar__supporting-text{margin:0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-small-font-family);font-weight:var(--md-sys-typescale-body-small-font-weight, 400);font-size:var(--md-sys-typescale-body-small-font-size, 12px);line-height:var(--md-sys-typescale-body-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, .4px)}.m3-top-app-bar__actions{display:flex;align-items:center;gap:0;flex-shrink:0}.m3-top-app-bar--center-aligned .m3-top-app-bar__titles{position:absolute;left:50%;transform:translate(-50%);text-align:center;padding:0}.m3-top-app-bar--center-aligned .m3-top-app-bar__row{position:relative}.m3-top-app-bar--medium,.m3-top-app-bar--large{--m3-top-app-bar-collapse-ratio: 0}.m3-top-app-bar--medium .m3-top-app-bar__row{min-height:64px}.m3-top-app-bar--medium .m3-top-app-bar__headline-wrapper{padding:0 16px 20px;max-height:calc(48px * (1 - var(--m3-top-app-bar-collapse-ratio)));overflow:hidden}.m3-top-app-bar--medium .m3-top-app-bar__headline .m3-top-app-bar__title{font-family:var(--md-sys-typescale-headline-small-font-family);font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);font-size:var(--md-sys-typescale-headline-small-font-size, 24px);line-height:var(--md-sys-typescale-headline-small-line-height, 32px);white-space:normal;text-overflow:unset}.m3-top-app-bar--large .m3-top-app-bar__row{min-height:64px}.m3-top-app-bar--large .m3-top-app-bar__headline-wrapper{padding:0 16px 28px;max-height:calc(88px * (1 - var(--m3-top-app-bar-collapse-ratio)));overflow:hidden}.m3-top-app-bar--large .m3-top-app-bar__headline .m3-top-app-bar__title{font-family:var(--md-sys-typescale-headline-medium-font-family);font-weight:var(--md-sys-typescale-headline-medium-font-weight, 400);font-size:var(--md-sys-typescale-headline-medium-font-size, 28px);line-height:var(--md-sys-typescale-headline-medium-line-height, 36px);white-space:normal;text-overflow:unset}.m3-top-app-bar__headline{display:flex;flex-direction:column;gap:4px}.m3-top-app-bar--scrolled{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}