.icon-button{border:var(--border-width-1)solid transparent;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s ease-in,border-color .2s ease-in,color .2s ease-in,box-shadow .2s ease-in;display:inline-flex}.icon-button:focus-visible{outline:2px solid var(--surface-brand);outline-offset:2px}.icon-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-button--sm{border-radius:var(--radius-button-compact);width:24px;height:24px;padding:var(--space-4)}.icon-button--md{border-radius:var(--radius-button-default);width:32px;height:32px;padding:var(--space-8)}.icon-button--default{background-color:var(--surface-action-secondary-base-default);border-color:var(--border-action-secondary-base-default);color:var(--icon-action-secondary-base-default)}.icon-button--default:hover:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-base-hover);color:var(--icon-action-secondary-base-hover);box-shadow:0 0 0 3px var(--border-action-secondary-base-hover);border-color:#0000}.icon-button--default:active:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-base-pressed);color:var(--icon-action-secondary-base-pressed);box-shadow:none}.icon-button--default.icon-button--active{background-color:var(--surface-action-secondary-base-active);color:var(--icon-action-secondary-base-active);border-color:var(--border-action-secondary-base-active);box-shadow:0 0 0 3px var(--border-action-secondary-base-ring-active)}.icon-button--subtle{background-color:var(--surface-action-secondary-subtle-default);color:var(--icon-action-secondary-subtle-default);border-color:#0000}.icon-button--subtle:hover:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-subtle-hover);color:var(--icon-action-secondary-subtle-hover);box-shadow:0 0 0 3px var(--border-action-secondary-subtle-hover)}.icon-button--subtle:active:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-subtle-pressed);color:var(--icon-action-secondary-subtle-pressed);box-shadow:none}.icon-button--subtle.icon-button--active{background-color:var(--surface-action-secondary-subtle-active);color:var(--icon-action-secondary-subtle-active);border-color:var(--border-action-secondary-subtle-active);box-shadow:0 0 0 3px var(--border-action-secondary-subtle-ring-active)}.icon-button--muted{background-color:var(--surface-action-secondary-muted-default);border-color:var(--border-muted);color:var(--icon-action-secondary-muted-default)}.icon-button--muted:hover:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-muted-hover);color:var(--icon-action-secondary-muted-hover);box-shadow:0 0 0 3px var(--border-action-secondary-muted-hover)}.icon-button--muted:active:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-muted-pressed);color:var(--icon-action-secondary-muted-pressed);box-shadow:none}.icon-button--muted.icon-button--active{background-color:var(--surface-action-secondary-muted-active);color:var(--icon-action-secondary-muted-active);border-color:var(--border-action-secondary-muted-active);box-shadow:0 0 0 3px var(--border-action-secondary-muted-ring-active)}.icon-button--on-brand{background-color:var(--surface-action-secondary-on-brand-default);color:var(--icon-action-secondary-on-brand-default);border-color:#0000}.icon-button--on-brand:hover:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-on-brand-hover);color:var(--icon-action-secondary-on-brand-hover);box-shadow:0 0 0 3px var(--border-action-secondary-on-brand-hover)}.icon-button--on-brand:active:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-on-brand-pressed);color:var(--icon-action-secondary-on-brand-pressed);box-shadow:none}.icon-button--on-brand.icon-button--active{background-color:var(--surface-action-secondary-on-brand-active);color:var(--icon-action-secondary-on-brand-active);border-color:var(--border-action-secondary-on-brand-active);box-shadow:0 0 0 3px var(--border-action-secondary-on-brand-ring-active)}.icon-button--on-inverse{background-color:var(--surface-action-secondary-on-inverse-default);color:var(--icon-action-secondary-on-inverse-default);border-color:#0000}.icon-button--on-inverse:hover:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-on-inverse-hover);color:var(--icon-action-secondary-on-inverse-hover);box-shadow:0 0 0 3px var(--border-action-secondary-on-inverse-hover)}.icon-button--on-inverse:active:not(:disabled):not(.icon-button--active){background-color:var(--surface-action-secondary-on-inverse-pressed);color:var(--icon-action-secondary-on-inverse-pressed);box-shadow:none}.icon-button--on-inverse.icon-button--active{background-color:var(--surface-action-secondary-on-inverse-active);color:var(--icon-action-secondary-on-inverse-active);border-color:var(--border-action-secondary-on-inverse-active);box-shadow:0 0 0 3px var(--border-action-secondary-on-inverse-ring-active)}.icon-button--on-inverse:disabled{color:var(--icon-action-secondary-on-inverse-disabled)}
.drawer-overlay{z-index:50;background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:fixed;inset:0}.drawer-content{inset-inline:0;z-index:50;max-height:calc(100dvh - var(--space-32));background-color:var(--surface-base);border-radius:var(--radius-container)var(--radius-container)0 0;flex-direction:column;transition:max-height .2s;display:flex;position:fixed;bottom:0;overflow-y:auto}.drawer-content.drawer-content--scrolled{border-radius:0;max-height:100dvh}.drawer-sticky-header{background-color:var(--surface-base);border-radius:var(--radius-container)var(--radius-container)0 0}.drawer-handle-area{padding-top:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-muted);justify-content:center;display:flex}.drawer-handle{background-color:var(--surface-muted);border-radius:8px;width:64px;height:4px}.drawer-header{z-index:1;padding:var(--space-16)var(--space-24);border-bottom:1px solid var(--border-muted);background-color:var(--surface-base);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.drawer-title{font-family:var(--font-family-primary),sans-serif;font-size:var(--font-size-body-large);font-weight:600;line-height:var(--line-height-24);color:var(--text-strong)}.drawer-content:after{display:none!important}.drawer-body{gap:var(--space-8);padding:12px var(--space-24)var(--space-16);background-color:var(--surface-blush);flex-direction:column;flex-shrink:0;display:flex}
.tooltip-content{padding:var(--space-12)var(--space-16);border-radius:var(--radius-container);background-color:var(--surface-strong);color:var(--text-on-inverse);font-family:var(--font-family-secondary),sans-serif;font-size:var(--font-size-13);font-weight:400;line-height:var(--line-height-20);max-width:264px;box-shadow:0 8px 8px #00000026}.tooltip-arrow{fill:var(--surface-strong)}.tooltip-spacious[data-side=top] .tooltip-arrow{fill:color-mix(in srgb,var(--surface-strong),white 25%)}.tooltip-spacious{border-radius:var(--radius-container);background-color:var(--surface-strong);width:264px;max-width:264px;color:var(--text-on-inverse);box-shadow:0 8px 8px #00000026}.tooltip-spacious__content{gap:var(--space-16);padding:var(--space-16)var(--space-24);flex-direction:column;display:flex}.tooltip-spacious__header{justify-content:space-between;align-items:flex-start;gap:var(--space-8);display:flex}.tooltip-spacious__title{font-family:var(--font-family-primary),sans-serif;font-size:var(--font-size-16);font-weight:600;line-height:var(--line-height-24);color:var(--text-on-inverse)}.tooltip-spacious__body{font-family:var(--font-family-secondary),sans-serif;font-size:var(--font-size-13);font-weight:400;line-height:var(--line-height-20);color:var(--text-on-inverse)}.tooltip-spacious__bottom-bar{padding:var(--space-12)var(--space-24);background-color:var(--surface-on-inverse-subtle);border-right:1px solid var(--surface-on-inverse-subtle);border-bottom:1px solid var(--surface-on-inverse-subtle);border-left:1px solid var(--surface-on-inverse-subtle);border-radius:0 0 var(--radius-container)var(--radius-container);justify-content:center;align-items:center;display:flex}.drawer-content--tooltip{background-color:var(--surface-strong);color:var(--text-on-inverse)}.drawer-content--tooltip .drawer-header{border-bottom:none}.drawer-content--tooltip .drawer-handle{background-color:var(--surface-on-inverse-muted)}.drawer-content--tooltip .drawer-body{background-color:var(--surface-strong)}