.m3-ripple-container{border-radius:inherit;pointer-events:none;z-index:0;contain:strict;position:absolute;inset:0;overflow:hidden}.m3-state-layer{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);position:absolute;inset:0}: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{background-color:var(--md-ripple-color,currentColor);opacity:var(--md-sys-state-pressed);pointer-events:none;animation:m3-ripple-expand var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards;border-radius:50%;position:absolute;transform:scale(0)}@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);box-sizing:border-box;min-width:48px;height:var(--m3-btn-height);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));justify-content:center;align-items:center;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);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;line-height:1.4;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);display:inline-flex;position:relative;overflow:hidden}.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:"";border-radius:inherit;border:var(--m3-btn-outline-width) solid var(--m3-button-outline-color);pointer-events:none;position:absolute;inset:0}.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{width:var(--m3-btn-icon-size);height:var(--m3-btn-icon-size);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.m3-button__icon svg{width:var(--m3-btn-icon-size);height:var(--m3-btn-icon-size)}.m3-button__label{z-index:1;align-items:center;display:flex;position:relative}.m3-navigation-drawer{--m3-drawer-bg:var(--md-sys-color-surface-container-low);background-color:var(--m3-drawer-bg);width:360px;height:100%;min-height:100vh;box-shadow:var(--md-sys-elevation-level1);border:none;border-radius:0 16px 16px 0;flex-direction:column;padding:12px;display:flex}.m3-navigation-drawer__heading{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);margin:0;padding:18px 16px}.m3-navigation-drawer__nav{margin-top:12px}.m3-navigation-drawer__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.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);background-color:var(--m3-drawer-item-bg);width:100%;height:56px;color:var(--m3-drawer-item-color);text-align:left;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);border:none;border-radius:28px;align-items:center;padding:0 16px 0 24px;display:flex;position:relative}.m3-navigation-drawer__label{z-index:1;position:relative}.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;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;display:flex}.m3-surface{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);border:none;border-radius:16px;padding:16px}.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);background-color:var(--m3-icon-button-bg);width:40px;height:40px;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);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.m3-icon-button span[aria-hidden=true],.m3-icon-button svg,.m3-icon-button img{z-index:1;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex;position:relative}.m3-icon-button:before{content:"";border-radius:inherit;border:1px solid var(--m3-icon-button-outline-color);pointer-events:none;position:absolute;inset:0}.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{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);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;border:none;border-radius:0;flex-direction:column;display:flex;position:relative}.m3-top-app-bar__row{align-items:center;gap:4px;min-height:64px;padding:4px;display:flex}.m3-top-app-bar__nav-icon{flex-shrink:0}.m3-top-app-bar__titles{flex-direction:column;flex:0 auto;justify-content:center;min-width:0;padding:0 12px;display:flex}.m3-top-app-bar__spacer{flex:1}.m3-top-app-bar__title{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);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.m3-top-app-bar__supporting-text{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);margin:0}.m3-top-app-bar__actions{flex-shrink:0;align-items:center;gap:0;display:flex}.m3-top-app-bar--center-aligned .m3-top-app-bar__titles{text-align:center;padding:0;position:absolute;left:50%;transform:translate(-50%)}.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{max-height:calc(48px * (1 - var(--m3-top-app-bar-collapse-ratio)));padding:0 16px 20px;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{max-height:calc(88px * (1 - var(--m3-top-app-bar-collapse-ratio)));padding:0 16px 28px;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{flex-direction:column;gap:4px;display:flex}.m3-top-app-bar--scrolled{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}
