@view-transition {
  navigation: auto;
}
::view-transition {
  background-color: #0000;
}
@keyframes agy-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes agy-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes agy-fade-in-settle {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
::view-transition-old(root) {
  animation: 0.14s ease-out both agy-fade-out;
}
::view-transition-new(root) {
  animation: 0.14s ease-out both agy-fade-in;
}
header[data-header] {
  view-transition-name: agy-site-header;
}
header.header:not([data-header]),
.docs-site-header {
  view-transition-name: agy-docs-header;
}
::view-transition-group(agy-site-header),
::view-transition-group(agy-docs-header) {
  animation: none !important;
}
::view-transition-old(agy-site-header),
::view-transition-old(agy-docs-header),
::view-transition-new(agy-site-header),
::view-transition-new(agy-docs-header) {
  opacity: 1 !important;
  animation: none !important;
}
@media (width>=50rem) {
  #starlight__sidebar,
  .sidebar-pane {
    view-transition-name: agy-docs-sidebar;
  }
}
@media (width>=72rem) {
  .right-sidebar-container,
  aside.right-sidebar:not(.right-sidebar-container *) {
    view-transition-name: agy-docs-toc;
  }
  .right-sidebar-container {
    margin-inline-start: auto;
  }
}
@media (width<=71.99rem) {
  aside.right-sidebar,
  .right-sidebar-panel,
  .right-sidebar-container {
    view-transition-name: none !important;
  }
  mobile-starlight-toc {
    view-transition-name: agy-docs-mobile-toc;
    position: relative;
    z-index: 95 !important;
  }
  mobile-starlight-toc * {
    view-transition-name: none !important;
  }
}
@media (width<=49.99rem) {
  #starlight__sidebar,
  .sidebar-pane,
  .sidebar-wrapper,
  .sidebar-content {
    view-transition-name: none !important;
  }
  nav.sidebar {
    z-index: 105;
    position: relative;
  }
  starlight-menu-button {
    view-transition-name: agy-docs-menu-btn;
    position: absolute;
    z-index: 105 !important;
  }
  starlight-menu-button button {
    pointer-events: auto !important;
    z-index: 105 !important;
  }
  starlight-menu-button * {
    view-transition-name: none !important;
  }
  body:not([data-mobile-menu-expanded]) .sidebar-pane {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
::view-transition-group(agy-docs-sidebar),
::view-transition-group(agy-docs-mobile-toc),
::view-transition-group(agy-docs-menu-btn) {
  animation: none !important;
}
::view-transition-old(agy-docs-sidebar),
::view-transition-old(agy-docs-mobile-toc),
::view-transition-old(agy-docs-menu-btn),
::view-transition-new(agy-docs-sidebar),
::view-transition-new(agy-docs-mobile-toc),
::view-transition-new(agy-docs-menu-btn) {
  opacity: 1 !important;
  animation: none !important;
}
::view-transition-group(agy-docs-toc),
::view-transition-old(agy-docs-toc),
::view-transition-new(agy-docs-toc),
::view-transition-group(agy-docs-main) {
  animation: none !important;
}
::view-transition-group(agy-docs-menu-btn) {
  z-index: 105 !important;
}
::view-transition-group(agy-docs-mobile-toc) {
  z-index: 101 !important;
}
.main-pane {
  view-transition-name: agy-docs-main;
}
::view-transition-group(agy-docs-toc) {
  background-color: var(--sl-color-bg, #fff);
  z-index: 2 !important;
  overflow: clip !important;
}
:root[data-theme="dark"]::view-transition-group(agy-docs-toc) {
  background-color: var(--sl-color-bg, #121317);
}
::view-transition-group(agy-docs-main) {
  z-index: 1 !important;
  overflow: clip !important;
}
::view-transition-old(agy-docs-main),
::view-transition-new(agy-docs-main) {
  overflow: clip !important;
}
@keyframes agy-docs-main-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes agy-docs-main-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
::view-transition-old(agy-docs-main) {
  animation: 90ms ease-out both agy-docs-main-fade-out;
}
::view-transition-new(agy-docs-main) {
  animation: 90ms ease-out both agy-docs-main-fade-in;
}
html[data-connection="slow"] ::view-transition-group(*),
html[data-connection="slow"] ::view-transition-old(*),
html[data-connection="slow"] ::view-transition-new(*),
html[data-connection="save-data"] ::view-transition-group(*),
html[data-connection="save-data"] ::view-transition-old(*),
html[data-connection="save-data"] ::view-transition-new(*) {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
  .agy-nav-progress {
    display: none !important;
  }
}
.agy-nav-progress {
  transform-origin: 0%;
  opacity: 0;
  pointer-events: none;
  z-index: 10000;
  background: linear-gradient(90deg, #4285f4, #8ab4f8);
  width: 100%;
  height: 2px;
  transition:
    transform 0.3s ease-out,
    opacity 0.15s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  transform: scaleX(0);
}
.agy-nav-progress.is-animating {
  opacity: 1;
  transition:
    transform 8s cubic-bezier(0.1, 0.5, 0.1, 1),
    opacity 0.15s ease-in-out;
  transform: scaleX(0.7);
}
.agy-nav-progress.is-complete {
  opacity: 1;
  transition:
    transform 0.12s ease-out,
    opacity 0.2s ease-out 0.1s;
  transform: scaleX(1);
}
.agy-nav-progress.is-hidden {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
:root {
  --palette-grey-900: #2f3034;
  --palette-grey-800: #45474d;
  --palette-grey-50: #e6eaf0;
  --palette-grey-0: #fff;
  --palette-grey-1000: #212226;
  --palette-grey-20: #eff2f7;
  --palette-grey-1200: #121317;
  --palette-grey-1100: #18191d;
  --palette-grey-10: #f8f9fc;
  --palette-grey-100: #e1e6ec;
  --palette-grey-200: #cdd4dc;
  --palette-grey-300: #b2bbc5;
  --palette-grey-400: #b7bfd9;
  --palette-grey-600: #aab1cc4d;
  --palette-grey-1000-12: #dedfe2;
  --palette-grey-50-20: #414347;
  --palette-grey-15: #f0f1f5;
  --palette-blue-600: #3279f9;
  --palette-grey-0-rgb: 255, 255, 255;
  --palette-grey-50-rgb: 230, 234, 240;
  --palette-grey-400-rgb: 183, 191, 217;
  --palette-grey-600-rgb: 170, 177, 204;
  --palette-grey-1000-rgb: 33, 34, 38;
  --palette-grey-1200-rgb: 18, 19, 23;
  --theme-surface-surface: var(--palette-grey-0);
  --theme-surface-on-surface: var(--palette-grey-1200);
  --theme-surface-on-surface-variant: var(--palette-grey-800);
  --theme-surface-surface-container: var(--palette-grey-10);
  --theme-surface-surface-container-high: var(--palette-grey-20);
  --theme-surface-surface-container-higher: var(--palette-grey-50);
  --theme-surface-surface-container-highest: var(--palette-grey-100);
  --theme-surface-inverse-surface: var(--palette-grey-1200);
  --theme-surface-inverse-on-surface: var(--palette-grey-10);
  --theme-surface-inverse-on-surface-variant: var(--palette-grey-300);
  --theme-surface-overlay: rgba(var(--palette-grey-0-rgb), 0.95);
  --theme-surface-overlay-low: rgba(var(--palette-grey-0-rgb), 0.12);
  --theme-surface-overlay-high: rgba(var(--palette-grey-0-rgb), 0.24);
  --theme-surface-overlay-higher: rgba(var(--palette-grey-0-rgb), 0.72);
  --theme-surface-overlay-highest: rgba(var(--palette-grey-0-rgb), 0.95);
  --theme-surface-transparent: rgba(var(--palette-grey-0-rgb), 0);
  --theme-inverse-surface-overlay: rgba(var(--palette-grey-1200-rgb), 0.01);
  --theme-inverse-surface-overlay-high: rgba(
    var(--palette-grey-1200-rgb),
    0.24
  );
  --theme-inverse-surface-overlay-higher: rgba(
    var(--palette-grey-1200-rgb),
    0.72
  );
  --theme-inverse-surface-overlay-highest: rgba(
    var(--palette-grey-1200-rgb),
    0.95
  );
  --theme-inverse-surface: var(--palette-grey-1200);
  --theme-outline: rgba(var(--palette-grey-1000-rgb), 0.12);
  --theme-outline-variant: rgba(var(--palette-grey-1000-rgb), 0.06);
  --theme-inverse-outline: rgba(var(--palette-grey-50-rgb), 0.12);
  --theme-inverse-outline-variant: rgba(var(--palette-grey-50-rgb), 0.06);
  --theme-outline-inverse-outline-variant: #e6eaf00f;
  --theme-outline-outline-variant: #2122260f;
  backdrop-filter: blur(8px);
  --theme-primary-primary: var(--theme-surface-on-surface);
  --theme-primary-on-primary: var(--theme-surface-surface);
  --theme-tonal-tonal: var(--theme-surface-surface-container);
  --theme-tonal-on-tonal: var(--theme-surface-on-surface);
  --theme-outlined-outlined: var(--theme-surface-surface-transparent);
  --theme-outlined-on-outlined: var(--theme-surface-on-surface);
  --theme-protected-protected: var(--theme-surface-surface-container);
  --theme-protected-on-protected: var(--theme-surface-on-surface);
  --theme-text-text: var(--theme-surface-surface-transparent);
  --theme-text-on-text: var(--theme-surface-on-surface);
  --theme-text-link-states-enabled: var(--theme-surface-on-surface-variant);
  --theme-text-link-states-hovered: var(--palette-grey-1000);
  --theme-text-link-states-focused: var(--palette-grey-1100);
  --theme-text-link-states-pressed: var(--palette-grey-1000);
  --theme-text-link-states-disabled: #6a6a71;
  --theme-button-states-primary-enabled: var(--theme-primary-primary);
  --theme-button-states-primary-disabled: var(--palette-grey-10);
  --theme-button-states-primary-hovered: var(--palette-grey-900);
  --theme-button-states-primary-pressed: rgba(var(--palette-grey-50-rgb), 0.12);
  --theme-button-states-primary-focused: rgba(var(--palette-grey-50-rgb), 0.2);
  --theme-button-states-primary-on-disabled: rgba(
    var(--palette-grey-1000-rgb),
    0.2
  );
  --theme-secondary-button: rgba(var(--palette-grey-400-rgb), 0.1);
  --theme-button-secondary-hover: var(--palette-grey-15);
  --theme-button-secondary-inverse-hover: rgba(
    var(--palette-grey-600-rgb),
    0.3
  );
  --theme-button-states-tonal-enabled: var(--theme-tonal-tonal);
  --theme-button-states-tonal-disabled: var(--palette-grey-10);
  --theme-button-states-protected-enabled: var(--theme-protected-protected);
  --theme-button-states-protected-hovered: var(--palette-grey-20);
  --theme-button-states-protected-disabled: var(--palette-grey-100);
  --theme-button-states-outlined-enabled: var(--theme-outlined-outlined);
  --theme-button-states-disabled: var(--palette-grey-100);
  --theme-button-states-on-disabled: #6a6a71;
  --theme-button-states-hovered: rgba(var(--palette-grey-1000-rgb), 0.04);
  --theme-button-states-pressed: rgba(var(--palette-grey-1000-rgb), 0.06);
  --theme-button-states-focused: rgba(var(--palette-grey-1000-rgb), 0.12);
  --theme-button-states-disabled-transparent: rgba(
    var(--palette-grey-50-rgb),
    0
  );
  --theme-nav-button: rgba(var(--palette-grey-400-rgb), 0.09);
  --theme-nav-button-hover: rgba(var(--palette-grey-400-rgb), 0.2);
  --divider: var(--theme-outline-outline-variant);
}
[data-custom-select-wrapper] {
  outline: none;
  position: relative;
}
[data-custom-select-wrapper] select {
  pointer-events: none !important;
  opacity: 0 !important;
}
[data-custom-select-wrapper][data-custom-select-open="true"]
  .language-selector__chevron,
[data-custom-select-wrapper][data-custom-select-open="true"] .caret,
[data-custom-select-wrapper][data-custom-select-open="true"] .select-chevron {
  transform: rotate(180deg);
}
.language-selector__chevron {
  transition: transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.language-selector[data-custom-select-open="true"] {
  background-color: var(--theme-nav-button-hover, #0000000f);
  color: #202124;
  border-color: #00000047;
}
:root[data-theme="dark"] .language-selector[data-custom-select-open="true"],
.dark-mode .language-selector[data-custom-select-open="true"] {
  color: #fff;
  background-color: #ffffff24;
  border-color: #ffffff6b;
}
starlight-theme-select {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  position: relative;
}
starlight-theme-select label {
  height: 32px !important;
  color: var(--theme-surface-on-surface-variant, #444746) !important;
  cursor: pointer !important;
  user-select: none !important;
  box-sizing: border-box !important;
  background-color: #0000 !important;
  border: 1px solid #0000001f !important;
  border-radius: 9999px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  padding-inline: 10px 8px !important;
  font-family:
    Google Sans Flex,
    Google Sans,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  transition:
    background-color 0.15s,
    border-color 0.15s,
    color 0.15s,
    box-shadow 0.15s !important;
  display: inline-flex !important;
  position: relative !important;
}
starlight-theme-select label:hover {
  color: #202124 !important;
  background-color: #0000000d !important;
  border-color: #0000003d !important;
}
starlight-theme-select label:has(select:focus-visible) {
  border-color: #1a73e8 !important;
  box-shadow: 0 0 0 2px #1a73e833 !important;
}
starlight-theme-select label .icon.label-icon {
  pointer-events: none !important;
  width: 14px !important;
  height: 14px !important;
  color: inherit !important;
  flex-shrink: 0 !important;
  font-size: 14px !important;
  position: static !important;
  transform: none !important;
}
starlight-theme-select label .ag-custom-select-value {
  letter-spacing: 0.01em;
  white-space: nowrap;
  pointer-events: none;
  color: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
}
starlight-theme-select label .icon.caret {
  pointer-events: none !important;
  width: 11px !important;
  height: 11px !important;
  color: inherit !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  transition: transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  position: static !important;
  transform: none !important;
}
starlight-theme-select label select {
  opacity: 0 !important;
  pointer-events: none !important;
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  cursor: pointer !important;
  appearance: none !important;
  background: 0 0 !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  inset: 0 !important;
}
starlight-theme-select[data-custom-select-open="true"] label {
  color: #202124 !important;
  background-color: #0000000f !important;
  border-color: #00000047 !important;
}
starlight-theme-select[data-custom-select-open="true"] label .icon.caret {
  transform: rotate(180deg) !important;
}
:root[data-theme="dark"] starlight-theme-select label,
.dark-mode starlight-theme-select label {
  color: #e8eaed !important;
  background-color: #ffffff0f !important;
  border-color: #ffffff38 !important;
}
:root[data-theme="dark"] starlight-theme-select label:hover,
.dark-mode starlight-theme-select label:hover {
  color: #fff !important;
  background-color: #ffffff1f !important;
  border-color: #ffffff61 !important;
}
:root[data-theme="dark"]
  starlight-theme-select[data-custom-select-open="true"]
  label,
.dark-mode starlight-theme-select[data-custom-select-open="true"] label {
  color: #fff !important;
  background-color: #ffffff24 !important;
  border-color: #ffffff6b !important;
}
.ag-custom-select-menu {
  z-index: 1200;
  -webkit-backdrop-filter: blur(16px);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform-origin: 100% 0;
  user-select: none;
  background: #fffffffa;
  border: 1px solid #0000001a;
  border-radius: 14px;
  width: max-content;
  min-width: 240px;
  max-width: min(320px, 100vw - 24px);
  padding: 6px;
  transition:
    opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.16s cubic-bezier(0.165, 0.84, 0.44, 1),
    visibility 0.16s;
  position: absolute;
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  transform: translateY(-6px) scale(0.97);
  box-shadow:
    0 14px 36px -4px #00000024,
    0 4px 12px -2px #0000000f;
}
.ag-custom-select-menu.ag-custom-select-menu--left {
  transform-origin: 0 0;
  left: 0;
  right: auto;
}
.ag-custom-select-menu.ag-custom-select-menu--up {
  transform-origin: 100% 100%;
  top: auto;
  bottom: calc(100% + 8px);
  transform: translateY(6px) scale(0.97);
}
.ag-custom-select-menu.ag-custom-select-menu--up.ag-custom-select-menu--left {
  transform-origin: 0 100%;
}
.ag-custom-select-menu.ag-custom-select-menu--theme {
  min-width: 164px;
}
.ag-custom-select-menu.ag-custom-select-menu--full {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
}
[data-custom-select-wrapper][data-custom-select-open="true"]
  > .ag-custom-select-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.ag-custom-select-list {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #80868b52 transparent;
  flex-direction: column;
  gap: 2px;
  max-height: min(332px, 62vh);
  display: flex;
  overflow-y: auto;
}
.ag-custom-select-list::-webkit-scrollbar {
  width: 5px;
}
.ag-custom-select-list::-webkit-scrollbar-track {
  background: 0 0;
}
.ag-custom-select-list::-webkit-scrollbar-thumb {
  background: #80868b52;
  border-radius: 9999px;
}
.ag-custom-select-divider {
  background-color: #00000014;
  flex-shrink: 0;
  height: 1px;
  margin: 4px 6px;
}
.ag-custom-select-option {
  color: #3c4043;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  background: 0 0;
  border: none;
  border-radius: 9px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 7px 10px;
  font-family:
    Google Sans Flex,
    Google Sans,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Noto Sans,
    Noto Sans Devanagari,
    Noto Sans Thai,
    Noto Sans KR,
    Noto Sans JP,
    Noto Sans SC,
    Noto Sans TC,
    sans-serif;
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.35;
  transition:
    background-color 0.12s,
    color 0.12s;
  display: flex;
}
.ag-custom-select-option:hover,
.ag-custom-select-option.is-focused,
.ag-custom-select-option:focus-visible {
  color: #1f1f1f;
  background-color: #f1f3f4;
}
.ag-custom-select-option.is-selected,
.ag-custom-select-option[aria-selected="true"] {
  color: #1a73e8;
  background-color: #1a73e81a;
  font-weight: 500;
}
.ag-custom-select-option.is-selected .ag-custom-select-option__badge,
.ag-custom-select-option[aria-selected="true"] .ag-custom-select-option__badge {
  color: #1a73e8;
  background-color: #1a73e824;
  border-color: #1a73e838;
}
.ag-custom-select-option.is-selected .ag-custom-select-option__check,
.ag-custom-select-option[aria-selected="true"] .ag-custom-select-option__check {
  opacity: 1;
  display: inline-flex;
  transform: scale(1);
}
.ag-custom-select-option.is-selected .ag-custom-select-option__icon,
.ag-custom-select-option[aria-selected="true"] .ag-custom-select-option__icon {
  color: #1a73e8;
}
.ag-custom-select-option__main {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
}
.ag-custom-select-option__icon {
  color: #5f6368;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition: color 0.12s;
  display: inline-flex;
}
.ag-custom-select-option__icon svg {
  width: 15px;
  height: 15px;
  display: block;
}
.ag-custom-select-option__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ag-custom-select-option__end {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.ag-custom-select-option__badge {
  letter-spacing: 0.02em;
  color: #5f6368;
  background-color: #0000000b;
  border: 1px solid #0000000f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 1px 6px;
  font-family:
    Google Sans Code,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1.3;
  transition:
    background-color 0.12s,
    color 0.12s,
    border-color 0.12s;
  display: inline-flex;
}
.ag-custom-select-option__check {
  color: currentColor;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  transition:
    opacity 0.12s,
    transform 0.12s;
  display: none;
  transform: scale(0.85);
}
.ag-custom-select-option__check svg {
  width: 14px;
  height: 14px;
  display: block;
}
:root[data-theme="dark"] .ag-custom-select-menu,
.dark-mode .ag-custom-select-menu {
  background: #202226fa;
  border-color: #ffffff24;
  box-shadow:
    0 16px 40px #0000008c,
    0 4px 12px #00000059;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-list,
.dark-mode .ag-custom-select-menu .ag-custom-select-list {
  scrollbar-color: #ffffff3d transparent;
}
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-list::-webkit-scrollbar-thumb {
  background: #ffffff3d;
}
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-list::-webkit-scrollbar-thumb {
  background: #ffffff3d;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-divider,
.dark-mode .ag-custom-select-menu .ag-custom-select-divider {
  background-color: #ffffff1f;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-option,
.dark-mode .ag-custom-select-menu .ag-custom-select-option {
  color: #e8eaed;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-option:hover,
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option.is-focused,
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option:focus-visible,
.dark-mode .ag-custom-select-menu .ag-custom-select-option:hover,
.dark-mode .ag-custom-select-menu .ag-custom-select-option.is-focused,
.dark-mode .ag-custom-select-menu .ag-custom-select-option:focus-visible {
  color: #fff;
  background-color: #ffffff14;
}
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option.is-selected,
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"],
.dark-mode .ag-custom-select-menu .ag-custom-select-option.is-selected,
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"] {
  color: #8ab4f8;
  background-color: #8ab4f829;
}
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option.is-selected
  .ag-custom-select-option__badge,
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"]
  .ag-custom-select-option__badge,
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-option.is-selected
  .ag-custom-select-option__badge,
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"]
  .ag-custom-select-option__badge {
  color: #8ab4f8;
  background-color: #8ab4f833;
  border-color: #8ab4f852;
}
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option.is-selected
  .ag-custom-select-option__icon,
:root[data-theme="dark"]
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"]
  .ag-custom-select-option__icon,
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-option.is-selected
  .ag-custom-select-option__icon,
.dark-mode
  .ag-custom-select-menu
  .ag-custom-select-option[aria-selected="true"]
  .ag-custom-select-option__icon {
  color: #8ab4f8;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-option__icon,
.dark-mode .ag-custom-select-menu .ag-custom-select-option__icon {
  color: #9aa0a6;
}
:root[data-theme="dark"] .ag-custom-select-menu .ag-custom-select-option__badge,
.dark-mode .ag-custom-select-menu .ag-custom-select-option__badge {
  color: #9aa0a6;
  background-color: #ffffff0f;
  border-color: #ffffff1a;
}
@media (width<=900px) {
  starlight-theme-select label {
    gap: 4px !important;
    height: 28px !important;
    padding-inline: 8px 6px !important;
  }
  starlight-theme-select label .ag-custom-select-value {
    font-size: 0.6875rem;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
canvas,
details,
embed,
figure:not(.frame),
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table,
.table-container table {
  border-collapse: collapse;
  border: 1px solid var(--theme-outline-variant, #e0e0e0);
  border-radius: 8px;
  width: 100%;
  margin-block: 1.5rem;
  font-family:
    Google Sans Flex,
    Google Sans,
    sans-serif;
  font-size: 0.95rem;
  overflow: hidden;
}
table thead,
.table-container table thead {
  background: var(--theme-surface-surface-container, #f8f9fa);
}
table thead th,
.table-container table thead th {
  text-align: left;
  color: var(--theme-surface-on-surface, #202124);
  border-bottom: 1px solid var(--theme-outline-variant, #e0e0e0);
  padding: 12px 16px;
  font-weight: 600;
}
table thead th:first-child,
.table-container table thead th:first-child {
  white-space: nowrap;
  font-weight: 600;
}
table tbody td,
.table-container table tbody td {
  text-align: left;
  border-bottom: 1px solid var(--theme-outline-variant, #e0e0e0);
  vertical-align: middle;
  padding: 12px 16px;
}
table tbody td:first-child,
.table-container table tbody td:first-child {
  white-space: nowrap;
  font-weight: 600;
}
table tbody tr:last-child td,
.table-container table tbody tr:last-child td {
  border-bottom: none;
}
table tbody tr:nth-child(2n),
.table-container table tbody tr:nth-child(2n) {
  background: var(--theme-surface-surface-container-low, #00000004);
}
table code,
table kbd,
.table-container table code,
.table-container table kbd {
  color: #3c4043;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  background: #f1f3f4;
  border: 1px solid #dadce0;
  border-radius: 4px;
  padding: 2px 6px;
  font-family:
    Google Sans Code,
    monospace;
  font-size: 0.85em;
  display: inline-block;
}
:root[data-theme="dark"] table,
:root[data-theme="dark"] .table-container table {
  border-color: #ffffff26;
}
:root[data-theme="dark"] table thead,
:root[data-theme="dark"] .table-container table thead {
  background: #2d2e31;
}
:root[data-theme="dark"] table thead th,
:root[data-theme="dark"] .table-container table thead th {
  color: #e8eaed;
  border-bottom-color: #ffffff26;
}
:root[data-theme="dark"] table tbody td,
:root[data-theme="dark"] .table-container table tbody td {
  color: #bdc1c6;
  border-bottom-color: #ffffff26;
}
:root[data-theme="dark"] table tbody tr:nth-child(2n),
:root[data-theme="dark"] .table-container table tbody tr:nth-child(2n) {
  background: #ffffff08;
}
:root[data-theme="dark"] table code,
:root[data-theme="dark"] table kbd,
:root[data-theme="dark"] .table-container table code,
:root[data-theme="dark"] .table-container table kbd {
  color: #e8eaed;
  background: #ffffff1a;
  border-color: #ffffff26;
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  text-size-adjust: none;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  line-height: 1.5;
}
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
:target {
  scroll-margin-block: 5ex;
}
.no-scroll {
  overflow: hidden;
}
:root {
  --breakpoint-max: 1600px;
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1600px;
  --breakpoint-lg: 1440px;
  --breakpoint-md: 1024px;
  --breakpoint-sm: 767px;
  --breakpoint-foldable-max: 900px;
  --breakpoint-foldable-min: 600px;
  --breakpoint-xs: 425px;
  --breakpoint-xxs: 360px;
  --landing-main-text-size: 107px;
  --landing-main-text-line-height: 107px;
  --landing-main-text-letter-spacing: -2.14px;
  --9xl-size: 148px;
  --9xl-line-height: 145.04px;
  --9xl-letter-spacing: -2.96px;
  --8xl-size: 124px;
  --8xl-line-height: 121.52px;
  --8xl-letter-spacing: -2.48px;
  --7xl-size: 98px;
  --7xl-line-height: 82.04px;
  --7xl-letter-spacing: -1.8px;
  --6xl-size: 72px;
  --6xl-line-height: 72px;
  --6xl-letter-spacing: -1.44px;
  --5xl-size: 54px;
  --5xl-line-height: 56.16px;
  --5xl-letter-spacing: -0.95px;
  --4xl-size: 42px;
  --4xl-line-height: 43.68px;
  --4xl-letter-spacing: -0.73px;
  --3xl-size: 32px;
  --3xl-line-height: 33.92px;
  --3xl-letter-spacing: -0.15px;
  --2xl-size: 28px;
  --2xl-line-height: 30.24px;
  --2xl-letter-spacing: -0.1px;
  --xl-size: 24px;
  --xl-line-height: 25.92px;
  --xl-letter-spacing: -0.07px;
  --lg-size: 22px;
  --lg-line-height: 24.64px;
  --lg-letter-spacing: -0.08px;
  --md-size: 20px;
  --md-line-height: 26px;
  --md-letter-spacing: -0.05px;
  --base-size: 17.5px;
  --base-line-height: 25.38px;
  --base-letter-spacing: 0.18px;
  --sm-size: 14.5px;
  --sm-line-height: 21.02px;
  --sm-letter-spacing: 0.16px;
  --xs-size: 12.5px;
  --xs-line-height: 15.5px;
  --xs-letter-spacing: 0.11px;
  --cta-size: 17.5px;
  --cta-line-height: 25.38px;
  --cta-letter-spacing: 0.18px;
  --cta-sm-size: 14.5px;
  --cta-sm-line-height: 21.02px;
  --cta-sm-letter-spacing: 0.11px;
  --icon-size-10xl: 120px;
  --icon-size-9xl: 112;
  --icon-size-8xl: 104px;
  --icon-size-7xl: 96px;
  --icon-size-6xl: 88px;
  --icon-size-5xl: 80px;
  --icon-size-4xl: 72px;
  --icon-size-3xl: 64px;
  --icon-size-2xl: 56px;
  --icon-size-xl: 48px;
  --icon-size-lg: 36px;
  --icon-size-md: 24px;
  --icon-size-sm: 18px;
  --icon-size-xs: 12px;
  --grid-gutter-sm: 56px;
  --grid-gutter: 64px;
  --grid-columns: 12;
  --page-margin: 72px;
  --shape-corner-xs: 4px;
  --shape-corner-sm: 8px;
  --shape-corner-md: 16px;
  --shape-corner-lg: 24px;
  --shape-corner-xl: 36px;
  --shape-corner-2xl: 48px;
  --shape-corner-rounded: 9999px;
  --space-none: 0px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 36px;
  --space-2xl: 48px;
  --space-3xl: 60px;
  --space-4xl: 80px;
  --space-5xl: 88px;
  --space-6xl: 120px;
  --space-7xl: 180px;
  --nav-height: 52px;
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-out-back: cubic-bezier(0.34, 1.85, 0.64, 1);
}
@media (width>=1920px) {
  :root {
    --page-margin: clamp(72px, 5vw, 120px);
    --grid-gutter: 64px;
    --grid-gutter-sm: 56px;
  }
}
@media (width<=1600px) {
  :root {
    --landing-main-text-size: 72px;
    --landing-main-text-line-height: 72.04px;
    --landing-main-text-letter-spacing: -1.44px;
    --grid-gutter: 48px;
  }
}
@media (width<=1024px) {
  :root {
    --landing-main-text-size: 56px;
    --landing-main-text-line-height: 56.04px;
    --landing-main-text-letter-spacing: -1.12px;
    --grid-gutter: 40px;
    --grid-columns: 8;
    --9xl-size: 38px;
    --9xl-line-height: 40.28px;
    --9xl-letter-spacing: -0.76px;
    --8xl-size: 36px;
    --8xl-line-height: 38.16px;
    --8xl-letter-spacing: -0.72px;
    --7xl-size: 34px;
    --7xl-line-height: 36.04px;
    --7xl-letter-spacing: -0.68px;
    --6xl-size: 34px;
    --6xl-line-height: 36.04px;
    --6xl-letter-spacing: -0.68px;
    --5xl-size: 34px;
    --5xl-line-height: 36.04px;
    --5xl-letter-spacing: -0.68px;
    --4xl-size: 28px;
    --4xl-line-height: 29.6px;
    --4xl-letter-spacing: -0.28px;
    --3xl-size: 28px;
    --3xl-line-height: 29.6px;
    --3xl-letter-spacing: -0.28px;
    --2xl-size: 24px;
    --2xl-line-height: 25.92px;
    --2xl-letter-spacing: -0.14px;
    --xl-size: 24px;
    --xl-line-height: 25.92px;
    --xl-letter-spacing: -0.14px;
    --lg-size: 20px;
    --lg-line-height: 22.8px;
    --lg-letter-spacing: -0.08px;
    --md-size: 20px;
    --md-line-height: 22.8px;
    --md-letter-spacing: -0.08px;
    --base-size: 15px;
    --base-line-height: 22px;
    --base-letter-spacing: 0.16px;
    --sm-size: 15px;
    --sm-line-height: 22px;
    --sm-letter-spacing: 0.16px;
    --cta-size: 15px;
    --cta-line-height: 22px;
    --cta-letter-spacing: 0.16px;
    --cta-sm-size: 15px;
    --cta-sm-line-height: 22px;
    --cta-sm-letter-spacing: 0.16px;
    --page-margin: 40px;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (width>=600px) and (width<=1024px) {
  :root {
    --page-margin: clamp(20px, 4vw, 40px);
    --grid-gutter: 24px;
    --grid-gutter-sm: 20px;
  }
}
@media (width<=767px) {
  :root {
    --landing-main-text-size: 40px;
    --landing-main-text-line-height: 44.04px;
    --landing-main-text-letter-spacing: -0.8px;
    --grid-gutter: 16px;
    --grid-columns: 4;
    --page-margin: 16px;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media (width<=425px) {
  :root {
    --landing-main-text-size: 44px;
    --landing-main-text-line-height: 46.04px;
    --landing-main-text-letter-spacing: -0.6px;
    --grid-columns: 4;
    --shape-corner-xl: 24px;
    --page-margin: 16px;
  }
}
@media (width<=360px) {
  :root {
    --page-margin: 14px;
    --grid-gutter: 16px;
    --grid-gutter-sm: 12px;
    --landing-main-text-size: 36px;
    --landing-main-text-line-height: 40px;
    --landing-main-text-letter-spacing: -0.5px;
  }
}
* {
  box-sizing: border-box;
}
body {
  color: var(--theme-surface-on-surface);
  font-optical-sizing: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family:
    Google Sans Flex,
    Google Sans,
    sans-serif;
  font-weight: 400;
}
h1,
h2,
h3,
h4 {
  font-optical-sizing: auto;
  font-weight: 450;
}
strong,
b {
  font-variation-settings: "wght" 700;
  font-weight: 700;
}
p {
  margin: 0;
}
a {
  color: var(--theme-surface-on-surface-variant);
  text-decoration: none;
}
app-recursive-renderer a {
  color: #1a73e8 !important;
  text-decoration: underline !important;
}
.container {
  max-width: calc(1728px + var(--page-margin) * 2);
  padding: 0 var(--page-margin);
  margin: 0 auto;
}
html:lang(ko) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
html:lang(ja),
html:lang(zh-CN),
html:lang(zh-TW) {
  word-break: auto-phrase;
  overflow-wrap: anywhere;
}
.landing-main {
  font-size: var(--landing-main-text-size);
  line-height: var(--landing-main-text-line-height);
  letter-spacing: var(--landing-main-text-letter-spacing);
  text-wrap: balance;
  font-variation-settings:
    "wdth" 100,
    "opsz" 144;
  font-weight: 450;
}
.heading-00 {
  font-size: var(--9xl-size);
  line-height: var(--9xl-line-height);
  letter-spacing: var(--9xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 144;
  font-weight: 450;
}
.heading-0 {
  font-size: var(--8xl-size);
  line-height: var(--8xl-line-height);
  letter-spacing: var(--8xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 124;
  font-weight: 450;
}
.heading-1 {
  font-size: var(--7xl-size);
  line-height: var(--7xl-line-height);
  letter-spacing: var(--7xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 98;
  font-weight: 450;
}
.heading-2 {
  font-size: var(--6xl-size);
  line-height: var(--6xl-line-height);
  letter-spacing: var(--6xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 72;
  font-weight: 450;
}
.heading-3 {
  font-size: var(--5xl-size);
  line-height: var(--5xl-line-height);
  letter-spacing: var(--5xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 54;
  font-weight: 450;
}
.heading-4 {
  font-size: var(--4xl-size);
  line-height: var(--4xl-line-height);
  letter-spacing: var(--4xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 42;
  font-weight: 450;
}
.heading-5 {
  font-size: var(--3xl-size);
  line-height: var(--3xl-line-height);
  letter-spacing: var(--3xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 32;
  font-weight: 450;
}
.heading-6 {
  font-size: var(--2xl-size);
  line-height: var(--2xl-line-height);
  letter-spacing: var(--2xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 28;
  font-weight: 450;
}
.heading-7 {
  font-size: var(--xl-size);
  line-height: var(--xl-line-height);
  letter-spacing: var(--xl-letter-spacing);
  font-variation-settings:
    "wght" 700,
    "wdth" 100,
    "opsz" 24;
  font-weight: 700;
}
.heading-8 {
  font-size: var(--lg-size);
  line-height: var(--lg-line-height);
  letter-spacing: var(--lg-letter-spacing);
  font-variation-settings:
    "wght" 700,
    "wdth" 100,
    "opsz" 22;
  font-weight: 700;
}
.heading-9 {
  font-size: var(--md-size);
  line-height: var(--md-line-height);
  letter-spacing: var(--md-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 20;
  font-weight: 450;
}
.body {
  font-size: var(--base-size);
  line-height: var(--base-line-height);
  letter-spacing: var(--base-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 17.5;
  font-weight: 400;
}
.body ol li::marker {
  font-weight: 600;
}
.body strong,
.body b {
  font-variation-settings: "wght" 700;
  font-weight: 700;
}
.body em {
  font-style: italic;
}
.body :not(pre) > code {
  background-color: #0000000d;
  border-radius: 4px;
  padding: 2px 6px;
  font-family:
    Courier New,
    monospace;
  font-size: 0.9em;
}
.body a {
  color: #1a73e8;
  text-decoration: underline;
}
.body a:hover {
  color: #1557b0;
}
.body h2 {
  margin-top: var(--space-2xl);
}
.body h3 {
  margin-top: var(--space-xl);
}
.caption {
  font-size: var(--sm-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 15;
  font-weight: 400;
}
.small {
  font-size: var(--xs-size);
  line-height: var(--xs-line-height);
  letter-spacing: var(--xs-letter-spacing);
  font-weight: 450;
}
.code {
  font-size: var(--sm-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-letter-spacing);
}
.call-to-action {
  font-size: var(--cta-size);
  line-height: var(--cta-line-height);
  letter-spacing: var(--cta-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 17.5;
  font-weight: 450;
}
.call-to-action--nav {
  cursor: pointer;
  font-size: var(--cta-sm-size);
  line-height: var(--cta-sm-line-height);
  letter-spacing: var(--cta-sm-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 14.5;
  font-weight: 450;
}
.symbol,
.dropdown-icon,
.play-icon,
.link-icon,
.link-arrow,
.google-symbols,
.material-symbols,
[data-icon] {
  font-family: Google Symbols;
  font-style: normal;
  font-weight: 300;
  font-size: var(--symbol-font, 24px);
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "ROND" 50,
    "opsz" 48;
  vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  direction: ltr;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}
.symbol svg,
.dropdown-icon svg,
.play-icon svg,
.link-icon svg,
.link-arrow svg,
.google-symbols svg,
.material-symbols svg,
[data-icon] svg {
  fill: currentColor;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  display: block;
}
.dropdown-icon {
  vertical-align: middle;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.dropdown-icon svg {
  fill: currentColor;
  display: block;
}
header.header {
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
  background: #ffffffd9;
  width: 100%;
  min-height: 36px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
header.header[data-header] {
  z-index: 1000;
}
table.markdown-table {
  border-collapse: collapse;
  width: 100%;
  margin: var(--space-md) 0 var(--space-lg);
  border: 1px solid var(--theme-outline-variant, #e0e0e0);
  border-radius: var(--shape-corner-sm, 8px);
  font-family:
    Google Sans Flex,
    Google Sans,
    sans-serif;
  font-size: 0.95rem;
  overflow: hidden;
}
table.markdown-table th,
table.markdown-table td {
  text-align: left;
  border-bottom: 1px solid var(--theme-outline-variant, #e0e0e0);
  vertical-align: middle;
  padding: 12px 16px;
}
table.markdown-table th a:not(.button),
table.markdown-table td a:not(.button) {
  color: inherit;
  text-underline-offset: 3px;
  text-decoration: underline;
  transition: opacity 0.2s;
}
table.markdown-table th a:not(.button):hover,
table.markdown-table td a:not(.button):hover {
  color: inherit;
  opacity: 0.8;
  text-decoration: underline;
}
table.markdown-table th.text-center,
table.markdown-table td.text-center {
  text-align: center;
}
table.markdown-table th.text-right,
table.markdown-table td.text-right {
  text-align: right;
}
table.markdown-table thead {
  background: var(--theme-surface-surface-container, #f8f9fa);
}
table.markdown-table thead th {
  color: var(--theme-surface-on-surface, #202124);
  font-weight: 600;
}
table.markdown-table tbody tr:last-child td {
  border-bottom: none;
}
table.markdown-table tbody tr:nth-child(2n) {
  background: var(--theme-surface-surface-container-low, #00000004);
}
table.markdown-table :not(pre) > code,
table.markdown-table kbd {
  color: #3c4043;
  background: #f1f3f4;
  border: 1px solid #dadce0;
  border-radius: 4px;
  padding: 2px 6px;
  font-family:
    Google Sans Code,
    monospace;
  font-size: 0.85em;
  display: inline-block;
}
.grid-container {
  width: 100%;
  max-width: calc(var(--breakpoint-max) + var(--page-margin) * 2);
  padding: 0 var(--page-margin);
  box-sizing: border-box;
  margin: 0 auto;
}
@media (width<=360px) {
  .grid-container {
    padding: 0 var(--page-margin);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .grid-col,
  [class*="col-"] {
    min-width: 0;
  }
}
@media (width>=600px) and (width<=1024px) {
  .grid-container {
    padding: 0 var(--page-margin);
  }
  .multi-card-grid,
  .pricing-cards-grid,
  .use-cases-grid,
  [data-pricing-page] .pricing-cards,
  .directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (width>=1600px) {
  .grid-container {
    max-width: calc(var(--breakpoint-max) + var(--page-margin) * 2);
  }
}
.grid-row {
  flex-flow: var(--grid-flex-flow, row) wrap;
  margin-left: calc(-1 * var(--grid-gutter) / 2);
  margin-right: calc(-1 * var(--grid-gutter) / 2);
  gap: var(--grid-gap, 0);
  display: flex;
}
.grid-col {
  padding-left: calc(var(--grid-gutter) / 2);
  padding-right: calc(var(--grid-gutter) / 2);
  flex: auto;
}
.col-xs-1 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-xs-2 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-xs-3 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-xs-4 {
  flex-basis: 100%;
  max-width: 100%;
}
@media (width>=768px) {
  .col-sm-1 {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .col-sm-2 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-3 {
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .col-sm-4 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-5 {
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .col-sm-6 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-7 {
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .col-sm-8 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (width>=1024px) {
  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
  .col-md-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }
  .col-md-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }
  .col-md-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6667%;
  }
}
.sticky-left-container {
  display: grid;
}
.sticky-left-container > * {
  align-self: start;
}
.sticky-left-container .sticky-element {
  z-index: 10;
  position: sticky;
}
chevron-right-icon,
chevron-left-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-content-image {
  border-radius: var(--shape-corner-md);
  max-width: 100%;
}
.template-content-heading {
  padding: var(--space-lg) 0 0;
}
.template-content-heading:before {
  content: "";
  height: var(--nav-height);
  visibility: hidden;
  pointer-events: none;
  margin-top: -60px;
  display: block;
}
.template-content-paragraph a {
  text-decoration: underline;
}
.template-content-paragraph a:hover {
  text-decoration: none;
}
.template-content-list {
  padding-inline-start: var(--space-xl);
}
.template-content-list li {
  margin: 0 0 var(--space-md);
}
ul.template-content-list {
  list-style-type: disc;
}
ul.template-content-list li::marker {
  font-size: 0.75em;
}
ol.template-content-list {
  list-style-type: decimal;
}
.arrow-link,
.arrow-link-left,
.arrow-link {
  align-items: center;
  transition: opacity 0.2s;
  display: inline-flex;
}
.arrow-link:not(.arrow-link-left):after {
  content: "";
  width: 1.25em;
  height: 1.25em;
  margin: 0 0 0 var(--space-xs);
  opacity: inherit;
  background-color: currentColor;
  flex-shrink: 0;
  transition: transform 0.3s;
  display: inline-block;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M536.92-480.62L342.77-675.15l32.61-32.61L602.15-480.62L375.38-253.85l-32.61-32.61L536.92-480.62Z'/%3E%3C/svg%3E");
  mask-position: 50%;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.arrow-link:not(.arrow-link-left):focus,
.arrow-link:not(.arrow-link-left):hover {
  outline: none;
}
.arrow-link:not(.arrow-link-left):focus:after,
.arrow-link:not(.arrow-link-left):hover:after {
  transform: translate(50%);
}
.arrow-link-left:before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  margin: 0 var(--space-xs) 0 0;
  opacity: inherit;
  background-color: currentColor;
  flex-shrink: 0;
  transition: transform 0.3s;
  display: inline-block;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M560.62-253.85L333.85-480.62L560.62-707.77l32.61,32.61L399.08-480.62L593.23-286.46l-32.61,32.61Z'/%3E%3C/svg%3E");
  mask-position: 50%;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.arrow-link-left:focus,
.arrow-link-left:hover {
  outline: none;
}
.arrow-link-left:focus:before,
.arrow-link-left:hover:before {
  transform: translate(-50%);
}
.carousel-nav {
  background: var(--theme-tonal-tonal);
  align-items: center;
  gap: var(--space-xs);
  border-radius: 99em;
  width: fit-content;
  margin-top: 60px;
  padding: 4px;
  display: inline-flex;
}
.carousel-nav button {
  color: var(--theme-surface-on-surface);
  justify-content: center;
  align-items: center;
  gap: var(--space-sm);
  cursor: pointer;
  background: #f8f9fc;
  border: none;
  border-radius: 8px;
  flex: 0 0 0;
  width: 48px;
  height: 36px;
  padding: 8px 12px;
  font-family: Google Symbols;
  display: flex;
}
.carousel-nav button:hover {
  border-radius: var(--shape-corner-rounded, 9999px);
  backdrop-filter: blur(8px);
  background: #eff0f3;
}
.video-control-button {
  background: var(--theme-surface-overlay-low);
  border-radius: var(--shape-corner-rounded);
  backdrop-filter: blur(16px);
  bottom: var(--space-md);
  right: var(--space-md);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
  position: absolute;
  font-variation-settings:
    "FILL" 1,
    "wght" 300,
    "GRAD" 0,
    "ROND" 50,
    "opsz" 48 !important;
}
.second-line {
  color: var(--palette-grey-800);
}
.smooth-scroll-wrapper {
  min-height: 100vh;
}
.special-text {
  color: var(--palette-grey-1200);
  letter-spacing: -0.08px;
  font-family: Google Sans Code;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.invisible-div {
  height: 0;
}
.markdown-content {
  display: block;
}
.markdown-content h1 {
  font-size: var(--3xl-size);
  line-height: var(--3xl-line-height);
  letter-spacing: var(--3xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 32;
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-sm);
  color: var(--theme-surface-on-surface, #202124);
  scroll-margin-top: 90px;
  font-weight: 450;
  position: relative;
}
.markdown-content h2 {
  font-size: var(--xl-size);
  line-height: var(--xl-line-height);
  letter-spacing: var(--xl-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 24;
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-xs);
  color: var(--theme-surface-on-surface, #202124);
  scroll-margin-top: 90px;
  font-weight: 450;
  position: relative;
}
.markdown-content h3 {
  font-size: 1.15rem;
  line-height: var(--xl-line-height);
  letter-spacing: var(--xl-letter-spacing);
  color: var(--theme-surface-on-surface, #202124);
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
  scroll-margin-top: 90px;
  position: relative;
  font-variation-settings:
    "wght" 700,
    "wdth" 100,
    "opsz" 24 !important;
  font-weight: 700 !important;
}
.markdown-content h4 {
  color: var(--theme-surface-on-surface, #202124);
  margin-top: 1.5rem;
  margin-bottom: 0.35rem;
  scroll-margin-top: 90px;
  font-size: 1.05rem;
  line-height: 1.4;
  position: relative;
  font-variation-settings:
    "wght" 700,
    "wdth" 100,
    "opsz" 20 !important;
  font-weight: 700 !important;
}
.markdown-content
  a:not(.button):not(.call-to-action):not(.chip):not(.deep-link-anchor):not(
    .feature-block
  ):not(.icon-card) {
  color: var(--theme-primary-primary);
  text-decoration: underline;
}
.markdown-content
  a:not(.button):not(.call-to-action):not(.chip):not(.deep-link-anchor):not(
    .feature-block
  ):not(.icon-card):hover {
  opacity: 0.8;
}
.markdown-content a.button,
.markdown-content a.call-to-action,
.markdown-content .button {
  color: var(--theme-surface-on-surface, #202124) !important;
  border: 1px solid var(--theme-surface-on-surface, #202124) !important;
  background: 0 0 !important;
  margin: 1.25rem 0 1.75rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
}
.markdown-content a.button span,
.markdown-content a.call-to-action span,
.markdown-content .button span {
  color: var(--theme-surface-on-surface, #202124) !important;
  text-decoration: none !important;
}
.markdown-content a.button:hover,
.markdown-content a.button:focus-visible,
.markdown-content a.call-to-action:hover,
.markdown-content a.call-to-action:focus-visible,
.markdown-content .button:hover,
.markdown-content .button:focus-visible {
  background-color: var(--theme-surface-surface-container, #f1f3f4) !important;
  color: var(--theme-surface-on-surface, #202124) !important;
}
.markdown-content a.button:hover span,
.markdown-content a.button:focus-visible span,
.markdown-content a.call-to-action:hover span,
.markdown-content a.call-to-action:focus-visible span,
.markdown-content .button:hover span,
.markdown-content .button:focus-visible span {
  color: var(--theme-surface-on-surface, #202124) !important;
}
.markdown-content p {
  font-size: var(--sm-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 15;
  color: var(--theme-surface-on-surface);
  max-width: 100%;
  margin-top: 0;
  margin-bottom: var(--space-md);
  font-weight: 400;
  overflow: auto hidden;
}
.markdown-content strong,
.markdown-content b {
  color: var(--theme-surface-on-surface, #202124);
  font-weight: 600;
}
.markdown-content em {
  font-style: italic;
}
.markdown-content ul,
.markdown-content ol {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-lg);
  padding-inline-start: var(--space-xl);
}
.markdown-content ul li,
.markdown-content ol li {
  font-size: var(--sm-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-letter-spacing);
  font-variation-settings:
    "wdth" 100,
    "opsz" 15;
  margin: var(--space-xs) 0;
  padding-left: var(--space-sm);
  font-weight: 400;
}
.markdown-content ul li p,
.markdown-content ol li p {
  margin: 0 0 var(--space-xs);
}
.markdown-content ul li ul,
.markdown-content ul li ol,
.markdown-content ol li ul,
.markdown-content ol li ol {
  margin: var(--space-xs) 0 0;
}
.markdown-content ul {
  list-style-type: disc;
}
.markdown-content ol {
  list-style-type: decimal;
}
.markdown-content ol li::marker {
  font-weight: 600;
}
.markdown-content img {
  margin: var(--space-xl) auto;
  border-radius: var(--shape-corner-md, 8px);
  border: 1px solid var(--theme-outline-variant, #e0e0e0);
  max-width: 100%;
  height: auto;
  display: block;
}
.markdown-content table {
  border-collapse: collapse;
  width: 100%;
  margin: var(--space-md) 0 var(--space-lg);
  border: 1px solid var(--theme-outline-variant, #e0e0e0);
  border-radius: var(--shape-corner-sm, 8px);
  font-family:
    Google Sans Flex,
    Google Sans,
    sans-serif;
  font-size: 0.95rem;
  overflow: hidden;
}
.markdown-content table thead {
  background: var(--theme-surface-surface-container, #f8f9fa);
}
.markdown-content table th {
  text-align: left;
  color: var(--theme-surface-on-surface, #202124);
  border-bottom: 1px solid var(--theme-outline-variant, #e0e0e0);
  padding: 12px 16px;
  font-weight: 600;
}
.markdown-content table td {
  text-align: left;
  border-bottom: 1px solid var(--theme-outline-variant, #e0e0e0);
  vertical-align: middle;
  padding: 12px 16px;
}
.markdown-content table tbody tr:nth-child(2n) {
  background: var(--theme-surface-surface-container-low, #00000004);
}
.markdown-content table tbody tr:last-child td {
  border-bottom: none;
}
.markdown-content p > code,
.markdown-content li > code,
.markdown-content td > code,
.markdown-content th > code,
.markdown-content a > code,
.markdown-content strong > code,
.markdown-content em > code,
.markdown-content h1 > code,
.markdown-content h2 > code,
.markdown-content h3 > code,
.markdown-content h4 > code,
.markdown-content h5 > code,
.markdown-content h6 > code,
.markdown-content kbd {
  background: var(--theme-surface-surface-container, #f1f3f4);
  border: 1px solid var(--theme-outline-variant, #dadce0);
  color: var(--theme-surface-on-surface, #202124);
  border-radius: 4px;
  padding: 0.15rem 0.4rem;
  font-family:
    Google Sans Code,
    monospace;
  font-size: 0.88em;
  line-height: 1.3;
  display: inline-block;
}
.markdown-content pre code,
.markdown-content .code-container pre code {
  background: 0 0;
  border: none;
  border-radius: 0;
  padding: 0;
}
.markdown-content .code-container {
  border: 1px solid var(--theme-outline, #dadce0);
  border-radius: var(--shape-corner-md, 8px);
  background: var(--palette-grey-10, #f8f9fa);
  box-sizing: border-box;
}
.markdown-content .deep-link-heading {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xs);
  scroll-margin-top: 90px;
  position: relative;
}
.markdown-content .deep-link-heading.heading-5 {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-sm);
}
.markdown-content .deep-link-heading.heading-7 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xs);
}
.markdown-content .deep-link-heading .deep-link-anchor {
  opacity: 0;
  color: var(--theme-surface-on-surface-variant);
  vertical-align: middle;
  margin-left: 0.5rem;
  font-family: Google Symbols;
  font-size: 1.15em;
  transition:
    opacity 0.2s ease-in-out,
    color 0.2s ease-in-out;
  display: inline-block;
  text-decoration: none !important;
}
.markdown-content .deep-link-heading .deep-link-anchor:hover,
.markdown-content .deep-link-heading .deep-link-anchor:focus {
  opacity: 1;
  color: var(--theme-primary);
  text-decoration: none !important;
}
.markdown-content .deep-link-heading .deep-link-anchor.copied {
  opacity: 1;
  color: #1e8e3e;
}
.markdown-content .deep-link-heading:hover .deep-link-anchor {
  opacity: 1;
}
.markdown-content blockquote {
  background: var(--theme-surface-surface-container, #f8f9fc);
  padding: var(--space-md) var(--space-lg);
  margin: var(--space-lg) 0;
  color: var(--theme-surface-on-surface);
  font-size: var(--sm-size, 14.5px);
  border-left: 4px solid #1a73e8;
  border-radius: 0 8px 8px 0;
  line-height: 1.6;
}
.markdown-content blockquote p {
  margin: 0;
}
.markdown-content blockquote strong,
.markdown-content blockquote b {
  color: var(--theme-surface-on-surface, #202124);
  font-weight: 600 !important;
}
.markdown-content blockquote a {
  color: #1a73e8 !important;
  text-underline-offset: 2px !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
}
.markdown-content blockquote a:hover {
  color: #1557b0 !important;
  text-decoration: underline !important;
}
.markdown-content blockquote code {
  color: var(--palette-grey-900, #2f3034);
  background: #0000000f;
  border-radius: 4px;
  padding: 2px 6px;
  font-family:
    Google Sans Code,
    monospace;
  font-size: 0.9em;
}
.markdown-content .announcement {
  align-items: center;
  gap: var(--space-sm);
  border: 1px solid #1a73e833;
  border-radius: 12px;
  padding: 0.85rem 1.15rem;
  display: flex;
  background-color: var(--theme-primary-container, #e8f0fe) !important;
  margin: 1.25rem 0 !important;
}
.markdown-content .announcement .icon {
  font-family: Google Symbols;
  font-size: var(--icon-size-sm);
  color: var(--theme-primary, #1a73e8) !important;
}
.markdown-content .announcement .text {
  color: var(--theme-surface-on-surface, #202124);
  font-size: 0.92rem;
  line-height: 1.45;
}
.markdown-content .announcement .text strong,
.markdown-content .announcement .text b {
  font-weight: 600;
}
.markdown-content .announcement a {
  margin-left: auto;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--theme-primary, #1a73e8) !important;
  text-decoration: underline !important;
}
.markdown-content .announcement a:hover {
  opacity: 0.85;
}
.markdown-content .announcement strong {
  font-weight: 600;
}
.markdown-content .feature-block-list {
  gap: var(--space-md);
  margin: var(--space-md) 0 var(--space-xl);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.markdown-content .feature-block {
  background: var(--theme-surface-surface-container);
  border-radius: var(--shape-corner-md);
  padding: var(--space-lg);
  border: 1px solid #0000;
  transition: all 0.3s;
  text-decoration: none !important;
}
.markdown-content .feature-block * {
  text-decoration: none !important;
}
.markdown-content .feature-block:hover {
  border-color: var(--theme-outline-variant);
  box-shadow: 0 4px 12px #0000000d;
}
.markdown-content .feature-icon {
  border-radius: var(--shape-corner-sm);
  border: 1px solid var(--theme-outline-variant);
  background: #fff;
  padding: 9px;
  font-family: Google Symbols;
  font-size: 22px;
  line-height: 1em;
  display: inline-flex;
}
.markdown-content .feature-info {
  margin: var(--space-md) 0 0;
}
.markdown-content .feature-title {
  color: var(--theme-surface-on-surface);
  font-weight: 500;
  display: inline-flex;
}
.markdown-content .feature-title span {
  opacity: 0;
  font-family: Google Symbols;
  transition: all 0.3s;
}
.markdown-content .feature-description {
  color: var(--theme-surface-on-surface-variant);
}
.markdown-content .icon-card-container {
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  padding-top: 12px;
  display: flex;
}
.markdown-content .icon-card {
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  transition: all 0.2s;
  display: flex;
  text-decoration: none !important;
}
.markdown-content .icon-card * {
  text-decoration: none !important;
}
.markdown-content .icon-card:hover {
  transform: translateY(-2px);
}
.markdown-content .icon-card:hover .title span {
  opacity: 1;
  transform: translate(4px);
}
.markdown-content .icon-card .icon {
  border-radius: var(--shape-corner-md);
  border: 1px solid var(--divider);
  background: var(--palette-grey-10);
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 19px;
  font-family: Google Symbols;
  font-size: 26px;
  display: flex;
}
.markdown-content .icon-card .title {
  color: var(--palette-grey-1200);
  align-items: center;
  font-weight: 450;
  display: inline-flex;
}
.markdown-content .icon-card .title span {
  opacity: 0;
  font-family: Google Symbols;
  transition: all 0.3s;
}
.markdown-content .icon-card .description {
  color: var(--palette-grey-800);
}
.chip {
  background-color: var(--theme-surface-surface-container-high, #f1f3f4);
  color: var(--theme-surface-on-surface, #1f1f1f);
  vertical-align: middle;
  border: 1px solid #00000014;
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  margin: 2px 4px;
  padding: 3px 10px;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.3;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  display: inline-flex;
  text-decoration: none !important;
}
.chip:hover {
  background-color: var(--theme-primary-container, #e8f0fe);
  border-color: #1a73e866;
  box-shadow: 0 1px 3px #1a73e826;
  color: var(--theme-primary, #1a73e8) !important;
}