.icon{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon svg{stroke:currentColor;fill:none;width:100%;height:100%;stroke-width:var(--icon-stroke);display:block}.icon svg *{vector-effect:non-scaling-stroke}.icon--medium svg{stroke-width:var(--icon-stroke-md)}.icon--small svg{stroke-width:var(--icon-stroke-sm)}.icon--xsmall svg{stroke-width:var(--icon-stroke-xs)}.icon--xsmall{width:var(--size-icon-xsmall);height:var(--size-icon-xsmall)}.icon--small{width:var(--size-icon-small);height:var(--size-icon-small)}.icon--medium{width:var(--size-icon-medium);height:var(--size-icon-medium)}.icon--base{width:var(--size-icon-base);height:var(--size-icon-base)}.icon--large{width:var(--size-icon-large);height:var(--size-icon-large)}.icon--default{color:var(--icon-default)}.icon--secondary{color:var(--icon-secondary)}.icon--subtle{color:var(--icon-subtle)}.icon--tertiary{color:var(--icon-tertiary)}.icon--inverse{color:var(--icon-inverse-default)}.icon--brand{color:var(--icon-brand-default)}.icon--danger{color:var(--icon-danger)}.icon--success{color:var(--icon-success)}.icon--warning{color:var(--icon-warning)}.icon--info{color:var(--icon-info)}.icon--disabled{color:var(--icon-disabled)}.btn{--btn-pad:var(--space-600);--btn-pad-icon:var(--space-400);--btn-gap:var(--space-200);--btn-icon:var(--size-icon-medium);--btn-pl:var(--btn-pad);--btn-pr:var(--btn-pad);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--btn-gap);height:var(--size-component-large);padding:0 calc(var(--btn-pr) - var(--depth-025)) 0 calc(var(--btn-pl) - var(--depth-025));border:var(--border-width-default) solid transparent;border-radius:var(--radius-control);background:var(--bg-brand-primary);color:var(--text-inverse-default);font-family:var(--type-sl-base-500-family);font-size:var(--type-sl-base-500-size);font-weight:var(--type-sl-base-500-weight);font-style:normal;line-height:var(--type-sl-base-500-line-height);letter-spacing:var(--type-sl-base-500-letter-spacing);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex;position:relative}.btn--icon-left{--btn-pl:var(--btn-pad-icon)}.btn--icon-right{--btn-pr:var(--btn-pad-icon)}.btn .icon{width:var(--btn-icon);height:var(--btn-icon);color:inherit}.btn__label{display:inline-flex}.btn:focus{outline:none}.btn:focus-visible,.btn[data-force=focus]:not(:disabled){outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed}.btn--brand:disabled,.btn--grey:disabled,.btn--danger:disabled,.btn--warning:disabled{background:var(--bg-neutral-disabled);border-color:#0000}.btn--brand-outline:disabled,.btn--grey-outline:disabled,.btn--danger-outline:disabled{border-color:var(--border-subtle);background:0 0}.btn--ghost:disabled{background:0 0;border-color:#0000}.btn--loading{cursor:progress}.btn--loading:not(:disabled){pointer-events:none}.btn--loading>:not(.btn__spin){visibility:hidden}.btn__spin{box-sizing:border-box;width:var(--btn-icon);height:var(--btn-icon);border:var(--border-width-strong) solid currentColor;animation:btn-spin var(--motion-duration-loop-fast) linear infinite;pointer-events:none;border-right-color:#0000;border-radius:50%;margin:auto;position:absolute;inset:0}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn__spin{animation-duration:var(--motion-duration-loop-calm)}}.btn--lg{height:var(--size-component-large);--btn-pad:var(--space-600);--btn-pad-icon:var(--space-400);--btn-gap:var(--space-200);--btn-icon:var(--size-icon-medium);font-family:var(--type-sl-base-500-family);font-size:var(--type-sl-base-500-size);font-weight:var(--type-sl-base-500-weight);line-height:var(--type-sl-base-500-line-height);letter-spacing:var(--type-sl-base-500-letter-spacing)}.btn--md{font-family:var(--type-sl-sm-500-family);font-size:var(--type-sl-sm-500-size);font-weight:var(--type-sl-sm-500-weight);line-height:var(--type-sl-sm-500-line-height);letter-spacing:var(--type-sl-sm-500-letter-spacing);height:var(--size-component-base);--btn-pad:var(--space-400);--btn-pad-icon:var(--space-300);--btn-gap:var(--space-200);--btn-icon:var(--size-icon-small)}.btn--sm{font-family:var(--type-sl-xs-500-family);font-size:var(--type-sl-xs-500-size);font-weight:var(--type-sl-xs-500-weight);line-height:var(--type-sl-xs-500-line-height);letter-spacing:var(--type-sl-xs-500-letter-spacing);height:var(--size-component-small);--btn-pad:var(--space-300);--btn-pad-icon:var(--space-200);--btn-gap:var(--space-100);--btn-icon:var(--size-icon-small)}.btn--brand{background:var(--bg-brand-primary);color:var(--text-inverse-default);border-color:#0000}.btn--brand:hover:not(:disabled),.btn--brand[data-force=hover]:not(:disabled){background:var(--bg-brand-hover)}.btn--brand:active:not(:disabled),.btn--brand[data-force=pressed]:not(:disabled){background:var(--bg-brand-active)}.btn--grey{background:var(--bg-grey-bold);color:var(--text-inverse-default);border-color:#0000}.btn--grey:hover:not(:disabled),.btn--grey[data-force=hover]:not(:disabled){background:var(--bg-grey-bold-hover)}.btn--grey:active:not(:disabled),.btn--grey[data-force=pressed]:not(:disabled){background:var(--bg-grey-bold-active)}.btn--danger{background:var(--bg-danger-primary);color:var(--text-inverse-default);border-color:#0000}.btn--danger:hover:not(:disabled),.btn--danger[data-force=hover]:not(:disabled){background:var(--bg-danger-hover)}.btn--danger:active:not(:disabled),.btn--danger[data-force=pressed]:not(:disabled){background:var(--bg-danger-active)}.btn--warning{background:var(--bg-warning-default);color:var(--text-inverse-default);border-color:#0000}.btn--warning:hover:not(:disabled),.btn--warning[data-force=hover]:not(:disabled){background:var(--bg-warning-hover)}.btn--warning:active:not(:disabled),.btn--warning[data-force=pressed]:not(:disabled){background:var(--bg-warning-active)}.btn--brand-outline,.btn--grey-outline,.btn--ghost,.btn--danger-outline{background:var(--bg-neutral)}.btn--brand-outline{color:var(--text-brand-default);border-color:var(--border-brand)}.btn--grey-outline{color:var(--text-default);border-color:var(--border-subtle)}.btn--ghost{color:var(--text-default);border-color:#0000}.btn--danger-outline{color:var(--text-danger);border-color:var(--border-danger)}.btn--brand-outline:hover:not(:disabled),.btn--grey-outline:hover:not(:disabled),.btn--ghost:hover:not(:disabled),.btn--danger-outline:hover:not(:disabled),.btn--brand-outline[data-force=hover]:not(:disabled),.btn--grey-outline[data-force=hover]:not(:disabled),.btn--ghost[data-force=hover]:not(:disabled),.btn--danger-outline[data-force=hover]:not(:disabled){background:var(--bg-neutral-hover)}.btn--brand-outline:active:not(:disabled),.btn--grey-outline:active:not(:disabled),.btn--ghost:active:not(:disabled),.btn--danger-outline:active:not(:disabled),.btn--brand-outline[data-force=pressed]:not(:disabled),.btn--grey-outline[data-force=pressed]:not(:disabled),.btn--ghost[data-force=pressed]:not(:disabled),.btn--danger-outline[data-force=pressed]:not(:disabled){background:var(--bg-neutral-active)}