.m3-btn{--btn-font-size:0.875rem;--btn-font-weight:var(--font-weight-medium);--btn-line-height:1.25rem;--btn-letter-spacing:0.00625rem;--btn-height:2.5rem;--btn-height-xs:2rem;--btn-padding-xs:0 1rem;--btn-font-size-xs:0.75rem;--btn-height-sm:2.5rem;--btn-padding-sm:0 1.5rem;--btn-font-size-sm:0.875rem;--btn-height-md:3rem;--btn-padding-md:0 1.75rem;--btn-font-size-md:1rem;--btn-height-lg:3.5rem;--btn-padding-lg:0 2rem;--btn-font-size-lg:1.125rem;--btn-height-xl:4rem;--btn-padding-xl:0 2.5rem;--btn-font-size-xl:1.25rem;--btn-padding:0 1.5rem;--btn-gap:0.5rem;--btn-icon-size:1.125rem;--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary);--btn-color:var(--btn-on-accent);--btn-background-color:var(--btn-accent);--btn-background-image:none;--btn-box-shadow:none;--btn-elevation-hover:var(--shadow-sm);--btn-border-width:0;--btn-border-color:transparent;--btn-border-style:solid;--btn-border-radius:var(--radius-full);--btn-outline:none;--btn-outline-offset:0;--btn-state-hover-opacity:0.08;--btn-state-focus-opacity:0.12;--btn-state-pressed-opacity:0.12;--btn-state-layer-color:var(--btn-on-accent);-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--btn-background-color);background-image:var(--btn-background-image);border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);border-style:var(--btn-border-style);border-width:var(--btn-border-width);box-shadow:var(--btn-box-shadow);color:var(--btn-color);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);gap:var(--btn-gap);height:var(--btn-height);justify-content:center;letter-spacing:var(--btn-letter-spacing);line-height:var(--btn-line-height);outline:var(--btn-outline);outline-offset:var(--btn-outline-offset);overflow:hidden;padding:var(--btn-padding);position:relative;text-decoration:none;transition:background-color var(--duration-normal) var(--ease-in-out),box-shadow var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);white-space:nowrap;width:auto}.m3-btn.btn-state\:hover,.m3-btn:hover{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-hover-opacity)*100%),transparent));--btn-box-shadow:var(--btn-elevation-hover)}.m3-btn.btn-state\:active,.m3-btn:active{--btn-background-image:linear-gradient(color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent),color-mix(in srgb,var(--btn-state-layer-color) calc(var(--btn-state-pressed-opacity)*100%),transparent))}.m3-btn.btn-state\:focus,.m3-btn:focus-visible{--btn-outline:var(--border-width-2) solid var(--color-focus-ring);--btn-outline-offset:var(--space-1)}.m3-btn.btn-state\:disabled,.m3-btn:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none;--btn-border-width:0;--btn-border-color:transparent;--btn-outline:none;cursor:not-allowed;pointer-events:none}.m3-btn.btn\:elevated{--btn-color:var(--btn-accent);--btn-background-color:var(--color-surface-1);--btn-box-shadow:var(--shadow-sm);--btn-elevation-hover:var(--shadow-md);--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:elevated.btn-state\:disabled,.m3-btn.btn\:elevated:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-box-shadow:none}.m3-btn.btn\:tonal{--btn-color:var(--color-primary-active);--btn-background-color:var(--color-primary-subtle);--btn-elevation-hover:var(--shadow-sm);--btn-state-layer-color:var(--color-primary)}.m3-btn.btn\:tonal.btn-state\:disabled,.m3-btn.btn\:tonal:disabled{--btn-background-color:color-mix(in srgb,var(--color-text) 12%,transparent);--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn\:outlined{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0.0625rem;--btn-border-color:var(--color-border);--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:hover,.m3-btn.btn\:outlined:hover{--btn-box-shadow:none}.m3-btn.btn\:outlined.btn-state\:focus,.m3-btn.btn\:outlined:focus-visible{--btn-border-color:var(--btn-accent)}.m3-btn.btn\:outlined.btn-state\:disabled,.m3-btn.btn\:outlined:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent);--btn-border-color:color-mix(in srgb,var(--color-text) 12%,transparent)}.m3-btn.btn\:text{--btn-color:var(--btn-accent);--btn-background-color:transparent;--btn-border-width:0;--btn-padding:0 0.75rem;--btn-elevation-hover:none;--btn-state-layer-color:var(--btn-accent)}.m3-btn.btn\:text.btn-state\:hover,.m3-btn.btn\:text:hover{--btn-box-shadow:none}.m3-btn.btn\:text.btn-state\:disabled,.m3-btn.btn\:text:disabled{--btn-background-color:transparent;--btn-color:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-btn.btn-color\:primary{--btn-accent:var(--color-primary);--btn-on-accent:var(--color-on-primary)}.m3-btn.btn-color\:secondary{--btn-accent:var(--color-secondary);--btn-on-accent:var(--color-on-secondary)}.m3-btn.btn-color\:tertiary{--btn-accent:var(--color-tertiary);--btn-on-accent:var(--color-on-tertiary)}.m3-btn.btn-color\:surface{--btn-accent:var(--color-surface);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-1{--btn-accent:var(--color-surface-1);--btn-on-accent:var(--color-text)}.m3-btn.btn-color\:surface-inverse{--btn-accent:var(--color-surface-inverse);--btn-on-accent:var(--color-text-inverse)}.m3-btn.btn-color\:success{--btn-accent:var(--color-success);--btn-on-accent:var(--color-on-success)}.m3-btn.btn-color\:warning{--btn-accent:var(--color-warning);--btn-on-accent:var(--color-on-warning)}.m3-btn.btn-color\:danger{--btn-accent:var(--color-danger);--btn-on-accent:var(--color-on-danger)}.m3-btn.btn-size\:1,.m3-btn.btn-size\:xs{--btn-height:var(--btn-height-xs);--btn-padding:var(--btn-padding-xs);--btn-font-size:var(--btn-font-size-xs);--btn-icon-size:1rem}.m3-btn.btn-size\:2,.m3-btn.btn-size\:sm{--btn-height:var(--btn-height-sm);--btn-padding:var(--btn-padding-sm);--btn-font-size:var(--btn-font-size-sm)}.m3-btn.btn-size\:3,.m3-btn.btn-size\:md{--btn-height:var(--btn-height-md);--btn-padding:var(--btn-padding-md);--btn-font-size:var(--btn-font-size-md);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:4,.m3-btn.btn-size\:lg{--btn-height:var(--btn-height-lg);--btn-padding:var(--btn-padding-lg);--btn-font-size:var(--btn-font-size-lg);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-size\:5,.m3-btn.btn-size\:xl{--btn-height:var(--btn-height-xl);--btn-padding:var(--btn-padding-xl);--btn-font-size:var(--btn-font-size-xl);--btn-font-weight:var(--font-weight-semibold)}.m3-btn.btn-shape\:square{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:1,.m3-btn.btn-shape\:square.btn-size\:xs{--btn-border-radius:var(--radius-3)}.m3-btn.btn-shape\:square.btn-size\:2,.m3-btn.btn-shape\:square.btn-size\:sm{--btn-border-radius:var(--radius-4)}.m3-btn.btn-shape\:square.btn-size\:3,.m3-btn.btn-shape\:square.btn-size\:md{--btn-border-radius:var(--radius-5)}.m3-btn.btn-shape\:square.btn-size\:4,.m3-btn.btn-shape\:square.btn-size\:5,.m3-btn.btn-shape\:square.btn-size\:lg,.m3-btn.btn-shape\:square.btn-size\:xl{--btn-border-radius:var(--radius-6)}.m3-btn.btn-icon\:leading{--btn-padding:0 1.5rem 0 1rem}.m3-btn.btn-icon\:leading .m3-icon,.m3-btn.btn-icon\:leading [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}.m3-btn.btn-icon\:trailing{--btn-padding:0 1rem 0 1.5rem}.m3-btn.btn-icon\:trailing .m3-icon,.m3-btn.btn-icon\:trailing [class*=material-symbols]{font-size:var(--btn-icon-size);height:var(--btn-icon-size);width:var(--btn-icon-size)}@media screen and (min-width:640px){.m3-btn.sm\:btn-size\:1,.m3-btn.sm\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.sm\:btn-size\:2,.m3-btn.sm\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.sm\:btn-size\:3,.m3-btn.sm\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.sm\:btn-size\:4,.m3-btn.sm\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.sm\:btn-size\:5,.m3-btn.sm\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:768px){.m3-btn.md\:btn-size\:1,.m3-btn.md\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.md\:btn-size\:2,.m3-btn.md\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.md\:btn-size\:3,.m3-btn.md\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.md\:btn-size\:4,.m3-btn.md\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.md\:btn-size\:5,.m3-btn.md\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1024px){.m3-btn.lg\:btn-size\:1,.m3-btn.lg\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.lg\:btn-size\:2,.m3-btn.lg\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.lg\:btn-size\:3,.m3-btn.lg\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.lg\:btn-size\:4,.m3-btn.lg\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.lg\:btn-size\:5,.m3-btn.lg\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}@media screen and (min-width:1280px){.m3-btn.xl\:btn-size\:1,.m3-btn.xl\:btn-size\:xs{--btn-height:2rem;--btn-padding:0 1rem;--btn-font-size:0.75rem}.m3-btn.xl\:btn-size\:2,.m3-btn.xl\:btn-size\:sm{--btn-height:2.5rem;--btn-padding:0 1.5rem;--btn-font-size:0.875rem}.m3-btn.xl\:btn-size\:3,.m3-btn.xl\:btn-size\:md{--btn-height:3rem;--btn-padding:0 1.75rem;--btn-font-size:1rem}.m3-btn.xl\:btn-size\:4,.m3-btn.xl\:btn-size\:lg{--btn-height:3.5rem;--btn-padding:0 2rem;--btn-font-size:1.125rem}.m3-btn.xl\:btn-size\:5,.m3-btn.xl\:btn-size\:xl{--btn-height:4rem;--btn-padding:0 2.5rem;--btn-font-size:1.25rem}}