@layer components{.c-button.c-button__basic{--c-button-contrast:var(--inherit-color-contrast,var(--c-button--color--surface-contrast,var(--inherit-color-contrast,var(--c-button--color--surface-contrast-default,var(--color--surface-contrast)))));--c-button-hover:var(--inherit-hover,color-mix(in srgb,var(--c-button-contrast) 18%,transparent));--c-button-active:var(--inherit-active,color-mix(in srgb,var(--c-button-contrast) 24%,transparent));--c-button-icon-offset:-0.2em;background-color:transparent;border:none}.c-button.c-button__basic:hover{background-color:var(--c-button-hover)}.c-button.c-button__basic:active,.c-button.c-button__basic[aria-pressed=true]{background-color:var(--c-button-active)}.c-button.c-button__basic,.c-button.c-button__basic .c-button__label{color:var(--c-button-contrast)}.c-button.c-button__basic[class*="--secondary"]{--c-button-contrast:var(--c-button--color--secondary,var(--color--secondary))}.c-button.c-button__basic[class*="--primary"]{--c-button-contrast:var(--c-button--color--primary,var(--color--primary))}.c-button.c-button__basic.c-button__basic--inherit{--c-button-hover:color-mix(in srgb,currentColor 18%,transparent);--c-button-active:color-mix(in srgb,currentColor 24%,transparent);color:inherit}.c-button.c-button__basic.c-button__basic--inherit .c-button__label{color:inherit}.c-button.c-button__basic.c-button--align-visually{margin-left:calc(var(--c-button-padding-x)*-1);margin-right:calc(var(--c-button-padding-x)*-1);padding:0 var(--c-button-padding-x)}.c-button.c-button__filled{--c-button-background:var(--c-button--color--surface-alt,var(--inherit-color-background,var(--c-button--color--surface-alt-default,var(--color--surface-alt))));--c-button-border:var(--c-button--color--surface-border,var(--inherit-color-border,var(--c-button--color--surface-border-default,var(--color--surface-border))));--c-button-contrast:var(--c-button--color--surface-contrast,var(--inherit-color-contrast,var(--c-button--color--surface-contrast-default,var(--color--surface-contrast))));--c-button-hover:color-mix(in srgb,var(--c-button-contrast) var(--color--border-mix-amount),var(--c-button-background));--c-button-active:color-mix(in srgb,var(--c-button-hover) 80%,transparent);--c-button-icon-offset:-0.4em;background-color:var(--c-button-background);border:calc((var(--c-button--border-width, var(--border-width)))*var(--base)*1) solid var(--c-button-border);filter:var(--inherit-filter,drop-shadow(0 calc(var(--base)*.5*(var(--c-button--shadow-amount, var(--shadow-amount)))) calc((var(--c-button--shadow-amount, var(--shadow-amount)))*var(--base)*1) var(--c-button--shadow-color,var(--shadow-color))))}.c-button.c-button__filled:hover{background-color:var(--c-button-hover)}.c-button.c-button__filled:active,.c-button.c-button__filled[aria-pressed=true]{background-color:var(--c-button-active)}.c-button.c-button__filled,.c-button.c-button__filled .c-button__label{color:var(--c-button-contrast)}.c-button.c-button__filled[class*="--secondary"]{--c-button-background:var(--c-button--color--secondary,var(--color--secondary));--c-button-border:var(--c-button--color--secondary-border,var(--color--secondary-border));--c-button-contrast:var(--c-button--color--secondary-contrast,var(--color--secondary-contrast));--c-button-hover:var(--c-button--color--secondary-border,var(--color--secondary-border))}.c-button.c-button__filled[class*="--primary"]{--c-button-background:var(--c-button--color--primary,var(--color--primary));--c-button-border:var(--c-button--color--primary-border,var(--color--primary-border));--c-button-contrast:var(--c-button--color--primary-contrast,var(--color--primary-contrast));--c-button-hover:var(--c-button--color--primary-border,var(--color--primary-border))}.c-button.c-button__filled.c-button__filled--inherit{--c-button-background:transparent;--c-button-border:var(--c-button-cutout-fill);--c-button-hover:transparent;--c-button-active:transparent;--c-button-cutout-fill:currentColor;color:inherit;overflow:clip}.c-button.c-button__filled.c-button__filled--inherit .c-button__cutout{height:calc(100% + (var(--c-button--border-width, var(--border-width)))*var(--base)*1*2);inset:calc((var(--c-button--border-width, var(--border-width)))*var(--base)*1*-1);overflow:hidden;pointer-events:none;position:absolute;width:calc(100% + (var(--c-button--border-width, var(--border-width)))*var(--base)*1*2)}.c-button.c-button__filled.c-button__filled--inherit .c-button__cutout-surface{fill:var(--c-button-cutout-fill)}.c-button.c-button__filled.c-button__filled--inherit .c-button__cutout-label{color:var(--c-button-cutout-surface,var(--c-button--color--surface,var(--inherit-color-background,var(--c-button--color--surface-default,var(--color--surface)))));position:relative;z-index:1}.c-button.c-button__filled.c-button__filled--inherit:hover{--c-button-cutout-fill:color-mix(in srgb,currentColor 82%,transparent)}.c-button.c-button__filled.c-button__filled--inherit:active,.c-button.c-button__filled.c-button__filled--inherit[aria-pressed=true]{--c-button-cutout-fill:color-mix(in srgb,currentColor 68%,transparent)}.c-button.c-button__outlined{--c-button-contrast:var(--c-button--color--surface-contrast,var(--inherit-color-contrast,var(--c-button--color--surface-contrast-default,var(--color--surface-contrast))));--c-button-hover:color-mix(in srgb,var(--c-button-contrast) 18%,transparent);--c-button-active:color-mix(in srgb,var(--c-button-contrast) 24%,transparent);--c-button-icon-offset:-0.5em;background-color:transparent;border-color:currentColor;border-style:solid;border-width:clamp(2px,(var(--c-button--border-width,var(--border-width))) * var(--base) * 1,(var(--c-button--base,var(--base))) * .5);color:var(--c-button-contrast)}.c-button.c-button__outlined:hover{background-color:var(--c-button-hover)}.c-button.c-button__outlined:active,.c-button.c-button__outlined[aria-pressed=true]{background-color:var(--c-button-active)}.c-button.c-button__outlined[class*="--secondary"]{--c-button-border:var(--c-button--color--secondary,var(--color--secondary));--c-button-contrast:var(--c-button--color--secondary,var(--color--secondary))}.c-button.c-button__outlined[class*="--primary"]{--c-button-border:var(--c-button--color--primary,var(--color--primary));--c-button-contrast:var(--c-button--color--primary,var(--color--primary))}.c-button.c-button__outlined.c-button__outlined--inherit{--c-button-hover:color-mix(in srgb,currentColor 18%,transparent);--c-button-active:color-mix(in srgb,currentColor 24%,transparent);color:inherit}.c-button.c-button--pill{border-radius:calc((var(--c-button--base, var(--base)))*6)}@property --inherit-color-contrast{syntax:"*";inherits:true}@property --inherit-filter{syntax:"*";inherits:true}:root{--c-button--base-default:var(--base);--c-button--border-radius-default:var(--border-radius);--c-button--border-width-default:var(--border-width);--c-button--space-default:var(--space);--c-button--outer-space-default:var(--outer-space);--c-button--color--primary-default:var(--color--primary);--c-button--color--secondary-default:var(--color--secondary);--c-button--font-weight-medium-default:var(--font-weight-medium);--c-button--font-family-base-default:var(--font-family-base);--c-button--color--surface-default:var(--color--surface);--c-button--color--surface-contrast-default:var(--color--surface-contrast);--c-button--shadow-color-default:var(--shadow-color);--c-button--shadow-amount-default:var(--shadow-amount);--c-button--color--primary-contrast-default:var(--color--primary-contrast);--c-button--color--primary-border-default:var(--color--primary-border);--c-button--color--secondary-contrast-default:var(--color--secondary-contrast);--c-button--color--secondary-border-default:var(--color--secondary-border);--c-button--color--surface-border-default:var(--color--surface-border);--c-button--color--surface-alt-default:var(--color--surface-alt);--c-button--corner-shape-default:var(--corner-shape);--c-button--font-size-90-default:var(--font-size-90);--c-button--font-size-100-default:var(--font-size-100);--c-button--font-size-200-default:var(--font-size-200)}.c-button{--c-button-height:calc((var(--c-button--base, var(--base)))*6);--c-button-min-width:calc((var(--c-button--base, var(--base)))*9);--c-button-padding-x:calc((var(--c-button--space, var(--space)))*var(--base)*3);--c-button-font-size:var(--c-button--font-size-100,var(--font-size-100));corner-shape:var(--c-button--corner-shape,var(--corner-shape));align-items:center;border-radius:calc((var(--c-button--border-radius, var(--border-radius)))*var(--base)*1);contain:layout;cursor:pointer;display:inline-flex;font-family:var(--c-button--font-family-base,var(--font-family-base));font-size:var(--c-button-font-size);font-weight:var(--c-button--font-weight-medium,var(--font-weight-medium));height:var(--c-button-height);justify-content:center;max-width:100%;min-width:var(--c-button-min-width);padding:0 var(--c-button-padding-x);position:relative;text-decoration:none;transition-duration:.1s;transition-property:background-color,border-color,border-radius,color;transition-timing-function:ease-in-out;user-select:none}.c-button[disabled]{cursor:not-allowed;opacity:.7}.c-button.c-button--sm{--c-button-height:calc((var(--c-button--base, var(--base)))*4.5);--c-button-min-width:calc((var(--c-button--base, var(--base)))*6.75);--c-button-padding-x:calc((var(--c-button--space, var(--space)))*var(--base)*2);--c-button-font-size:var(--c-button--font-size-90,var(--font-size-90))}.c-button.c-button--lg{--c-button-height:calc((var(--c-button--base, var(--base)))*8);--c-button-min-width:calc((var(--c-button--base, var(--base)))*12);--c-button-padding-x:calc((var(--c-button--space, var(--space)))*var(--base)*4);--c-button-font-size:var(--c-button--font-size-200,var(--font-size-200))}.c-button__full-width{display:inline-flex;justify-content:center;width:100%}.c-button__full-width .c-button__label{margin-left:auto;margin-right:auto}.c-button .c-button__label{align-items:center;display:inline-flex;gap:calc((var(--c-button--space, var(--space)))*var(--base)*1);min-width:0}.c-button .c-button__label>:empty{display:none}.c-button .c-button__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-button .c-button__label-icon{align-items:center;aspect-ratio:1/1;display:inline-flex;justify-content:center;margin-right:var(--c-button-icon-offset)}.c-button .c-button__label-icon--reverse{margin-left:var(--c-button-icon-offset);margin-right:unset}.c-button .c-button__label-icon:not(.c-button__label-icon--reverse){order:1}.c-button.c-button--icon-only{justify-content:center;min-width:auto;padding:0;width:var(--c-button-height)}.c-button.c-button--icon-only .c-button__label{gap:unset}.c-button.c-button--icon-only .c-button__label-icon{display:flex;margin:unset}.c-button+.c-button{margin-left:calc((var(--c-button--outer-space, var(--outer-space)))*var(--base)*1)}}