@layer widget-base{.button-control{--button-control-cut:10px;max-width:100%;display:inline-flex;position:relative}.button-control__primary{min-width:0;clip-path:polygon(0 0, 100% 0, 100% 100%, var(--button-control-cut) 100%, 0 calc(100% - var(--button-control-cut)));flex:auto}.button-control__primary .button__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.button-control>.button.button-control__trigger{width:3rem;min-width:3rem;max-width:3rem;clip-path:polygon(0 0, calc(100% - var(--button-control-cut)) 0, 100% var(--button-control-cut), 100% 100%, 0 100%);border-inline-start:0;flex:0 0 3rem;justify-content:center;padding-inline:0}.button-control>.button.button-control__menu-trigger{justify-content:flex-start;width:100%;padding-inline-end:0}.button-control__menu-trigger .button__label{text-align:start;flex:auto;min-width:0}.button-control__menu-indicator{border-inline-start:1px solid color-mix(in srgb, currentColor 32%, transparent);flex:0 0 3rem;align-self:stretch;place-items:center;min-width:3rem;display:inline-grid}.button-control__trigger svg,.button-control__menu-indicator svg{transition:transform var(--motion-ui) var(--ease-out)}.button-control__trigger[aria-expanded=true] svg,.button-control__menu-trigger[aria-expanded=true] .button-control__menu-indicator svg{transform:rotate(180deg)}.button-control :is(.button-control__trigger,.button-control__menu-trigger)[data-motion=instant] svg{transition:none}.button-control>.button:active:not(:disabled),.button-control>.button:focus-visible{transform:none}.button-control__menu{z-index:1000;border:1px solid var(--floating-surface-border);background:var(--floating-surface-background);min-width:13rem;max-width:calc(100vw - 1rem);box-shadow:var(--floating-surface-shadow);border-radius:0;margin:0;padding:.35rem;position:fixed;inset:auto;overflow-y:auto}.button-control__scrim{z-index:999;background:#02070aa6;position:fixed;inset:0}.button-control__menu[data-placement=above]{transform-origin:100% 100%}.button-control__menu[data-placement=below]{transform-origin:100% 0}.button-control__menu button{width:100%;min-height:2.75rem;color:var(--color-paper);text-align:start;background:0 0;border:0;border-radius:0;align-items:center;gap:.6rem;padding:.65rem .75rem;display:flex}.button-control__menu button:focus-visible{background:color-mix(in srgb, var(--color-paper) 8%, transparent)}.button-control__menu button:disabled{color:var(--color-muted);cursor:not-allowed}.button-control__menu button[data-tone=danger]:not(:disabled){color:var(--color-danger-text,#ff8a8f)}.button-control__menu[data-menu-mode=trigger],.button-control__menu[data-menu-mode=trigger] button{border-radius:0}.button-control__menu button[data-tone=danger]:focus-visible{background:var(--color-panel-raised)}@media (hover:hover) and (pointer:fine){.button-control__menu button:hover:not(:disabled){background:color-mix(in srgb, var(--color-paper) 8%, transparent)}.button-control__menu button[data-tone=danger]:hover:not(:disabled){background:var(--color-panel-raised)}}@media (prefers-reduced-motion:reduce){.button-control__trigger svg,.button-control__menu-indicator svg,.button-control__menu{transition-duration:.01ms}}.button-control__separator{background:var(--color-line);border:0;height:1px;margin:6px 8px}.button-control__menu [aria-checked=true]{background:var(--color-panel-raised)}.button-control__menu [aria-checked=true]:after{content:"✓";margin-left:auto}.button-control>.button.button--icon-menu{justify-content:center;align-items:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;position:relative}.button-control>.button.button--icon-menu:not(:disabled){color:var(--color-paper);border-color:var(--color-line);background:0 0}.button-control>.button.button--icon-menu:focus-visible{border-color:var(--color-paper);background:var(--color-panel-raised);box-shadow:inset 0 0 0 2px var(--color-paper)}@media (hover:hover) and (pointer:fine){.button-control>.button.button--icon-menu:hover:not(:disabled){background:var(--color-panel-raised)}}.button--icon-menu>.button-control__menu-indicator{border:0;width:12px;min-width:12px;height:12px;min-height:12px;position:absolute;bottom:2px;right:2px}.button--icon-menu>.button-control__menu-indicator svg{width:10px;height:10px}.button.button--visual{width:100%;min-width:0;font-family:var(--font-sans);letter-spacing:normal;text-align:start;text-transform:none;clip-path:none;padding:16px;font-size:14px;font-weight:400;line-height:1.5;display:block}.button.button--visual:not(:disabled){border-color:var(--color-line);color:var(--color-paper);background:var(--color-navy)}.button--visual>.button__label{white-space:normal;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:center;gap:16px;width:100%;display:grid;overflow:visible}.button--visual .visual-button__copy{gap:6px;min-width:0;display:grid}.button--visual .visual-button__copy>strong{font-family:var(--font-display);text-transform:uppercase;font-size:22px}.button--visual .visual-button__copy>span{color:var(--color-muted);font-size:12px;line-height:1.5}.button--visual .visual-button__copy>.visual-button__action{color:var(--color-paper);text-decoration:underline;-webkit-text-decoration-color:var(--color-signal);text-decoration-color:var(--color-signal);text-underline-offset:4px;font-weight:700}.button.button--visual:active:not(:disabled){transform:none}@media (hover:hover) and (pointer:fine){.button.button--visual:hover:not(:disabled){background:var(--color-panel-raised);border-color:var(--color-muted)}}.button.button--visual:focus-visible{border-color:var(--color-paper);background:var(--color-panel-raised);box-shadow:inset 0 0 0 2px var(--color-paper)}.button.button--visual.button--visual-thumbnail{padding:0}.button--visual-thumbnail>.button__label{pointer-events:none;display:block}.button--success-outline{color:var(--color-success);border-color:var(--color-success);background:0 0}.button--danger-text{color:var(--color-error);clip-path:none;background:0 0}.button--danger-outline{color:var(--color-error);border-color:var(--color-error);background:0 0}@media (hover:hover) and (pointer:fine){.button--success-outline:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 12%, transparent)}.button--danger-text:hover:not(:disabled),.button--danger-outline:hover:not(:disabled){background:var(--color-panel-raised)}}}