npm - @primer/react-brand - Versions diffs - 0.80.0-rc.b232dc70 → 0.80.0-rc.ff22e366 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (459) hide show

package/docs/index.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# Primer Brand docs (v0.80.0-rc.b232dc70)
+# Primer Brand docs (v0.80.0-rc.ff22e366)
-These docs are bundled with `@primer/react-brand@0.80.0-rc.b232dc70` and match your installed version.
+These docs are bundled with `@primer/react-brand@0.80.0-rc.ff22e366` and match your installed version.
 New here? Start with [Getting started](getting-started/index.md) for installation, global
 stylesheet and font setup. Component directories are named after their import (e.g.

package/esm/PricingOptions/{PricingOptions.module-CgPKaZAm.css → PricingOptions.module-pBExx0-M.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items-gap);--brand-pricing-options-container-padding-inline:0;--brand-pricing-options-column-count:1;--brand-pricing-options-template-areas:"labels" "leadingComponent" "header" "description" "price" "actions" "feature-list" "footnote";grid-row-gap:0;grid-row-gap:var(--brand-pricing-options-item-gap,0);row-gap:0;row-gap:var(--brand-pricing-options-item-gap,0);padding-inline:0;padding-inline:var(--brand-pricing-options-container-padding-inline);display:grid}@media screen and (width<=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{max-width:488px;margin-inline:auto}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);row-gap:0}.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-column-count:1}.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-column-count:2}.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-column-count:3}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-column-count:4}}.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{display:none}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{--brand-pricing-options-column-count:1;grid-area:labels/1/labels/-1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));grid-column-gap:0;grid-column-gap:var(--brand-pricing-options-item-gap,0);-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);display:grid}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{min-height:var(--base-size-54);padding-block:var(--base-size-16);background-color:var(--brand-PricingOptions-item-bgColor-solid);align-items:center;display:flex;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-text-emphasized);z-index:1;position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:first-child:after{inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:last-child:after{inset-inline-end:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc:after{content:"";inset-block-end:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{margin-inline:calc(var(--brand-pricing-options-item-gap) / 2 * -1);padding-inline:calc(var(--brand-pricing-options-item-gap) / 2)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:first-child{margin-inline-start:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-start:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:last-child{margin-inline-end:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-end:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{background-color:#0000;border-block-start-color:#0000}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{content:"";width:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-block:0;inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{padding-inline:var(--base-size-28);border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{opacity:0;pointer-events:none}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd{border:solid 1px var(--brand-color-border-subtle);background-color:var(--brand-PricingOptions-item-bgColor-solid)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background:linear-gradient(180deg, var(--brand-PricingOptions-item-bgColor-gradient-start) 0%, var(--brand-PricingOptions-item-bgColor-gradient-end) 100%)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);position:absolute;inset:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{padding-inline:var(--brand-pricing-options-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-24);padding-inline:var(--base-size-24);padding-block:var(--base-size-20);position:relative}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:0;padding-inline:0;padding-block:var(--base-size-40)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";background-color:var(--brand-color-border-subtle);height:1px;position:absolute;inset-inline:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{width:1px;height:auto;margin-block-start:0;margin-inline-start:calc(var(--brand-pricing-options-item-gap) / 2 * -1);inset-block:0;inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-32);padding-inline:var(--base-size-32);padding-block:var(--base-size-32);position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background-color:var(--brand-PricingOptions-item-bgColor-solid);border:solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle)}@media (width>=48rem){:where(.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C){row-gap:var(--brand-pricing-options-item-gap)}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{width:50%;margin-inline:auto}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items1-container-paddingInline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items2-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items2-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items3-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items3-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items4-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items4-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);display:grid}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-row:header/footnote;grid-template-rows:subgrid}.Primer_Brand__PricingOptions-module__PricingOptions__item--has-leading-component___cW15k{grid-row:leadingComponent/footnote}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V{justify-items:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o,.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{text-align:center;justify-content:center}@supports not (grid-template-rows:subgrid){@media (width>=63.28rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-rows:auto;grid-template-columns:1fr}}}.Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{row-gap:var(--base-size-16);grid-area:header;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{align-items:center;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}@media (width>=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:0}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{justify-content:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{text-align:center;margin-block-start:0;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW{grid-row:leadingComponent}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW img,.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW picture{display:block}.Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);letter-spacing:var(--brand-text-letterSpacing-100);line-height:var(--brand-text-lineHeight-200);text-transform:uppercase}.Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}.Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{grid-row:description}.Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o{flex-wrap:wrap;grid-row:price;align-items:flex-start;padding-block-start:var(--base-size-20);padding-block-end:var(--base-size-8);display:flex}@media (width<=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__price-value___v_DFw,.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___WCuTj{font-size:var(--brand-text-size-900)}}.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___ZCxoZ{align-items:flex-end;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___thhnZ{color:var(--brand-color-text-muted);margin-block-end:var(--base-size-4);margin-inline-start:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___TCleY{align-self:center;margin-inline-start:var(--base-size-8);-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___ul7b3{-webkit-text-decoration:line-through;text-decoration:line-through}.Primer_Brand__PricingOptions-module__PricingOptions__price-trailing-text___hVD0k{flex:1 0 100%;display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ{gap:var(--base-size-8);flex-direction:column;grid-row:actions;align-items:flex-end;padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___QKv2D{gap:var(--base-size-12);inline-size:100%;max-inline-size:100%;padding:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);background-color:var(--brand-PricingOptions-actionsMessage-bgColor);border-inline:0;border-radius:0;align-items:flex-start;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh{color:var(--brand-PricingOptions-actionsMessage-accentColor);flex:none;margin-block-start:var(--base-size-4);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh :where(svg){inline-size:var(--base-size-16);block-size:var(--base-size-16);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R{flex:auto;min-inline-size:0}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R :where(p){margin:0}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2,.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>{width:100%}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>>{width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>>>:first-child{flex:1}.Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek{grid-row:footnote;margin-block-start:var(--base-size-8);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-200);--feature-list-line-height:var(--brand-text-lineHeight-200);gap:var(--base-size-8);flex-direction:column;grid-row:feature-list;width:100%;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt{margin:0;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-40);padding-inline:0;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-padding-inline,0px) -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1)}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___twUwU:nth-child(n+2){margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{color:var(--brand-PricingOptions-featureList-group-heading-color);margin-block-start:var(--base-size-12);margin-block-end:var(--base-size-8)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--excluded___LZ8FG span{color:var(--brand-color-text-muted)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt{flex-wrap:nowrap}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt>span{flex:1;justify-content:space-between;align-items:baseline;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza{all:unset;cursor:pointer;color:var(--brand-color-text-muted);background-color:color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);vertical-align:middle;padding:var(--base-size-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--base-size-8);display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza svg{width:var(--base-size-12);height:var(--base-size-12)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L+.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn span{font-size:var(--feature-list-font-size)!important;line-height:var(--feature-list-line-height)!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{font-size:var(--feature-list-font-size)!important}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-100);--feature-list-line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8{border:0;padding:0}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8:after{content:none!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo{padding:var(--base-size-8) 0;margin-block-start:calc(var(--base-size-16) * -1);margin-block-end:var(--base-size-8);padding-inline:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h1,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h2,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h3,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h4,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h5,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h6{font-size:var(--feature-list-font-size);line-height:var(--feature-list-line-height);font-weight:var(--brand-text-subhead-weight-large);gap:var(--base-size-8);justify-content:space-between;align-items:center;width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo span{display:none}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{padding:0;padding-block-start:var(--base-size-8);padding-inline-start:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{margin-inline-end:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{transform:rotate(180deg)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{animation:none!important}
1	+ .Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items-gap);--brand-pricing-options-container-padding-inline:0;--brand-pricing-options-column-count:1;--brand-pricing-options-template-areas:"labels" "leadingComponent" "header" "description" "price" "actions" "feature-list" "footnote";grid-row-gap:0;grid-row-gap:var(--brand-pricing-options-item-gap,0);row-gap:0;row-gap:var(--brand-pricing-options-item-gap,0);padding-inline:0;padding-inline:var(--brand-pricing-options-container-padding-inline);display:grid}@media screen and (width<=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{max-width:488px;margin-inline:auto}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions____Z8EC{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);row-gap:0}.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-column-count:1}.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-column-count:2}.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-column-count:3}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-column-count:4}}.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{display:none}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{--brand-pricing-options-column-count:1;grid-area:labels/1/labels/-1;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));grid-column-gap:0;grid-column-gap:var(--brand-pricing-options-item-gap,0);-moz-column-gap:0;-moz-column-gap:var(--brand-pricing-options-item-gap,0);column-gap:0;column-gap:var(--brand-pricing-options-item-gap,0);display:grid}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{min-height:var(--base-size-54);padding-block:var(--base-size-16);background-color:var(--brand-PricingOptions-item-bgColor-solid);align-items:center;display:flex;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-text-emphasized);z-index:1;position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:first-child:after{inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:last-child:after{inset-inline-end:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc:after{content:"";inset-block-end:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{margin-inline:calc(var(--brand-pricing-options-item-gap) / 2 * -1);padding-inline:calc(var(--brand-pricing-options-item-gap) / 2)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:first-child{margin-inline-start:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-start:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:last-child{margin-inline-end:calc(var(--brand-pricing-options-container-padding-inline) * -1);padding-inline-end:var(--brand-pricing-options-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{background-color:#0000;border-block-start-color:#0000}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{content:"";width:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-block:0;inset-inline-start:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ+.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___gs_vJ{padding-inline:var(--base-size-28);border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___Zm2CK{opacity:0;pointer-events:none}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___4n33F:after{inset-inline:0}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd{border:solid 1px var(--brand-color-border-subtle);background-color:var(--brand-PricingOptions-item-bgColor-solid)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background:linear-gradient(180deg, var(--brand-PricingOptions-item-bgColor-gradient-start) 0%, var(--brand-PricingOptions-item-bgColor-gradient-end) 100%)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);position:absolute;inset:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU{padding-inline:var(--brand-pricing-options-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-24);padding-inline:var(--base-size-24);padding-block:var(--base-size-20);position:relative}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:0;padding-inline:0;padding-block:var(--base-size-40)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{content:"";background-color:var(--brand-color-border-subtle);height:1px;position:absolute;inset-inline:0}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{width:1px;height:auto;margin-block-start:0;margin-inline-start:calc(var(--brand-pricing-options-item-gap) / 2 * -1);inset-block:0;inset-inline:0}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{--brand-pricing-options-item-padding-inline:var(--base-size-32);padding-inline:var(--base-size-32);padding-block:var(--base-size-32);position:relative}.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___HV0Gd .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{background-color:var(--brand-PricingOptions-item-bgColor-solid);border:solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle)}@media (width>=48rem){:where(.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___Au_tu.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C){row-gap:var(--brand-pricing-options-item-gap)}}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{width:50%;margin-inline:auto}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H{--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items1-container-paddingInline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items2___H5JcU{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items2-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items2-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items3___4AxSI{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items3-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items3-container-padding-inline)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C{--brand-pricing-options-item-gap:var(--brand-PricingOptions-items4-gap);--brand-pricing-options-container-padding-inline:var(--brand-PricingOptions-items4-container-padding-inline)}}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);display:grid}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-row:header/footnote;grid-template-rows:subgrid}.Primer_Brand__PricingOptions-module__PricingOptions__item--has-leading-component___cW15k{grid-row:leadingComponent/footnote}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V{justify-items:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o,.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{text-align:center;justify-content:center}@supports not (grid-template-rows:subgrid){@media (width>=63.28rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_{grid-template-areas:var(--brand-pricing-options-template-areas);grid-template-rows:auto;grid-template-columns:1fr}}}.Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{row-gap:var(--base-size-16);grid-area:header;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{align-items:center;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}@media (width>=63.24rem){.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V) .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:0}}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1{justify-content:center}.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___ljf3V .Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{text-align:center;margin-block-start:0;margin-block-end:var(--base-size-16)}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW{grid-row:leadingComponent}.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW img,.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___R__BW picture{display:block}.Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-500);letter-spacing:var(--brand-text-letterSpacing-100);line-height:var(--brand-text-lineHeight-200);text-transform:uppercase}.Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y{margin-block:var(--base-size-16);flex:0 auto;order:1;align-self:flex-start}.Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu{grid-row:description}.Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o{flex-wrap:wrap;grid-row:price;align-items:flex-start;padding-block-start:var(--base-size-20);padding-block-end:var(--base-size-8);display:flex}@media (width<=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions__price-value___v_DFw,.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-symbol___WCuTj{font-size:var(--brand-text-size-900)}}.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___ZCxoZ{align-items:flex-end;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___thhnZ{color:var(--brand-color-text-muted);margin-block-end:var(--base-size-4);margin-inline-start:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price___TCleY{align-self:center;margin-inline-start:var(--base-size-8);-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__price-original-price-value___ul7b3{-webkit-text-decoration:line-through;text-decoration:line-through}.Primer_Brand__PricingOptions-module__PricingOptions__price-trailing-text___hVD0k{flex:1 0 100%;display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ{gap:var(--base-size-8);flex-direction:column;grid-row:actions;align-items:flex-end;padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___QKv2D{gap:var(--base-size-12);inline-size:100%;max-inline-size:100%;padding:var(--base-size-12);border-block:var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);background-color:var(--brand-PricingOptions-actionsMessage-bgColor);border-inline:0;border-radius:0;align-items:flex-start;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh{color:var(--brand-PricingOptions-actionsMessage-accentColor);flex:none;margin-block-start:var(--base-size-4);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___xFobh :where(svg){inline-size:var(--base-size-16);block-size:var(--base-size-16);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R{flex:auto;min-inline-size:0}.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___DBj3R :where(p){margin:0}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2,.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>{width:100%}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>>{width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___hkpD2>>>:first-child{flex:1}.Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek{grid-row:footnote;margin-block-start:var(--base-size-8);display:block}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-200);--feature-list-line-height:var(--brand-text-lineHeight-200);gap:var(--base-size-8);flex-direction:column;grid-row:feature-list;width:100%;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-20);display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt{margin:0;margin-block-start:var(--base-size-20);padding-block-start:var(--base-size-40);padding-inline:0;position:relative}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{content:"";inset-block-start:0;inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-padding-inline,0px) -1);inset-inline-end:0;height:var(--brand-borderWidth-thin);background-color:var(--brand-color-border-subtle);position:absolute;inset-inline-end:calc(var(--brand-pricing-options-item-padding-inline,0px) * -1)}@media (width>=63.25rem){.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1);inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-item-gap,0px) / 2 * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before,.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc+.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_ .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-start:0;inset-inline-start:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU .Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_:not(:has(~.Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_)) .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{inset-inline-end:0;inset-inline-end:calc(var(--brand-pricing-options-container-padding-inline,0px) * -1)}.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___5HLMU.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___zEc_f .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___gLeTt:before{-webkit-mask-image:var(--brand-PricingOptions-borderMask);-webkit-mask-image:var(--brand-PricingOptions-borderMask);mask-image:var(--brand-PricingOptions-borderMask)}}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___twUwU:nth-child(n+2){margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{color:var(--brand-PricingOptions-featureList-group-heading-color);margin-block-start:var(--base-size-12);margin-block-end:var(--base-size-8)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--excluded___LZ8FG span{color:var(--brand-color-text-muted)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt{flex-wrap:nowrap}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___PLzAt>span{flex:1;justify-content:space-between;align-items:baseline;display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza{all:unset;cursor:pointer;color:var(--brand-color-text-muted);background-color:color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);border:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);vertical-align:middle;padding:var(--base-size-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--base-size-8);display:inline-flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza svg{width:var(--base-size-12);height:var(--base-size-12)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___LmJza:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:2px}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L+.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{margin-block-start:var(--base-size-20)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item___84hAn span{font-size:var(--feature-list-font-size)!important;line-height:var(--feature-list-line-height)!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___zIDHs{font-size:var(--feature-list-font-size)!important}.Primer_Brand__PricingOptions-module__PricingOptions--items4___A590C .Primer_Brand__PricingOptions-module__PricingOptions__feature-list___Vsv4L{--feature-list-font-size:var(--brand-text-size-100);--feature-list-line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8{border:0;padding:0}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8:after{content:none!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo{padding:var(--base-size-8) 0;margin-block-start:calc(var(--base-size-16) * -1);margin-block-end:var(--base-size-8);padding-inline:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h1,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h2,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h3,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h4,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h5,.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo h6{font-size:var(--feature-list-font-size);line-height:var(--feature-list-line-height);font-weight:var(--brand-text-subhead-weight-large);gap:var(--base-size-8);justify-content:space-between;align-items:center;width:100%;display:flex}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___6qtWo span{display:none}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{padding:0;padding-block-start:var(--base-size-8);padding-inline-start:0!important}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{margin-inline-end:var(--base-size-4)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___l1_E8[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___6tIUy{transform:rotate(180deg)}.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-content____D0c9{animation:none!important}

package/esm/PricingOptions/PricingOptions.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './PricingOptions.module-CgPKaZAm.css';//#region src/PricingOptions/PricingOptions.module.css
+import './PricingOptions.module-pBExx0-M.css';//#region src/PricingOptions/PricingOptions.module.css
 var e = "Primer_Brand__PricingOptions-module__PricingOptions____Z8EC", t = "Primer_Brand__PricingOptions-module__PricingOptions__labels___WHETc", n = "Primer_Brand__PricingOptions-module__PricingOptions__item___TJ_Q_", r = "Primer_Brand__PricingOptions-module__PricingOptions__price___JV14o", i = "Primer_Brand__PricingOptions-module__PricingOptions__description___UfSpu", a = "Primer_Brand__PricingOptions-module__PricingOptions__header___e90h1", o = "Primer_Brand__PricingOptions-module__PricingOptions__heading___s_G_y", s = "Primer_Brand__PricingOptions-module__PricingOptions__label___bW7ca", c = "Primer_Brand__PricingOptions-module__PricingOptions__actions___DEnuZ", l = "Primer_Brand__PricingOptions-module__PricingOptions__footnote___FjNek", u = {
 	PricingOptions: e,
 	"PricingOptions--items1": "Primer_Brand__PricingOptions-module__PricingOptions--items1___ZiN3H",

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

	@@ -1 +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":""}
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\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":""}