:where(.m3-layer){position:relative;-webkit-tap-highlight-color:transparent;&:before{content:"";position:absolute;inset:0}&:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:currentColor;opacity:0;transition:opacity var(--m3-easing-fast)}}:disabled.m3-layer:after,input:disabled+.layer-container.m3-layer:after,label:has(>input:disabled).m3-layer:after{display:none}@media(hover:hover){:hover.m3-layer:after,:active.m3-layer:after{opacity:.08}}:focus-visible.m3-layer:after,input:focus-visible+.layer-container.m3-layer:after,label:has(>input:focus-visible).m3-layer:after,html:not(.js) :active.m3-layer:after{opacity:.12}.m3-container.xs.svelte-eefjof{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;height:2rem;padding:0 .75rem;gap:.5rem;--shape: 1rem;--square-shape: var(--m3-shape-medium);--pressed-shape: var(--m3-shape-small);&.icon-full{width:2rem;padding:0}}.m3-container.s.svelte-eefjof{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;height:2.5rem;padding:0 1rem;gap:.5rem;--shape: 1.25rem;--square-shape: var(--m3-shape-medium);--pressed-shape: var(--m3-shape-small);&.icon-full{width:2.5rem;padding:0}}.m3-container.m.svelte-eefjof{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500;height:3.5rem;padding:0 1.5rem;gap:.5rem;--shape: 1.75rem;--square-shape: var(--m3-shape-large);--pressed-shape: var(--m3-shape-medium);&.icon-left>svg{width:1.5rem;height:1.5rem}&.icon-full{width:3.5rem;padding:0;>svg{width:1.5rem;height:1.5rem}}}.m3-container.l.svelte-eefjof{font-family:var(--m3-font);font-size:1.5rem;line-height:1.333;font-weight:400;height:6rem;padding:0 3rem;gap:.75rem;--shape: 3rem;--square-shape: var(--m3-shape-extra-large);--pressed-shape: var(--m3-shape-large);&.icon-left>svg{width:2rem;height:2rem}&.icon-full{width:6rem;padding:0;>svg{width:2rem;height:2rem}}}.m3-container.xl.svelte-eefjof{font-family:var(--m3-font);font-size:2rem;line-height:1.25;font-weight:400;height:8.5rem;padding:0 4rem;gap:1rem;--shape: 4.25rem;--square-shape: var(--m3-shape-extra-large);--pressed-shape: var(--m3-shape-large);&.icon-left>svg{width:2.5rem;height:2.5rem}&.icon-full{width:8.5rem;padding:0;>svg{width:2.5rem;height:2.5rem}}}.m3-container.svelte-eefjof{display:inline-flex;border:none;border-radius:var(--shape);transition:border-radius var(--m3-easing-fast-spatial),box-shadow var(--m3-easing-fast),background-color var(--m3-easing-fast),color var(--m3-easing-fast);align-items:center;justify-content:center;background-color:transparent;cursor:pointer;user-select:none;&:disabled,&:has(>input:disabled){background-color:oklch(from var(--m3c-on-surface) l c h / .12);color:oklch(from var(--m3c-on-surface) l c h / .38);cursor:auto}&.elevated:not(:disabled,:has(>input:disabled)){background-color:var(--m3c-surface-container-low);color:var(--m3c-primary);box-shadow:var(--m3-elevation-1);&:has(>input:checked){background-color:var(--m3c-primary);color:var(--m3c-on-primary)}@media(hover:hover){&:hover{box-shadow:var(--m3-elevation-2)}}}&.filled:not(:disabled,:has(>input:disabled)){background-color:var(--m3c-primary);color:var(--m3c-on-primary);&:has(>input:is([type=checkbox],[type=radio]):not(:checked)){background-color:var(--m3c-surface-container);color:var(--m3c-on-surface-variant)}}&.tonal:not(:disabled,:has(>input:disabled)){background-color:var(--m3c-secondary-container);color:var(--m3c-on-secondary-container);&:has(>input:checked){background-color:var(--m3c-secondary);color:var(--m3c-on-secondary)}}&.outlined{outline:1px solid var(--m3c-outline-variant);outline-offset:-1px}&.outlined.l{outline-width:2px;outline-offset:-2px}&.outlined.xl{outline-width:3px;outline-offset:-3px}&.outlined:not(:disabled,:has(>input:disabled)){outline-color:var(--m3c-outline-variant);color:var(--m3c-on-surface-variant);&:has(>input:checked){outline-color:var(--m3c-inverse-surface);background-color:var(--m3c-inverse-surface);color:var(--m3c-inverse-on-surface)}}&.outlined:has(>input:disabled){outline-color:oklch(from var(--m3c-on-surface) l c h / .12);background-color:transparent}&.text:not(:disabled,:has(>input:disabled)){color:var(--m3c-primary)}@media(hover:hover){&:is(.filled:where(.svelte-eefjof),.tonal:where(.svelte-eefjof)):not(:disabled,label):hover{box-shadow:var(--m3-elevation-1)}}&.square:not(:has(>input:checked),:open>summary:where(.svelte-eefjof)),&:not(.square):is(:where(.svelte-eefjof):has(>input:checked),:open>summary:where(.svelte-eefjof)){border-radius:var(--square-shape)}&:active:not(:disabled,:has(>input:disabled)){border-radius:var(--pressed-shape)!important}}.m3-container.svelte-eefjof>*{flex-shrink:0}.m3-container.svelte-eefjof>svg{width:1.25rem;height:1.25rem}.m3-container.svelte-eefjof>input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.m3-container.svelte-eefjof{print-color-adjust:exact}@media screen and (forced-colors:active){.m3-container.svelte-eefjof:is(.elevated:where(.svelte-eefjof),.filled:where(.svelte-eefjof),.tonal:where(.svelte-eefjof)){background-color:transparent;border:1px solid}.m3-container.svelte-eefjof:disabled{opacity:.38}}@layer tokens{:root{--m3-card-shape: var(--m3-shape-medium)}}.m3-container.svelte-mxwuxu{display:flex;flex-direction:column;padding:1rem;border:none;border-radius:var(--m3-card-shape);background-color:var(--m3c-surface);--m3v-background: var(--m3c-surface);color:var(--m3c-on-surface)}button.svelte-mxwuxu{text-align:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;transition:box-shadow var(--m3-easing-fast)}@media(hover:hover){button.svelte-mxwuxu:hover{box-shadow:var(--m3-elevation-1)}button.elevated.svelte-mxwuxu:hover{box-shadow:var(--m3-elevation-2)}}.elevated.svelte-mxwuxu{background-color:var(--m3c-surface-container-low);--m3v-background: var(--m3c-surface-container-low);box-shadow:var(--m3-elevation-1)}.filled.svelte-mxwuxu{background-color:var(--m3c-surface-container-highest);--m3v-background: var(--m3c-surface-container-highest)}.outlined.svelte-mxwuxu{border:solid 1px var(--m3c-outline-variant)}@media print,(forced-colors:active){.type-filled.svelte-mxwuxu{outline:solid .125rem}}@media(forced-colors:active){.type-elevated.svelte-mxwuxu{outline:solid .125rem}}
