@primer/react-brand 0.66.1-rc.612823df → 0.67.0-rc.6edbc9d8
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.
- package/lib/Card/Card.d.ts +34 -7
- package/lib/EyebrowText/EyebrowText.d.ts +6 -2
- package/lib/PricingOptions/PricingOptions.d.ts +14 -7
- package/lib/SectionIntro/SectionIntro.d.ts +7 -5
- package/lib/Token/Token.d.ts +46 -0
- package/lib/Token/index.d.ts +1 -0
- package/lib/css/main.css +1624 -644
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +3 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +4 -2
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +2 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +5 -5
- package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes.css +43 -0
- package/lib/design-tokens/css/tokens/functional/components/token/colors.css +23 -0
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +5 -1
- package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +6 -2
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +5 -5
- package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +83 -0
- package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -1
- package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/token/colors.js +21 -0
- package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +2 -1
- package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +2 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +20 -0
- package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +2 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +3 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +38 -0
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +35 -0
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.content.d.ts +99 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteOverview.content.d.ts +4 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.content.d.ts +58 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/index.d.ts +4 -0
- package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts +41 -0
- package/lib/river/RiverBreakoutTabs/index.d.ts +1 -0
- package/lib/river/index.d.ts +1 -0
- package/package.json +2 -1
package/lib/css/main.css
CHANGED
|
@@ -78,7 +78,7 @@ html {
|
|
|
78
78
|
|
|
79
79
|
/**
|
|
80
80
|
* Do not edit directly
|
|
81
|
-
* Generated on
|
|
81
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
82
82
|
*/
|
|
83
83
|
|
|
84
84
|
:root,
|
|
@@ -356,7 +356,7 @@ html {
|
|
|
356
356
|
|
|
357
357
|
/**
|
|
358
358
|
* Do not edit directly
|
|
359
|
-
* Generated on
|
|
359
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
360
360
|
*/
|
|
361
361
|
|
|
362
362
|
:root {
|
|
@@ -383,7 +383,7 @@ html {
|
|
|
383
383
|
|
|
384
384
|
/**
|
|
385
385
|
* Do not edit directly
|
|
386
|
-
* Generated on
|
|
386
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
387
387
|
*/
|
|
388
388
|
|
|
389
389
|
:root {
|
|
@@ -400,7 +400,7 @@ html {
|
|
|
400
400
|
|
|
401
401
|
/**
|
|
402
402
|
* Do not edit directly
|
|
403
|
-
* Generated on
|
|
403
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
404
404
|
*/
|
|
405
405
|
|
|
406
406
|
:root {
|
|
@@ -558,7 +558,7 @@ html {
|
|
|
558
558
|
|
|
559
559
|
/**
|
|
560
560
|
* Do not edit directly
|
|
561
|
-
* Generated on
|
|
561
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
562
562
|
*/
|
|
563
563
|
|
|
564
564
|
:root {
|
|
@@ -572,7 +572,7 @@ html {
|
|
|
572
572
|
|
|
573
573
|
/**
|
|
574
574
|
* Do not edit directly
|
|
575
|
-
* Generated on
|
|
575
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
576
576
|
*/
|
|
577
577
|
|
|
578
578
|
:root {
|
|
@@ -591,7 +591,7 @@ html {
|
|
|
591
591
|
|
|
592
592
|
/**
|
|
593
593
|
* Do not edit directly
|
|
594
|
-
* Generated on
|
|
594
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
595
595
|
*/
|
|
596
596
|
|
|
597
597
|
:root,
|
|
@@ -624,6 +624,7 @@ html {
|
|
|
624
624
|
--brand-color-neutral-muted: rgba(196,204,198,0.99608);
|
|
625
625
|
--brand-color-neutral-subtle: rgba(228,235,230,0.99608);
|
|
626
626
|
--brand-color-canvas-default: var(--base-color-scale-white-0);
|
|
627
|
+
--brand-color-canvas-invert: var(--base-color-scale-black-0);
|
|
627
628
|
--brand-color-canvas-overlay: var(--base-color-scale-white-0);
|
|
628
629
|
--brand-color-canvas-inset: var(--base-color-scale-gray-0);
|
|
629
630
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-0);
|
|
@@ -663,6 +664,7 @@ html {
|
|
|
663
664
|
--brand-color-neutral-muted: rgba(124,137,128,0.99608);
|
|
664
665
|
--brand-color-neutral-subtle: rgba(124,137,128,1);
|
|
665
666
|
--brand-color-canvas-default: var(--base-color-scale-black-0);
|
|
667
|
+
--brand-color-canvas-invert: var(--base-color-scale-white-0);
|
|
666
668
|
--brand-color-canvas-overlay: var(--base-color-scale-gray-6);
|
|
667
669
|
--brand-color-canvas-inset: var(--base-color-scale-black-0);
|
|
668
670
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-8);
|
|
@@ -691,7 +693,7 @@ html {
|
|
|
691
693
|
|
|
692
694
|
/**
|
|
693
695
|
* Do not edit directly
|
|
694
|
-
* Generated on
|
|
696
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
695
697
|
*/
|
|
696
698
|
|
|
697
699
|
:root {
|
|
@@ -718,7 +720,7 @@ html {
|
|
|
718
720
|
|
|
719
721
|
/**
|
|
720
722
|
* Do not edit directly
|
|
721
|
-
* Generated on
|
|
723
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
722
724
|
*/
|
|
723
725
|
|
|
724
726
|
:root,
|
|
@@ -1491,7 +1493,7 @@ html {
|
|
|
1491
1493
|
|
|
1492
1494
|
/**
|
|
1493
1495
|
* Do not edit directly
|
|
1494
|
-
* Generated on
|
|
1496
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
1495
1497
|
*/
|
|
1496
1498
|
|
|
1497
1499
|
:root {
|
|
@@ -1799,7 +1801,7 @@ html {
|
|
|
1799
1801
|
|
|
1800
1802
|
/**
|
|
1801
1803
|
* Do not edit directly
|
|
1802
|
-
* Generated on
|
|
1804
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
1803
1805
|
*/
|
|
1804
1806
|
|
|
1805
1807
|
:root {
|
|
@@ -5874,6 +5876,15 @@ html {
|
|
|
5874
5876
|
text-align: center;
|
|
5875
5877
|
}
|
|
5876
5878
|
|
|
5879
|
+
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
5880
|
+
text-transform: uppercase;
|
|
5881
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
5882
|
+
}
|
|
5883
|
+
|
|
5884
|
+
.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
|
|
5885
|
+
color: var(--brand-color-accent-primary);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5877
5888
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
|
|
5878
5889
|
display: inline-flex;
|
|
5879
5890
|
align-items: center;
|
|
@@ -5886,7 +5897,6 @@ html {
|
|
|
5886
5897
|
}
|
|
5887
5898
|
|
|
5888
5899
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___yWOoE {
|
|
5889
|
-
text-transform: uppercase;
|
|
5890
5900
|
font-weight: var(--brand-text-weight-500);
|
|
5891
5901
|
clip-path: inset(0 calc((1 - 1) * 100%) 0 0);
|
|
5892
5902
|
clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);
|
|
@@ -6757,7 +6767,12 @@ html {
|
|
|
6757
6767
|
}
|
|
6758
6768
|
|
|
6759
6769
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
6760
|
-
|
|
6770
|
+
--ExpandableArrow-duration: 200ms;
|
|
6771
|
+
--ExpandableArrow-easing: ease;
|
|
6772
|
+
|
|
6773
|
+
transition: transform 200ms ease;
|
|
6774
|
+
|
|
6775
|
+
transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6761
6776
|
transform: translateX(0);
|
|
6762
6777
|
}
|
|
6763
6778
|
|
|
@@ -6768,7 +6783,7 @@ html {
|
|
|
6768
6783
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
6769
6784
|
stroke-dasharray: 10;
|
|
6770
6785
|
stroke-dashoffset: 10;
|
|
6771
|
-
transition: stroke-dashoffset
|
|
6786
|
+
transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6772
6787
|
}
|
|
6773
6788
|
|
|
6774
6789
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
@@ -6785,7 +6800,7 @@ html {
|
|
|
6785
6800
|
|
|
6786
6801
|
/**
|
|
6787
6802
|
* Do not edit directly
|
|
6788
|
-
* Generated on
|
|
6803
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
6789
6804
|
*/
|
|
6790
6805
|
|
|
6791
6806
|
:root,
|
|
@@ -7122,7 +7137,7 @@ html {
|
|
|
7122
7137
|
|
|
7123
7138
|
/**
|
|
7124
7139
|
* Do not edit directly
|
|
7125
|
-
* Generated on
|
|
7140
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
7126
7141
|
*/
|
|
7127
7142
|
|
|
7128
7143
|
:root {
|
|
@@ -7143,7 +7158,7 @@ html {
|
|
|
7143
7158
|
|
|
7144
7159
|
/**
|
|
7145
7160
|
* Do not edit directly
|
|
7146
|
-
* Generated on
|
|
7161
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
7147
7162
|
*/
|
|
7148
7163
|
|
|
7149
7164
|
:root {
|
|
@@ -7509,6 +7524,7 @@ html {
|
|
|
7509
7524
|
}
|
|
7510
7525
|
|
|
7511
7526
|
.Primer_Brand__Link-module__Link--label___j8etE {
|
|
7527
|
+
color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */
|
|
7512
7528
|
font-weight: var(--base-text-weight-medium);
|
|
7513
7529
|
}
|
|
7514
7530
|
|
|
@@ -7541,7 +7557,7 @@ html {
|
|
|
7541
7557
|
|
|
7542
7558
|
/**
|
|
7543
7559
|
* Do not edit directly
|
|
7544
|
-
* Generated on
|
|
7560
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
7545
7561
|
*/
|
|
7546
7562
|
|
|
7547
7563
|
:root,
|
|
@@ -7557,7 +7573,7 @@ html {
|
|
|
7557
7573
|
|
|
7558
7574
|
/**
|
|
7559
7575
|
* Do not edit directly
|
|
7560
|
-
* Generated on
|
|
7576
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
7561
7577
|
*/
|
|
7562
7578
|
|
|
7563
7579
|
:root,
|
|
@@ -7822,14 +7838,9 @@ html {
|
|
|
7822
7838
|
}
|
|
7823
7839
|
}
|
|
7824
7840
|
|
|
7825
|
-
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
7826
|
-
text-transform: uppercase;
|
|
7827
|
-
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
7828
|
-
}
|
|
7829
|
-
|
|
7830
7841
|
/**
|
|
7831
7842
|
* Do not edit directly
|
|
7832
|
-
* Generated on
|
|
7843
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
7833
7844
|
*/
|
|
7834
7845
|
|
|
7835
7846
|
:root {
|
|
@@ -8310,6 +8321,14 @@ html {
|
|
|
8310
8321
|
gap: 0;
|
|
8311
8322
|
}
|
|
8312
8323
|
|
|
8324
|
+
@media screen and (max-width: 63.24rem) {
|
|
8325
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8326
|
+
width: 100%;
|
|
8327
|
+
max-width: 38.625rem;
|
|
8328
|
+
margin-inline: auto;
|
|
8329
|
+
}
|
|
8330
|
+
}
|
|
8331
|
+
|
|
8313
8332
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8314
8333
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8315
8334
|
content: '';
|
|
@@ -8329,7 +8348,19 @@ html {
|
|
|
8329
8348
|
bottom: 0;
|
|
8330
8349
|
}
|
|
8331
8350
|
|
|
8332
|
-
@media screen and (min-width:
|
|
8351
|
+
@media screen and (min-width: 618px) {
|
|
8352
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8353
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8354
|
+
}
|
|
8355
|
+
}
|
|
8356
|
+
|
|
8357
|
+
@media screen and (min-width: 63.25rem) {
|
|
8358
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8359
|
+
border-inline: none;
|
|
8360
|
+
}
|
|
8361
|
+
}
|
|
8362
|
+
|
|
8363
|
+
@media screen and (min-width: 1300px) {
|
|
8333
8364
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8334
8365
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8335
8366
|
}
|
|
@@ -8445,6 +8476,10 @@ html {
|
|
|
8445
8476
|
border-radius: var(--brand-borderRadius-large);
|
|
8446
8477
|
}
|
|
8447
8478
|
|
|
8479
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8480
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8481
|
+
}
|
|
8482
|
+
|
|
8448
8483
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8449
8484
|
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8450
8485
|
padding: var(--base-size-32);
|
|
@@ -8462,6 +8497,11 @@ html {
|
|
|
8462
8497
|
border-end-start-radius: 0;
|
|
8463
8498
|
border-end-end-radius: 0;
|
|
8464
8499
|
}
|
|
8500
|
+
|
|
8501
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8502
|
+
border-end-start-radius: 0;
|
|
8503
|
+
border-end-end-radius: 0;
|
|
8504
|
+
}
|
|
8465
8505
|
}
|
|
8466
8506
|
|
|
8467
8507
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
@@ -8476,6 +8516,11 @@ html {
|
|
|
8476
8516
|
border-end-start-radius: 0;
|
|
8477
8517
|
border-end-end-radius: 0;
|
|
8478
8518
|
}
|
|
8519
|
+
|
|
8520
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8521
|
+
border-end-start-radius: 0;
|
|
8522
|
+
border-end-end-radius: 0;
|
|
8523
|
+
}
|
|
8479
8524
|
}
|
|
8480
8525
|
|
|
8481
8526
|
@media screen and (min-width: 63.25rem) {
|
|
@@ -8492,181 +8537,721 @@ html {
|
|
|
8492
8537
|
border-end-end-radius: 0;
|
|
8493
8538
|
}
|
|
8494
8539
|
|
|
8540
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8541
|
+
border-end-start-radius: 0;
|
|
8542
|
+
border-end-end-radius: 0;
|
|
8543
|
+
}
|
|
8544
|
+
|
|
8495
8545
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
8496
8546
|
border-radius: 0;
|
|
8497
8547
|
}
|
|
8498
8548
|
}
|
|
8499
8549
|
|
|
8500
|
-
.
|
|
8501
|
-
|
|
8502
|
-
|
|
8503
|
-
|
|
8550
|
+
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
8551
|
+
box-sizing: content-box;
|
|
8552
|
+
padding: 0;
|
|
8553
|
+
}
|
|
8504
8554
|
|
|
8505
|
-
|
|
8506
|
-
|
|
8507
|
-
*/
|
|
8508
|
-
--visualMaxWidth: 1032px;
|
|
8509
|
-
--visualMaxWidthUL: 1032;
|
|
8510
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
8511
|
-
--visualMaxHeightUL: 690;
|
|
8512
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8513
|
-
position: relative;
|
|
8555
|
+
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
8556
|
+
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
8514
8557
|
}
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
8518
|
-
|
|
8558
|
+
|
|
8559
|
+
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
8560
|
+
width: var(--base-size-20);
|
|
8561
|
+
height: var(--base-size-20);
|
|
8519
8562
|
}
|
|
8520
8563
|
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
|
|
8524
|
-
}
|
|
8564
|
+
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
8565
|
+
width: var(--base-size-24);
|
|
8566
|
+
height: var(--base-size-24);
|
|
8525
8567
|
}
|
|
8526
8568
|
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
|
|
8530
|
-
}
|
|
8569
|
+
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
8570
|
+
width: var(--base-size-28);
|
|
8571
|
+
height: var(--base-size-28);
|
|
8531
8572
|
}
|
|
8532
8573
|
|
|
8533
|
-
.
|
|
8534
|
-
|
|
8574
|
+
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
8575
|
+
width: var(--base-size-32);
|
|
8576
|
+
height: var(--base-size-32);
|
|
8535
8577
|
}
|
|
8536
8578
|
|
|
8537
|
-
.
|
|
8538
|
-
|
|
8539
|
-
|
|
8540
|
-
width: 100%;
|
|
8579
|
+
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
8580
|
+
width: var(--base-size-36);
|
|
8581
|
+
height: var(--base-size-36);
|
|
8541
8582
|
}
|
|
8542
8583
|
|
|
8543
|
-
.
|
|
8544
|
-
|
|
8545
|
-
|
|
8546
|
-
width: auto;
|
|
8547
|
-
z-index: 10;
|
|
8548
|
-
position: relative;
|
|
8549
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8584
|
+
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
8585
|
+
width: var(--base-size-40);
|
|
8586
|
+
height: var(--base-size-40);
|
|
8550
8587
|
}
|
|
8551
8588
|
|
|
8552
|
-
.
|
|
8553
|
-
|
|
8554
|
-
|
|
8589
|
+
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
8590
|
+
width: var(--base-size-44);
|
|
8591
|
+
height: var(--base-size-44);
|
|
8555
8592
|
}
|
|
8556
8593
|
|
|
8557
|
-
.
|
|
8558
|
-
|
|
8559
|
-
|
|
8594
|
+
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
8595
|
+
padding: var(--base-size-12);
|
|
8596
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
8560
8597
|
}
|
|
8561
8598
|
|
|
8562
|
-
|
|
8563
|
-
|
|
8564
|
-
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
8565
|
-
}
|
|
8599
|
+
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
8600
|
+
color: var(--brand-Icon-color-default);
|
|
8566
8601
|
}
|
|
8567
8602
|
|
|
8568
|
-
|
|
8569
|
-
|
|
8570
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
8571
|
-
}
|
|
8603
|
+
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
8604
|
+
background-color: var(--brand-Icon-background-default);
|
|
8572
8605
|
}
|
|
8573
8606
|
|
|
8574
|
-
|
|
8575
|
-
|
|
8576
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
8577
|
-
}
|
|
8607
|
+
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
8608
|
+
color: var(--brand-Icon-color-blue);
|
|
8578
8609
|
}
|
|
8579
8610
|
|
|
8580
|
-
|
|
8581
|
-
|
|
8582
|
-
--scrollTextHeight: 42vh;
|
|
8583
|
-
}
|
|
8611
|
+
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
8612
|
+
background-color: var(--brand-Icon-background-blue);
|
|
8584
8613
|
}
|
|
8585
8614
|
|
|
8586
|
-
|
|
8587
|
-
|
|
8588
|
-
--scrollTextHeight: 70vh;
|
|
8589
|
-
}
|
|
8615
|
+
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
8616
|
+
color: var(--brand-Icon-color-coral);
|
|
8590
8617
|
}
|
|
8591
8618
|
|
|
8592
|
-
|
|
8593
|
-
|
|
8594
|
-
--stackDistance: -30px;
|
|
8595
|
-
}
|
|
8619
|
+
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
8620
|
+
background-color: var(--brand-Icon-background-coral);
|
|
8596
8621
|
}
|
|
8597
8622
|
|
|
8598
|
-
|
|
8599
|
-
|
|
8600
|
-
--stackDistance: -20px;
|
|
8601
|
-
}
|
|
8623
|
+
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
8624
|
+
color: var(--brand-Icon-color-green);
|
|
8602
8625
|
}
|
|
8603
8626
|
|
|
8604
|
-
|
|
8605
|
-
|
|
8606
|
-
--stackDistance: -15px;
|
|
8607
|
-
}
|
|
8627
|
+
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
8628
|
+
background-color: var(--brand-Icon-background-green);
|
|
8608
8629
|
}
|
|
8609
8630
|
|
|
8610
|
-
|
|
8611
|
-
|
|
8612
|
-
|
|
8631
|
+
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
8632
|
+
color: var(--brand-Icon-color-gray);
|
|
8633
|
+
}
|
|
8613
8634
|
|
|
8614
|
-
|
|
8615
|
-
|
|
8616
|
-
|
|
8617
|
-
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
8618
|
-
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
8619
|
-
--scrollTextHeight: 58vh;
|
|
8620
|
-
--textToVisualPadding: max(5vh, 40px);
|
|
8635
|
+
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
8636
|
+
background-color: var(--brand-Icon-background-gray);
|
|
8637
|
+
}
|
|
8621
8638
|
|
|
8622
|
-
|
|
8623
|
-
|
|
8639
|
+
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
8640
|
+
color: var(--brand-Icon-color-indigo);
|
|
8641
|
+
}
|
|
8624
8642
|
|
|
8625
|
-
|
|
8626
|
-
|
|
8643
|
+
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
8644
|
+
background-color: var(--brand-Icon-background-indigo);
|
|
8645
|
+
}
|
|
8627
8646
|
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
|
|
8631
|
-
height: 100dvh;
|
|
8632
|
-
}
|
|
8633
|
-
}
|
|
8647
|
+
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
8648
|
+
color: var(--brand-Icon-color-lemon);
|
|
8649
|
+
}
|
|
8634
8650
|
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
|
|
8638
|
-
height: 100%;
|
|
8639
|
-
left: 0;
|
|
8640
|
-
top: 0;
|
|
8641
|
-
}
|
|
8651
|
+
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
8652
|
+
background-color: var(--brand-Icon-background-lemon);
|
|
8653
|
+
}
|
|
8642
8654
|
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
|
|
8646
|
-
transition: opacity 0.3s var(--ease);
|
|
8647
|
-
}
|
|
8655
|
+
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
8656
|
+
color: var(--brand-Icon-color-lime);
|
|
8657
|
+
}
|
|
8648
8658
|
|
|
8649
|
-
|
|
8650
|
-
|
|
8651
|
-
|
|
8659
|
+
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
8660
|
+
background-color: var(--brand-Icon-background-lime);
|
|
8661
|
+
}
|
|
8652
8662
|
|
|
8653
|
-
|
|
8654
|
-
|
|
8655
|
-
|
|
8663
|
+
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
8664
|
+
color: var(--brand-Icon-color-orange);
|
|
8665
|
+
}
|
|
8656
8666
|
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
|
|
8660
|
-
margin-left: auto;
|
|
8661
|
-
margin-right: auto;
|
|
8662
|
-
padding-right: var(--storyScrollPadding);
|
|
8663
|
-
padding-left: var(--storyScrollPadding);
|
|
8664
|
-
}
|
|
8667
|
+
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
8668
|
+
background-color: var(--brand-Icon-background-orange);
|
|
8669
|
+
}
|
|
8665
8670
|
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
|
|
8669
|
-
|
|
8671
|
+
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
8672
|
+
color: var(--brand-Icon-color-pink);
|
|
8673
|
+
}
|
|
8674
|
+
|
|
8675
|
+
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
8676
|
+
background-color: var(--brand-Icon-background-pink);
|
|
8677
|
+
}
|
|
8678
|
+
|
|
8679
|
+
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
8680
|
+
color: var(--brand-Icon-color-purple);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
8684
|
+
background-color: var(--brand-Icon-background-purple);
|
|
8685
|
+
}
|
|
8686
|
+
|
|
8687
|
+
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
8688
|
+
color: var(--brand-Icon-color-red);
|
|
8689
|
+
}
|
|
8690
|
+
|
|
8691
|
+
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
8692
|
+
background-color: var(--brand-Icon-background-red);
|
|
8693
|
+
}
|
|
8694
|
+
|
|
8695
|
+
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
8696
|
+
color: var(--brand-Icon-color-teal);
|
|
8697
|
+
}
|
|
8698
|
+
|
|
8699
|
+
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
8700
|
+
background-color: var(--brand-Icon-background-teal);
|
|
8701
|
+
}
|
|
8702
|
+
|
|
8703
|
+
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
8704
|
+
color: var(--brand-Icon-color-yellow);
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
8708
|
+
background-color: var(--brand-Icon-background-yellow);
|
|
8709
|
+
}
|
|
8710
|
+
|
|
8711
|
+
/**
|
|
8712
|
+
* Do not edit directly
|
|
8713
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
8714
|
+
*/
|
|
8715
|
+
|
|
8716
|
+
:root {
|
|
8717
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8718
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8719
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8720
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8721
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8722
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8723
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8724
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8725
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8726
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8727
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8728
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8729
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8730
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8731
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8732
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8733
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8734
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8735
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8736
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8737
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8738
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8739
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8740
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8741
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8742
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8743
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8744
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8747
|
+
/**
|
|
8748
|
+
* Do not edit directly
|
|
8749
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
8750
|
+
*/
|
|
8751
|
+
|
|
8752
|
+
:root,
|
|
8753
|
+
[data-color-mode="light"] {
|
|
8754
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8755
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8756
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8757
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8758
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8759
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8760
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8761
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8762
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8763
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8764
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8765
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8766
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8767
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8768
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8769
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8770
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8771
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8772
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8773
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8774
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8775
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8776
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8777
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8778
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8779
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8780
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8781
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
[data-color-mode="dark"] {
|
|
8785
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8786
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
8787
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
8788
|
+
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
8789
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
8790
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
8791
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
8792
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
8793
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
8794
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
8795
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
8796
|
+
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
8797
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
8798
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
8799
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8800
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
8801
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
8802
|
+
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
8803
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
8804
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
8805
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
8806
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
8807
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
8808
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
8809
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
8810
|
+
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
8811
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
8812
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
8813
|
+
}
|
|
8814
|
+
|
|
8815
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8816
|
+
--river-breakout-tabs-columns: 1;
|
|
8817
|
+
}
|
|
8818
|
+
|
|
8819
|
+
@media screen and (max-width: 63.24rem) {
|
|
8820
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8821
|
+
width: 100%;
|
|
8822
|
+
max-width: 38.625rem;
|
|
8823
|
+
margin-inline: auto;
|
|
8824
|
+
}
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8828
|
+
display: flex;
|
|
8829
|
+
flex-direction: column;
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabList___xlU3i {
|
|
8833
|
+
display: flex;
|
|
8834
|
+
flex-direction: column;
|
|
8835
|
+
padding-block-end: var(--base-size-80);
|
|
8836
|
+
}
|
|
8837
|
+
|
|
8838
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisuals___hDA4K {
|
|
8839
|
+
order: 1;
|
|
8840
|
+
margin-block-end: var(--base-size-36);
|
|
8841
|
+
width: 100%;
|
|
8842
|
+
}
|
|
8843
|
+
|
|
8844
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisuals___yL4Ev {
|
|
8845
|
+
margin-block-end: var(--base-size-16);
|
|
8846
|
+
width: 100%;
|
|
8847
|
+
}
|
|
8848
|
+
|
|
8849
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_ {
|
|
8850
|
+
min-width: 0;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 video, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU video {
|
|
8854
|
+
display: block;
|
|
8855
|
+
max-width: 100%;
|
|
8856
|
+
}
|
|
8857
|
+
|
|
8858
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 [class*='River__visual--rounded'] {
|
|
8859
|
+
border-radius: var(--brand-borderRadius-small);
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_[hidden] {
|
|
8863
|
+
display: none;
|
|
8864
|
+
}
|
|
8865
|
+
|
|
8866
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tablist___f5FNH {
|
|
8867
|
+
order: 2;
|
|
8868
|
+
display: grid;
|
|
8869
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8870
|
+
grid-gap: var(--base-size-40);
|
|
8871
|
+
gap: var(--base-size-40);
|
|
8872
|
+
}
|
|
8873
|
+
|
|
8874
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActions___iCX6R {
|
|
8875
|
+
order: 3;
|
|
8876
|
+
display: grid;
|
|
8877
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8878
|
+
grid-gap: var(--base-size-40);
|
|
8879
|
+
gap: var(--base-size-40);
|
|
8880
|
+
}
|
|
8881
|
+
|
|
8882
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq {
|
|
8883
|
+
position: relative;
|
|
8884
|
+
min-width: 0;
|
|
8885
|
+
display: flex;
|
|
8886
|
+
flex-direction: column;
|
|
8887
|
+
align-items: flex-start;
|
|
8888
|
+
}
|
|
8889
|
+
|
|
8890
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq::before {
|
|
8891
|
+
content: '';
|
|
8892
|
+
position: absolute;
|
|
8893
|
+
inset-block-start: 0;
|
|
8894
|
+
inset-inline: 0;
|
|
8895
|
+
height: var(--brand-borderWidth-thin);
|
|
8896
|
+
transform: scaleY(1);
|
|
8897
|
+
transform-origin: 50% 0;
|
|
8898
|
+
background-color: var(--brand-color-border-muted);
|
|
8899
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
8900
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
8901
|
+
}
|
|
8902
|
+
|
|
8903
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
8904
|
+
transform: scaleY(2);
|
|
8905
|
+
background-color: var(--brand-color-accent-primary);
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
@media screen and (min-width: 63.25rem) and (hover: hover) and (pointer: fine) {
|
|
8909
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq:hover::before {
|
|
8910
|
+
transform: scaleY(2);
|
|
8911
|
+
background-color: var(--brand-color-accent-primary);
|
|
8912
|
+
}
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8916
|
+
margin: 0;
|
|
8917
|
+
color: var(--brand-color-text-muted);
|
|
8918
|
+
}
|
|
8919
|
+
|
|
8920
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8921
|
+
color: var(--brand-color-text-default);
|
|
8922
|
+
}
|
|
8923
|
+
|
|
8924
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__icon___Xr8op {
|
|
8925
|
+
display: inline-flex;
|
|
8926
|
+
align-items: center;
|
|
8927
|
+
justify-content: center;
|
|
8928
|
+
}
|
|
8929
|
+
|
|
8930
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA {
|
|
8931
|
+
width: 100%;
|
|
8932
|
+
border: 0;
|
|
8933
|
+
background: transparent;
|
|
8934
|
+
color: inherit;
|
|
8935
|
+
font: inherit;
|
|
8936
|
+
text-align: left;
|
|
8937
|
+
padding-block-start: var(--base-size-28);
|
|
8938
|
+
display: flex;
|
|
8939
|
+
flex-direction: column;
|
|
8940
|
+
align-items: flex-start;
|
|
8941
|
+
gap: var(--base-size-20);
|
|
8942
|
+
cursor: pointer;
|
|
8943
|
+
outline: none;
|
|
8944
|
+
padding-inline: 0;
|
|
8945
|
+
}
|
|
8946
|
+
|
|
8947
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA:focus-visible {
|
|
8948
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
8949
|
+
outline-offset: var(--base-size-4);
|
|
8950
|
+
}
|
|
8951
|
+
|
|
8952
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tabHeading___cEwLt {
|
|
8953
|
+
margin: 0;
|
|
8954
|
+
}
|
|
8955
|
+
|
|
8956
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListContent___D9V9I {
|
|
8957
|
+
display: flex;
|
|
8958
|
+
flex-direction: column;
|
|
8959
|
+
align-items: flex-start;
|
|
8960
|
+
gap: var(--base-size-12);
|
|
8961
|
+
}
|
|
8962
|
+
|
|
8963
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListAction___SaBmu {
|
|
8964
|
+
color: var(--brand-Link-color-accent);
|
|
8965
|
+
font-weight: var(--base-text-weight-medium);
|
|
8966
|
+
-webkit-text-decoration: none;
|
|
8967
|
+
text-decoration: none;
|
|
8968
|
+
}
|
|
8969
|
+
|
|
8970
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActionItem___q6pS2 {
|
|
8971
|
+
margin-block-start: var(--base-size-12);
|
|
8972
|
+
}
|
|
8973
|
+
|
|
8974
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__content___LpEoz {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
flex-direction: column;
|
|
8977
|
+
align-items: flex-start;
|
|
8978
|
+
gap: var(--base-size-12);
|
|
8979
|
+
}
|
|
8980
|
+
|
|
8981
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
8982
|
+
-webkit-text-decoration: none;
|
|
8983
|
+
text-decoration: none;
|
|
8984
|
+
}
|
|
8985
|
+
|
|
8986
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8987
|
+
padding-block-end: var(--base-size-40);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr {
|
|
8991
|
+
display: flex;
|
|
8992
|
+
flex-direction: column;
|
|
8993
|
+
align-items: flex-start;
|
|
8994
|
+
gap: var(--base-size-12);
|
|
8995
|
+
}
|
|
8996
|
+
|
|
8997
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5,
|
|
8998
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 > span {
|
|
8999
|
+
color: var(--brand-Link-color-accent);
|
|
9000
|
+
font-weight: var(--base-text-weight-medium);
|
|
9001
|
+
}
|
|
9002
|
+
|
|
9003
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
9004
|
+
-webkit-text-decoration: none;
|
|
9005
|
+
text-decoration: none;
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o {
|
|
9009
|
+
border-top: none;
|
|
9010
|
+
}
|
|
9011
|
+
|
|
9012
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::after {
|
|
9013
|
+
display: none;
|
|
9014
|
+
}
|
|
9015
|
+
|
|
9016
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::before {
|
|
9017
|
+
content: '';
|
|
9018
|
+
position: absolute;
|
|
9019
|
+
inset-block-start: 0;
|
|
9020
|
+
inset-inline: 0;
|
|
9021
|
+
height: var(--brand-borderWidth-thin);
|
|
9022
|
+
transform: scaleY(1);
|
|
9023
|
+
transform-origin: 50% 0;
|
|
9024
|
+
background-color: var(--brand-color-border-muted);
|
|
9025
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
9026
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
9027
|
+
}
|
|
9028
|
+
|
|
9029
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
9030
|
+
transform: scaleY(2);
|
|
9031
|
+
background-color: var(--brand-color-accent-primary);
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9034
|
+
@media (hover: hover) and (pointer: fine) {
|
|
9035
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o:hover::before {
|
|
9036
|
+
transform: scaleY(2);
|
|
9037
|
+
background-color: var(--brand-color-accent-primary);
|
|
9038
|
+
}
|
|
9039
|
+
}
|
|
9040
|
+
|
|
9041
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeading___RiuA9 {
|
|
9042
|
+
color: var(--brand-color-text-default);
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeadingInner___vvOjI {
|
|
9046
|
+
display: inline-flex;
|
|
9047
|
+
flex-direction: column;
|
|
9048
|
+
align-items: flex-start;
|
|
9049
|
+
gap: var(--base-size-12);
|
|
9050
|
+
}
|
|
9051
|
+
|
|
9052
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionIcon___pslaZ {
|
|
9053
|
+
flex-shrink: 0;
|
|
9054
|
+
}
|
|
9055
|
+
|
|
9056
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionLabel___gIy1N {
|
|
9057
|
+
display: inline-flex;
|
|
9058
|
+
align-items: center;
|
|
9059
|
+
}
|
|
9060
|
+
|
|
9061
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionPanel___EqiKL {
|
|
9062
|
+
display: flex;
|
|
9063
|
+
flex-direction: column;
|
|
9064
|
+
gap: var(--base-size-24);
|
|
9065
|
+
}
|
|
9066
|
+
|
|
9067
|
+
@media screen and (min-width: 618px) {
|
|
9068
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9069
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9070
|
+
}
|
|
9071
|
+
}
|
|
9072
|
+
|
|
9073
|
+
@media screen and (min-width: 63.25rem) {
|
|
9074
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9075
|
+
border-inline: none;
|
|
9076
|
+
}
|
|
9077
|
+
}
|
|
9078
|
+
|
|
9079
|
+
@media screen and (min-width: 1300px) {
|
|
9080
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9081
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9082
|
+
}
|
|
9083
|
+
}
|
|
9084
|
+
|
|
9085
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9086
|
+
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
9087
|
+
-webkit-font-smoothing: antialiased;
|
|
9088
|
+
--stackDistance: calc(var(--base-size-24) * -1);
|
|
9089
|
+
|
|
9090
|
+
/* River visual (videos)
|
|
9091
|
+
* UL = unit-less, needed for division in certain scenarios
|
|
9092
|
+
*/
|
|
9093
|
+
--visualMaxWidth: 1032px;
|
|
9094
|
+
--visualMaxWidthUL: 1032;
|
|
9095
|
+
--visualMaxHeight: min(690px, 60vh);
|
|
9096
|
+
--visualMaxHeightUL: 690;
|
|
9097
|
+
--storyScrollPadding: min(32px, 5vw);
|
|
9098
|
+
position: relative;
|
|
9099
|
+
}
|
|
9100
|
+
@media (max-height: 720px) {
|
|
9101
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9102
|
+
--visualMaxHeight: 55vh;
|
|
9103
|
+
}
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
@media (max-height: 600px) {
|
|
9107
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9108
|
+
--visualMaxHeight: 50vh;
|
|
9109
|
+
}
|
|
9110
|
+
}
|
|
9111
|
+
|
|
9112
|
+
@media (max-height: 500px) {
|
|
9113
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9114
|
+
--visualMaxHeight: 40vh;
|
|
9115
|
+
}
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9118
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
|
|
9119
|
+
position: relative;
|
|
9120
|
+
}
|
|
9121
|
+
|
|
9122
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
|
|
9123
|
+
position: absolute;
|
|
9124
|
+
left: 0;
|
|
9125
|
+
width: 100%;
|
|
9126
|
+
}
|
|
9127
|
+
|
|
9128
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9129
|
+
margin-left: auto;
|
|
9130
|
+
margin-right: auto;
|
|
9131
|
+
width: auto;
|
|
9132
|
+
z-index: 10;
|
|
9133
|
+
position: relative;
|
|
9134
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9135
|
+
}
|
|
9136
|
+
|
|
9137
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
|
|
9138
|
+
grid-template-columns: 1fr;
|
|
9139
|
+
gap: 0;
|
|
9140
|
+
}
|
|
9141
|
+
|
|
9142
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
|
|
9143
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
|
|
9144
|
+
display: none;
|
|
9145
|
+
}
|
|
9146
|
+
|
|
9147
|
+
@media (max-width: 542px) {
|
|
9148
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9149
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
9150
|
+
}
|
|
9151
|
+
}
|
|
9152
|
+
|
|
9153
|
+
@media (max-width: 768px) and (min-height: 670px) {
|
|
9154
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9155
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
9158
|
+
|
|
9159
|
+
@media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
|
|
9160
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9161
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
9162
|
+
}
|
|
9163
|
+
}
|
|
9164
|
+
|
|
9165
|
+
@media (min-width: 542px) {
|
|
9166
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9167
|
+
--scrollTextHeight: 42vh;
|
|
9168
|
+
}
|
|
9169
|
+
}
|
|
9170
|
+
|
|
9171
|
+
@media (max-height: 520px) {
|
|
9172
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9173
|
+
--scrollTextHeight: 70vh;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
@media (min-width: 1028px) {
|
|
9178
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9179
|
+
--stackDistance: -30px;
|
|
9180
|
+
}
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
@media (max-height: 800px) {
|
|
9184
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9185
|
+
--stackDistance: -20px;
|
|
9186
|
+
}
|
|
9187
|
+
}
|
|
9188
|
+
|
|
9189
|
+
@media (max-height: 500px) {
|
|
9190
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9191
|
+
--stackDistance: -15px;
|
|
9192
|
+
}
|
|
9193
|
+
}
|
|
9194
|
+
|
|
9195
|
+
@media screen and (max-width: 768px) {
|
|
9196
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9197
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 3);
|
|
9198
|
+
|
|
9199
|
+
/* Spacing above the visual */
|
|
9200
|
+
--availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
|
|
9201
|
+
--relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
|
|
9202
|
+
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
9203
|
+
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
9204
|
+
--scrollTextHeight: 58vh;
|
|
9205
|
+
--textToVisualPadding: max(5vh, 40px);
|
|
9206
|
+
|
|
9207
|
+
--topScrollOffset: calc(var(--visualHeight));
|
|
9208
|
+
--bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
|
|
9209
|
+
|
|
9210
|
+
--extraBottomSpacing: 70px;
|
|
9211
|
+
}
|
|
9212
|
+
|
|
9213
|
+
/* Enhanced styling if dvh is supported */
|
|
9214
|
+
@supports (height: 100dvh) {
|
|
9215
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9216
|
+
height: 100dvh;
|
|
9217
|
+
}
|
|
9218
|
+
}
|
|
9219
|
+
|
|
9220
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
|
|
9221
|
+
position: absolute;
|
|
9222
|
+
width: 100%;
|
|
9223
|
+
height: 100%;
|
|
9224
|
+
left: 0;
|
|
9225
|
+
top: 0;
|
|
9226
|
+
}
|
|
9227
|
+
|
|
9228
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
|
|
9229
|
+
min-height: var(--scrollTextHeight);
|
|
9230
|
+
position: relative;
|
|
9231
|
+
transition: opacity 0.3s var(--ease);
|
|
9232
|
+
}
|
|
9233
|
+
|
|
9234
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
|
|
9235
|
+
opacity: 0;
|
|
9236
|
+
}
|
|
9237
|
+
|
|
9238
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
|
|
9239
|
+
opacity: 0;
|
|
9240
|
+
}
|
|
9241
|
+
|
|
9242
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9243
|
+
max-width: calc(1032px + var(--storyScrollPadding) * 2);
|
|
9244
|
+
margin-top: min(30vw, 22vh);
|
|
9245
|
+
margin-left: auto;
|
|
9246
|
+
margin-right: auto;
|
|
9247
|
+
padding-right: var(--storyScrollPadding);
|
|
9248
|
+
padding-left: var(--storyScrollPadding);
|
|
9249
|
+
}
|
|
9250
|
+
|
|
9251
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
|
|
9252
|
+
padding-top: var(--topScrollOffset);
|
|
9253
|
+
padding-bottom: var(--bottomScrollOffset);
|
|
9254
|
+
}
|
|
8670
9255
|
|
|
8671
9256
|
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
8672
9257
|
height: auto;
|
|
@@ -8983,7 +9568,7 @@ html {
|
|
|
8983
9568
|
|
|
8984
9569
|
/**
|
|
8985
9570
|
* Do not edit directly
|
|
8986
|
-
* Generated on
|
|
9571
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
8987
9572
|
*/
|
|
8988
9573
|
|
|
8989
9574
|
:root,
|
|
@@ -9751,7 +10336,7 @@ html {
|
|
|
9751
10336
|
|
|
9752
10337
|
/**
|
|
9753
10338
|
* Do not edit directly
|
|
9754
|
-
* Generated on
|
|
10339
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
9755
10340
|
*/
|
|
9756
10341
|
|
|
9757
10342
|
:root,
|
|
@@ -9766,89 +10351,259 @@ html {
|
|
|
9766
10351
|
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
|
|
9767
10352
|
}
|
|
9768
10353
|
|
|
9769
|
-
[data-color-mode="dark"] {
|
|
9770
|
-
--brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
|
|
9771
|
-
--brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
|
|
9772
|
-
--brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
|
|
9773
|
-
--brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
|
|
9774
|
-
--brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
|
|
9775
|
-
--brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
|
|
9776
|
-
--brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
|
|
9777
|
-
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
|
|
10354
|
+
[data-color-mode="dark"] {
|
|
10355
|
+
--brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
|
|
10356
|
+
--brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
|
|
10357
|
+
--brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
|
|
10358
|
+
--brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
|
|
10359
|
+
--brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
|
|
10360
|
+
--brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
|
|
10361
|
+
--brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
|
|
10362
|
+
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
|
|
10363
|
+
}
|
|
10364
|
+
|
|
10365
|
+
/**
|
|
10366
|
+
* Do not edit directly
|
|
10367
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
10368
|
+
*/
|
|
10369
|
+
|
|
10370
|
+
:root,
|
|
10371
|
+
[data-color-mode="light"] {
|
|
10372
|
+
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
10373
|
+
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10374
|
+
}
|
|
10375
|
+
|
|
10376
|
+
[data-color-mode="dark"] {
|
|
10377
|
+
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
10378
|
+
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10379
|
+
}
|
|
10380
|
+
|
|
10381
|
+
/**
|
|
10382
|
+
* Do not edit directly
|
|
10383
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
10384
|
+
*/
|
|
10385
|
+
|
|
10386
|
+
:root {
|
|
10387
|
+
--brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
|
|
10388
|
+
}
|
|
10389
|
+
|
|
10390
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama {
|
|
10391
|
+
position: relative;
|
|
10392
|
+
-webkit-text-decoration: underline;
|
|
10393
|
+
text-decoration: underline;
|
|
10394
|
+
text-decoration-color: var(--brand-InlineLink-color-rest);
|
|
10395
|
+
text-decoration-thickness: var(--brand-borderWidth-thin);
|
|
10396
|
+
text-underline-position: under;
|
|
10397
|
+
transition: var(--brand-InlineLink-transition-timing) text-decoration;
|
|
10398
|
+
}
|
|
10399
|
+
|
|
10400
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
|
|
10401
|
+
text-decoration-thickness: var(--brand-borderWidth-thick);
|
|
10402
|
+
}
|
|
10403
|
+
|
|
10404
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama,
|
|
10405
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
|
|
10406
|
+
font-size: inherit;
|
|
10407
|
+
font-weight: inherit;
|
|
10408
|
+
line-height: inherit;
|
|
10409
|
+
color: var(--brand-InlineLink-color-rest);
|
|
10410
|
+
}
|
|
10411
|
+
|
|
10412
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
|
|
10413
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
|
|
10414
|
+
color: var(--brand-InlineLink-color-pressed);
|
|
10415
|
+
}
|
|
10416
|
+
|
|
10417
|
+
[data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
|
|
10418
|
+
-webkit-font-smoothing: subpixel-antialiased;
|
|
10419
|
+
-moz-osx-font-smoothing: auto;
|
|
10420
|
+
}
|
|
10421
|
+
|
|
10422
|
+
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
10423
|
+
@media (prefers-reduced-motion: reduce) {
|
|
10424
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama,
|
|
10425
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
10426
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
10427
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
10428
|
+
animation: none !important;
|
|
10429
|
+
transition: none !important;
|
|
10430
|
+
scroll-behavior: auto !important;
|
|
10431
|
+
}
|
|
10432
|
+
}
|
|
10433
|
+
|
|
10434
|
+
/**
|
|
10435
|
+
* Do not edit directly
|
|
10436
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
10437
|
+
*/
|
|
10438
|
+
|
|
10439
|
+
:root,
|
|
10440
|
+
[data-color-mode="light"] {
|
|
10441
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-0);
|
|
10442
|
+
--brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-8);
|
|
10443
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10444
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
|
|
10445
|
+
--brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-7);
|
|
10446
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10447
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10448
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10449
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10450
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10451
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10452
|
+
--brand-Token-fgColor-default: var(--brand-color-text-default);
|
|
10453
|
+
--brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
|
|
10454
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10455
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10456
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10457
|
+
}
|
|
10458
|
+
|
|
10459
|
+
[data-color-mode="dark"] {
|
|
10460
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-5);
|
|
10461
|
+
--brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-7);
|
|
10462
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10463
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
|
|
10464
|
+
--brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-6);
|
|
10465
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10466
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10467
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10468
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10469
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10470
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10471
|
+
--brand-Token-fgColor-default: var(--brand-color-text-muted);
|
|
10472
|
+
--brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
|
|
10473
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10474
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10475
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10476
|
+
}
|
|
10477
|
+
|
|
10478
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10479
|
+
align-items: center;
|
|
10480
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
10481
|
+
border-radius: var(--brand-borderRadius-small);
|
|
10482
|
+
display: inline-flex;
|
|
10483
|
+
gap: var(--base-size-8);
|
|
10484
|
+
min-width: 0;
|
|
10485
|
+
max-width: 100%;
|
|
10486
|
+
padding-inline: var(--base-size-8);
|
|
10487
|
+
padding-block: var(--base-size-6);
|
|
10488
|
+
padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
|
|
10489
|
+
vertical-align: middle;
|
|
10490
|
+
}
|
|
10491
|
+
|
|
10492
|
+
.Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
|
|
10493
|
+
padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10494
|
+
padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10495
|
+
}
|
|
10496
|
+
|
|
10497
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk {
|
|
10498
|
+
cursor: pointer;
|
|
10499
|
+
-webkit-text-decoration: none;
|
|
10500
|
+
text-decoration: none;
|
|
10501
|
+
}
|
|
10502
|
+
|
|
10503
|
+
[data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
|
|
10504
|
+
-webkit-font-smoothing: antialiased;
|
|
10505
|
+
-moz-osx-font-smoothing: auto;
|
|
10506
|
+
}
|
|
10507
|
+
|
|
10508
|
+
.Primer_Brand__Token-module__Token--variant-default___NBxMW {
|
|
10509
|
+
background-color: var(--brand-Token-bgColor-default);
|
|
10510
|
+
color: var(--brand-Token-fgColor-default);
|
|
10511
|
+
}
|
|
10512
|
+
|
|
10513
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
|
|
10514
|
+
background-color: var(--brand-Token-bgColor-hover-default);
|
|
10515
|
+
}
|
|
10516
|
+
|
|
10517
|
+
.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG {
|
|
10518
|
+
background-color: var(--brand-Token-bgColor-dark-gray);
|
|
10519
|
+
color: var(--brand-Token-fgColor-dark-gray);
|
|
10520
|
+
}
|
|
10521
|
+
|
|
10522
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG:hover {
|
|
10523
|
+
background-color: var(--brand-Token-bgColor-hover-dark-gray);
|
|
10524
|
+
}
|
|
10525
|
+
|
|
10526
|
+
.Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
|
|
10527
|
+
background-color: var(--brand-Token-bgColor-accent);
|
|
10528
|
+
color: var(--brand-Token-fgColor-accent);
|
|
10529
|
+
}
|
|
10530
|
+
|
|
10531
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
|
|
10532
|
+
background-color: var(--brand-Token-bgColor-hover-accent);
|
|
9778
10533
|
}
|
|
9779
10534
|
|
|
9780
|
-
|
|
9781
|
-
|
|
9782
|
-
|
|
9783
|
-
|
|
10535
|
+
.Primer_Brand__Token-module__Token--variant-outline___X52wp {
|
|
10536
|
+
background-color: var(--brand-Token-bgColor-outline);
|
|
10537
|
+
border-color: var(--brand-Token-border-outline);
|
|
10538
|
+
color: var(--brand-Token-fgColor-outline);
|
|
10539
|
+
}
|
|
9784
10540
|
|
|
9785
|
-
:
|
|
9786
|
-
|
|
9787
|
-
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
9788
|
-
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10541
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
|
|
10542
|
+
background-color: var(--brand-Token-bgColor-hover-outline);
|
|
9789
10543
|
}
|
|
9790
10544
|
|
|
9791
|
-
|
|
9792
|
-
|
|
9793
|
-
|
|
10545
|
+
.Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
|
|
10546
|
+
background-color: transparent;
|
|
10547
|
+
color: var(--brand-Token-fgColor-invisible);
|
|
9794
10548
|
}
|
|
9795
10549
|
|
|
9796
|
-
|
|
9797
|
-
|
|
9798
|
-
|
|
9799
|
-
*/
|
|
10550
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
|
|
10551
|
+
background-color: var(--brand-Token-bgColor-hover-invisible);
|
|
10552
|
+
}
|
|
9800
10553
|
|
|
9801
|
-
|
|
9802
|
-
|
|
10554
|
+
.Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10555
|
+
display: block;
|
|
10556
|
+
flex: 1 1 auto;
|
|
10557
|
+
min-width: 0;
|
|
10558
|
+
overflow: hidden;
|
|
10559
|
+
text-overflow: ellipsis;
|
|
10560
|
+
text-transform: uppercase;
|
|
10561
|
+
font-weight: var(--base-text-weight-normal);
|
|
10562
|
+
line-height: 0.85;
|
|
10563
|
+
white-space: nowrap;
|
|
9803
10564
|
}
|
|
9804
10565
|
|
|
9805
|
-
.
|
|
9806
|
-
|
|
9807
|
-
-webkit-text-decoration: underline;
|
|
9808
|
-
text-decoration: underline;
|
|
9809
|
-
text-decoration-color: var(--brand-InlineLink-color-rest);
|
|
9810
|
-
text-decoration-thickness: var(--brand-borderWidth-thin);
|
|
9811
|
-
text-underline-position: under;
|
|
9812
|
-
transition: var(--brand-InlineLink-transition-timing) text-decoration;
|
|
10566
|
+
.Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10567
|
+
color: inherit;
|
|
9813
10568
|
}
|
|
9814
10569
|
|
|
9815
|
-
.
|
|
9816
|
-
|
|
10570
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 {
|
|
10571
|
+
display: flex;
|
|
10572
|
+
flex-shrink: 0;
|
|
10573
|
+
align-items: center;
|
|
10574
|
+
justify-content: center;
|
|
10575
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10576
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
9817
10577
|
}
|
|
9818
10578
|
|
|
9819
|
-
.
|
|
9820
|
-
|
|
9821
|
-
font-size: inherit;
|
|
9822
|
-
font-weight: inherit;
|
|
9823
|
-
line-height: inherit;
|
|
9824
|
-
color: var(--brand-InlineLink-color-rest);
|
|
10579
|
+
.Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10580
|
+
display: block;
|
|
9825
10581
|
}
|
|
9826
10582
|
|
|
9827
|
-
.
|
|
9828
|
-
.
|
|
9829
|
-
|
|
10583
|
+
/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
|
|
10584
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10585
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10586
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10587
|
+
max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10588
|
+
max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10589
|
+
border-radius: 2px;
|
|
9830
10590
|
}
|
|
9831
10591
|
|
|
9832
|
-
|
|
9833
|
-
|
|
9834
|
-
|
|
10592
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
|
|
10593
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
|
|
10594
|
+
width: 100%;
|
|
10595
|
+
height: 100%;
|
|
9835
10596
|
}
|
|
9836
10597
|
|
|
9837
|
-
|
|
9838
|
-
|
|
9839
|
-
|
|
9840
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
9841
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
9842
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
9843
|
-
animation: none !important;
|
|
9844
|
-
transition: none !important;
|
|
9845
|
-
scroll-behavior: auto !important;
|
|
10598
|
+
@media (forced-colors: active) {
|
|
10599
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10600
|
+
outline: var(--brand-borderWidth-thin) solid transparent;
|
|
9846
10601
|
}
|
|
9847
10602
|
}
|
|
9848
10603
|
|
|
9849
10604
|
/**
|
|
9850
10605
|
* Do not edit directly
|
|
9851
|
-
* Generated on
|
|
10606
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
9852
10607
|
*/
|
|
9853
10608
|
|
|
9854
10609
|
:root,
|
|
@@ -10276,7 +11031,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10276
11031
|
|
|
10277
11032
|
/**
|
|
10278
11033
|
* Do not edit directly
|
|
10279
|
-
* Generated on
|
|
11034
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
10280
11035
|
*/
|
|
10281
11036
|
|
|
10282
11037
|
:root {
|
|
@@ -10285,7 +11040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10285
11040
|
|
|
10286
11041
|
/**
|
|
10287
11042
|
* Do not edit directly
|
|
10288
|
-
* Generated on
|
|
11043
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
10289
11044
|
*/
|
|
10290
11045
|
|
|
10291
11046
|
:root,
|
|
@@ -10307,7 +11062,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10307
11062
|
|
|
10308
11063
|
/**
|
|
10309
11064
|
* Do not edit directly
|
|
10310
|
-
* Generated on
|
|
11065
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
10311
11066
|
*/
|
|
10312
11067
|
|
|
10313
11068
|
:root {
|
|
@@ -10589,7 +11344,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10589
11344
|
|
|
10590
11345
|
/**
|
|
10591
11346
|
* Do not edit directly
|
|
10592
|
-
* Generated on
|
|
11347
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
10593
11348
|
*/
|
|
10594
11349
|
|
|
10595
11350
|
:root,
|
|
@@ -11792,7 +12547,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11792
12547
|
|
|
11793
12548
|
/**
|
|
11794
12549
|
* Do not edit directly
|
|
11795
|
-
* Generated on
|
|
12550
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
11796
12551
|
*/
|
|
11797
12552
|
|
|
11798
12553
|
:root {
|
|
@@ -11806,7 +12561,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11806
12561
|
|
|
11807
12562
|
/**
|
|
11808
12563
|
* Do not edit directly
|
|
11809
|
-
* Generated on
|
|
12564
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
11810
12565
|
*/
|
|
11811
12566
|
|
|
11812
12567
|
:root,
|
|
@@ -12257,7 +13012,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12257
13012
|
|
|
12258
13013
|
/**
|
|
12259
13014
|
* Do not edit directly
|
|
12260
|
-
* Generated on
|
|
13015
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
12261
13016
|
*/
|
|
12262
13017
|
|
|
12263
13018
|
:root,
|
|
@@ -12273,7 +13028,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12273
13028
|
|
|
12274
13029
|
/**
|
|
12275
13030
|
* Do not edit directly
|
|
12276
|
-
* Generated on
|
|
13031
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
12277
13032
|
*/
|
|
12278
13033
|
|
|
12279
13034
|
:root {
|
|
@@ -13018,7 +13773,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13018
13773
|
|
|
13019
13774
|
/**
|
|
13020
13775
|
* Do not edit directly
|
|
13021
|
-
* Generated on
|
|
13776
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
13022
13777
|
*/
|
|
13023
13778
|
|
|
13024
13779
|
:root,
|
|
@@ -13034,7 +13789,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13034
13789
|
|
|
13035
13790
|
/**
|
|
13036
13791
|
* Do not edit directly
|
|
13037
|
-
* Generated on
|
|
13792
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
13038
13793
|
*/
|
|
13039
13794
|
|
|
13040
13795
|
:root,
|
|
@@ -13420,7 +14175,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13420
14175
|
|
|
13421
14176
|
/**
|
|
13422
14177
|
* Do not edit directly
|
|
13423
|
-
* Generated on
|
|
14178
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
13424
14179
|
*/
|
|
13425
14180
|
|
|
13426
14181
|
:root,
|
|
@@ -13584,7 +14339,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13584
14339
|
|
|
13585
14340
|
/**
|
|
13586
14341
|
* Do not edit directly
|
|
13587
|
-
* Generated on
|
|
14342
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
13588
14343
|
*/
|
|
13589
14344
|
|
|
13590
14345
|
:root,
|
|
@@ -13689,354 +14444,98 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13689
14444
|
color: var(--brand-Pillar-icon-color-green);
|
|
13690
14445
|
}
|
|
13691
14446
|
|
|
13692
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
13693
|
-
color: var(--brand-Pillar-icon-color-gray);
|
|
13694
|
-
}
|
|
13695
|
-
|
|
13696
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
13697
|
-
color: var(--brand-Pillar-icon-color-indigo);
|
|
13698
|
-
}
|
|
13699
|
-
|
|
13700
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
13701
|
-
color: var(--brand-Pillar-icon-color-lemon);
|
|
13702
|
-
}
|
|
13703
|
-
|
|
13704
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
13705
|
-
color: var(--brand-Label-color-lime);
|
|
13706
|
-
}
|
|
13707
|
-
|
|
13708
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
13709
|
-
color: var(--brand-Pillar-icon-color-orange);
|
|
13710
|
-
}
|
|
13711
|
-
|
|
13712
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
13713
|
-
color: var(--brand-Pillar-icon-color-pink);
|
|
13714
|
-
}
|
|
13715
|
-
|
|
13716
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
13717
|
-
color: var(--brand-Pillar-icon-color-purple);
|
|
13718
|
-
}
|
|
13719
|
-
|
|
13720
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
13721
|
-
color: var(--brand-Pillar-icon-color-red);
|
|
13722
|
-
}
|
|
13723
|
-
|
|
13724
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
13725
|
-
color: var(--brand-Pillar-icon-color-teal);
|
|
13726
|
-
}
|
|
13727
|
-
|
|
13728
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
13729
|
-
color: var(--brand-Pillar-icon-color-yellow);
|
|
13730
|
-
}
|
|
13731
|
-
|
|
13732
|
-
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
13733
|
-
box-sizing: content-box;
|
|
13734
|
-
padding: 0;
|
|
13735
|
-
}
|
|
13736
|
-
|
|
13737
|
-
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
13738
|
-
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
13739
|
-
}
|
|
13740
|
-
|
|
13741
|
-
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
13742
|
-
width: var(--base-size-20);
|
|
13743
|
-
height: var(--base-size-20);
|
|
13744
|
-
}
|
|
13745
|
-
|
|
13746
|
-
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
13747
|
-
width: var(--base-size-24);
|
|
13748
|
-
height: var(--base-size-24);
|
|
13749
|
-
}
|
|
13750
|
-
|
|
13751
|
-
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
13752
|
-
width: var(--base-size-28);
|
|
13753
|
-
height: var(--base-size-28);
|
|
13754
|
-
}
|
|
13755
|
-
|
|
13756
|
-
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
13757
|
-
width: var(--base-size-32);
|
|
13758
|
-
height: var(--base-size-32);
|
|
13759
|
-
}
|
|
13760
|
-
|
|
13761
|
-
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
13762
|
-
width: var(--base-size-36);
|
|
13763
|
-
height: var(--base-size-36);
|
|
13764
|
-
}
|
|
13765
|
-
|
|
13766
|
-
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
13767
|
-
width: var(--base-size-40);
|
|
13768
|
-
height: var(--base-size-40);
|
|
13769
|
-
}
|
|
13770
|
-
|
|
13771
|
-
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
13772
|
-
width: var(--base-size-44);
|
|
13773
|
-
height: var(--base-size-44);
|
|
13774
|
-
}
|
|
13775
|
-
|
|
13776
|
-
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
13777
|
-
padding: var(--base-size-12);
|
|
13778
|
-
border-radius: var(--brand-borderRadius-full);
|
|
13779
|
-
}
|
|
13780
|
-
|
|
13781
|
-
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
13782
|
-
color: var(--brand-Icon-color-default);
|
|
13783
|
-
}
|
|
13784
|
-
|
|
13785
|
-
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
13786
|
-
background-color: var(--brand-Icon-background-default);
|
|
13787
|
-
}
|
|
13788
|
-
|
|
13789
|
-
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
13790
|
-
color: var(--brand-Icon-color-blue);
|
|
13791
|
-
}
|
|
13792
|
-
|
|
13793
|
-
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
13794
|
-
background-color: var(--brand-Icon-background-blue);
|
|
13795
|
-
}
|
|
13796
|
-
|
|
13797
|
-
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
13798
|
-
color: var(--brand-Icon-color-coral);
|
|
13799
|
-
}
|
|
13800
|
-
|
|
13801
|
-
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
13802
|
-
background-color: var(--brand-Icon-background-coral);
|
|
13803
|
-
}
|
|
13804
|
-
|
|
13805
|
-
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
13806
|
-
color: var(--brand-Icon-color-green);
|
|
13807
|
-
}
|
|
13808
|
-
|
|
13809
|
-
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
13810
|
-
background-color: var(--brand-Icon-background-green);
|
|
13811
|
-
}
|
|
13812
|
-
|
|
13813
|
-
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
13814
|
-
color: var(--brand-Icon-color-gray);
|
|
13815
|
-
}
|
|
13816
|
-
|
|
13817
|
-
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
13818
|
-
background-color: var(--brand-Icon-background-gray);
|
|
13819
|
-
}
|
|
13820
|
-
|
|
13821
|
-
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
13822
|
-
color: var(--brand-Icon-color-indigo);
|
|
13823
|
-
}
|
|
13824
|
-
|
|
13825
|
-
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
13826
|
-
background-color: var(--brand-Icon-background-indigo);
|
|
13827
|
-
}
|
|
13828
|
-
|
|
13829
|
-
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
13830
|
-
color: var(--brand-Icon-color-lemon);
|
|
13831
|
-
}
|
|
13832
|
-
|
|
13833
|
-
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
13834
|
-
background-color: var(--brand-Icon-background-lemon);
|
|
13835
|
-
}
|
|
13836
|
-
|
|
13837
|
-
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
13838
|
-
color: var(--brand-Icon-color-lime);
|
|
13839
|
-
}
|
|
13840
|
-
|
|
13841
|
-
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
13842
|
-
background-color: var(--brand-Icon-background-lime);
|
|
13843
|
-
}
|
|
13844
|
-
|
|
13845
|
-
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
13846
|
-
color: var(--brand-Icon-color-orange);
|
|
13847
|
-
}
|
|
13848
|
-
|
|
13849
|
-
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
13850
|
-
background-color: var(--brand-Icon-background-orange);
|
|
13851
|
-
}
|
|
13852
|
-
|
|
13853
|
-
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
13854
|
-
color: var(--brand-Icon-color-pink);
|
|
13855
|
-
}
|
|
13856
|
-
|
|
13857
|
-
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
13858
|
-
background-color: var(--brand-Icon-background-pink);
|
|
13859
|
-
}
|
|
13860
|
-
|
|
13861
|
-
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
13862
|
-
color: var(--brand-Icon-color-purple);
|
|
13863
|
-
}
|
|
13864
|
-
|
|
13865
|
-
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
13866
|
-
background-color: var(--brand-Icon-background-purple);
|
|
13867
|
-
}
|
|
13868
|
-
|
|
13869
|
-
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
13870
|
-
color: var(--brand-Icon-color-red);
|
|
13871
|
-
}
|
|
13872
|
-
|
|
13873
|
-
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
13874
|
-
background-color: var(--brand-Icon-background-red);
|
|
14447
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
14448
|
+
color: var(--brand-Pillar-icon-color-gray);
|
|
13875
14449
|
}
|
|
13876
14450
|
|
|
13877
|
-
.
|
|
13878
|
-
color: var(--brand-
|
|
14451
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
14452
|
+
color: var(--brand-Pillar-icon-color-indigo);
|
|
13879
14453
|
}
|
|
13880
14454
|
|
|
13881
|
-
.
|
|
13882
|
-
|
|
14455
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
14456
|
+
color: var(--brand-Pillar-icon-color-lemon);
|
|
13883
14457
|
}
|
|
13884
14458
|
|
|
13885
|
-
.
|
|
13886
|
-
color: var(--brand-
|
|
14459
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
14460
|
+
color: var(--brand-Label-color-lime);
|
|
13887
14461
|
}
|
|
13888
14462
|
|
|
13889
|
-
.
|
|
13890
|
-
|
|
14463
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
14464
|
+
color: var(--brand-Pillar-icon-color-orange);
|
|
13891
14465
|
}
|
|
13892
14466
|
|
|
13893
|
-
|
|
13894
|
-
|
|
13895
|
-
|
|
13896
|
-
*/
|
|
14467
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
14468
|
+
color: var(--brand-Pillar-icon-color-pink);
|
|
14469
|
+
}
|
|
13897
14470
|
|
|
13898
|
-
|
|
13899
|
-
|
|
13900
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13901
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13902
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13903
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13904
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13905
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13906
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13907
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13908
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13909
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13910
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13911
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13912
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13913
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13914
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13915
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13916
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13917
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13918
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13919
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13920
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13921
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13922
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13923
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13924
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13925
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13926
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
14471
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
14472
|
+
color: var(--brand-Pillar-icon-color-purple);
|
|
13927
14473
|
}
|
|
13928
14474
|
|
|
13929
|
-
|
|
13930
|
-
|
|
13931
|
-
|
|
13932
|
-
*/
|
|
14475
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
14476
|
+
color: var(--brand-Pillar-icon-color-red);
|
|
14477
|
+
}
|
|
13933
14478
|
|
|
13934
|
-
|
|
13935
|
-
|
|
13936
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
13937
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13938
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13939
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13940
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13941
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13942
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13943
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13944
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13945
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13946
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13947
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13948
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13949
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13950
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13951
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13952
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13953
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13954
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13955
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13956
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13957
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13958
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13959
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13960
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13961
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13962
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13963
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
14479
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
14480
|
+
color: var(--brand-Pillar-icon-color-teal);
|
|
13964
14481
|
}
|
|
13965
14482
|
|
|
13966
|
-
|
|
13967
|
-
|
|
13968
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
13969
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
13970
|
-
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
13971
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
13972
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
13973
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
13974
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
13975
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
13976
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
13977
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
13978
|
-
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
13979
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
13980
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
13981
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13982
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
13983
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
13984
|
-
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
13985
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
13986
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
13987
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
13988
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
13989
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
13990
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
13991
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
13992
|
-
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
13993
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
13994
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
14483
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
14484
|
+
color: var(--brand-Pillar-icon-color-yellow);
|
|
13995
14485
|
}
|
|
13996
14486
|
|
|
13997
14487
|
/**
|
|
13998
14488
|
* Do not edit directly
|
|
13999
|
-
* Generated on
|
|
14489
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
14000
14490
|
*/
|
|
14001
14491
|
|
|
14002
14492
|
:root {
|
|
14003
|
-
--brand-Card-animation-easing:
|
|
14004
|
-
--brand-Card-animation-duration:
|
|
14493
|
+
--brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
|
|
14494
|
+
--brand-Card-animation-duration: 400ms;
|
|
14005
14495
|
--brand-Card-maxWidth: 26.25rem;
|
|
14006
14496
|
}
|
|
14007
14497
|
|
|
14008
14498
|
/**
|
|
14009
14499
|
* Do not edit directly
|
|
14010
|
-
* Generated on
|
|
14500
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
14011
14501
|
*/
|
|
14012
14502
|
|
|
14013
14503
|
:root,
|
|
14014
14504
|
[data-color-mode="light"] {
|
|
14015
14505
|
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14506
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
|
|
14016
14507
|
}
|
|
14017
14508
|
|
|
14018
14509
|
[data-color-mode="dark"] {
|
|
14019
|
-
--brand-Card-background-default: var(--brand-color-canvas-
|
|
14510
|
+
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14511
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
|
|
14020
14512
|
}
|
|
14021
14513
|
|
|
14022
14514
|
.Primer_Brand__Card-module__Card___ByGEk {
|
|
14515
|
+
/* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
|
|
14516
|
+
--Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14517
|
+
|
|
14023
14518
|
-webkit-text-decoration: none;
|
|
14519
|
+
|
|
14024
14520
|
text-decoration: none;
|
|
14025
14521
|
color: var(--brand-color-text-default);
|
|
14026
|
-
|
|
14522
|
+
|
|
14027
14523
|
transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
|
|
14028
14524
|
padding: var(--base-size-32);
|
|
14029
14525
|
display: grid;
|
|
14030
14526
|
grid-template-columns: 1fr 1fr;
|
|
14031
14527
|
grid-template-areas:
|
|
14032
14528
|
'image image'
|
|
14529
|
+
'leadingVisual leadingVisual'
|
|
14033
14530
|
'icon icon'
|
|
14531
|
+
'tokens tokens'
|
|
14034
14532
|
'label label'
|
|
14035
14533
|
'heading heading'
|
|
14036
14534
|
'description description'
|
|
14037
14535
|
'action action';
|
|
14038
14536
|
flex: auto;
|
|
14039
|
-
grid-template-rows: auto auto auto auto 1fr;
|
|
14537
|
+
grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14538
|
+
grid-template-rows: var(--Card-grid-template-rows);
|
|
14040
14539
|
position: relative;
|
|
14041
14540
|
height: 100%;
|
|
14042
14541
|
}
|
|
@@ -14056,7 +14555,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14056
14555
|
grid-template-columns: 1fr;
|
|
14057
14556
|
grid-template-areas:
|
|
14058
14557
|
'image'
|
|
14558
|
+
'leadingVisual'
|
|
14059
14559
|
'icon'
|
|
14560
|
+
'tokens'
|
|
14060
14561
|
'label'
|
|
14061
14562
|
'heading'
|
|
14062
14563
|
'description'
|
|
@@ -14064,10 +14565,42 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14064
14565
|
justify-items: center;
|
|
14065
14566
|
}
|
|
14066
14567
|
|
|
14568
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14569
|
+
/* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
|
|
14570
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14571
|
+
|
|
14572
|
+
grid-template-areas:
|
|
14573
|
+
'image image'
|
|
14574
|
+
'leadingVisual leadingVisual'
|
|
14575
|
+
'icon icon'
|
|
14576
|
+
'label label'
|
|
14577
|
+
'heading heading'
|
|
14578
|
+
'description description'
|
|
14579
|
+
'tokens tokens'
|
|
14580
|
+
'action action';
|
|
14581
|
+
}
|
|
14582
|
+
|
|
14583
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14584
|
+
grid-template-areas:
|
|
14585
|
+
'image'
|
|
14586
|
+
'leadingVisual'
|
|
14587
|
+
'icon'
|
|
14588
|
+
'label'
|
|
14589
|
+
'heading'
|
|
14590
|
+
'description'
|
|
14591
|
+
'tokens'
|
|
14592
|
+
'action';
|
|
14593
|
+
}
|
|
14594
|
+
|
|
14067
14595
|
/** Block end image position option */
|
|
14068
14596
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14597
|
+
/* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
|
|
14598
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14599
|
+
|
|
14069
14600
|
grid-template-areas:
|
|
14601
|
+
'leadingVisual leadingVisual'
|
|
14070
14602
|
'icon icon'
|
|
14603
|
+
'tokens tokens'
|
|
14071
14604
|
'label label'
|
|
14072
14605
|
'heading heading'
|
|
14073
14606
|
'description description'
|
|
@@ -14077,14 +14610,47 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14077
14610
|
|
|
14078
14611
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14079
14612
|
grid-template-areas:
|
|
14613
|
+
'leadingVisual'
|
|
14614
|
+
'icon'
|
|
14615
|
+
'tokens'
|
|
14616
|
+
'label'
|
|
14617
|
+
'heading'
|
|
14618
|
+
'description'
|
|
14619
|
+
'action'
|
|
14620
|
+
'image';
|
|
14621
|
+
}
|
|
14622
|
+
|
|
14623
|
+
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14624
|
+
/* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
|
|
14625
|
+
--Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
|
|
14626
|
+
|
|
14627
|
+
grid-template-areas:
|
|
14628
|
+
'leadingVisual leadingVisual'
|
|
14629
|
+
'icon icon'
|
|
14630
|
+
'label label'
|
|
14631
|
+
'heading heading'
|
|
14632
|
+
'description description'
|
|
14633
|
+
'tokens tokens'
|
|
14634
|
+
'action action'
|
|
14635
|
+
'image image';
|
|
14636
|
+
}
|
|
14637
|
+
|
|
14638
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14639
|
+
grid-template-areas:
|
|
14640
|
+
'leadingVisual'
|
|
14080
14641
|
'icon'
|
|
14081
14642
|
'label'
|
|
14082
14643
|
'heading'
|
|
14083
14644
|
'description'
|
|
14645
|
+
'tokens'
|
|
14084
14646
|
'action'
|
|
14085
14647
|
'image';
|
|
14086
14648
|
}
|
|
14087
14649
|
|
|
14650
|
+
.Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
|
|
14651
|
+
padding: var(--base-size-64) var(--base-size-40);
|
|
14652
|
+
}
|
|
14653
|
+
|
|
14088
14654
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14089
14655
|
margin-bottom: 0;
|
|
14090
14656
|
margin-top: var(--base-size-28);
|
|
@@ -14107,11 +14673,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14107
14673
|
padding: 0;
|
|
14108
14674
|
}
|
|
14109
14675
|
|
|
14110
|
-
.Primer_Brand__Card-module__Card--variant-default___nSKnF
|
|
14111
|
-
.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-light___LXDwj {
|
|
14676
|
+
.Primer_Brand__Card-module__Card--variant-default___nSKnF {
|
|
14112
14677
|
background-color: var(--brand-Card-background-default);
|
|
14113
14678
|
}
|
|
14114
14679
|
|
|
14680
|
+
.Primer_Brand__Card-module__Card--variant-default___nSKnF.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14681
|
+
background-color: transparent;
|
|
14682
|
+
}
|
|
14683
|
+
|
|
14684
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14685
|
+
--Card-arrowAction-endInset: var(--base-size-40);
|
|
14686
|
+
}
|
|
14687
|
+
|
|
14115
14688
|
.Primer_Brand__Card-module__Card___ByGEk:hover {
|
|
14116
14689
|
-webkit-text-decoration: none;
|
|
14117
14690
|
text-decoration: none;
|
|
@@ -14164,11 +14737,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14164
14737
|
|
|
14165
14738
|
.Primer_Brand__Card-module__Card--border___nNZlZ {
|
|
14166
14739
|
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14740
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14167
14741
|
}
|
|
14168
14742
|
|
|
14169
14743
|
.Primer_Brand__Card-module__Card__outer___QBN0D {
|
|
14170
14744
|
height: 100%;
|
|
14171
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
14172
14745
|
}
|
|
14173
14746
|
|
|
14174
14747
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
|
|
@@ -14185,34 +14758,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14185
14758
|
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
14186
14759
|
}
|
|
14187
14760
|
|
|
14188
|
-
.Primer_Brand__Card-module__Card--
|
|
14189
|
-
grid-template-areas:
|
|
14190
|
-
'image image'
|
|
14191
|
-
'icon label'
|
|
14192
|
-
'heading heading'
|
|
14193
|
-
'description description'
|
|
14194
|
-
'action action';
|
|
14195
|
-
}
|
|
14196
|
-
|
|
14197
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14198
|
-
justify-self: flex-end;
|
|
14199
|
-
}
|
|
14200
|
-
|
|
14201
|
-
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14202
|
-
justify-self: center;
|
|
14203
|
-
}
|
|
14204
|
-
|
|
14205
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
|
|
14206
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14207
|
-
align-self: center;
|
|
14208
|
-
}
|
|
14209
|
-
|
|
14210
|
-
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):not(.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-dark___Sz8BE):hover {
|
|
14761
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14211
14762
|
transform: scale3d(1.025, 1.025, 1);
|
|
14212
14763
|
}
|
|
14213
14764
|
|
|
14214
14765
|
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14215
|
-
margin-
|
|
14766
|
+
margin-block-end: var(--base-size-28);
|
|
14216
14767
|
border-radius: var(--brand-borderRadius-medium);
|
|
14217
14768
|
overflow: hidden;
|
|
14218
14769
|
grid-area: image;
|
|
@@ -14224,31 +14775,146 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14224
14775
|
display: block;
|
|
14225
14776
|
}
|
|
14226
14777
|
|
|
14778
|
+
.Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14779
|
+
margin-block-end: var(--base-size-36);
|
|
14780
|
+
display: flex;
|
|
14781
|
+
align-items: center;
|
|
14782
|
+
grid-area: leadingVisual;
|
|
14783
|
+
}
|
|
14784
|
+
|
|
14785
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14786
|
+
justify-content: center;
|
|
14787
|
+
}
|
|
14788
|
+
|
|
14789
|
+
.Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
|
|
14790
|
+
display: block;
|
|
14791
|
+
max-width: 100%;
|
|
14792
|
+
height: var(--base-size-40);
|
|
14793
|
+
width: auto;
|
|
14794
|
+
}
|
|
14795
|
+
|
|
14227
14796
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14228
14797
|
margin-bottom: var(--base-size-24);
|
|
14229
14798
|
grid-area: icon;
|
|
14230
14799
|
}
|
|
14231
14800
|
|
|
14801
|
+
.Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14802
|
+
display: flex;
|
|
14803
|
+
flex-wrap: wrap;
|
|
14804
|
+
gap: var(--base-size-8);
|
|
14805
|
+
grid-area: tokens;
|
|
14806
|
+
margin-bottom: var(--base-size-20);
|
|
14807
|
+
}
|
|
14808
|
+
|
|
14809
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14810
|
+
justify-content: center;
|
|
14811
|
+
}
|
|
14812
|
+
|
|
14813
|
+
.Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
|
|
14814
|
+
margin-block-start: var(--base-size-20);
|
|
14815
|
+
margin-block-end: 0;
|
|
14816
|
+
}
|
|
14817
|
+
|
|
14232
14818
|
.Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14233
|
-
margin-
|
|
14819
|
+
margin-block-end: var(--base-size-20);
|
|
14234
14820
|
grid-area: label;
|
|
14235
14821
|
}
|
|
14236
14822
|
|
|
14237
14823
|
.Primer_Brand__Card-module__Card__heading___INFhp {
|
|
14238
|
-
margin-
|
|
14824
|
+
margin-block-end: var(--base-size-20);
|
|
14239
14825
|
grid-area: heading;
|
|
14240
14826
|
}
|
|
14241
14827
|
|
|
14242
|
-
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14243
|
-
margin-
|
|
14244
|
-
grid-area: description;
|
|
14828
|
+
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14829
|
+
margin-block-end: var(--base-size-32);
|
|
14830
|
+
grid-area: description;
|
|
14831
|
+
}
|
|
14832
|
+
|
|
14833
|
+
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14834
|
+
grid-area: action;
|
|
14835
|
+
margin-block-start: auto;
|
|
14836
|
+
display: inline-flex;
|
|
14837
|
+
align-items: center;
|
|
14838
|
+
max-inline-size: 100%;
|
|
14839
|
+
pointer-events: none;
|
|
14840
|
+
}
|
|
14841
|
+
|
|
14842
|
+
.Primer_Brand__Card-module__Card__actionIcon___RkX8K {
|
|
14843
|
+
display: inline-flex;
|
|
14844
|
+
align-items: center;
|
|
14845
|
+
justify-content: center;
|
|
14846
|
+
flex-shrink: 0;
|
|
14847
|
+
}
|
|
14848
|
+
|
|
14849
|
+
.Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14850
|
+
display: block;
|
|
14851
|
+
min-inline-size: 0;
|
|
14852
|
+
overflow: hidden;
|
|
14853
|
+
text-overflow: ellipsis;
|
|
14854
|
+
white-space: nowrap;
|
|
14855
|
+
}
|
|
14856
|
+
|
|
14857
|
+
.Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
14858
|
+
--actionLabelClip-duration: 400ms;
|
|
14859
|
+
display: inline-flex;
|
|
14860
|
+
flex: 1 1 auto;
|
|
14861
|
+
align-items: center;
|
|
14862
|
+
align-self: stretch;
|
|
14863
|
+
min-inline-size: 0;
|
|
14864
|
+
overflow: hidden;
|
|
14865
|
+
max-inline-size: 0;
|
|
14866
|
+
background-color: transparent;
|
|
14867
|
+
opacity: 0;
|
|
14868
|
+
transform: translateX(calc(var(--base-size-12) * -1));
|
|
14869
|
+
transition: max-inline-size 400ms var(--brand-Card-animation-easing),
|
|
14870
|
+
opacity 400ms ease-out, transform 400ms ease-out,
|
|
14871
|
+
margin-inline 400ms ease-out, padding-inline 400ms ease-out;
|
|
14872
|
+
transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
|
|
14873
|
+
opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
|
|
14874
|
+
margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
|
|
14875
|
+
}
|
|
14876
|
+
|
|
14877
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14878
|
+
margin-block-start: var(--base-size-20);
|
|
14879
|
+
}
|
|
14880
|
+
|
|
14881
|
+
.Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14882
|
+
--actionArrow-duration: 300ms;
|
|
14883
|
+
|
|
14884
|
+
margin-block-start: var(--base-size-20);
|
|
14885
|
+
min-height: var(--base-size-40);
|
|
14886
|
+
width: -moz-fit-content;
|
|
14887
|
+
width: fit-content;
|
|
14888
|
+
min-inline-size: 0;
|
|
14889
|
+
max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
|
|
14890
|
+
justify-content: flex-start;
|
|
14891
|
+
-moz-column-gap: 0;
|
|
14892
|
+
column-gap: 0;
|
|
14893
|
+
padding-block: var(--base-size-4);
|
|
14894
|
+
padding-inline: 0;
|
|
14895
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
14896
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14897
|
+
background-color: transparent;
|
|
14898
|
+
flex-shrink: 0;
|
|
14899
|
+
overflow: hidden;
|
|
14900
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14901
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out;
|
|
14902
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14903
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
|
|
14904
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14905
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
|
|
14906
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14907
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
|
|
14245
14908
|
}
|
|
14246
14909
|
|
|
14247
|
-
.Primer_Brand__Card-
|
|
14248
|
-
|
|
14249
|
-
|
|
14250
|
-
|
|
14251
|
-
|
|
14910
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
|
|
14911
|
+
width: var(--base-size-32);
|
|
14912
|
+
min-width: var(--base-size-32);
|
|
14913
|
+
height: var(--base-size-32);
|
|
14914
|
+
min-height: var(--base-size-32);
|
|
14915
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14916
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14917
|
+
background-color: var(--brand-color-canvas-default);
|
|
14252
14918
|
}
|
|
14253
14919
|
|
|
14254
14920
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
@@ -14260,10 +14926,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14260
14926
|
color: var(--brand-Link-color-accent);
|
|
14261
14927
|
}
|
|
14262
14928
|
|
|
14263
|
-
.Primer_Brand__Card-
|
|
14264
|
-
|
|
14265
|
-
|
|
14266
|
-
overflow: hidden;
|
|
14929
|
+
.Primer_Brand__Card-module__Card__action___C6sRY,
|
|
14930
|
+
.Primer_Brand__Card-module__Card__action___C6sRY * {
|
|
14931
|
+
cursor: inherit;
|
|
14267
14932
|
}
|
|
14268
14933
|
|
|
14269
14934
|
.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
|
|
@@ -14304,11 +14969,83 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14304
14969
|
margin-inline-start: var(--base-size-4);
|
|
14305
14970
|
}
|
|
14306
14971
|
|
|
14307
|
-
.Primer_Brand__Card-
|
|
14308
|
-
|
|
14972
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14973
|
+
--ExpandableArrow-duration: var(--brand-Card-animation-duration);
|
|
14974
|
+
--ExpandableArrow-easing: var(--brand-Card-animation-easing);
|
|
14975
|
+
}
|
|
14976
|
+
|
|
14977
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14978
|
+
margin-inline-start: 0;
|
|
14979
|
+
}
|
|
14980
|
+
|
|
14981
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14982
|
+
margin-bottom: var(--base-size-12);
|
|
14983
|
+
}
|
|
14984
|
+
|
|
14985
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14986
|
+
transform: none;
|
|
14987
|
+
}
|
|
14988
|
+
|
|
14989
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14990
|
+
min-inline-size: 0;
|
|
14991
|
+
justify-self: start;
|
|
14992
|
+
}
|
|
14993
|
+
|
|
14994
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14995
|
+
justify-self: center;
|
|
14996
|
+
}
|
|
14997
|
+
|
|
14998
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14999
|
+
-moz-column-gap: var(--base-size-8);
|
|
15000
|
+
column-gap: var(--base-size-8);
|
|
15001
|
+
padding-inline-start: var(--base-size-12);
|
|
15002
|
+
padding-inline-end: var(--base-size-4);
|
|
15003
|
+
border-color: var(--brand-color-border-default);
|
|
15004
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15005
|
+
}
|
|
15006
|
+
|
|
15007
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15008
|
+
-moz-column-gap: var(--base-size-8);
|
|
15009
|
+
column-gap: var(--base-size-8);
|
|
15010
|
+
padding-inline-start: var(--base-size-12);
|
|
15011
|
+
padding-inline-end: var(--base-size-4);
|
|
15012
|
+
border-color: var(--brand-color-border-default);
|
|
15013
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15014
|
+
}
|
|
15015
|
+
|
|
15016
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15017
|
+
max-inline-size: 100%;
|
|
15018
|
+
opacity: 1;
|
|
15019
|
+
transform: translateX(0);
|
|
15020
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15021
|
+
margin-inline-end: 0;
|
|
15022
|
+
padding-inline-start: var(--base-size-12);
|
|
15023
|
+
padding-inline-end: var(--base-size-4);
|
|
15024
|
+
}
|
|
15025
|
+
|
|
15026
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15027
|
+
max-inline-size: 100%;
|
|
15028
|
+
opacity: 1;
|
|
15029
|
+
transform: translateX(0);
|
|
15030
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15031
|
+
margin-inline-end: 0;
|
|
15032
|
+
padding-inline-start: var(--base-size-12);
|
|
15033
|
+
padding-inline-end: var(--base-size-4);
|
|
15034
|
+
}
|
|
15035
|
+
|
|
15036
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15037
|
+
transform: translateX(var(--base-size-2));
|
|
15038
|
+
}
|
|
15039
|
+
|
|
15040
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15041
|
+
transform: translateX(var(--base-size-2));
|
|
15042
|
+
}
|
|
15043
|
+
|
|
15044
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
15045
|
+
stroke-dashoffset: 20;
|
|
14309
15046
|
}
|
|
14310
15047
|
|
|
14311
|
-
.Primer_Brand__Card-module__Card___ByGEk:
|
|
15048
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
14312
15049
|
stroke-dashoffset: 20;
|
|
14313
15050
|
}
|
|
14314
15051
|
|
|
@@ -14362,10 +15099,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14362
15099
|
}
|
|
14363
15100
|
|
|
14364
15101
|
.Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
|
|
14365
|
-
margin-block-end: var(--base-size-
|
|
15102
|
+
margin-block-end: var(--base-size-2);
|
|
14366
15103
|
}
|
|
14367
15104
|
|
|
14368
15105
|
.Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
|
|
15106
|
+
padding-block-start: var(--base-size-2);
|
|
14369
15107
|
max-width: 50ch;
|
|
14370
15108
|
}
|
|
14371
15109
|
|
|
@@ -14375,7 +15113,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14375
15113
|
|
|
14376
15114
|
/**
|
|
14377
15115
|
* Do not edit directly
|
|
14378
|
-
* Generated on
|
|
15116
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
14379
15117
|
*/
|
|
14380
15118
|
|
|
14381
15119
|
:root,
|
|
@@ -15216,7 +15954,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15216
15954
|
|
|
15217
15955
|
/**
|
|
15218
15956
|
* Do not edit directly
|
|
15219
|
-
* Generated on
|
|
15957
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
15220
15958
|
*/
|
|
15221
15959
|
|
|
15222
15960
|
:root {
|
|
@@ -15227,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15227
15965
|
|
|
15228
15966
|
/**
|
|
15229
15967
|
* Do not edit directly
|
|
15230
|
-
* Generated on
|
|
15968
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
15231
15969
|
*/
|
|
15232
15970
|
|
|
15233
15971
|
:root,
|
|
@@ -15726,7 +16464,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15726
16464
|
|
|
15727
16465
|
/**
|
|
15728
16466
|
* Do not edit directly
|
|
15729
|
-
* Generated on
|
|
16467
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
15730
16468
|
*/
|
|
15731
16469
|
|
|
15732
16470
|
:root {
|
|
@@ -15746,7 +16484,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15746
16484
|
|
|
15747
16485
|
/**
|
|
15748
16486
|
* Do not edit directly
|
|
15749
|
-
* Generated on
|
|
16487
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
15750
16488
|
*/
|
|
15751
16489
|
|
|
15752
16490
|
:root,
|
|
@@ -15782,7 +16520,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15782
16520
|
|
|
15783
16521
|
/**
|
|
15784
16522
|
* Do not edit directly
|
|
15785
|
-
* Generated on
|
|
16523
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
15786
16524
|
*/
|
|
15787
16525
|
|
|
15788
16526
|
:root,
|
|
@@ -15806,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15806
16544
|
|
|
15807
16545
|
/**
|
|
15808
16546
|
* Do not edit directly
|
|
15809
|
-
* Generated on
|
|
16547
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
15810
16548
|
*/
|
|
15811
16549
|
|
|
15812
16550
|
:root {
|
|
@@ -15948,7 +16686,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15948
16686
|
align-items: center;
|
|
15949
16687
|
gap: var(--base-size-24);
|
|
15950
16688
|
margin: auto;
|
|
15951
|
-
max-width:
|
|
16689
|
+
max-width: 100vw;
|
|
15952
16690
|
}
|
|
15953
16691
|
|
|
15954
16692
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
@@ -16282,7 +17020,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16282
17020
|
|
|
16283
17021
|
/**
|
|
16284
17022
|
* Do not edit directly
|
|
16285
|
-
* Generated on
|
|
17023
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
16286
17024
|
*/
|
|
16287
17025
|
|
|
16288
17026
|
:root,
|
|
@@ -16296,7 +17034,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16296
17034
|
|
|
16297
17035
|
/**
|
|
16298
17036
|
* Do not edit directly
|
|
16299
|
-
* Generated on
|
|
17037
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
16300
17038
|
*/
|
|
16301
17039
|
|
|
16302
17040
|
:root {
|
|
@@ -16310,7 +17048,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16310
17048
|
|
|
16311
17049
|
/**
|
|
16312
17050
|
* Do not edit directly
|
|
16313
|
-
* Generated on
|
|
17051
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
16314
17052
|
*/
|
|
16315
17053
|
|
|
16316
17054
|
:root {
|
|
@@ -18486,7 +19224,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18486
19224
|
|
|
18487
19225
|
/**
|
|
18488
19226
|
* Do not edit directly
|
|
18489
|
-
* Generated on
|
|
19227
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
18490
19228
|
*/
|
|
18491
19229
|
|
|
18492
19230
|
:root {
|
|
@@ -18510,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18510
19248
|
|
|
18511
19249
|
/**
|
|
18512
19250
|
* Do not edit directly
|
|
18513
|
-
* Generated on
|
|
19251
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
18514
19252
|
*/
|
|
18515
19253
|
|
|
18516
19254
|
:root,
|
|
@@ -18945,7 +19683,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18945
19683
|
|
|
18946
19684
|
/**
|
|
18947
19685
|
* Do not edit directly
|
|
18948
|
-
* Generated on
|
|
19686
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
18949
19687
|
*/
|
|
18950
19688
|
|
|
18951
19689
|
:root {
|
|
@@ -18961,7 +19699,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18961
19699
|
|
|
18962
19700
|
/**
|
|
18963
19701
|
* Do not edit directly
|
|
18964
|
-
* Generated on
|
|
19702
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
18965
19703
|
*/
|
|
18966
19704
|
|
|
18967
19705
|
:root,
|
|
@@ -18988,9 +19726,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18988
19726
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
18989
19727
|
--brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
|
|
18990
19728
|
--brand-pricing-options-container-padding-inline: 0;
|
|
19729
|
+
--brand-pricing-options-column-count: 1;
|
|
18991
19730
|
|
|
18992
19731
|
/* prettier-ignore */
|
|
18993
19732
|
--brand-pricing-options-template-areas:
|
|
19733
|
+
'labels'
|
|
18994
19734
|
'leadingComponent'
|
|
18995
19735
|
'header'
|
|
18996
19736
|
'description'
|
|
@@ -19019,13 +19759,159 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19019
19759
|
@media (min-width: 63.25rem) {
|
|
19020
19760
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
19021
19761
|
grid-template-areas: var(--brand-pricing-options-template-areas);
|
|
19022
|
-
grid-template-columns: repeat(
|
|
19762
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19023
19763
|
-moz-column-gap: 0;
|
|
19024
19764
|
column-gap: 0;
|
|
19025
19765
|
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19026
19766
|
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19027
19767
|
row-gap: 0;
|
|
19028
19768
|
}
|
|
19769
|
+
|
|
19770
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
|
|
19771
|
+
--brand-pricing-options-column-count: 1;
|
|
19772
|
+
}
|
|
19773
|
+
|
|
19774
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
|
|
19775
|
+
--brand-pricing-options-column-count: 2;
|
|
19776
|
+
}
|
|
19777
|
+
|
|
19778
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
|
|
19779
|
+
--brand-pricing-options-column-count: 3;
|
|
19780
|
+
}
|
|
19781
|
+
|
|
19782
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
|
|
19783
|
+
--brand-pricing-options-column-count: 4;
|
|
19784
|
+
}
|
|
19785
|
+
}
|
|
19786
|
+
|
|
19787
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19788
|
+
display: none;
|
|
19789
|
+
}
|
|
19790
|
+
|
|
19791
|
+
@media (min-width: 63.25rem) {
|
|
19792
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19793
|
+
--brand-pricing-options-column-count: 1;
|
|
19794
|
+
|
|
19795
|
+
display: grid;
|
|
19796
|
+
grid-column: 1 / -1;
|
|
19797
|
+
grid-row: labels;
|
|
19798
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
19799
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19800
|
+
grid-column-gap: 0;
|
|
19801
|
+
grid-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19802
|
+
-moz-column-gap: 0;
|
|
19803
|
+
column-gap: 0;
|
|
19804
|
+
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19805
|
+
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19806
|
+
}
|
|
19807
|
+
|
|
19808
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19809
|
+
position: relative;
|
|
19810
|
+
display: flex;
|
|
19811
|
+
align-items: center;
|
|
19812
|
+
min-height: var(--base-size-54);
|
|
19813
|
+
padding-block: var(--base-size-16);
|
|
19814
|
+
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19815
|
+
}
|
|
19816
|
+
|
|
19817
|
+
/* Accent top border — uses ::after so it can overflow into the column gap */
|
|
19818
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19819
|
+
content: '';
|
|
19820
|
+
position: absolute;
|
|
19821
|
+
inset-block-start: 0;
|
|
19822
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
19823
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19824
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
19825
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19826
|
+
height: var(--brand-borderWidth-thin);
|
|
19827
|
+
background-color: var(--brand-color-text-emphasized);
|
|
19828
|
+
}
|
|
19829
|
+
|
|
19830
|
+
/* First cell: don't overflow past container start (cards override below) */
|
|
19831
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19832
|
+
inset-inline-start: 0;
|
|
19833
|
+
}
|
|
19834
|
+
|
|
19835
|
+
/* Last cell: don't overflow past container end (cards override below) */
|
|
19836
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19837
|
+
inset-inline-end: 0;
|
|
19838
|
+
}
|
|
19839
|
+
|
|
19840
|
+
/* Default layout: extend accent border into container padding to reach the container edge */
|
|
19841
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19842
|
+
inset-inline-start: calc(0px * -1);
|
|
19843
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19844
|
+
}
|
|
19845
|
+
|
|
19846
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19847
|
+
inset-inline-end: calc(0px * -1);
|
|
19848
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19849
|
+
}
|
|
19850
|
+
|
|
19851
|
+
/* ---- Default layout labels ---- */
|
|
19852
|
+
|
|
19853
|
+
/* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
|
|
19854
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19855
|
+
position: relative;
|
|
19856
|
+
}
|
|
19857
|
+
|
|
19858
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
|
|
19859
|
+
content: '';
|
|
19860
|
+
position: absolute;
|
|
19861
|
+
inset-block-end: 0;
|
|
19862
|
+
inset-inline-start: calc(0px * -1);
|
|
19863
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19864
|
+
inset-inline-end: calc(0px * -1);
|
|
19865
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19866
|
+
height: var(--brand-borderWidth-thin);
|
|
19867
|
+
background-color: var(--brand-color-border-subtle);
|
|
19868
|
+
}
|
|
19869
|
+
|
|
19870
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19871
|
+
padding-inline: 0;
|
|
19872
|
+
}
|
|
19873
|
+
|
|
19874
|
+
/* Empty cells: transparent bg/borders but structurally visible so dividers show */
|
|
19875
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19876
|
+
background-color: transparent;
|
|
19877
|
+
border-block-start-color: transparent;
|
|
19878
|
+
}
|
|
19879
|
+
|
|
19880
|
+
/* Vertical dividers between label cells, centered in the gap */
|
|
19881
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19882
|
+
content: '';
|
|
19883
|
+
position: absolute;
|
|
19884
|
+
inset-block: 0;
|
|
19885
|
+
width: var(--brand-borderWidth-thin);
|
|
19886
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19887
|
+
background-color: var(--brand-color-border-subtle);
|
|
19888
|
+
}
|
|
19889
|
+
|
|
19890
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19891
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
|
|
19892
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19893
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19894
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19895
|
+
}
|
|
19896
|
+
|
|
19897
|
+
/* ---- Cards layout labels ---- */
|
|
19898
|
+
|
|
19899
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19900
|
+
padding-inline: var(--base-size-28);
|
|
19901
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19902
|
+
/* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
|
|
19903
|
+
}
|
|
19904
|
+
|
|
19905
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19906
|
+
opacity: 0;
|
|
19907
|
+
pointer-events: none;
|
|
19908
|
+
}
|
|
19909
|
+
|
|
19910
|
+
/* Cards: keep accent border inside the card boundary */
|
|
19911
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19912
|
+
inset-inline-start: 0;
|
|
19913
|
+
inset-inline-end: 0;
|
|
19914
|
+
}
|
|
19029
19915
|
}
|
|
19030
19916
|
|
|
19031
19917
|
/* ---------------------------------------------------------- */
|
|
@@ -19034,11 +19920,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19034
19920
|
|
|
19035
19921
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
|
|
19036
19922
|
position: relative;
|
|
19037
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19038
19923
|
}
|
|
19039
19924
|
|
|
19040
19925
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
|
|
19041
|
-
border: solid 1px var(--brand-color-border-
|
|
19926
|
+
border: solid 1px var(--brand-color-border-subtle);
|
|
19042
19927
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19043
19928
|
}
|
|
19044
19929
|
|
|
@@ -19060,7 +19945,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19060
19945
|
border-radius: inherit;
|
|
19061
19946
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19062
19947
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19063
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
19948
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19064
19949
|
}
|
|
19065
19950
|
|
|
19066
19951
|
@media (min-width: 63.25rem) {
|
|
@@ -19070,6 +19955,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19070
19955
|
}
|
|
19071
19956
|
|
|
19072
19957
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19958
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-24);
|
|
19959
|
+
|
|
19073
19960
|
position: relative; /* Used for positioning the divider between items */
|
|
19074
19961
|
padding-inline: var(--base-size-24);
|
|
19075
19962
|
padding-block: var(--base-size-20);
|
|
@@ -19077,23 +19964,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19077
19964
|
|
|
19078
19965
|
@media (min-width: 63.25rem) {
|
|
19079
19966
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19967
|
+
--brand-pricing-options-item-padding-inline: 0;
|
|
19968
|
+
|
|
19080
19969
|
padding-inline: 0;
|
|
19081
19970
|
padding-block: var(--base-size-40);
|
|
19082
19971
|
}
|
|
19083
19972
|
}
|
|
19084
19973
|
|
|
19085
19974
|
/* Horizontal divider between items on small viewports */
|
|
19086
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19975
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19087
19976
|
content: '';
|
|
19088
19977
|
position: absolute;
|
|
19089
19978
|
inset-inline: 0;
|
|
19090
19979
|
height: 1px;
|
|
19091
|
-
background-color: var(--brand-color-border-
|
|
19980
|
+
background-color: var(--brand-color-border-subtle);
|
|
19092
19981
|
}
|
|
19093
19982
|
|
|
19094
19983
|
/* Vertical divider between items on larger viewports */
|
|
19095
19984
|
@media (min-width: 63.25rem) {
|
|
19096
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19985
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19097
19986
|
inset-inline: 0;
|
|
19098
19987
|
inset-block: 0;
|
|
19099
19988
|
width: 1px;
|
|
@@ -19102,7 +19991,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19102
19991
|
margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19103
19992
|
}
|
|
19104
19993
|
|
|
19105
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19994
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19995
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19996
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19106
19997
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19107
19998
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19108
19999
|
}
|
|
@@ -19113,15 +20004,16 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19113
20004
|
/* ---------------------------------------------------------- */
|
|
19114
20005
|
|
|
19115
20006
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20007
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-32);
|
|
20008
|
+
|
|
19116
20009
|
position: relative;
|
|
19117
20010
|
padding-inline: var(--base-size-32);
|
|
19118
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19119
20011
|
padding-block: var(--base-size-32);
|
|
19120
20012
|
}
|
|
19121
20013
|
|
|
19122
20014
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19123
20015
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19124
|
-
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-
|
|
20016
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
|
|
19125
20017
|
}
|
|
19126
20018
|
|
|
19127
20019
|
/* ---------------------------------------------------------- */
|
|
@@ -19189,10 +20081,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19189
20081
|
justify-content: center;
|
|
19190
20082
|
}
|
|
19191
20083
|
|
|
19192
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19193
|
-
justify-self: center;
|
|
19194
|
-
}
|
|
19195
|
-
|
|
19196
20084
|
/*
|
|
19197
20085
|
* Backwards compatibility for browsers that don't support subgrid.
|
|
19198
20086
|
* Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
|
|
@@ -19218,23 +20106,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19218
20106
|
row-gap: var(--base-size-16);
|
|
19219
20107
|
}
|
|
19220
20108
|
|
|
19221
|
-
/* When item is left-aligned,
|
|
20109
|
+
/* When item is left-aligned, keep the heading at the start of the card */
|
|
19222
20110
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19223
|
-
flex-wrap: wrap-reverse;
|
|
19224
20111
|
align-items: center;
|
|
19225
|
-
-moz-column-gap: var(--base-size-16);
|
|
19226
|
-
column-gap: var(--base-size-16);
|
|
19227
20112
|
margin-block-end: var(--base-size-16);
|
|
19228
20113
|
}
|
|
19229
20114
|
|
|
19230
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19231
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19232
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19233
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19234
|
-
flex: 0 0 auto;
|
|
19235
|
-
order: 2;
|
|
19236
|
-
}
|
|
19237
|
-
|
|
19238
20115
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19239
20116
|
margin-block: var(--base-size-16);
|
|
19240
20117
|
flex: 0 1 auto;
|
|
@@ -19248,25 +20125,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19248
20125
|
}
|
|
19249
20126
|
}
|
|
19250
20127
|
|
|
19251
|
-
/* When item is centered,
|
|
20128
|
+
/* When item is centered, center the heading */
|
|
19252
20129
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19253
|
-
|
|
19254
|
-
align-items: center;
|
|
19255
|
-
justify-content: flex-end;
|
|
19256
|
-
}
|
|
19257
|
-
|
|
19258
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19259
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19260
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19261
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19262
|
-
order: 1;
|
|
19263
|
-
margin: 0 auto;
|
|
20130
|
+
justify-content: center;
|
|
19264
20131
|
}
|
|
19265
20132
|
|
|
19266
20133
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19267
20134
|
margin-block-start: 0;
|
|
19268
20135
|
margin-block-end: var(--base-size-16);
|
|
19269
|
-
|
|
20136
|
+
text-align: center;
|
|
19270
20137
|
}
|
|
19271
20138
|
|
|
19272
20139
|
.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
|
|
@@ -19274,16 +20141,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19274
20141
|
}
|
|
19275
20142
|
|
|
19276
20143
|
.Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
flex: 0 0 auto;
|
|
19286
|
-
order: 2;
|
|
20144
|
+
color: var(--brand-color-text-default);
|
|
20145
|
+
font-family: var(--brand-fontStack-monospace);
|
|
20146
|
+
font-size: var(--brand-text-size-100);
|
|
20147
|
+
font-weight: var(--brand-text-weight-500);
|
|
20148
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
20149
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
20150
|
+
text-transform: uppercase;
|
|
19287
20151
|
}
|
|
19288
20152
|
|
|
19289
20153
|
.Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
@@ -19300,7 +20164,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19300
20164
|
.Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
|
|
19301
20165
|
display: flex;
|
|
19302
20166
|
flex-wrap: wrap;
|
|
19303
|
-
align-
|
|
20167
|
+
align-items: flex-start;
|
|
19304
20168
|
grid-row: price;
|
|
19305
20169
|
padding-block-start: var(--base-size-20);
|
|
19306
20170
|
padding-block-end: var(--base-size-8);
|
|
@@ -19313,8 +20177,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19313
20177
|
}
|
|
19314
20178
|
}
|
|
19315
20179
|
|
|
20180
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
|
|
20181
|
+
display: flex;
|
|
20182
|
+
align-items: flex-end;
|
|
20183
|
+
}
|
|
20184
|
+
|
|
19316
20185
|
.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
|
|
19317
20186
|
margin-inline-start: var(--base-size-4);
|
|
20187
|
+
margin-block-end: var(--base-size-4);
|
|
19318
20188
|
color: var(--brand-color-text-muted);
|
|
19319
20189
|
}
|
|
19320
20190
|
|
|
@@ -19345,6 +20215,26 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19345
20215
|
padding-block-start: var(--base-size-20);
|
|
19346
20216
|
}
|
|
19347
20217
|
|
|
20218
|
+
/* MenuAction: full-width ActionMenu wrapper */
|
|
20219
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
|
|
20220
|
+
width: 100%;
|
|
20221
|
+
}
|
|
20222
|
+
|
|
20223
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
|
|
20224
|
+
width: 100%;
|
|
20225
|
+
}
|
|
20226
|
+
|
|
20227
|
+
/* Force ActionMenu button container to stretch full width */
|
|
20228
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
|
|
20229
|
+
display: flex;
|
|
20230
|
+
width: 100%;
|
|
20231
|
+
}
|
|
20232
|
+
|
|
20233
|
+
/* Make the primary button fill remaining space next to the chevron */
|
|
20234
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
|
|
20235
|
+
flex: 1;
|
|
20236
|
+
}
|
|
20237
|
+
|
|
19348
20238
|
.Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
|
|
19349
20239
|
grid-row: footnote;
|
|
19350
20240
|
display: block;
|
|
@@ -19369,13 +20259,58 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19369
20259
|
}
|
|
19370
20260
|
|
|
19371
20261
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
|
|
19372
|
-
|
|
20262
|
+
position: relative;
|
|
19373
20263
|
margin: 0;
|
|
19374
20264
|
margin-block-start: var(--base-size-20);
|
|
19375
20265
|
padding-block-start: var(--base-size-40);
|
|
19376
20266
|
padding-inline: 0;
|
|
19377
20267
|
}
|
|
19378
20268
|
|
|
20269
|
+
/* Edge-to-edge divider above feature list */
|
|
20270
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20271
|
+
content: '';
|
|
20272
|
+
position: absolute;
|
|
20273
|
+
inset-block-start: 0;
|
|
20274
|
+
inset-inline-start: calc(0px * -1);
|
|
20275
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20276
|
+
inset-inline-end: calc(0px * -1);
|
|
20277
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20278
|
+
height: var(--brand-borderWidth-thin);
|
|
20279
|
+
background-color: var(--brand-color-border-subtle);
|
|
20280
|
+
}
|
|
20281
|
+
|
|
20282
|
+
/* Default layout: extend feature list divider into column gap */
|
|
20283
|
+
@media (min-width: 63.25rem) {
|
|
20284
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20285
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
20286
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20287
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
20288
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20289
|
+
}
|
|
20290
|
+
|
|
20291
|
+
/* First item: don't overflow past container start */
|
|
20292
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before,
|
|
20293
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
|
|
20294
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
|
|
20295
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20296
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20297
|
+
inset-inline-start: calc(0px * -1);
|
|
20298
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20299
|
+
}
|
|
20300
|
+
|
|
20301
|
+
/* Last item: don't overflow past container end */
|
|
20302
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20303
|
+
inset-inline-end: calc(0px * -1);
|
|
20304
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20305
|
+
}
|
|
20306
|
+
|
|
20307
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20308
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20309
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
20310
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
20311
|
+
}
|
|
20312
|
+
}
|
|
20313
|
+
|
|
19379
20314
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
|
|
19380
20315
|
margin-block-start: var(--base-size-20);
|
|
19381
20316
|
}
|
|
@@ -19390,6 +20325,44 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19390
20325
|
color: var(--brand-color-text-muted);
|
|
19391
20326
|
}
|
|
19392
20327
|
|
|
20328
|
+
/* Info tooltip button */
|
|
20329
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
|
|
20330
|
+
flex-wrap: nowrap;
|
|
20331
|
+
}
|
|
20332
|
+
|
|
20333
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
|
|
20334
|
+
flex: 1;
|
|
20335
|
+
display: inline-flex;
|
|
20336
|
+
align-items: baseline;
|
|
20337
|
+
justify-content: space-between;
|
|
20338
|
+
}
|
|
20339
|
+
|
|
20340
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
|
|
20341
|
+
all: unset;
|
|
20342
|
+
display: inline-flex;
|
|
20343
|
+
align-items: center;
|
|
20344
|
+
justify-content: center;
|
|
20345
|
+
flex-shrink: 0;
|
|
20346
|
+
cursor: pointer;
|
|
20347
|
+
color: var(--brand-color-text-muted);
|
|
20348
|
+
background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
|
|
20349
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
20350
|
+
border-radius: 50%;
|
|
20351
|
+
margin-inline-start: var(--base-size-8);
|
|
20352
|
+
vertical-align: middle;
|
|
20353
|
+
padding: var(--base-size-4);
|
|
20354
|
+
}
|
|
20355
|
+
|
|
20356
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
|
|
20357
|
+
width: var(--base-size-12);
|
|
20358
|
+
height: var(--base-size-12);
|
|
20359
|
+
}
|
|
20360
|
+
|
|
20361
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
|
|
20362
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
20363
|
+
outline-offset: 2px;
|
|
20364
|
+
}
|
|
20365
|
+
|
|
19393
20366
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
|
|
19394
20367
|
margin-block-start: var(--base-size-20);
|
|
19395
20368
|
}
|
|
@@ -19428,6 +20401,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19428
20401
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
|
|
19429
20402
|
padding: var(--base-size-8) 0;
|
|
19430
20403
|
padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
|
|
20404
|
+
padding-inline-end: 0 !important;
|
|
19431
20405
|
margin-block-start: calc(var(--base-size-16) * -1);
|
|
19432
20406
|
margin-block-end: var(--base-size-8);
|
|
19433
20407
|
}
|
|
@@ -19438,8 +20412,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19438
20412
|
line-height: var(--feature-list-line-height);
|
|
19439
20413
|
font-weight: var(--brand-text-subhead-weight-large);
|
|
19440
20414
|
gap: var(--base-size-8);
|
|
19441
|
-
display: inline-flex;
|
|
19442
20415
|
align-items: center;
|
|
20416
|
+
justify-content: space-between;
|
|
20417
|
+
display: flex;
|
|
20418
|
+
width: 100%;
|
|
19443
20419
|
}
|
|
19444
20420
|
|
|
19445
20421
|
/* Hide default icon */
|
|
@@ -19454,6 +20430,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19454
20430
|
padding-inline-start: 0 !important;
|
|
19455
20431
|
}
|
|
19456
20432
|
|
|
20433
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
20434
|
+
margin-inline-end: var(--base-size-4);
|
|
20435
|
+
}
|
|
20436
|
+
|
|
19457
20437
|
/* Chevron up icon */
|
|
19458
20438
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
19459
20439
|
transform: rotate(180deg);
|
|
@@ -19465,7 +20445,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19465
20445
|
|
|
19466
20446
|
/**
|
|
19467
20447
|
* Do not edit directly
|
|
19468
|
-
* Generated on
|
|
20448
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
19469
20449
|
*/
|
|
19470
20450
|
|
|
19471
20451
|
:root {
|
|
@@ -19474,7 +20454,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19474
20454
|
|
|
19475
20455
|
/**
|
|
19476
20456
|
* Do not edit directly
|
|
19477
|
-
* Generated on
|
|
20457
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
19478
20458
|
*/
|
|
19479
20459
|
|
|
19480
20460
|
:root,
|
|
@@ -20285,7 +21265,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20285
21265
|
|
|
20286
21266
|
/**
|
|
20287
21267
|
* Do not edit directly
|
|
20288
|
-
* Generated on
|
|
21268
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
20289
21269
|
*/
|
|
20290
21270
|
|
|
20291
21271
|
:root {
|
|
@@ -20294,7 +21274,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20294
21274
|
|
|
20295
21275
|
/**
|
|
20296
21276
|
* Do not edit directly
|
|
20297
|
-
* Generated on
|
|
21277
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
20298
21278
|
*/
|
|
20299
21279
|
|
|
20300
21280
|
:root,
|
|
@@ -20790,7 +21770,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20790
21770
|
|
|
20791
21771
|
/**
|
|
20792
21772
|
* Do not edit directly
|
|
20793
|
-
* Generated on
|
|
21773
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
20794
21774
|
*/
|
|
20795
21775
|
|
|
20796
21776
|
:root,
|
|
@@ -20889,7 +21869,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20889
21869
|
|
|
20890
21870
|
/**
|
|
20891
21871
|
* Do not edit directly
|
|
20892
|
-
* Generated on
|
|
21872
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
20893
21873
|
*/
|
|
20894
21874
|
|
|
20895
21875
|
:root,
|
|
@@ -21267,7 +22247,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21267
22247
|
|
|
21268
22248
|
/**
|
|
21269
22249
|
* Do not edit directly
|
|
21270
|
-
* Generated on
|
|
22250
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
21271
22251
|
*/
|
|
21272
22252
|
|
|
21273
22253
|
:root,
|
|
@@ -21281,7 +22261,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21281
22261
|
|
|
21282
22262
|
/**
|
|
21283
22263
|
* Do not edit directly
|
|
21284
|
-
* Generated on
|
|
22264
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
21285
22265
|
*/
|
|
21286
22266
|
|
|
21287
22267
|
:root {
|
|
@@ -21468,7 +22448,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21468
22448
|
|
|
21469
22449
|
/**
|
|
21470
22450
|
* Do not edit directly
|
|
21471
|
-
* Generated on
|
|
22451
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
21472
22452
|
*/
|
|
21473
22453
|
|
|
21474
22454
|
:root {
|
|
@@ -21752,7 +22732,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21752
22732
|
|
|
21753
22733
|
/**
|
|
21754
22734
|
* Do not edit directly
|
|
21755
|
-
* Generated on
|
|
22735
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
21756
22736
|
*/
|
|
21757
22737
|
|
|
21758
22738
|
:root {
|
|
@@ -21763,7 +22743,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21763
22743
|
|
|
21764
22744
|
/**
|
|
21765
22745
|
* Do not edit directly
|
|
21766
|
-
* Generated on
|
|
22746
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
21767
22747
|
*/
|
|
21768
22748
|
|
|
21769
22749
|
:root,
|
|
@@ -22031,7 +23011,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22031
23011
|
|
|
22032
23012
|
/**
|
|
22033
23013
|
* Do not edit directly
|
|
22034
|
-
* Generated on
|
|
23014
|
+
* Generated on Fri, 17 Apr 2026 12:35:25 GMT
|
|
22035
23015
|
*/
|
|
22036
23016
|
|
|
22037
23017
|
:root {
|
|
@@ -22040,7 +23020,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22040
23020
|
|
|
22041
23021
|
/**
|
|
22042
23022
|
* Do not edit directly
|
|
22043
|
-
* Generated on
|
|
23023
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
22044
23024
|
*/
|
|
22045
23025
|
|
|
22046
23026
|
:root,
|
|
@@ -22286,7 +23266,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22286
23266
|
|
|
22287
23267
|
/**
|
|
22288
23268
|
* Do not edit directly
|
|
22289
|
-
* Generated on
|
|
23269
|
+
* Generated on Fri, 17 Apr 2026 12:35:26 GMT
|
|
22290
23270
|
*/
|
|
22291
23271
|
|
|
22292
23272
|
:root,
|