/*! mtrl v0.10.0 | MIT */
@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.tabs{.mtrl-tabs{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.mtrl-tabs--primary{min-height:48px}.mtrl-tabs--primary:has(.mtrl-button.mtrl-tab--icon-and-text){min-height:64px}.mtrl-tabs--primary .mtrl-tabs__indicator{border-radius:3px 3px 0 0;background-color:var(--mtrl-sys-color-primary)}.mtrl-tabs--secondary{min-height:48px}.mtrl-tabs--secondary .mtrl-tabs__indicator{border-radius:0;background-color:var(--mtrl-sys-color-primary)}.mtrl-tabs .mtrl-button.mtrl-tab::before{content:none}.mtrl-tabs:not(.mtrl-tabs--scrollable){flex-direction:row}.mtrl-tabs:not(.mtrl-tabs--scrollable)>.mtrl-button.mtrl-tab{flex:1}.mtrl-tabs--scrollable{overflow:hidden}.mtrl-tabs--scrollable .mtrl-tabs__scroll{display:flex;padding-inline:52px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mtrl-tabs--scrollable .mtrl-tabs__scroll::-webkit-scrollbar{display:none}.mtrl-tabs__divider{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--mtrl-sys-color-outline-variant)}.mtrl-tabs__indicator{position:absolute;bottom:0;left:0;transition:transform 450ms linear(0, 0.055, 0.18, 0.332, 0.483, 0.619, 0.733, 0.823, 0.891, 0.94, 0.973, 0.994, 1.007, 1.013, 1.015, 1.015, 1.013, 1.011, 1.009, 1.006, 1.005, 1.003, 1.002, 1.001, 1),width 450ms linear(0, 0.055, 0.18, 0.332, 0.483, 0.619, 0.733, 0.823, 0.891, 0.94, 0.973, 0.994, 1.007, 1.013, 1.015, 1.015, 1.013, 1.011, 1.009, 1.006, 1.005, 1.003, 1.002, 1.001, 1);z-index:1}.mtrl-button.mtrl-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:90px;max-width:360px;padding:0 16px;border:none;border-radius:0;background-color:rgba(0,0,0,0);color:var(--mtrl-sys-color-on-surface-variant);cursor:pointer;user-select:none;flex-shrink:0;font-family:var(--mtrl-ref-typeface-brand, Roboto, sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;transition:background-color .2s cubic-bezier(0.4, 0, 0.2, 1),color .2s cubic-bezier(0.4, 0, 0.2, 1)}.mtrl-button.mtrl-tab--text-only{height:48px}.mtrl-button.mtrl-tab--icon-only{height:48px}.mtrl-button.mtrl-tab--icon-and-text{height:64px;flex-direction:column}.mtrl-button.mtrl-tab.mtrl-button--icon{padding:0 16px}.mtrl-button.mtrl-tab:focus{outline:none}.mtrl-button.mtrl-tab:focus-visible{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:-3px;z-index:1}.mtrl-button.mtrl-tab--disabled,.mtrl-button.mtrl-tab:disabled{pointer-events:none;opacity:.38}.mtrl-button.mtrl-tab .mtrl-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mtrl-button.mtrl-tab .mtrl-button__icon svg{width:100%;height:100%;fill:currentColor}.mtrl-button.mtrl-tab--icon-and-text .mtrl-button__icon{margin-bottom:4px}.mtrl-button.mtrl-tab .mtrl-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center;line-height:1.2}.mtrl-button.mtrl-tab--icon-only .mtrl-button__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mtrl-button.mtrl-tab--icon-only .mtrl-badge__wrapper .mtrl-badge--top-right{top:4px;right:4px}.mtrl-button.mtrl-tab--text-only .mtrl-badge__wrapper .mtrl-badge--top-right{top:8px;right:8px}.mtrl-button.mtrl-tab--icon-and-text .mtrl-badge__wrapper .mtrl-badge--top-right{top:4px;right:calc(50% - 20px)}.mtrl-tabs--primary .mtrl-button.mtrl-tab--active{color:var(--mtrl-sys-color-primary);border-radius:0}.mtrl-tabs--primary .mtrl-button.mtrl-tab--active .mtrl-button__icon{color:var(--mtrl-sys-color-primary)}.mtrl-tabs--primary .mtrl-button.mtrl-tab--active:hover,.mtrl-tabs--primary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 8%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab--active:focus-visible,.mtrl-tabs--primary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--focus{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 10%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab--active:active:not(:has(>.mtrl-ripple)),.mtrl-tabs--primary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--pressed{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 10%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled){color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):hover,.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--hover{color:var(--mtrl-sys-color-on-surface);background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):focus-visible,.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--focus{color:var(--mtrl-sys-color-on-surface);background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):active,.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--pressed{color:var(--mtrl-sys-color-on-surface)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):active:not(:has(>.mtrl-ripple)),.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--pressed{background-color:color-mix(in srgb, var(--mtrl-sys-color-primary) 10%, transparent)}.mtrl-tabs--primary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled) .mtrl-ripple-wave{background-color:var(--mtrl-sys-color-primary)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active{color:var(--mtrl-sys-color-on-surface);border-radius:0}.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active .mtrl-button__icon{color:var(--mtrl-sys-color-on-surface)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active:hover,.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--hover{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, transparent)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active:focus-visible,.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--focus{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active:active:not(:has(>.mtrl-ripple)),.mtrl-tabs--secondary .mtrl-button.mtrl-tab--active.mtrl-button.mtrl-tab--pressed{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled){color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):hover,.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--hover{color:var(--mtrl-sys-color-on-surface);background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 8%, transparent)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):focus-visible,.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--focus{color:var(--mtrl-sys-color-on-surface);background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):active,.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--pressed{color:var(--mtrl-sys-color-on-surface)}.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled):active:not(:has(>.mtrl-ripple)),.mtrl-tabs--secondary .mtrl-button.mtrl-tab:not(.mtrl-button.mtrl-tab--active):not(.mtrl-button.mtrl-tab--disabled):not(:disabled).mtrl-button.mtrl-tab--pressed{background-color:color-mix(in srgb, var(--mtrl-sys-color-on-surface) 10%, transparent)}.mtrl-tab-panel{padding:16px}.mtrl-tab-panel[hidden]{display:none}.mtrl-tabs__scroll-indicator{position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.mtrl-tabs__scroll-indicator.visible{opacity:1}.mtrl-tabs__scroll-indicator--left{left:0;background:linear-gradient(to right, var(--mtrl-sys-color-surface), transparent)}.mtrl-tabs__scroll-indicator--right{right:0;background:linear-gradient(to left, var(--mtrl-sys-color-surface), transparent)}.mtrl-tabs__scroll-indicator--shadow.mtrl-tabs__scroll-indicator--left{box-shadow:2px 0 4px -2px rgba(0,0,0,.2);background:none}.mtrl-tabs__scroll-indicator--shadow.mtrl-tabs__scroll-indicator--right{box-shadow:-2px 0 4px -2px rgba(0,0,0,.2);background:none}.mtrl-tabs__scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--mtrl-sys-color-surface-container-high);border:none;box-shadow:0 1px 3px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.mtrl-tabs__scroll-button:disabled{opacity:.38;cursor:default}.mtrl-tabs__scroll-button svg{width:24px;height:24px;fill:var(--mtrl-sys-color-on-surface)}.mtrl-tabs__scroll-button--left{left:4px}.mtrl-tabs__scroll-button--right{right:4px}.mtrl-tabs__scroll-button:focus{outline:none}.mtrl-tabs__scroll-button:focus-visible{outline:2px solid var(--mtrl-sys-color-primary)}.mtrl-tabs--responsive-small .mtrl-button.mtrl-tab{padding:0 12px;min-width:72px}}