@primer/react-brand 0.80.0-rc.e1dc6447 → 0.80.0-rc.ff22e366

package/esm/PricingOptions/PricingOptions.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"PricingOptions.module.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.module.css"],"sourcesContent":["/* ---------------------------------------------------------- */\n/* Container                                               */\n/* ---------------------------------------------------------- */\n\n.PricingOptions {\n  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);\n  --brand-pricing-options-container-padding-inline: 0;\n  --brand-pricing-options-column-count: 1;\n\n  /* prettier-ignore */\n  --brand-pricing-options-template-areas: \n    'labels'\n    'leadingComponent'\n    'header'\n    'description'\n    'price'\n    'actions'\n    'feature-list'\n    'footnote'\n    ;\n\n  display: grid;\n  row-gap: var(--brand-pricing-options-item-gap, 0);\n  padding-inline: var(--brand-pricing-options-container-padding-inline);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .PricingOptions {\n    margin-inline: auto;\n    max-width: 488px;\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions {\n    grid-template-areas: var(--brand-pricing-options-template-areas);\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n    row-gap: 0;\n  }\n\n  .PricingOptions--items1 {\n    --brand-pricing-options-column-count: 1;\n  }\n\n  .PricingOptions--items2 {\n    --brand-pricing-options-column-count: 2;\n  }\n\n  .PricingOptions--items3 {\n    --brand-pricing-options-column-count: 3;\n  }\n\n  .PricingOptions--items4 {\n    --brand-pricing-options-column-count: 4;\n  }\n}\n\n.PricingOptions__labels {\n  display: none;\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__labels {\n    --brand-pricing-options-column-count: 1;\n\n    display: grid;\n    grid-column: 1 / -1;\n    grid-row: labels;\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n  }\n\n  .PricingOptions__label-cell {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--base-size-54);\n    padding-block: var(--base-size-16);\n    background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  }\n\n  /* Accent top border — uses ::after so it can overflow into the column gap */\n  .PricingOptions__label-cell--has-label::after {\n    content: '';\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-text-emphasized);\n    z-index: 1;\n  }\n\n  /* First cell: don't overflow past container start (cards override below) */\n  .PricingOptions__label-cell--has-label:first-child::after {\n    inset-inline-start: 0;\n  }\n\n  /* Last cell: don't overflow past container end (cards override below) */\n  .PricingOptions__label-cell--has-label:last-child::after {\n    inset-inline-end: 0;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n\n  /* ---- Default layout labels ---- */\n\n  /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */\n  .PricingOptions--layout-default .PricingOptions__labels {\n    position: relative;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__labels::after {\n    content: '';\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell {\n    margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n    padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:first-child {\n    margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-start: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:last-child {\n    margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-end: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  /* Empty cells: transparent bg/borders but structurally visible so dividers show */\n  .PricingOptions--layout-default .PricingOptions__label-cell--empty {\n    background-color: transparent;\n    border-block-start-color: transparent;\n  }\n\n  /* Vertical dividers between label cells, centered in the gap */\n  .PricingOptions--layout-default .PricingOptions__label-cell + .PricingOptions__label-cell::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    width: var(--brand-borderWidth-thin);\n    inset-inline-start: 0;\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__label-cell\n    + .PricingOptions__label-cell::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n\n  /* ---- Cards layout labels ---- */\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell {\n    padding-inline: var(--base-size-28);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n    /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */\n  }\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell--empty {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Cards: keep accent border inside the card boundary */\n  .PricingOptions--layout-cards .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: default                                         */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-default {\n  position: relative;\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-solid {\n  border: solid 1px var(--brand-color-border-subtle);\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item {\n  background: linear-gradient(\n    180deg,\n    var(--brand-PricingOptions-item-bgColor-gradient-start) 0%,\n    var(--brand-PricingOptions-item-bgColor-gradient-end) 100%\n  );\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient::before,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item::before {\n  position: absolute;\n  content: '';\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  mask-image: var(--brand-PricingOptions-borderMask);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default {\n    padding-inline: var(--brand-pricing-options-container-padding-inline);\n  }\n}\n\n.PricingOptions--layout-default .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-24);\n\n  position: relative; /* Used for positioning the divider between items */\n  padding-inline: var(--base-size-24);\n  padding-block: var(--base-size-20);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item {\n    --brand-pricing-options-item-padding-inline: 0;\n\n    padding-inline: 0;\n    padding-block: var(--base-size-40);\n  }\n}\n\n/* Horizontal divider between items on small viewports */\n.PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n  content: '';\n  position: absolute;\n  inset-inline: 0;\n  height: 1px;\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Vertical divider between items on larger viewports */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n    inset-inline: 0;\n    inset-block: 0;\n    width: 1px;\n    height: auto;\n    margin-block-start: 0;\n    margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__item\n    + .PricingOptions__item::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: cards                                           */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-cards .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-32);\n\n  position: relative;\n  padding-inline: var(--base-size-32);\n  padding-block: var(--base-size-32);\n}\n\n.PricingOptions--layout-cards.PricingOptions--appearance-solid .PricingOptions__item {\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);\n}\n\n/* ---------------------------------------------------------- */\n/* Items                                                      */\n/* ---------------------------------------------------------- */\n\n@media (min-width: 48rem) {\n  :where(.PricingOptions--layout-cards.PricingOptions--items4) {\n    row-gap: var(--brand-pricing-options-item-gap);\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--items1 {\n    width: 50%;\n    margin-inline: auto;\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items1 {\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items1-container-paddingInline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items2 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items2-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items2-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items3 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);\n  }\n  .PricingOptions--layout-default.PricingOptions--items4 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Item inner layout                                       */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__item {\n  display: grid;\n  grid-template-areas: var(--brand-pricing-options-template-areas);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__item {\n    grid-row: header / footnote;\n    grid-template-rows: subgrid;\n  }\n\n  .PricingOptions__item--has-leading-component {\n    grid-row: leadingComponent / footnote;\n  }\n}\n\n.PricingOptions__item--align-center {\n  justify-items: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__price,\n.PricingOptions__item--align-center .PricingOptions__description {\n  text-align: center;\n  justify-content: center;\n}\n\n/*\n * Backwards compatibility for browsers that don't support subgrid.\n * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.\n * https://caniuse.com/css-subgrid\n */\n@supports not (grid-template-rows: subgrid) {\n  @media (min-width: 63.28rem) {\n    .PricingOptions__item {\n      grid-template-areas: var(--brand-pricing-options-template-areas);\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Content                                                 */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__header {\n  display: flex;\n  grid-area: header;\n  row-gap: var(--base-size-16);\n}\n\n/* When item is left-aligned, keep the heading at the start of the card */\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__header {\n  align-items: center;\n  margin-block-end: var(--base-size-16);\n}\n\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto;\n  order: 1;\n  align-self: flex-start;\n}\n\n@media (min-width: 63.24rem) {\n  .PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n    margin-block: 0;\n  }\n}\n\n/* When item is centered, center the heading */\n.PricingOptions__item--align-center .PricingOptions__header {\n  justify-content: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__heading {\n  margin-block-start: 0;\n  margin-block-end: var(--base-size-16);\n  text-align: center;\n}\n\n.PricingOptions__leading-component {\n  grid-row: leadingComponent;\n}\n\n.PricingOptions__leading-component :is(img, picture) {\n  display: block;\n}\n\n.PricingOptions__label {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto; /* Minimum width before wrapping */\n  order: 1;\n  align-self: flex-start;\n}\n\n.PricingOptions__description {\n  grid-row: description;\n}\n\n.PricingOptions__price {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  grid-row: price;\n  padding-block-start: var(--base-size-20);\n  padding-block-end: var(--base-size-8);\n}\n\n@media (max-width: 63.25rem) {\n  .PricingOptions__price-value,\n  .PricingOptions__price-currency-symbol {\n    font-size: var(--brand-text-size-900);\n  }\n}\n\n.PricingOptions__price-amount {\n  display: flex;\n  align-items: flex-end;\n}\n\n.PricingOptions__price-currency-code {\n  margin-inline-start: var(--base-size-4);\n  margin-block-end: var(--base-size-4);\n  color: var(--brand-color-text-muted);\n}\n\n.PricingOptions__price-original-price {\n  display: inline-flex;\n  align-self: center;\n  text-decoration: none;\n  margin-inline-start: var(--base-size-8);\n}\n\n.PricingOptions__price-original-price-value {\n  text-decoration: line-through;\n}\n\n.PricingOptions__price-trailing-text {\n  flex: 1 0 100%;\n  display: block;\n}\n\n.PricingOptions__actions {\n  grid-row: actions;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  align-items: flex-end;\n  padding-block-start: var(--base-size-20);\n}\n\n.PricingOptions__actions-message {\n  display: flex;\n  gap: var(--base-size-12);\n  align-items: flex-start;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  padding: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);\n  border-inline: 0;\n  border-radius: 0;\n  background-color: var(--brand-PricingOptions-actionsMessage-bgColor);\n}\n\n.PricingOptions__actions-message-leading-component {\n  flex: 0 0 auto;\n  display: flex;\n  margin-block-start: var(--base-size-4);\n  color: var(--brand-PricingOptions-actionsMessage-accentColor);\n}\n\n.PricingOptions__actions-message-leading-component :where(svg) {\n  display: block;\n  inline-size: var(--base-size-16);\n  block-size: var(--base-size-16);\n}\n\n.PricingOptions__actions-message-content {\n  flex: 1 1 auto;\n  min-inline-size: 0;\n}\n\n.PricingOptions__actions-message-content :where(p) {\n  margin: 0;\n}\n\n/* MenuAction: full-width ActionMenu wrapper */\n.PricingOptions__menu-action {\n  width: 100%;\n}\n\n.PricingOptions__menu-action > * {\n  width: 100%;\n}\n\n/* Force ActionMenu button container to stretch full width */\n.PricingOptions__menu-action > * > * {\n  display: flex;\n  width: 100%;\n}\n\n/* Make the primary button fill remaining space next to the chevron */\n.PricingOptions__menu-action > * > * > :first-child {\n  flex: 1;\n}\n\n.PricingOptions__footnote {\n  grid-row: footnote;\n  display: block;\n  margin-block-start: var(--base-size-8);\n}\n\n/* ---------------------------------------------------------- */\n/* Feature list                                            */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-200);\n  --feature-list-line-height: var(--brand-text-lineHeight-200);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  grid-row: feature-list;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-20);\n  width: 100%;\n}\n\n.PricingOptions__feature-list--has-divider {\n  position: relative;\n  margin: 0;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-40);\n  padding-inline: 0;\n}\n\n/* Edge-to-edge divider above feature list */\n.PricingOptions__feature-list--has-divider::before {\n  content: '';\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Default layout: extend feature list divider into column gap */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n  }\n\n  /* First item: don't overflow past container start */\n  .PricingOptions--layout-default .PricingOptions__item:first-child .PricingOptions__feature-list--has-divider::before,\n  .PricingOptions--layout-default\n    .PricingOptions__labels\n    + .PricingOptions__item\n    .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  /* Last item: don't overflow past container end */\n  .PricingOptions--layout-default .PricingOptions__item:last-child .PricingOptions__feature-list--has-divider::before {\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__feature-list--has-divider::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n.PricingOptions__feature-list-set:nth-child(n + 2) {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-group-heading {\n  color: var(--brand-PricingOptions-featureList-group-heading-color);\n  margin-block-start: var(--base-size-12);\n  margin-block-end: var(--base-size-8);\n}\n\n.PricingOptions__feature-list-item--excluded span {\n  color: var(--brand-color-text-muted);\n}\n\n/* Info tooltip button */\n.PricingOptions__feature-list-item--has-info {\n  flex-wrap: nowrap;\n}\n\n.PricingOptions__feature-list-item--has-info > span {\n  flex: 1;\n  display: inline-flex;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.PricingOptions__feature-list-item-info {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  color: var(--brand-color-text-muted);\n  background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: 50%;\n  margin-inline-start: var(--base-size-8);\n  vertical-align: middle;\n  padding: var(--base-size-4);\n}\n\n.PricingOptions__feature-list-item-info svg {\n  width: var(--base-size-12);\n  height: var(--base-size-12);\n}\n\n.PricingOptions__feature-list-item-info:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.PricingOptions__feature-list + .PricingOptions__feature-list-group-heading {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-item,\n.PricingOptions__feature-list-item span {\n  font-size: var(--feature-list-font-size) !important;\n  line-height: var(--feature-list-line-height) !important;\n}\n\n.PricingOptions__feature-list-group-heading {\n  font-size: var(--feature-list-font-size) !important;\n}\n\n.PricingOptions--items4 .PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-100);\n  --feature-list-line-height: var(--brand-text-lineHeight-100);\n}\n\n/*\n * Accordion component overrides\n */\n\n/*  paddings and borders */\n.PricingOptions__feature-list-accordion {\n  border: 0;\n  padding: 0;\n}\n\n/* Remove hover effect */\n.PricingOptions__feature-list-accordion::after {\n  content: none !important;\n}\n\n/* Adjust heading spacing */\n.PricingOptions__feature-list-accordion-heading {\n  padding: var(--base-size-8) 0;\n  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */\n  padding-inline-end: 0 !important;\n  margin-block-start: calc(var(--base-size-16) * -1);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Accordion heading styling */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading :is(h1, h2, h3, h4, h5, h6) {\n  font-size: var(--feature-list-font-size);\n  line-height: var(--feature-list-line-height);\n  font-weight: var(--brand-text-subhead-weight-large);\n  gap: var(--base-size-8);\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  width: 100%;\n}\n\n/* Hide default icon */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading span {\n  display: none;\n}\n\n/* Adjust content paddings */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-content {\n  padding: 0;\n  padding-block-start: var(--base-size-8);\n  padding-inline-start: 0 !important;\n}\n\n.PricingOptions__feature-list-accordion-chevron {\n  margin-inline-end: var(--base-size-4);\n}\n\n/* Chevron up icon */\n.PricingOptions__feature-list-accordion[open] .PricingOptions__feature-list-accordion-chevron {\n  transform: rotate(180deg);\n}\n\n.PricingOptions__feature-list-accordion-content {\n  animation: none !important;\n}\n"],"mappings":""}
+{"version":3,"file":"PricingOptions.module.js","names":[],"sources":["../../src/PricingOptions/PricingOptions.module.css"],"sourcesContent":["/* ---------------------------------------------------------- */\n/* Container                                               */\n/* ---------------------------------------------------------- */\n\n.PricingOptions {\n  --brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);\n  --brand-pricing-options-container-padding-inline: 0;\n  --brand-pricing-options-column-count: 1;\n\n  /* prettier-ignore */\n  --brand-pricing-options-template-areas: \n    'labels'\n    'leadingComponent'\n    'header'\n    'description'\n    'price'\n    'actions'\n    'feature-list'\n    'footnote'\n    ;\n\n  display: grid;\n  row-gap: var(--brand-pricing-options-item-gap, 0);\n  padding-inline: var(--brand-pricing-options-container-padding-inline);\n}\n\n@media screen and (max-width: 63.24rem) {\n  .PricingOptions {\n    margin-inline: auto;\n    max-width: 488px;\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions {\n    grid-template-areas: var(--brand-pricing-options-template-areas);\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n    row-gap: 0;\n  }\n\n  .PricingOptions--items1 {\n    --brand-pricing-options-column-count: 1;\n  }\n\n  .PricingOptions--items2 {\n    --brand-pricing-options-column-count: 2;\n  }\n\n  .PricingOptions--items3 {\n    --brand-pricing-options-column-count: 3;\n  }\n\n  .PricingOptions--items4 {\n    --brand-pricing-options-column-count: 4;\n  }\n}\n\n.PricingOptions__labels {\n  display: none;\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__labels {\n    --brand-pricing-options-column-count: 1;\n\n    display: grid;\n    grid-column: 1 / -1;\n    grid-row: labels;\n    grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));\n    column-gap: var(--brand-pricing-options-item-gap, 0);\n  }\n\n  .PricingOptions__label-cell {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: var(--base-size-54);\n    padding-block: var(--base-size-16);\n    background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  }\n\n  /* Accent top border — uses ::after so it can overflow into the column gap */\n  .PricingOptions__label-cell--has-label::after {\n    content: '';\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-text-emphasized);\n    z-index: 1;\n  }\n\n  /* First cell: don't overflow past container start (cards override below) */\n  .PricingOptions__label-cell--has-label:first-child::after {\n    inset-inline-start: 0;\n  }\n\n  /* Last cell: don't overflow past container end (cards override below) */\n  .PricingOptions__label-cell--has-label:last-child::after {\n    inset-inline-end: 0;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n\n  /* ---- Default layout labels ---- */\n\n  /* Continuous bottom border across entire labels row — uses ::after to extend into container padding */\n  .PricingOptions--layout-default .PricingOptions__labels {\n    position: relative;\n  }\n\n  .PricingOptions--layout-default .PricingOptions__labels::after {\n    content: '';\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n    height: var(--brand-borderWidth-thin);\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell {\n    margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n    padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:first-child {\n    margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-start: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default .PricingOptions__label-cell:last-child {\n    margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);\n    padding-inline-end: var(--brand-pricing-options-container-padding-inline);\n  }\n\n  /* Empty cells: transparent bg/borders but structurally visible so dividers show */\n  .PricingOptions--layout-default .PricingOptions__label-cell--empty {\n    background-color: transparent;\n    border-block-start-color: transparent;\n  }\n\n  /* Vertical dividers between label cells, centered in the gap */\n  .PricingOptions--layout-default .PricingOptions__label-cell + .PricingOptions__label-cell::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    width: var(--brand-borderWidth-thin);\n    inset-inline-start: 0;\n    background-color: var(--brand-color-border-subtle);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__label-cell\n    + .PricingOptions__label-cell::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n\n  /* ---- Cards layout labels ---- */\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell {\n    padding-inline: var(--base-size-28);\n    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n    /* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */\n  }\n\n  .PricingOptions--layout-cards .PricingOptions__label-cell--empty {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  /* Cards: keep accent border inside the card boundary */\n  .PricingOptions--layout-cards .PricingOptions__label-cell--has-label::after {\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: default                                         */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-default {\n  position: relative;\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-solid {\n  border: solid 1px var(--brand-color-border-subtle);\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item {\n  background: linear-gradient(\n    180deg,\n    var(--brand-PricingOptions-item-bgColor-gradient-start) 0%,\n    var(--brand-PricingOptions-item-bgColor-gradient-end) 100%\n  );\n}\n\n.PricingOptions--layout-default.PricingOptions--appearance-gradient::before,\n.PricingOptions--layout-cards.PricingOptions--appearance-gradient .PricingOptions__item::before {\n  position: absolute;\n  content: '';\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  mask-image: var(--brand-PricingOptions-borderMask);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default {\n    padding-inline: var(--brand-pricing-options-container-padding-inline);\n  }\n}\n\n.PricingOptions--layout-default .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-24);\n\n  position: relative; /* Used for positioning the divider between items */\n  padding-inline: var(--base-size-24);\n  padding-block: var(--base-size-20);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item {\n    --brand-pricing-options-item-padding-inline: 0;\n\n    padding-inline: 0;\n    padding-block: var(--base-size-40);\n  }\n}\n\n/* Horizontal divider between items on small viewports */\n.PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n  content: '';\n  position: absolute;\n  inset-inline: 0;\n  height: 1px;\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Vertical divider between items on larger viewports */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__item + .PricingOptions__item::before {\n    inset-inline: 0;\n    inset-block: 0;\n    width: 1px;\n    height: auto;\n    margin-block-start: 0;\n    margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__item\n    + .PricingOptions__item::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Layout: cards                                           */\n/* ---------------------------------------------------------- */\n\n.PricingOptions--layout-cards .PricingOptions__item {\n  --brand-pricing-options-item-padding-inline: var(--base-size-32);\n\n  position: relative;\n  padding-inline: var(--base-size-32);\n  padding-block: var(--base-size-32);\n}\n\n.PricingOptions--layout-cards.PricingOptions--appearance-solid .PricingOptions__item {\n  background-color: var(--brand-PricingOptions-item-bgColor-solid);\n  border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);\n}\n\n/* ---------------------------------------------------------- */\n/* Items                                                      */\n/* ---------------------------------------------------------- */\n\n@media (min-width: 48rem) {\n  :where(.PricingOptions--layout-cards.PricingOptions--items4) {\n    row-gap: var(--brand-pricing-options-item-gap);\n  }\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions--items1 {\n    width: 50%;\n    margin-inline: auto;\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items1 {\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items1-container-paddingInline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items2 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items2-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items2-container-padding-inline);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--items3 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items3-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items3-container-padding-inline);\n  }\n  .PricingOptions--layout-default.PricingOptions--items4 {\n    --brand-pricing-options-item-gap: var(--brand-PricingOptions-items4-gap);\n    --brand-pricing-options-container-padding-inline: var(--brand-PricingOptions-items4-container-padding-inline);\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Item inner layout                                       */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__item {\n  display: grid;\n  grid-template-areas: var(--brand-pricing-options-template-areas);\n}\n\n@media (min-width: 63.25rem) {\n  .PricingOptions__item {\n    grid-row: header / footnote;\n    grid-template-rows: subgrid;\n  }\n\n  .PricingOptions__item--has-leading-component {\n    grid-row: leadingComponent / footnote;\n  }\n}\n\n.PricingOptions__item--align-center {\n  justify-items: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__price,\n.PricingOptions__item--align-center .PricingOptions__description {\n  text-align: center;\n  justify-content: center;\n}\n\n/*\n * Backwards compatibility for browsers that don't support subgrid.\n * Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.\n * https://caniuse.com/css-subgrid\n */\n@supports not (grid-template-rows: subgrid) {\n  @media (min-width: 63.28rem) {\n    .PricingOptions__item {\n      grid-template-areas: var(--brand-pricing-options-template-areas);\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\n    }\n  }\n}\n\n/* ---------------------------------------------------------- */\n/* Content                                                 */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__header {\n  display: flex;\n  grid-area: header;\n  row-gap: var(--base-size-16);\n}\n\n/* When item is left-aligned, keep the heading at the start of the card */\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__header {\n  align-items: center;\n  margin-block-end: var(--base-size-16);\n}\n\n.PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto;\n  order: 1;\n  align-self: flex-start;\n}\n\n@media (min-width: 63.24rem) {\n  .PricingOptions__item:not(.PricingOptions__item--align-center) .PricingOptions__heading {\n    margin-block: 0;\n  }\n}\n\n/* When item is centered, center the heading */\n.PricingOptions__item--align-center .PricingOptions__header {\n  justify-content: center;\n}\n\n.PricingOptions__item--align-center .PricingOptions__heading {\n  margin-block-start: 0;\n  margin-block-end: var(--base-size-16);\n  text-align: center;\n}\n\n.PricingOptions__leading-component {\n  grid-row: leadingComponent;\n}\n\n.PricingOptions__leading-component :is(img, picture) {\n  display: block;\n}\n\n.PricingOptions__label {\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-fontStack-monospace);\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--brand-text-weight-500);\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  line-height: var(--brand-text-lineHeight-200);\n  text-transform: uppercase;\n}\n\n.PricingOptions__heading {\n  margin-block: var(--base-size-16);\n  flex: 0 1 auto; /* Minimum width before wrapping */\n  order: 1;\n  align-self: flex-start;\n}\n\n.PricingOptions__description {\n  grid-row: description;\n}\n\n.PricingOptions__price {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  grid-row: price;\n  padding-block-start: var(--base-size-20);\n  padding-block-end: var(--base-size-8);\n}\n\n@media (max-width: 63.25rem) {\n  .PricingOptions__price-value,\n  .PricingOptions__price-currency-symbol {\n    font-size: var(--brand-text-size-900);\n  }\n}\n\n.PricingOptions__price-amount {\n  display: flex;\n  align-items: flex-end;\n}\n\n.PricingOptions__price-currency-code {\n  margin-inline-start: var(--base-size-4);\n  margin-block-end: var(--base-size-4);\n  color: var(--brand-color-text-muted);\n}\n\n.PricingOptions__price-original-price {\n  display: inline-flex;\n  align-self: center;\n  text-decoration: none;\n  margin-inline-start: var(--base-size-8);\n}\n\n.PricingOptions__price-original-price-value {\n  text-decoration: line-through;\n}\n\n.PricingOptions__price-trailing-text {\n  flex: 1 0 100%;\n  display: block;\n}\n\n.PricingOptions__actions {\n  grid-row: actions;\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  align-items: flex-end;\n  padding-block-start: var(--base-size-20);\n}\n\n.PricingOptions__actions-message {\n  display: flex;\n  gap: var(--base-size-12);\n  align-items: flex-start;\n  inline-size: 100%;\n  max-inline-size: 100%;\n  padding: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);\n  border-inline: 0;\n  border-radius: 0;\n  background-color: var(--brand-PricingOptions-actionsMessage-bgColor);\n}\n\n.PricingOptions__actions-message-leading-component {\n  flex: 0 0 auto;\n  display: flex;\n  margin-block-start: var(--base-size-4);\n  color: var(--brand-PricingOptions-actionsMessage-accentColor);\n}\n\n.PricingOptions__actions-message-leading-component :where(svg) {\n  display: block;\n  inline-size: var(--base-size-16);\n  block-size: var(--base-size-16);\n}\n\n.PricingOptions__actions-message-content {\n  flex: 1 1 auto;\n  min-inline-size: 0;\n}\n\n.PricingOptions__actions-message-content :where(p) {\n  margin: 0;\n}\n\n/* MenuAction: full-width ActionMenu wrapper */\n.PricingOptions__menu-action {\n  width: 100%;\n}\n\n.PricingOptions__menu-action > * {\n  width: 100%;\n}\n\n/* Force ActionMenu button container to stretch full width */\n.PricingOptions__menu-action > * > * {\n  display: flex;\n  width: 100%;\n}\n\n/* Make the primary button fill remaining space next to the chevron */\n.PricingOptions__menu-action > * > * > :first-child {\n  flex: 1;\n}\n\n.PricingOptions__footnote {\n  grid-row: footnote;\n  display: block;\n  margin-block-start: var(--base-size-8);\n}\n\n/* ---------------------------------------------------------- */\n/* Feature list                                            */\n/* ---------------------------------------------------------- */\n\n.PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-200);\n  --feature-list-line-height: var(--brand-text-lineHeight-200);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  grid-row: feature-list;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-20);\n  width: 100%;\n}\n\n.PricingOptions__feature-list--has-divider {\n  position: relative;\n  margin: 0;\n  margin-block-start: var(--base-size-20);\n  padding-block-start: var(--base-size-40);\n  padding-inline: 0;\n}\n\n/* Edge-to-edge divider above feature list */\n.PricingOptions__feature-list--has-divider::before {\n  content: '';\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);\n  height: var(--brand-borderWidth-thin);\n  background-color: var(--brand-color-border-subtle);\n}\n\n/* Default layout: extend feature list divider into column gap */\n@media (min-width: 63.25rem) {\n  .PricingOptions--layout-default .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n    inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);\n  }\n\n  /* First item: don't overflow past container start */\n  .PricingOptions--layout-default .PricingOptions__item:first-child .PricingOptions__feature-list--has-divider::before,\n  .PricingOptions--layout-default\n    .PricingOptions__labels\n    + .PricingOptions__item\n    .PricingOptions__feature-list--has-divider::before {\n    inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  /* Last item: don't overflow past container end */\n  .PricingOptions--layout-default\n    .PricingOptions__item:not(:has(~ .PricingOptions__item))\n    .PricingOptions__feature-list--has-divider::before {\n    inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);\n  }\n\n  .PricingOptions--layout-default.PricingOptions--appearance-gradient\n    .PricingOptions__feature-list--has-divider::before {\n    mask-image: var(--brand-PricingOptions-borderMask);\n  }\n}\n\n.PricingOptions__feature-list-set:nth-child(n + 2) {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-group-heading {\n  color: var(--brand-PricingOptions-featureList-group-heading-color);\n  margin-block-start: var(--base-size-12);\n  margin-block-end: var(--base-size-8);\n}\n\n.PricingOptions__feature-list-item--excluded span {\n  color: var(--brand-color-text-muted);\n}\n\n/* Info tooltip button */\n.PricingOptions__feature-list-item--has-info {\n  flex-wrap: nowrap;\n}\n\n.PricingOptions__feature-list-item--has-info > span {\n  flex: 1;\n  display: inline-flex;\n  align-items: baseline;\n  justify-content: space-between;\n}\n\n.PricingOptions__feature-list-item-info {\n  all: unset;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  color: var(--brand-color-text-muted);\n  background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-radius: 50%;\n  margin-inline-start: var(--base-size-8);\n  vertical-align: middle;\n  padding: var(--base-size-4);\n}\n\n.PricingOptions__feature-list-item-info svg {\n  width: var(--base-size-12);\n  height: var(--base-size-12);\n}\n\n.PricingOptions__feature-list-item-info:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: 2px;\n}\n\n.PricingOptions__feature-list + .PricingOptions__feature-list-group-heading {\n  margin-block-start: var(--base-size-20);\n}\n\n.PricingOptions__feature-list-item,\n.PricingOptions__feature-list-item span {\n  font-size: var(--feature-list-font-size) !important;\n  line-height: var(--feature-list-line-height) !important;\n}\n\n.PricingOptions__feature-list-group-heading {\n  font-size: var(--feature-list-font-size) !important;\n}\n\n.PricingOptions--items4 .PricingOptions__feature-list {\n  --feature-list-font-size: var(--brand-text-size-100);\n  --feature-list-line-height: var(--brand-text-lineHeight-100);\n}\n\n/*\n * Accordion component overrides\n */\n\n/*  paddings and borders */\n.PricingOptions__feature-list-accordion {\n  border: 0;\n  padding: 0;\n}\n\n/* Remove hover effect */\n.PricingOptions__feature-list-accordion::after {\n  content: none !important;\n}\n\n/* Adjust heading spacing */\n.PricingOptions__feature-list-accordion-heading {\n  padding: var(--base-size-8) 0;\n  padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */\n  padding-inline-end: 0 !important;\n  margin-block-start: calc(var(--base-size-16) * -1);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Accordion heading styling */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading :is(h1, h2, h3, h4, h5, h6) {\n  font-size: var(--feature-list-font-size);\n  line-height: var(--feature-list-line-height);\n  font-weight: var(--brand-text-subhead-weight-large);\n  gap: var(--base-size-8);\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  width: 100%;\n}\n\n/* Hide default icon */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-heading span {\n  display: none;\n}\n\n/* Adjust content paddings */\n.PricingOptions__feature-list-accordion .PricingOptions__feature-list-accordion-content {\n  padding: 0;\n  padding-block-start: var(--base-size-8);\n  padding-inline-start: 0 !important;\n}\n\n.PricingOptions__feature-list-accordion-chevron {\n  margin-inline-end: var(--base-size-4);\n}\n\n/* Chevron up icon */\n.PricingOptions__feature-list-accordion[open] .PricingOptions__feature-list-accordion-chevron {\n  transform: rotate(180deg);\n}\n\n.PricingOptions__feature-list-accordion-content {\n  animation: none !important;\n}\n"],"mappings":""}

package/esm/Prose/Prose.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-Y3yB1rAU.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/base-ZeVUZmHp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';/* empty css                                                                                            */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes-BVL83uw2.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/prose/base-ZeVUZmHp.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-link/base-BJeYaOpB.css';/* empty css                                                                                            */
 import t from "./Prose.module.js";
 /* empty css                                                                                      */
 /* empty css                                                                                                   */

package/esm/Spinner/Spinner.js

@@ -1,5 +1,5 @@
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes-izIk82NS.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/base-BUCpHNCY.css';/* empty css                                                                                        */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/colors-with-modes-ufFxqo2V.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/spinner/base-BUCpHNCY.css';/* empty css                                                                                        */
 /* empty css                                                                                                     */
 import t from "./Spinner.module.js";
 import "react";

package/esm/SubNav/SubNav.js

@@ -13,7 +13,7 @@ import d from "./SubNav.module.js";
 import { useAnchorMenu as f } from "./useAnchorMenu.js";
 import { useNarrowMenu as p } from "./useNarrowMenu.js";
 import { useWideMenu as ee } from "./useWideMenu.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-Bna3nyXf.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-Dl5rLq0_.css';/* empty css                                                                                        */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes-8aCELL7I.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/sub-nav/base-Dl5rLq0_.css';/* empty css                                                                                        */
 /* empty css                                                                                                     */
 import m, { Children as h, createContext as g, forwardRef as _, isValidElement as v, memo as y, useCallback as b, useContext as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";

package/esm/SubNav/SubNav.module-kWRa0Laq.css

@@ -0,0 +1 @@
+.Primer_Brand__SubNav-module__SubNav__container___e4u9B{z-index:2;border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);width:100%;position:absolute}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj{display:inline;display:initial;position:relative}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav___txUks{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__SubNav-module__SubNav___txUks{z-index:1;background-color:var(--brand-SubNav-bgColor);width:100%;display:flex}[data-color-mode=dark] .Primer_Brand__SubNav-module__SubNav___txUks{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){[data-color-mode=auto] .Primer_Brand__SubNav-module__SubNav___txUks{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{font-size:calc(var(--base-size-16) - 1px);line-height:calc(var(--base-size-16) - 1px);font-weight:var(--brand-text-subhead-weight-medium);color:var(--brand-color-text-default);font-family:var(--brand-heading-fontFamily);-webkit-text-decoration:none;text-decoration:none;display:block}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:hover,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:hover,.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-muted);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{width:100%}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{z-index:9998;min-height:60px;padding:var(--base-size-16);border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--has-shadow___9iM59{box-shadow:var(--brand-SubNav-shadow);background-color:var(--brand-color-canvas-default)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{margin-left:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{display:none!important}.Primer_Brand__SubNav-module__SubNav__sub-menu-children___5gfUK{display:contents}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{margin:0;padding:0;list-style:none}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1>span,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018,.Primer_Brand__SubNav-module__SubNav__overflow-container___uUl1G{display:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D{z-index:10;width:max-content;min-width:var(--brand-SubNav-width-overflowMenuMin);max-width:calc(100vw - var(--brand-SubNav-width-overflowMenuInset));max-height:calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);box-shadow:none;transform:translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));animation:Primer_Brand__SubNav-module__fade-in___6VxHj var(--brand-animation-duration-faster) var(--brand-animation-easing-default);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--brand-borderRadius-medium);border-end-start-radius:var(--brand-borderRadius-medium);margin:0;padding:0;position:absolute;inset:auto;overflow:hidden auto}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D::backdrop{background-color:#0000}.Primer_Brand__SubNav-module__SubNav__overflow-menu-list___Iz8_Z{grid-gap:var(--brand-borderWidth-thin);gap:var(--brand-borderWidth-thin);padding:var(--base-size-8);width:100%;margin:0;list-style:none;display:grid}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:91;position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{opacity:1;background-color:var(--brand-color-canvas-default);transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{height:0;transition:height var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj{height:auto}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), height var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:focus-within .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI,.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container--stuck___KKSlj .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{visibility:visible;opacity:1;transform:translateY(0)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-block:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);display:flex}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{gap:var(--base-size-20);margin:0;padding:0;list-style-type:none;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-weight:450}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-6) var(--base-size-12);border-radius:var(--brand-borderRadius-full);transition:background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default), color var(--brand-animation-duration-default) var(--brand-animation-easing-default);background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{background-color:var(--brand-SubNav-color-link-bgColor)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after,.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link--is-in-view___5HQNs:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active);-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{transition:color var(--brand-animation-duration-fast) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{border-color:var(--brand-color-text-default)}@media screen and (width<=63.24rem){.Primer_Brand__SubNav-module__SubNav___txUks{position:relative}.Primer_Brand__SubNav-module__SubNav___txUks:before{content:"";opacity:0;z-index:9997;position:absolute;inset:0}.Primer_Brand__SubNav-module__SubNav___txUks:after{content:"";z-index:-1;background-color:var(--base-color-scale-black-0);opacity:0;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:after{opacity:.3;visibility:visible;transition:visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default), opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__SubNav-module__SubNav__heading___d8v1r{font-size:var(--base-size-16);line-height:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--open___uMKHN{display:block}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{max-height:100dvh;max-height:var(--subnav-available-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.Primer_Brand__SubNav-module__SubNav--open___uMKHN .Primer_Brand__SubNav-module__SubNav__header-container___seaW6{flex-shrink:0}.Primer_Brand__SubNav-module__SubNav--open___uMKHN+.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{z-index:-1}.Primer_Brand__SubNav-module__SubNav--open___uMKHN:before{background-color:var(--brand-color-canvas-default);animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards}.Primer_Brand__SubNav-module__SubNav__heading-separator--main___6nQIi:not(.Primer_Brand__SubNav-module__SubNav__heading-separator--has-adjacent-label____My0U),.Primer_Brand__SubNav-module__SubNav__heading-separator--subheading-active___TGiD4,.Primer_Brand__SubNav-module__SubNav__subheading-container-active___NAyYL{display:none}.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{white-space:pre;z-index:9998;width:100%;display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE+.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{z-index:9998;margin-inline-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{z-index:9998;padding-inline:var(--base-size-8);flex-direction:column;flex:auto;justify-content:center;display:none;position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{gap:var(--base-size-8);padding-block:var(--base-size-16);border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);flex-direction:column;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{z-index:9999;width:100%;justify-content:flex-end;padding-inline-end:var(--base-size-16);display:flex;position:relative}.Primer_Brand__SubNav-module__SubNav--has-sub-heading___u6kR9:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___C7_mM) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{border-block-start:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block:var(--base-size-12);margin-block:0;display:block}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{width:100%;padding-inline-start:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-4) var(--base-size-12);gap:var(--base-size-6);cursor:pointer;font:inherit;border:none;align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey .Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{right:0}.Primer_Brand__SubNav-module__SubNav__link___rY_yE,.Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{-webkit-text-decoration:none;text-decoration:none;display:none}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{position:relative}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) *{color:var(--brand-SubNav-color-link-active)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-4) var(--base-size-12);margin-inline-start:var(--base-size-8)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]),.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);display:inline-flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link___rY_yE{animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP{animation:Primer_Brand__SubNav-module__fade-in___6VxHj .3s var(--brand-animation-easing-glide) forwards;display:block}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding-block:0}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action-container___Od_kP,.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn .Primer_Brand__SubNav-module__SubNav__action___Yrrhg{width:100%}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd{gap:var(--base-size-8);flex-direction:column;margin:0;padding:0;padding-block-start:var(--base-size-8);padding-inline-start:var(--base-size-16);list-style:none;display:flex}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd .Primer_Brand__SubNav-module__SubNav__link___rY_yE{margin-inline-start:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:var(--brand-color-text-default)!important}.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_{z-index:99;width:100%;overflow:auto hidden}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f{position:sticky;top:-1px}.Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___Mt06f:after{content:"";width:var(--base-size-32);background:linear-gradient(to left, var(--brand-color-canvas-default), transparent);pointer-events:none;z-index:100;position:absolute;top:0;bottom:0;right:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-16);padding-block-start:var(--base-size-16);padding-block-end:var(--base-size-16)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);letter-spacing:var(--brand-text-letterSpacing-100)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__sub-menu-list___3rKmh{padding-inline-end:var(--base-size-32)}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI .Primer_Brand__SubNav-module__SubNav__link___rY_yE{white-space:pre;top:var(--base-size-2);display:block;position:relative}}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-icon___Fo5xs{fill:var(--brand-color-text-default)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{align-items:center;gap:var(--base-size-8);display:flex}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content--end___zLnlL{justify-content:flex-end}.Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible,.Primer_Brand__SubNav-module__SubNav__heading___d8v1r:focus-visible,.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs:focus-visible,.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018:focus-visible,.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___FRenU:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs{white-space:nowrap;display:block;position:relative}.Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:var(--base-size-6) var(--base-size-12);border:none}@media screen and (width>=48rem){.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___r7g9W{padding-inline-start:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:var(--base-size-24)}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-24)}}.Primer_Brand__SubNav-module__SubNav__heading-label___Bv69i{white-space:pre}@media screen and (width>=63.25rem){.Primer_Brand__SubNav-module__SubNav___txUks{z-index:92;padding-inline:var(--base-size-32);align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay--open___TxiWn{padding:0}.Primer_Brand__SubNav-module__SubNav___txUks:has(+.Primer_Brand__SubNav-module__SubNav__anchor-menu-container___mSc6_){padding-block-end:0}.Primer_Brand__SubNav-module__SubNav__heading-container___09GuE{padding-inline-start:0}.Primer_Brand__SubNav-module__SubNav--full-width___PoXey{padding-inline:0}.Primer_Brand__SubNav-module__SubNav__overlay-toggle___37Xw7{display:none}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading___d8v1r{padding-block-end:1px}.Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{margin-inline-end:var(--base-size-20);display:inline-flex;top:0}.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj .Primer_Brand__SubNav-module__SubNav__heading-separator___LratU{top:-1px}.Primer_Brand__SubNav-module__SubNav--header-container-outer___TODOB{align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__header-container___seaW6{flex-shrink:0;align-items:center;display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1{align-items:center;gap:var(--base-size-2);z-index:92;min-width:0;flex:1 1 0;align-self:stretch;padding-inline-start:var(--base-size-24);display:flex}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1>li{white-space:nowrap;flex:none}.Primer_Brand__SubNav-module__SubNav__link--in-overlay___TIjzJ{align-items:center;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__link-item--overflowed___9aqws{visibility:hidden;pointer-events:none;width:max-content;position:absolute}.Primer_Brand__SubNav-module__SubNav__overflow-container___uUl1G{visibility:hidden;pointer-events:none;align-self:stretch;align-items:center;display:flex;position:absolute}.Primer_Brand__SubNav-module__SubNav__overflow-container--visible___WHs6j{visibility:visible;pointer-events:auto;position:relative}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu{align-items:center;gap:var(--base-size-4);padding:var(--base-size-4) var(--base-size-12);color:var(--brand-SubNav-color-link-rest);background:var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);border-radius:var(--brand-borderRadius-full);font:inherit;cursor:pointer;border:0;display:inline-flex}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu:hover{background-color:var(--brand-SubNav-overflowMenu-toggle-bgColor-hover)}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu[aria-expanded=true],.Primer_Brand__SubNav-module__SubNav__overflow-toggle--active___n1AFR{background-color:var(--brand-SubNav-overflowMenu-toggle-bgColor-active)}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:inherit}.Primer_Brand__SubNav-module__SubNav__overflow-toggle___cHyPu:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__SubNav-module__SubNav__link___rY_yE{transition:color .2s var(--brand-animation-easing-glide);padding:var(--base-size-4) var(--base-size-12);border-radius:var(--brand-borderRadius-full);position:relative;-webkit-text-decoration:none!important;text-decoration:none!important}.Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{padding:var(--base-size-4) 0}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:after{content:"";bottom:calc(var(--base-size-12) * -1);width:100%;height:var(--base-size-12);background:0 0;position:absolute;left:0}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{background-clip:padding-box;background-color:var(--brand-color-canvas-default);border:var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-8);z-index:9998;transition-timing-function:var(--brand-animation-easing-glide);transition-duration:var(--brand-animation-duration-fast);top:90%;left:0;left:var(--base-size-4);visibility:hidden;opacity:0;transform-origin:top;gap:var(--base-size-8);width:var(--brand-SubNav-width-subMenu);flex-direction:column;margin-block-start:var(--base-size-8);list-style:none;transition-property:opacity,transform;display:flex;position:absolute;transform:scale(.99)translateY(-.7em)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__link--expanded___pUtmL .Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{visibility:visible;opacity:1;transform:scale(1)translateY(0)translate(-8px)}.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___ys018{width:var(--base-size-24);height:var(--base-size-24);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;margin-inline-end:calc(-1 * var(--base-size-8));padding:0;padding-inline-end:var(--base-size-8);display:inline-flex}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd .Primer_Brand__SubNav-module__SubNav__link___rY_yE{display:block}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG:after{opacity:1;transform:scale(0)}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{align-items:center;gap:var(--base-size-4);cursor:pointer;display:inline-flex;position:relative}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p>.Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding-inline-end:0}.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{padding:var(--base-size-4) 0;position:relative}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-full);padding:0 var(--base-size-8) 0 0;gap:0}.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4>.Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-4) 0 var(--base-size-4) var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE{padding:var(--base-size-12)}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){background-color:var(--brand-SubNav-color-link-bgColor);line-height:1.1em}@supports ((-moz-appearance:none)){.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]) .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{top:0}}.Primer_Brand__SubNav-module__SubNav__links-overlay___IL2F1 .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4 .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){padding-inline-end:var(--base-size-4)}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);top:auto;top:initial;background-color:#0000}.Primer_Brand__SubNav-module__SubNav__sub-menu___b8DSd.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover{background-color:var(--brand-SubNav-color-link-bgColor);border-radius:var(--brand-borderRadius-medium)}.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{fill:var(--brand-color-text-muted);transition:transform var(--brand-animation-duration-fast);display:inline-block!important}.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:not(.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___GyXf4) .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___5Gkyb{top:calc(-1 * var(--brand-borderWidth-thin));position:relative}.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___te9GI{padding-inline:var(--base-size-32)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE{width:100%;min-height:var(--brand-SubNav-height-overflowMenuItemMin);padding:var(--base-size-8) var(--base-size-12);color:var(--brand-SubNav-overflowMenu-fgColor-rest);white-space:normal;word-wrap:anywhere;border-radius:var(--brand-borderRadius-medium);background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);display:block}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE .Primer_Brand__SubNav-module__SubNav__link-label___NVLOG{color:inherit;font-weight:var(--base-text-weight-normal);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:hover,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible,.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE[aria-current]:not([aria-current=false]){color:var(--brand-SubNav-overflowMenu-fgColor-hover);background-color:var(--brand-SubNav-overflowMenu-bgColor-hover)}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link___rY_yE:focus-visible{box-shadow:inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);outline:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p{background:0 0;padding:0;display:block}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___Sy_3p:after{content:none}.Primer_Brand__SubNav-module__SubNav__overflow-menu___A8m3D .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___uiVDU{width:auto;background-color:var(--brand-SubNav-overflowMenu-bgColor-rest);visibility:visible;opacity:1;border:0;margin:0;padding:0;padding-inline-start:var(--base-size-16);position:static;transform:none}}@keyframes Primer_Brand__SubNav-module__fade-in___6VxHj{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.Primer_Brand__SubNav-module__SubNav___txUks,.Primer_Brand__SubNav-module__SubNav___txUks:before,.Primer_Brand__SubNav-module__SubNav___txUks:after,.Primer_Brand__SubNav-module__SubNav___txUks *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/SubNav/SubNav.module.js

@@ -1,4 +1,4 @@
-import './SubNav.module-cyUt0N_h.css';//#region src/SubNav/SubNav.module.css
+import './SubNav.module-kWRa0Laq.css';//#region src/SubNav/SubNav.module.css
 var e = "Primer_Brand__SubNav-module__SubNav__container___e4u9B", t = "Primer_Brand__SubNav-module__SubNav___txUks", n = "Primer_Brand__SubNav-module__SubNav__heading___d8v1r", r = "Primer_Brand__SubNav-module__SubNav__subHeading___cmfhs", i = "Primer_Brand__SubNav-module__SubNav__link___rY_yE", a = "Primer_Brand__SubNav-module__SubNav__action___Yrrhg", o = {
 	SubNav__container: e,
 	"SubNav__container--with-anchor-nav": "Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___jf8vj",

package/esm/SubNav/SubNav.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.module.js","names":[],"sources":["../../src/SubNav/SubNav.module.css"],"sourcesContent":[".SubNav__container {\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__container--with-anchor-nav {\n  display: unset;\n  position: relative;\n}\n\n.SubNav__container--with-anchor-nav .SubNav {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav {\n  width: 100%;\n  display: flex;\n  z-index: 1;\n  background-color: var(--brand-SubNav-bgColor);\n}\n\n[data-color-mode='dark'] .SubNav {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.SubNav__heading,\n.SubNav__subHeading {\n  display: block;\n  font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  font-weight: var(--brand-text-subhead-weight-medium);\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-heading-fontFamily);\n  text-decoration: none;\n}\n\n.SubNav__heading:hover,\n.SubNav__subHeading:hover,\n.SubNav__link:hover .SubNav__link-label {\n  color: var(--brand-color-text-muted);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav--header-container-outer {\n  width: 100%;\n}\n\n.SubNav__heading-container {\n  min-height: 60px;\n  position: relative;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  padding: var(--base-size-16);\n  border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__heading-container + .SubNav__heading-container {\n  padding-inline-start: var(--base-size-24);\n}\n\n.SubNav--has-shadow {\n  box-shadow: var(--brand-SubNav-shadow);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav--full-width {\n  padding-inline: 0;\n}\n\n.SubNav__action-container {\n  margin-left: auto;\n}\n\n.SubNav__sub-menu-icon {\n  display: none !important;\n}\n\n.SubNav__sub-menu-children {\n  display: contents;\n}\n\n.SubNav__links-overlay {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.SubNav__links-overlay > span {\n  display: none;\n}\n\n.SubNav__sub-menu-toggle {\n  display: none;\n}\n\n.SubNav__overflow-container {\n  display: none;\n}\n\n.SubNav__overflow-menu {\n  position: absolute;\n  inset: auto;\n  margin: 0;\n  padding: 0;\n  z-index: 10;\n  width: max-content;\n  min-width: var(--brand-SubNav-width-overflowMenuMin);\n  max-width: calc(100vw - var(--brand-SubNav-width-overflowMenuInset));\n  max-height: calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-start-radius: var(--brand-borderRadius-medium);\n  border-end-end-radius: var(--brand-borderRadius-medium);\n  box-shadow: none;\n  transform: translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));\n  animation: fade-in var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.SubNav__overflow-menu::backdrop {\n  background-color: transparent;\n}\n\n.SubNav__overflow-menu-list {\n  display: grid;\n  gap: var(--brand-borderWidth-thin);\n  list-style: none;\n  margin: 0;\n  padding: var(--base-size-8);\n  width: 100%;\n}\n\n/*\n * Anchor Nav Submenu\n */\n\n.SubNav__anchor-menu-outer-container {\n  position: sticky;\n  top: -1px;\n  z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.SubNav__anchor-menu-container {\n  opacity: 0;\n  background-color: transparent;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__anchor-menu-container,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__anchor-menu-container {\n  transform: translateY(0);\n  opacity: 1;\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav__anchor-menu-outer-container {\n  height: 0;\n  transition: height var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within,\n.SubNav__anchor-menu-outer-container--stuck {\n  height: auto;\n}\n\n.SubNav__sub-menu--anchor {\n  opacity: 0;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    height var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__sub-menu--anchor,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__sub-menu--anchor {\n  visibility: visible;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.SubNav__sub-menu--anchor {\n  display: flex;\n  padding-block: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n  display: inline-flex;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  gap: var(--base-size-20);\n}\n\n.SubNav__link-label {\n  font-weight: 450; /* FIXME: unsupported in our font weight primitives */\n}\n\n.SubNav__sub-menu--anchor .SubNav__link-label {\n  padding: var(--base-size-6) var(--base-size-12);\n  background-color: transparent;\n  border-radius: var(--brand-borderRadius-full);\n  transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view .SubNav__link-label {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n}\n\n.SubNav__link:focus-visible .SubNav__link-label::after,\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view:focus-visible .SubNav__link-label::after {\n  opacity: 0;\n}\n\n.SubNav__link[aria-current]:not([aria-current='false']) * {\n  color: var(--brand-SubNav-color-link-active);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav__link:hover .SubNav__link-label {\n  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubNav__link:hover .SubNav__link-label::after {\n  border-color: var(--brand-color-text-default);\n}\n\n/*\n * Narrow breakpoint\n */\n\n@media screen and (max-width: 63.24rem) {\n  .SubNav {\n    position: relative;\n  }\n\n  .SubNav::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    opacity: 0;\n    z-index: 9997;\n  }\n\n  .SubNav::after {\n    content: '';\n    z-index: -1;\n    position: fixed;\n    background-color: var(--base-color-scale-black-0);\n    opacity: 0;\n    visibility: hidden;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .SubNav--open::after {\n    opacity: 0.3;\n    visibility: visible;\n    transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n      opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  }\n\n  .SubNav__heading {\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-24);\n  }\n\n  .SubNav--open {\n    display: block;\n  }\n\n  .SubNav--open .SubNav--header-container-outer {\n    display: flex;\n    flex-direction: column;\n    max-height: var(--subnav-available-height, 100dvh);\n    overflow: hidden;\n  }\n\n  .SubNav--open .SubNav__header-container {\n    flex-shrink: 0;\n  }\n\n  .SubNav--open + .SubNav__anchor-menu-outer-container {\n    z-index: -1;\n  }\n\n  .SubNav--open::before {\n    background-color: var(--brand-color-canvas-default);\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__heading-separator--main:not(.SubNav__heading-separator--has-adjacent-label),\n  .SubNav__heading-separator--subheading-active,\n  .SubNav__subheading-container-active {\n    display: none;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    width: 100%;\n    white-space: pre;\n    position: relative;\n    z-index: 9998;\n  }\n\n  .SubNav__heading-container + .SubNav__heading-container {\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-16);\n    z-index: 9998;\n  }\n\n  .SubNav__links-overlay {\n    position: relative;\n    display: flex;\n    flex: auto;\n    flex-direction: column;\n    justify-content: center;\n    z-index: 9998;\n    display: none;\n    padding-inline: var(--base-size-8);\n  }\n\n  .SubNav__links-overlay--open {\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    padding-block: var(--base-size-16);\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    justify-content: flex-start;\n    overflow-y: auto;\n    min-height: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default);\n  }\n\n  .SubNav__overlay-toggle {\n    display: flex;\n    position: relative;\n    width: 100%;\n    z-index: 9999;\n    justify-content: flex-end;\n    padding-inline-end: var(--base-size-16);\n  }\n\n  .SubNav--has-sub-heading:not(.SubNav--subHeadingActive) .SubNav__overlay-toggle {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    display: block;\n    padding-block: var(--base-size-12);\n    margin-block: 0;\n  }\n\n  .SubNav__overlay-toggle-content {\n    width: 100%;\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__overlay-toggle-label {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border: none;\n    border-radius: var(--brand-borderRadius-full);\n    padding: var(--base-size-4) var(--base-size-12);\n    gap: var(--base-size-6);\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .SubNav--full-width .SubNav__overlay-toggle {\n    right: 0;\n  }\n\n  .SubNav__link,\n  .SubNav__action-container {\n    display: none;\n    text-decoration: none;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link-label {\n    position: relative;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) * {\n    color: var(--brand-SubNav-color-link-active);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link {\n    margin-inline-start: var(--base-size-8);\n    padding: var(--base-size-4) var(--base-size-12);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) {\n    display: inline-flex;\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover {\n    display: inline-flex;\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link {\n    display: inline-flex;\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action-container {\n    display: block;\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link--has-sub-menu {\n    padding-block: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action-container {\n    width: 100%;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action {\n    width: 100%;\n  }\n\n  .SubNav__sub-menu {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-start: var(--base-size-16);\n    padding-block-start: var(--base-size-8);\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n  }\n\n  .SubNav__sub-menu .SubNav__link {\n    margin-inline-start: 0;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default) !important;\n  }\n\n  .SubNav__anchor-menu-container {\n    z-index: 99;\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n  }\n\n  .SubNav__anchor-menu-outer-container {\n    position: sticky;\n    top: -1px;\n  }\n\n  .SubNav__anchor-menu-outer-container::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: var(--base-size-32);\n    background: linear-gradient(to left, var(--brand-color-canvas-default), transparent);\n    pointer-events: none;\n    z-index: 100;\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-16);\n    padding-block-end: var(--base-size-16);\n    padding-block-start: var(--base-size-16);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n    letter-spacing: var(--brand-text-letterSpacing-100);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n    padding-inline-end: var(--base-size-32);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link {\n    display: block;\n    white-space: pre;\n    position: relative;\n    top: var(--base-size-2);\n  }\n}\n\n.SubNav__overlay-toggle-icon {\n  fill: var(--brand-color-text-default);\n}\n\n.SubNav__overlay-toggle-content {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.SubNav__overlay-toggle-content--end {\n  justify-content: flex-end;\n}\n\n.SubNav__link:focus-visible,\n.SubNav__heading:focus-visible,\n.SubNav__subHeading:focus-visible,\n.SubNav__sub-menu-toggle:focus-visible,\n.SubNav__overlay-toggle-label:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubNav__subHeading {\n  display: block;\n  position: relative;\n  white-space: nowrap;\n}\n\n.SubNav__subHeading[aria-current]:not([aria-current='false']) {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n  border: none;\n  border-radius: var(--brand-borderRadius-full);\n  padding: var(--base-size-6) var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n  .SubNav__heading-container {\n    padding-inline: var(--base-size-24);\n  }\n\n  .SubNav__overlay-toggle-content {\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: var(--base-size-24);\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-24);\n  }\n}\n\n.SubNav__heading-label {\n  white-space: pre;\n}\n\n/*\n * Wide breakpoint\n */\n\n@media screen and (min-width: 63.25rem) {\n  .SubNav {\n    align-items: center;\n    display: flex;\n    z-index: 92;\n    padding-inline: var(--base-size-32);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: 0;\n  }\n\n  .SubNav:has(+ .SubNav__anchor-menu-container) {\n    padding-block-end: 0;\n  }\n\n  .SubNav__heading-container {\n    padding-inline-start: 0;\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__overlay-toggle {\n    display: none;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading {\n    padding-block-end: 1px;\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-20);\n    display: inline-flex;\n    top: 0;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading-separator {\n    top: -1px;\n  }\n\n  .SubNav--header-container-outer {\n    display: flex;\n    align-items: center;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .SubNav__links-overlay {\n    align-items: center;\n    display: flex;\n    gap: var(--base-size-2);\n    z-index: 92;\n    flex: 1 1 0;\n    min-width: 0;\n    align-self: stretch;\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__links-overlay > li {\n    flex: 0 0 auto;\n    white-space: nowrap;\n  }\n\n  .SubNav__link--in-overlay {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .SubNav__link-item--overflowed {\n    position: absolute;\n    width: max-content;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubNav__overflow-container {\n    display: flex;\n    align-items: center;\n    align-self: stretch;\n    position: absolute;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubNav__overflow-container--visible {\n    position: relative;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .SubNav__overflow-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n    padding: var(--base-size-4) var(--base-size-12);\n    color: var(--brand-SubNav-color-link-rest);\n    background: var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);\n    border: 0;\n    border-radius: var(--brand-borderRadius-full);\n    font: inherit;\n    cursor: pointer;\n  }\n\n  .SubNav__overflow-toggle:hover {\n    background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-hover);\n  }\n\n  .SubNav__overflow-toggle[aria-expanded='true'],\n  .SubNav__overflow-toggle--active {\n    background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-active);\n  }\n\n  .SubNav__overflow-toggle .SubNav__link-label {\n    color: inherit;\n  }\n\n  .SubNav__overflow-toggle:focus-visible {\n    outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n    outline-offset: var(--base-size-2);\n  }\n\n  .SubNav__link {\n    text-decoration: none !important; /* dotcom override */\n    transition: color 0.2s var(--brand-animation-easing-glide);\n    position: relative;\n    padding: var(--base-size-4) var(--base-size-12);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubNav__link--has-sub-menu {\n    padding: var(--base-size-4) 0;\n  }\n\n  /* To fix hover distance between link and dropdown */\n  .SubNav__link--has-sub-menu::after {\n    content: '';\n    position: absolute;\n    bottom: calc(var(--base-size-12) * -1);\n    left: 0;\n    width: 100%;\n    height: var(--base-size-12);\n    background: transparent;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    background-clip: padding-box;\n    background-color: var(--brand-color-canvas-default);\n    border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);\n    border-radius: var(--brand-borderRadius-medium);\n    left: 0;\n    list-style: none;\n    margin-block-start: var(--base-size-8);\n    padding: var(--base-size-8);\n    position: absolute;\n    top: 90%;\n    z-index: 9998;\n    transition-timing-function: var(--brand-animation-easing-glide);\n    transition-duration: var(--brand-animation-duration-fast);\n    transition-property: opacity, transform;\n    left: var(--base-size-4);\n    visibility: hidden;\n    opacity: 0;\n    transform: scale(0.99) translateY(-0.7em) translateX(-8px);\n    transform-origin: top;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    width: var(--brand-SubNav-width-subMenu);\n  }\n\n  .SubNav__link--expanded .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    visibility: visible;\n    opacity: 1;\n    transform: scale(1) translateY(0) translateX(-8px);\n  }\n\n  .SubNav__sub-menu-toggle {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n    border: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-end: var(--base-size-8);\n    margin-inline-end: calc(-1 * var(--base-size-8));\n    background: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  .SubNav__sub-menu .SubNav__link {\n    display: block;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label::after {\n    opacity: 1;\n    transform: scale(0);\n  }\n\n  .SubNav__link--has-sub-menu {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n    cursor: pointer;\n  }\n\n  .SubNav__link--has-sub-menu > .SubNav__link {\n    padding-inline-end: 0;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label {\n    position: relative;\n    padding: var(--base-size-4) 0;\n  }\n\n  /* Show pill on submenu parent */\n  .SubNav__link--has-active-sub-menu {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n    padding: 0 var(--base-size-8) 0 0;\n    gap: 0;\n  }\n\n  .SubNav__link--has-active-sub-menu > .SubNav__link {\n    padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link {\n    padding: var(--base-size-12);\n  }\n\n  /* Active link pill styling */\n  .SubNav__links-overlay .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    line-height: 1.1em;\n  }\n\n  /* Firefox optical alignment fix */\n  @supports (-moz-appearance: none) {\n    .SubNav__links-overlay\n      .SubNav__link--has-sub-menu\n      .SubNav__link[aria-current]:not([aria-current='false'])\n      .SubNav__link-label {\n      top: 0;\n    }\n  }\n\n  .SubNav__links-overlay .SubNav__link--has-active-sub-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n    padding-inline-end: var(--base-size-4);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: transparent;\n    border-radius: var(--brand-borderRadius-medium);\n    padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);\n    top: unset;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link:hover {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-medium);\n  }\n\n  .SubNav__sub-menu-icon {\n    display: inline-block !important;\n    fill: var(--brand-color-text-muted);\n    transition: transform var(--brand-animation-duration-fast);\n  }\n\n  .SubNav__link--has-sub-menu:not(.SubNav__link--has-active-sub-menu) .SubNav__sub-menu-icon {\n    position: relative;\n    top: calc(-1 * var(--brand-borderWidth-thin));\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-32);\n  }\n\n  .SubNav__overflow-menu .SubNav__link {\n    display: block;\n    width: 100%;\n    min-height: var(--brand-SubNav-height-overflowMenuItemMin);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-SubNav-overflowMenu-fgColor-rest);\n    white-space: normal;\n    overflow-wrap: anywhere;\n    border-radius: var(--brand-borderRadius-medium);\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n  }\n\n  .SubNav__overflow-menu .SubNav__link .SubNav__link-label {\n    color: inherit;\n    font-weight: var(--base-text-weight-normal);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubNav__overflow-menu .SubNav__link:hover,\n  .SubNav__overflow-menu .SubNav__link:focus,\n  .SubNav__overflow-menu .SubNav__link:focus-visible,\n  .SubNav__overflow-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n    color: var(--brand-SubNav-overflowMenu-fgColor-hover);\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-hover);\n  }\n\n  .SubNav__overflow-menu .SubNav__link:focus-visible {\n    box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n    outline: none;\n  }\n\n  .SubNav__overflow-menu .SubNav__link--has-sub-menu {\n    display: block;\n    background: transparent;\n    padding: 0;\n  }\n\n  .SubNav__overflow-menu .SubNav__link--has-sub-menu::after {\n    content: none;\n  }\n\n  .SubNav__overflow-menu .SubNav__sub-menu--dropdown {\n    position: static;\n    width: auto;\n    margin: 0;\n    padding: 0;\n    padding-inline-start: var(--base-size-16);\n    border: 0;\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n    visibility: visible;\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .SubNav,\n  .SubNav::before,\n  .SubNav::after,\n  .SubNav * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SubNav.module.js","names":[],"sources":["../../src/SubNav/SubNav.module.css"],"sourcesContent":[".SubNav__container {\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__container--with-anchor-nav {\n  display: unset;\n  position: relative;\n}\n\n.SubNav__container--with-anchor-nav .SubNav {\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav {\n  width: 100%;\n  display: flex;\n  z-index: 1;\n  background-color: var(--brand-SubNav-bgColor);\n}\n\n[data-color-mode='dark'] .SubNav {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-color-mode='auto'] .SubNav {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n\n.SubNav__heading,\n.SubNav__subHeading {\n  display: block;\n  font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */\n  font-weight: var(--brand-text-subhead-weight-medium);\n  color: var(--brand-color-text-default);\n  font-family: var(--brand-heading-fontFamily);\n  text-decoration: none;\n}\n\n.SubNav__heading:hover,\n.SubNav__subHeading:hover,\n.SubNav__link:hover .SubNav__link-label {\n  color: var(--brand-color-text-muted);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav--header-container-outer {\n  width: 100%;\n}\n\n.SubNav__heading-container {\n  min-height: 60px;\n  position: relative;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  padding: var(--base-size-16);\n  border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__heading-container + .SubNav__heading-container {\n  padding-inline-start: var(--base-size-24);\n}\n\n.SubNav--has-shadow {\n  box-shadow: var(--brand-SubNav-shadow);\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav--full-width {\n  padding-inline: 0;\n}\n\n.SubNav__action-container {\n  margin-left: auto;\n}\n\n.SubNav__sub-menu-icon {\n  display: none !important;\n}\n\n.SubNav__sub-menu-children {\n  display: contents;\n}\n\n.SubNav__links-overlay {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.SubNav__links-overlay > span {\n  display: none;\n}\n\n.SubNav__sub-menu-toggle {\n  display: none;\n}\n\n.SubNav__overflow-container {\n  display: none;\n}\n\n.SubNav__overflow-menu {\n  position: absolute;\n  inset: auto;\n  margin: 0;\n  padding: 0;\n  z-index: 10;\n  width: max-content;\n  min-width: var(--brand-SubNav-width-overflowMenuMin);\n  max-width: calc(100vw - var(--brand-SubNav-width-overflowMenuInset));\n  max-height: calc(100dvh - var(--brand-SubNav-height-overflowMenuInset));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-start-start-radius: 0;\n  border-start-end-radius: 0;\n  border-end-start-radius: var(--brand-borderRadius-medium);\n  border-end-end-radius: var(--brand-borderRadius-medium);\n  box-shadow: none;\n  transform: translateY(calc(0px - var(--brand-SubNav-offset-overflowMenu)));\n  animation: fade-in var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.SubNav__overflow-menu::backdrop {\n  background-color: transparent;\n}\n\n.SubNav__overflow-menu-list {\n  display: grid;\n  gap: var(--brand-borderWidth-thin);\n  list-style: none;\n  margin: 0;\n  padding: var(--base-size-8);\n  width: 100%;\n}\n\n/*\n * Anchor Nav Submenu\n */\n\n.SubNav__anchor-menu-outer-container {\n  position: sticky;\n  top: -1px;\n  z-index: 91; /* must be higher than subdomain nav bar */\n}\n\n.SubNav__anchor-menu-container {\n  opacity: 0;\n  background-color: transparent;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__anchor-menu-container,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__anchor-menu-container {\n  transform: translateY(0);\n  opacity: 1;\n  background-color: var(--brand-color-canvas-default);\n}\n\n.SubNav__anchor-menu-outer-container {\n  height: 0;\n  transition: height var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within,\n.SubNav__anchor-menu-outer-container--stuck {\n  height: auto;\n}\n\n.SubNav__sub-menu--anchor {\n  opacity: 0;\n  transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n  transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    height var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__anchor-menu-outer-container:focus-within .SubNav__sub-menu--anchor,\n.SubNav__anchor-menu-outer-container--stuck .SubNav__sub-menu--anchor {\n  visibility: visible;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.SubNav__sub-menu--anchor {\n  display: flex;\n  padding-block: var(--base-size-12);\n  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n  display: inline-flex;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  gap: var(--base-size-20);\n}\n\n.SubNav__link-label {\n  font-weight: 450; /* FIXME: unsupported in our font weight primitives */\n}\n\n.SubNav__sub-menu--anchor .SubNav__link-label {\n  padding: var(--base-size-6) var(--base-size-12);\n  background-color: transparent;\n  border-radius: var(--brand-borderRadius-full);\n  transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n    color var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view .SubNav__link-label {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n}\n\n.SubNav__link:focus-visible .SubNav__link-label::after,\n.SubNav__sub-menu--anchor .SubNav__link--is-in-view:focus-visible .SubNav__link-label::after {\n  opacity: 0;\n}\n\n.SubNav__link[aria-current]:not([aria-current='false']) * {\n  color: var(--brand-SubNav-color-link-active);\n  text-decoration: none !important; /* dotcom override */\n}\n\n.SubNav__link:hover .SubNav__link-label {\n  transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.SubNav__link:hover .SubNav__link-label::after {\n  border-color: var(--brand-color-text-default);\n}\n\n/*\n * Narrow breakpoint\n */\n\n@media screen and (max-width: 63.24rem) {\n  .SubNav {\n    position: relative;\n  }\n\n  .SubNav::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    opacity: 0;\n    z-index: 9997;\n  }\n\n  .SubNav::after {\n    content: '';\n    z-index: -1;\n    position: fixed;\n    background-color: var(--base-color-scale-black-0);\n    opacity: 0;\n    visibility: hidden;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .SubNav--open::after {\n    opacity: 0.3;\n    visibility: visible;\n    transition: visibility var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n      opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n  }\n\n  .SubNav__heading {\n    font-size: var(--base-size-16);\n    line-height: var(--base-size-24);\n  }\n\n  .SubNav--open {\n    display: block;\n  }\n\n  .SubNav--open .SubNav--header-container-outer {\n    display: flex;\n    flex-direction: column;\n    max-height: var(--subnav-available-height, 100dvh);\n    overflow: hidden;\n  }\n\n  .SubNav--open .SubNav__header-container {\n    flex-shrink: 0;\n  }\n\n  .SubNav--open + .SubNav__anchor-menu-outer-container {\n    z-index: -1;\n  }\n\n  .SubNav--open::before {\n    background-color: var(--brand-color-canvas-default);\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__heading-separator--main:not(.SubNav__heading-separator--has-adjacent-label),\n  .SubNav__heading-separator--subheading-active,\n  .SubNav__subheading-container-active {\n    display: none;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    width: 100%;\n    white-space: pre;\n    position: relative;\n    z-index: 9998;\n  }\n\n  .SubNav__heading-container + .SubNav__heading-container {\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-16);\n    z-index: 9998;\n  }\n\n  .SubNav__links-overlay {\n    position: relative;\n    display: flex;\n    flex: auto;\n    flex-direction: column;\n    justify-content: center;\n    z-index: 9998;\n    display: none;\n    padding-inline: var(--base-size-8);\n  }\n\n  .SubNav__links-overlay--open {\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    padding-block: var(--base-size-16);\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    justify-content: flex-start;\n    overflow-y: auto;\n    min-height: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default);\n  }\n\n  .SubNav__overlay-toggle {\n    display: flex;\n    position: relative;\n    width: 100%;\n    z-index: 9999;\n    justify-content: flex-end;\n    padding-inline-end: var(--base-size-16);\n  }\n\n  .SubNav--has-sub-heading:not(.SubNav--subHeadingActive) .SubNav__overlay-toggle {\n    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n    display: block;\n    padding-block: var(--base-size-12);\n    margin-block: 0;\n  }\n\n  .SubNav__overlay-toggle-content {\n    width: 100%;\n    padding-inline-start: var(--base-size-16);\n  }\n\n  .SubNav__overlay-toggle-label {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border: none;\n    border-radius: var(--brand-borderRadius-full);\n    padding: var(--base-size-4) var(--base-size-12);\n    gap: var(--base-size-6);\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .SubNav--full-width .SubNav__overlay-toggle {\n    right: 0;\n  }\n\n  .SubNav__link,\n  .SubNav__action-container {\n    display: none;\n    text-decoration: none;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link-label {\n    position: relative;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) * {\n    color: var(--brand-SubNav-color-link-active);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link {\n    margin-inline-start: var(--base-size-8);\n    padding: var(--base-size-4) var(--base-size-12);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link[aria-current]:not([aria-current='false']) {\n    display: inline-flex;\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link:hover {\n    display: inline-flex;\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__links-overlay--open .SubNav__link {\n    display: inline-flex;\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action-container {\n    display: block;\n    animation: fade-in 0.3s var(--brand-animation-easing-glide) forwards;\n  }\n\n  .SubNav__links-overlay--open .SubNav__link--has-sub-menu {\n    padding-block: 0;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action-container {\n    width: 100%;\n  }\n\n  .SubNav__links-overlay--open .SubNav__action {\n    width: 100%;\n  }\n\n  .SubNav__sub-menu {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-start: var(--base-size-16);\n    padding-block-start: var(--base-size-8);\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n  }\n\n  .SubNav__sub-menu .SubNav__link {\n    margin-inline-start: 0;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link:hover .SubNav__link-label {\n    color: var(--brand-color-text-default) !important;\n  }\n\n  .SubNav__anchor-menu-container {\n    z-index: 99;\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n  }\n\n  .SubNav__anchor-menu-outer-container {\n    position: sticky;\n    top: -1px;\n  }\n\n  .SubNav__anchor-menu-outer-container::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: var(--base-size-32);\n    background: linear-gradient(to left, var(--brand-color-canvas-default), transparent);\n    pointer-events: none;\n    z-index: 100;\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-16);\n    padding-block-end: var(--base-size-16);\n    padding-block-start: var(--base-size-16);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n    letter-spacing: var(--brand-text-letterSpacing-100);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__sub-menu-list {\n    padding-inline-end: var(--base-size-32);\n  }\n\n  .SubNav__sub-menu--anchor .SubNav__link {\n    display: block;\n    white-space: pre;\n    position: relative;\n    top: var(--base-size-2);\n  }\n}\n\n.SubNav__overlay-toggle-icon {\n  fill: var(--brand-color-text-default);\n}\n\n.SubNav__overlay-toggle-content {\n  display: flex;\n  align-items: center;\n  gap: var(--base-size-8);\n}\n\n.SubNav__overlay-toggle-content--end {\n  justify-content: flex-end;\n}\n\n.SubNav__link:focus-visible,\n.SubNav__heading:focus-visible,\n.SubNav__subHeading:focus-visible,\n.SubNav__sub-menu-toggle:focus-visible,\n.SubNav__overlay-toggle-label:focus-visible {\n  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n  outline-offset: var(--base-size-2);\n}\n\n.SubNav__subHeading {\n  display: block;\n  position: relative;\n  white-space: nowrap;\n}\n\n.SubNav__subHeading[aria-current]:not([aria-current='false']) {\n  background-color: var(--brand-SubNav-color-link-bgColor);\n  border: none;\n  border-radius: var(--brand-borderRadius-full);\n  padding: var(--base-size-6) var(--base-size-12);\n}\n\n@media screen and (min-width: 48rem) {\n  .SubNav__heading-container {\n    padding-inline: var(--base-size-24);\n  }\n\n  .SubNav__overlay-toggle-content {\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: var(--base-size-24);\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-24);\n  }\n}\n\n.SubNav__heading-label {\n  white-space: pre;\n}\n\n/*\n * Wide breakpoint\n */\n\n@media screen and (min-width: 63.25rem) {\n  .SubNav {\n    align-items: center;\n    display: flex;\n    z-index: 92;\n    padding-inline: var(--base-size-32);\n  }\n\n  .SubNav__links-overlay--open {\n    padding: 0;\n  }\n\n  .SubNav:has(+ .SubNav__anchor-menu-container) {\n    padding-block-end: 0;\n  }\n\n  .SubNav__heading-container {\n    padding-inline-start: 0;\n  }\n\n  .SubNav--full-width {\n    padding-inline: 0;\n  }\n\n  .SubNav__overlay-toggle {\n    display: none;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading {\n    padding-block-end: 1px;\n  }\n\n  .SubNav__heading-separator {\n    margin-inline-end: var(--base-size-20);\n    display: inline-flex;\n    top: 0;\n  }\n\n  .SubNav__container--with-anchor-nav .SubNav__heading-separator {\n    top: -1px;\n  }\n\n  .SubNav--header-container-outer {\n    display: flex;\n    align-items: center;\n  }\n\n  .SubNav__header-container {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .SubNav__links-overlay {\n    align-items: center;\n    display: flex;\n    gap: var(--base-size-2);\n    z-index: 92;\n    flex: 1 1 0;\n    min-width: 0;\n    align-self: stretch;\n    padding-inline-start: var(--base-size-24);\n  }\n\n  .SubNav__links-overlay > li {\n    flex: 0 0 auto;\n    white-space: nowrap;\n  }\n\n  .SubNav__link--in-overlay {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .SubNav__link-item--overflowed {\n    position: absolute;\n    width: max-content;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubNav__overflow-container {\n    display: flex;\n    align-items: center;\n    align-self: stretch;\n    position: absolute;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .SubNav__overflow-container--visible {\n    position: relative;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .SubNav__overflow-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n    padding: var(--base-size-4) var(--base-size-12);\n    color: var(--brand-SubNav-color-link-rest);\n    background: var(--brand-SubNav-overflowMenu-toggle-bgColor-rest);\n    border: 0;\n    border-radius: var(--brand-borderRadius-full);\n    font: inherit;\n    cursor: pointer;\n  }\n\n  .SubNav__overflow-toggle:hover {\n    background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-hover);\n  }\n\n  .SubNav__overflow-toggle[aria-expanded='true'],\n  .SubNav__overflow-toggle--active {\n    background-color: var(--brand-SubNav-overflowMenu-toggle-bgColor-active);\n  }\n\n  .SubNav__overflow-toggle .SubNav__link-label {\n    color: inherit;\n  }\n\n  .SubNav__overflow-toggle:focus-visible {\n    outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n    outline-offset: var(--base-size-2);\n  }\n\n  .SubNav__link {\n    text-decoration: none !important; /* dotcom override */\n    transition: color 0.2s var(--brand-animation-easing-glide);\n    position: relative;\n    padding: var(--base-size-4) var(--base-size-12);\n    border-radius: var(--brand-borderRadius-full);\n  }\n\n  .SubNav__link-label {\n    font-size: var(--brand-text-size-100);\n    line-height: var(--brand-text-lineHeight-100);\n  }\n\n  .SubNav__link--has-sub-menu {\n    padding: var(--base-size-4) 0;\n  }\n\n  /* To fix hover distance between link and dropdown */\n  .SubNav__link--has-sub-menu::after {\n    content: '';\n    position: absolute;\n    bottom: calc(var(--base-size-12) * -1);\n    left: 0;\n    width: 100%;\n    height: var(--base-size-12);\n    background: transparent;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    background-clip: padding-box;\n    background-color: var(--brand-color-canvas-default);\n    border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);\n    border-radius: var(--brand-borderRadius-medium);\n    left: 0;\n    list-style: none;\n    margin-block-start: var(--base-size-8);\n    padding: var(--base-size-8);\n    position: absolute;\n    top: 90%;\n    z-index: 9998;\n    transition-timing-function: var(--brand-animation-easing-glide);\n    transition-duration: var(--brand-animation-duration-fast);\n    transition-property: opacity, transform;\n    left: var(--base-size-4);\n    visibility: hidden;\n    opacity: 0;\n    transform: scale(0.99) translateY(-0.7em) translateX(-8px);\n    transform-origin: top;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-size-8);\n    width: var(--brand-SubNav-width-subMenu);\n  }\n\n  .SubNav__link--expanded .SubNav__sub-menu.SubNav__sub-menu--dropdown {\n    visibility: visible;\n    opacity: 1;\n    transform: scale(1) translateY(0) translateX(-8px);\n  }\n\n  .SubNav__sub-menu-toggle {\n    width: var(--base-size-24);\n    height: var(--base-size-24);\n    border: none;\n    padding: 0;\n    margin: 0;\n    padding-inline-end: var(--base-size-8);\n    margin-inline-end: calc(-1 * var(--base-size-8));\n    background: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  .SubNav__sub-menu .SubNav__link {\n    display: block;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label::after {\n    opacity: 1;\n    transform: scale(0);\n  }\n\n  .SubNav__link--has-sub-menu {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--base-size-4);\n    cursor: pointer;\n  }\n\n  .SubNav__link--has-sub-menu > .SubNav__link {\n    padding-inline-end: 0;\n  }\n\n  .SubNav__sub-menu--dropdown .SubNav__link-label {\n    position: relative;\n    padding: var(--base-size-4) 0;\n  }\n\n  /* Show pill on submenu parent */\n  .SubNav__link--has-active-sub-menu {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-full);\n    padding: 0 var(--base-size-8) 0 0;\n    gap: 0;\n  }\n\n  .SubNav__link--has-active-sub-menu > .SubNav__link {\n    padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link {\n    padding: var(--base-size-12);\n  }\n\n  /* Active link pill styling */\n  .SubNav__links-overlay .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    line-height: 1.1em;\n  }\n\n  /* Firefox optical alignment fix */\n  @supports (-moz-appearance: none) {\n    .SubNav__links-overlay\n      .SubNav__link--has-sub-menu\n      .SubNav__link[aria-current]:not([aria-current='false'])\n      .SubNav__link-label {\n      top: 0;\n    }\n  }\n\n  .SubNav__links-overlay .SubNav__link--has-active-sub-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n    padding-inline-end: var(--base-size-4);\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link[aria-current]:not([aria-current='false']) {\n    background-color: transparent;\n    border-radius: var(--brand-borderRadius-medium);\n    padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);\n    top: unset;\n  }\n\n  .SubNav__sub-menu.SubNav__sub-menu--dropdown .SubNav__link:hover {\n    background-color: var(--brand-SubNav-color-link-bgColor);\n    border-radius: var(--brand-borderRadius-medium);\n  }\n\n  .SubNav__sub-menu-icon {\n    display: inline-block !important;\n    fill: var(--brand-color-text-muted);\n    transition: transform var(--brand-animation-duration-fast);\n  }\n\n  .SubNav__link--has-sub-menu:not(.SubNav__link--has-active-sub-menu) .SubNav__sub-menu-icon {\n    position: relative;\n    top: calc(-1 * var(--brand-borderWidth-thin));\n  }\n\n  .SubNav__sub-menu--anchor {\n    padding-inline: var(--base-size-32);\n  }\n\n  .SubNav__overflow-menu .SubNav__link {\n    display: block;\n    width: 100%;\n    min-height: var(--brand-SubNav-height-overflowMenuItemMin);\n    padding: var(--base-size-8) var(--base-size-12);\n    color: var(--brand-SubNav-overflowMenu-fgColor-rest);\n    white-space: normal;\n    overflow-wrap: anywhere;\n    border-radius: var(--brand-borderRadius-medium);\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n  }\n\n  .SubNav__overflow-menu .SubNav__link .SubNav__link-label {\n    color: inherit;\n    font-weight: var(--base-text-weight-normal);\n    line-height: var(--brand-text-lineHeight-200);\n  }\n\n  .SubNav__overflow-menu .SubNav__link:hover,\n  .SubNav__overflow-menu .SubNav__link:focus,\n  .SubNav__overflow-menu .SubNav__link:focus-visible,\n  .SubNav__overflow-menu .SubNav__link[aria-current]:not([aria-current='false']) {\n    color: var(--brand-SubNav-overflowMenu-fgColor-hover);\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-hover);\n  }\n\n  .SubNav__overflow-menu .SubNav__link:focus-visible {\n    box-shadow: inset 0 0 0 var(--brand-borderWidth-thick) var(--brand-color-focus);\n    outline: none;\n  }\n\n  .SubNav__overflow-menu .SubNav__link--has-sub-menu {\n    display: block;\n    background: transparent;\n    padding: 0;\n  }\n\n  .SubNav__overflow-menu .SubNav__link--has-sub-menu::after {\n    content: none;\n  }\n\n  .SubNav__overflow-menu .SubNav__sub-menu--dropdown {\n    position: static;\n    width: auto;\n    margin: 0;\n    padding: 0;\n    padding-inline-start: var(--base-size-16);\n    border: 0;\n    background-color: var(--brand-SubNav-overflowMenu-bgColor-rest);\n    visibility: visible;\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .SubNav,\n  .SubNav::before,\n  .SubNav::after,\n  .SubNav * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/SubdomainNavBar/SubdomainNavBar.js

@@ -13,7 +13,7 @@ import u from "./SubdomainNavBar.module.js";
 import { SubdomainNavBarLinkContext as te, useSubdomainNavBarLinkContext as ne } from "./SubdomainNavBarLinkContext.js";
 import { NavigationVisbilityObserver as d } from "./NavigationVisbilityObserver.js";
 import { useFocusTrap as f } from "../hooks/useFocusTrap.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-C_lnz8M6.css';/* empty css                                                                                                               */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes-J9EPudv_.css';/* empty css                                                                                                               */
 import { useSearchKeyboardShortcut as re } from "./useSearchKeyboardShortcut.js";
 import { useSearchResults as p } from "./useSearchResults.js";
 import { TextInput as ie } from "../forms/TextInput/TextInput.js";

package/esm/Tabs/Tabs.d.ts

@@ -46,10 +46,14 @@ export type TabsProps = {
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & LabelOrLabelledBy & BaseProps<HTMLDivElement> & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'aria-label' | 'aria-labelledby'>;
 export type TabsItemProps = {
@@ -111,10 +115,14 @@ export declare const Tabs: React.ForwardRefExoticComponent<(Omit<{
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & {
     'aria-label': string;
@@ -148,10 +156,14 @@ export declare const Tabs: React.ForwardRefExoticComponent<(Omit<{
      * @param internalAccessibleLabels - Customizable labels for screen readers to improve accessibility. These are applied internally using the aria-label attribute.
      * @param internalAccessibleLabels.controlsNext - Label for the "next tab" control button, used by screen readers. Default is "Next tab".
      * @param internalAccessibleLabels.controlsPrev - Label for the "previous tab" control button, used by screen readers. Default is "Previous tab".
+     * @param internalAccessibleLabels.controlsIndicator - Complete selector label using {current}. Default is "Go to tab {current}".
+     * @param internalAccessibleLabels.controlsNavigation - Label for the complete mobile control group. Default is "Tab navigation".
      */
     internalAccessibleLabels?: {
         controlsNext: string;
         controlsPrev: string;
+        controlsIndicator?: string;
+        controlsNavigation?: string;
     };
 } & {
     'aria-labelledby': string;

package/esm/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAOT,cAAc,EAEf,MAAM,OAAO,CAAA;AAKd,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAA6B,iBAAiB,EAAC,MAAM,cAAc,CAAA;AAI1E;;GAEG;AACH,OAAO,2FAA2F,CAAA;AAClG,OAAO,wGAAwG,CAAA;AAkB/G;;;GAGG;AACH,KAAK,iBAAiB,GAClB;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAC,GACjD;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAC,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;CACF,GAAG,iBAAiB,GACnB,SAAS,CAAC,cAAc,CAAC,GACzB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAAC,CAAA;AAyQrF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;IAC5C;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAwBxD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAA;AAyBpD;;;GAGG;AACH,eAAO,MAAM,IAAI;IA1Xf;;OAEG;cACO,SAAS,GAAG,QAAQ,GAAG,WAAW;IAC5C;;OAEG;YACK,OAAO,GAAG,QAAQ;IAC1B;;OAEG;cACO,SAAS;IACnB;;OAEG;uBACgB,MAAM;IACzB;;OAEG;eACQ,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;IAEtC;;OAEG;gBACS,MAAM;IAClB;;;;OAIG;+BACwB;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;KACrB;;kBArCgB,MAAM;wBAAsB,KAAK;;IAIlD;;OAEG;cACO,SAAS,GAAG,QAAQ,GAAG,WAAW;IAC5C;;OAEG;YACK,OAAO,GAAG,QAAQ;IAC1B;;OAEG;cACO,SAAS;IACnB;;OAEG;uBACgB,MAAM;IACzB;;OAEG;eACQ,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;IAEtC;;OAEG;gBACS,MAAM;IAClB;;;;OAIG;+BACwB;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;KACrB;;uBApCqB,MAAM;mBAAiB,KAAK;;;kBAiTxC,SAAS;oBACP,MAAM;mBACP,OAAO;kBACR,SAAS,GAAG,QAAQ,GAAG,WAAW;QAC5C;;;;;WAKG;aACE,MAAM;;;;;;;;;CAsEX,CAAA"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAOT,cAAc,EACf,MAAM,OAAO,CAAA;AAId,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAA6B,iBAAiB,EAAC,MAAM,cAAc,CAAA;AAG1E;;GAEG;AACH,OAAO,2FAA2F,CAAA;AAClG,OAAO,wGAAwG,CAAA;AAkB/G;;;GAGG;AACH,KAAK,iBAAiB,GAClB;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAC,GACjD;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAC,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B,CAAA;CACF,GAAG,iBAAiB,GACnB,SAAS,CAAC,cAAc,CAAC,GACzB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAAC,CAAA;AA4OrF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;IAC5C;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAwBxD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAA;AAyBpD;;;GAGG;AACH,eAAO,MAAM,IAAI;IAjWf;;OAEG;cACO,SAAS,GAAG,QAAQ,GAAG,WAAW;IAC5C;;OAEG;YACK,OAAO,GAAG,QAAQ;IAC1B;;OAEG;cACO,SAAS;IACnB;;OAEG;uBACgB,MAAM;IACzB;;OAEG;eACQ,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;IAEtC;;OAEG;gBACS,MAAM;IAClB;;;;;;OAMG;+BACwB;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B;;kBAzCgB,MAAM;wBAAsB,KAAK;;IAIlD;;OAEG;cACO,SAAS,GAAG,QAAQ,GAAG,WAAW;IAC5C;;OAEG;YACK,OAAO,GAAG,QAAQ;IAC1B;;OAEG;cACO,SAAS;IACnB;;OAEG;uBACgB,MAAM;IACzB;;OAEG;eACQ,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;IAEtC;;OAEG;gBACS,MAAM;IAClB;;;;;;OAMG;+BACwB;QACzB,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B;;uBAxCqB,MAAM;mBAAiB,KAAK;;;kBAwRxC,SAAS;oBACP,MAAM;mBACP,OAAO;kBACR,SAAS,GAAG,QAAQ,GAAG,WAAW;QAC5C;;;;;WAKG;aACE,MAAM;;;;;;;;;CAsEX,CAAA"}