@layer gl.component{.gl-button{--gl-button-height:var(--gl-size-5xl);--gl-button-width:auto;--gl-button-padding-inline:var(--gl-space-xs);--gl-button-padding-block:var(--gl-space-2xs);--gl-button-radius:var(--gl-border-radius-lg);--gl-button-gap:var(--gl-space-xs);--gl-button-font-size:var(--gl-font-text-size-sm);--gl-button-line-height:var(--gl-font-text-line-height-sm);--gl-button-icon-size:var(--gl-icon-size-md);--gl-button-spinner-size:var(--gl-icon-size-md);--gl-button-border-width:var(--gl-border-width-md);--gl-button-background:transparent;--gl-button-border-color:transparent;--gl-button-foreground:var(--gl-color-text-default);--gl-button-focus-ring:var(--gl-color-focus-ring-default);--gl-button-focus-ring-inner:var(--gl-color-focus-ring-inner)}.gl-button[data-size=lg]{--gl-button-height:var(--gl-size-7xl);--gl-button-padding-inline:var(--gl-space-md);--gl-button-padding-block:var(--gl-space-sm);--gl-button-radius:var(--gl-border-radius-xl);--gl-button-gap:var(--gl-space-xs);--gl-button-font-size:var(--gl-font-text-size-md);--gl-button-line-height:var(--gl-font-text-line-height-md);--gl-button-icon-size:var(--gl-icon-size-md);--gl-button-spinner-size:var(--gl-icon-size-md)}.gl-button[data-size=sm]{--gl-button-height:var(--gl-size-3xl);--gl-button-padding-inline:var(--gl-space-xs);--gl-button-padding-block:var(--gl-space-3xs);--gl-button-radius:var(--gl-border-radius-md);--gl-button-gap:var(--gl-space-3xs);--gl-button-icon-size:var(--gl-icon-size-sm);--gl-button-spinner-size:var(--gl-icon-size-sm)}.gl-button[data-size=xs]{--gl-button-height:var(--gl-size-2xl);--gl-button-padding-inline:var(--gl-space-3xs);--gl-button-padding-block:var(--gl-space-4xs);--gl-button-radius:var(--gl-border-radius-sm);--gl-button-gap:var(--gl-space-4xs);--gl-button-font-size:var(--gl-font-text-size-xs);--gl-button-line-height:var(--gl-font-text-line-height-xs);--gl-button-icon-size:var(--gl-icon-size-xs);--gl-button-spinner-size:var(--gl-icon-size-xs)}.gl-button[data-rounded=true]{--gl-button-radius:var(--gl-border-radius-rounded)}.gl-button[data-icon-only=true]{--gl-button-width:var(--gl-button-height);--gl-button-padding-inline:var(--gl-button-padding-block)}.gl-button[data-full-width=true]{--gl-button-width:100%}.gl-button[data-variant=solid]{--gl-button-foreground:var(--gl-color-text-inverse)}.gl-button[data-variant=solid][data-color=brand]{--gl-button-background:var(--gl-color-background-brand-default)}.gl-button[data-variant=solid][data-color=upsell]{--gl-button-background:var(--gl-color-background-upsell-default)}.gl-button[data-variant=solid][data-color=discovery]{--gl-button-background:var(--gl-color-background-discovery-default)}.gl-button[data-variant=solid][data-color=danger]{--gl-button-background:var(--gl-color-background-danger-default)}.gl-button[data-variant=solid][data-color=neutral]{--gl-button-background:var(--gl-color-background-strong)}.gl-button[data-variant=solid][data-color=inverse]{--gl-button-background:var(--gl-color-background-white-default);--gl-button-foreground:var(--gl-color-text-on-white)}.gl-button[data-variant=outlined][data-color=brand]{--gl-button-border-color:var(--gl-color-border-brand-subtle);--gl-button-foreground:var(--gl-color-text-brand-default)}.gl-button[data-variant=outlined][data-color=upsell]{--gl-button-border-color:var(--gl-color-border-upsell-subtle);--gl-button-foreground:var(--gl-color-text-upsell-default)}.gl-button[data-variant=outlined][data-color=discovery]{--gl-button-border-color:var(--gl-color-border-discovery-subtle);--gl-button-foreground:var(--gl-color-text-discovery-default)}.gl-button[data-variant=outlined][data-color=danger]{--gl-button-border-color:var(--gl-color-border-danger-subtle);--gl-button-foreground:var(--gl-color-text-danger-default)}.gl-button[data-variant=outlined][data-color=neutral]{--gl-button-border-color:var(--gl-color-border-subtle);--gl-button-foreground:var(--gl-color-text-default)}.gl-button[data-variant=outlined][data-color=inverse]{--gl-button-border-color:var(--gl-color-border-white-default);--gl-button-foreground:var(--gl-color-text-white)}.gl-button[data-variant=semisolid][data-color=brand]{--gl-button-foreground:var(--gl-color-text-brand-on-subtle)}.gl-button[data-variant=ghost][data-color=brand]{--gl-button-foreground:var(--gl-color-text-brand-default)}.gl-button[data-variant=semisolid][data-color=upsell]{--gl-button-foreground:var(--gl-color-text-upsell-on-subtle)}.gl-button[data-variant=ghost][data-color=upsell]{--gl-button-foreground:var(--gl-color-text-upsell-default)}.gl-button[data-variant=semisolid][data-color=discovery]{--gl-button-foreground:var(--gl-color-text-discovery-on-subtle)}.gl-button[data-variant=ghost][data-color=discovery]{--gl-button-foreground:var(--gl-color-text-discovery-default)}.gl-button[data-variant=semisolid][data-color=danger]{--gl-button-foreground:var(--gl-color-text-danger-on-subtle)}.gl-button[data-variant=ghost][data-color=danger]{--gl-button-foreground:var(--gl-color-text-danger-default)}.gl-button[data-variant=semisolid][data-color=neutral],.gl-button[data-variant=ghost][data-color=neutral]{--gl-button-foreground:var(--gl-color-text-default)}.gl-button[data-variant=semisolid][data-color=inverse]{--gl-button-foreground:var(--gl-color-text-on-white)}.gl-button[data-variant=ghost][data-color=inverse]{--gl-button-foreground:var(--gl-color-text-white)}.gl-button[data-variant=semisolid][data-color=brand]{--gl-button-background:var(--gl-color-background-brand-subtler)}.gl-button[data-variant=semisolid][data-color=upsell]{--gl-button-background:var(--gl-color-background-upsell-subtlest)}.gl-button[data-variant=semisolid][data-color=discovery]{--gl-button-background:var(--gl-color-background-discovery-subtlest)}.gl-button[data-variant=semisolid][data-color=danger]{--gl-button-background:var(--gl-color-background-danger-subtler)}.gl-button[data-variant=semisolid][data-color=neutral]{--gl-button-background:var(--gl-color-background-subtlest)}.gl-button[data-variant=semisolid][data-color=inverse]{--gl-button-background:var(--gl-color-background-white-default)}.gl-button{box-sizing:border-box;inline-size:var(--gl-button-width);min-block-size:var(--gl-button-height);padding-inline:var(--gl-button-padding-inline);padding-block:var(--gl-button-padding-block);justify-content:center;align-items:center;gap:var(--gl-button-gap);box-shadow:inset 0 0 0 var(--gl-button-border-width) var(--gl-button-border-color);border-radius:var(--gl-button-radius);background:var(--gl-button-background);color:var(--gl-button-foreground);font-family:var(--gl-font-family-text);font-size:var(--gl-button-font-size);font-weight:var(--gl-font-weight-semibold);line-height:var(--gl-button-line-height);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;outline:none;margin:0;display:inline-flex;position:relative}.gl-button__icon-start,.gl-button__icon-end{flex:none;display:inline-flex}.gl-button__icon-start>svg,.gl-button__icon-end>svg{inline-size:var(--gl-button-icon-size);block-size:var(--gl-button-icon-size);display:block}.gl-button__spinner>svg{inline-size:var(--gl-button-spinner-size);block-size:var(--gl-button-spinner-size);display:block}.gl-button[data-icon-only=true] .gl-button__label{clip-path:inset(50%);white-space:nowrap;block-size:1em;inline-size:1em;position:absolute;overflow:hidden}.gl-button__spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gl-button[data-variant=solid][data-color=brand][data-hovered]{--gl-button-background:var(--gl-color-background-brand-hover)}.gl-button[data-variant=solid][data-color=upsell][data-hovered]{--gl-button-background:var(--gl-color-background-upsell-hover)}.gl-button[data-variant=solid][data-color=discovery][data-hovered]{--gl-button-background:var(--gl-color-background-discovery-hover)}.gl-button[data-variant=solid][data-color=danger][data-hovered]{--gl-button-background:var(--gl-color-background-danger-hover)}.gl-button[data-variant=solid][data-color=neutral][data-hovered]{--gl-button-background:var(--gl-color-background-strong-hover)}.gl-button[data-variant=solid][data-color=inverse][data-hovered]{--gl-button-background:var(--gl-color-background-white-hover)}.gl-button[data-variant=outlined][data-color=brand][data-hovered]{--gl-button-border-color:var(--gl-color-border-brand-subtle-hover)}.gl-button[data-variant=outlined][data-color=upsell][data-hovered]{--gl-button-border-color:var(--gl-color-border-upsell-subtle-hover)}.gl-button[data-variant=outlined][data-color=discovery][data-hovered]{--gl-button-border-color:var(--gl-color-border-discovery-subtle-hover)}.gl-button[data-variant=outlined][data-color=danger][data-hovered]{--gl-button-border-color:var(--gl-color-border-danger-subtle-hover)}.gl-button[data-variant=outlined][data-color=neutral][data-hovered]{--gl-button-border-color:var(--gl-color-border-subtle-hover)}.gl-button[data-variant=outlined][data-color=inverse][data-hovered]{--gl-button-border-color:var(--gl-color-border-white-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=brand][data-hovered]{--gl-button-background:var(--gl-color-background-brand-subtler-hover);--gl-button-foreground:var(--gl-color-text-brand-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=upsell][data-hovered]{--gl-button-background:var(--gl-color-background-upsell-subtlest-hover);--gl-button-foreground:var(--gl-color-text-upsell-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=discovery][data-hovered]{--gl-button-background:var(--gl-color-background-discovery-subtlest-hover);--gl-button-foreground:var(--gl-color-text-discovery-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=danger][data-hovered]{--gl-button-background:var(--gl-color-background-danger-subtler-hover);--gl-button-foreground:var(--gl-color-text-danger-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=neutral][data-hovered]{--gl-button-background:var(--gl-color-background-subtlest-hover);--gl-button-foreground:var(--gl-color-text-hover)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=inverse][data-hovered]{--gl-button-background:var(--gl-color-background-white-hover);--gl-button-foreground:var(--gl-color-text-on-white)}.gl-button[data-variant=solid][data-color=brand][data-pressed]{--gl-button-background:var(--gl-color-background-brand-active)}.gl-button[data-variant=solid][data-color=upsell][data-pressed]{--gl-button-background:var(--gl-color-background-upsell-active)}.gl-button[data-variant=solid][data-color=discovery][data-pressed]{--gl-button-background:var(--gl-color-background-discovery-active)}.gl-button[data-variant=solid][data-color=danger][data-pressed]{--gl-button-background:var(--gl-color-background-danger-active)}.gl-button[data-variant=solid][data-color=neutral][data-pressed]{--gl-button-background:var(--gl-color-background-strong-active)}.gl-button[data-variant=solid][data-color=inverse][data-pressed]{--gl-button-background:var(--gl-color-background-white-active)}.gl-button[data-variant=outlined][data-color=brand][data-pressed]{--gl-button-border-color:var(--gl-color-border-brand-subtle-active)}.gl-button[data-variant=outlined][data-color=upsell][data-pressed]{--gl-button-border-color:var(--gl-color-border-upsell-subtle-active)}.gl-button[data-variant=outlined][data-color=discovery][data-pressed]{--gl-button-border-color:var(--gl-color-border-discovery-subtle-active)}.gl-button[data-variant=outlined][data-color=danger][data-pressed]{--gl-button-border-color:var(--gl-color-border-danger-subtle-active)}.gl-button[data-variant=outlined][data-color=neutral][data-pressed]{--gl-button-border-color:var(--gl-color-border-subtle-active)}.gl-button[data-variant=outlined][data-color=inverse][data-pressed]{--gl-button-border-color:var(--gl-color-border-white-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=brand][data-pressed]{--gl-button-background:var(--gl-color-background-brand-subtler-active);--gl-button-foreground:var(--gl-color-text-brand-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=upsell][data-pressed]{--gl-button-background:var(--gl-color-background-upsell-subtlest-active);--gl-button-foreground:var(--gl-color-text-upsell-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=discovery][data-pressed]{--gl-button-background:var(--gl-color-background-discovery-subtlest-active);--gl-button-foreground:var(--gl-color-text-discovery-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=danger][data-pressed]{--gl-button-background:var(--gl-color-background-danger-subtler-active);--gl-button-foreground:var(--gl-color-text-danger-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=neutral][data-pressed]{--gl-button-background:var(--gl-color-background-subtlest-active);--gl-button-foreground:var(--gl-color-text-active)}.gl-button:is([data-variant=outlined],[data-variant=ghost],[data-variant=semisolid])[data-color=inverse][data-pressed]{--gl-button-background:var(--gl-color-background-white-active);--gl-button-foreground:var(--gl-color-text-on-white)}.gl-button[data-focus-visible]{box-shadow:inset 0 0 0 var(--gl-button-border-width) var(--gl-button-border-color), 0 0 0 var(--gl-focus-ring-offset-inside) var(--gl-button-focus-ring-inner), 0 0 0 var(--gl-focus-ring-offset-outside) var(--gl-button-focus-ring)}.gl-button[data-variant][data-color][data-disabled]{--gl-button-background:transparent;--gl-button-border-color:transparent;--gl-button-foreground:var(--gl-color-text-disabled);cursor:not-allowed}.gl-button:is([data-variant=solid],[data-variant=semisolid])[data-color][data-disabled]{--gl-button-background:var(--gl-color-background-disabled);--gl-button-foreground:var(--gl-color-text-disabled-on-subtle)}.gl-button[data-variant=outlined][data-color][data-disabled]{--gl-button-border-color:var(--gl-color-border-disabled-subtle)}.gl-button[data-variant=outlined][data-color=inverse][data-disabled]{--gl-button-border-color:var(--gl-color-border-disabled)}.gl-button[data-pending]{cursor:progress}.gl-button[data-pending] :is(.gl-button__label,.gl-button__icon-start,.gl-button__icon-end){opacity:0}@media (prefers-reduced-motion:no-preference){.gl-button__spinner>svg{animation:1s linear infinite gl-button-spin}}@keyframes gl-button-spin{to{transform:rotate(360deg)}}}
@layer gl.primitive,gl.semantic;@layer gl.theme{.gl-light :is(.compass-theme,.gl-input-autocomplete__panel,.gl-input-select__panel,.gl-tooltip){--gl-color-text-default:var(--gl-p-color-neutral-800);--gl-color-text-disabled:var(--gl-p-color-neutral-400);--gl-color-text-brand-default:var(--gl-p-color-blue-500);--gl-color-text-brand-hover:var(--gl-p-color-blue-600);--gl-color-background-default:var(--gl-p-color-base-white);--gl-color-border-subtler:var(--gl-p-color-neutral-200);--gl-color-border-disabled:var(--gl-p-color-neutral-300);--gl-color-border-danger-default:var(--gl-p-color-red-500);--gl-color-border-danger-active:var(--gl-p-color-red-700);--gl-color-border-brand-subtle:var(--gl-p-color-blue-300);--gl-color-border-brand-subtle-hover:var(--gl-p-color-blue-400);--gl-color-border-brand-subtle-active:var(--gl-p-color-blue-400)}.gl-dark :is(.compass-theme,.gl-input-autocomplete__panel,.gl-input-select__panel,.gl-tooltip){--gl-color-text-default:var(--gl-p-color-base-white);--gl-color-text-disabled:var(--gl-p-color-neutral-350);--gl-color-text-brand-default:var(--gl-p-color-blue-400);--gl-color-text-brand-hover:var(--gl-p-color-blue-300);--gl-color-background-default:var(--gl-p-color-neutral-800);--gl-color-border-subtler:var(--gl-p-color-neutral-550);--gl-color-border-disabled:var(--gl-p-color-neutral-400);--gl-color-border-danger-default:var(--gl-p-color-red-400);--gl-color-border-danger-active:var(--gl-p-color-red-400);--gl-color-border-brand-subtle:var(--gl-p-color-blue-400);--gl-color-border-brand-subtle-hover:var(--gl-p-color-blue-500);--gl-color-border-brand-subtle-active:var(--gl-p-color-blue-600)}}@layer gl.component;