@digital-b2c/coreui-kit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/LICENSE.txt +21 -0
  2. package/README.md +46 -0
  3. package/dist/icon-ads-HMLDPPRE.svg +3 -0
  4. package/dist/icon-blank-checkbox-QL6YHT6N.svg +3 -0
  5. package/dist/icon-blank-checkbox-white-RBACKJK2.svg +4 -0
  6. package/dist/icon-book-F432UUB3.svg +3 -0
  7. package/dist/icon-briefcase-MEYCJVOB.svg +3 -0
  8. package/dist/icon-calendar-6XVSU5R2.svg +3 -0
  9. package/dist/icon-checked-box-HXJX4QOM.svg +5 -0
  10. package/dist/icon-chevron-default-XRHTPYFD.svg +3 -0
  11. package/dist/icon-chevron-hovered-FXNQAEV3.svg +3 -0
  12. package/dist/icon-chevron-selected-O4VV5EZQ.svg +3 -0
  13. package/dist/icon-circle-chevron-down-YDKTSSAA.svg +3 -0
  14. package/dist/icon-circle-chevron-up-3LVQXDDY.svg +3 -0
  15. package/dist/icon-clipboard-RGBPZIT2.svg +3 -0
  16. package/dist/icon-convo-QXF3HB7U.svg +3 -0
  17. package/dist/icon-down-black-EUGNCX3W.svg +8 -0
  18. package/dist/icon-down-chevron-black-G37U72OZ.svg +3 -0
  19. package/dist/icon-down-chevron-white-PEUV6GJ7.svg +3 -0
  20. package/dist/icon-down-white-W7LIQ7BN.svg +8 -0
  21. package/dist/icon-download-black-F6AGZCYF.svg +15 -0
  22. package/dist/icon-download-white-VVTBJMMN.svg +15 -0
  23. package/dist/icon-eye-WAXJAF7C.svg +3 -0
  24. package/dist/icon-filled-chevron-left-2GY5O2G4.svg +3 -0
  25. package/dist/icon-filled-chevron-right-B6WC4UDP.svg +3 -0
  26. package/dist/icon-filled-chevron-up-DSHNXAIR.svg +3 -0
  27. package/dist/icon-globe-JOM23IWB.svg +3 -0
  28. package/dist/icon-hospital-HVKSQ2IF.svg +3 -0
  29. package/dist/icon-left-white-LTF2XPVJ.svg +8 -0
  30. package/dist/icon-library-56UDTCFP.svg +3 -0
  31. package/dist/icon-location-KVE4HFKV.svg +3 -0
  32. package/dist/icon-mail-black-H4JSL6GN.svg +10 -0
  33. package/dist/icon-marketing-YDUDTK7R.svg +3 -0
  34. package/dist/icon-menu-black-AI7IZGAV.svg +10 -0
  35. package/dist/icon-menu-white-EJXB5OPZ.svg +3 -0
  36. package/dist/icon-money-EJKRACJI.svg +3 -0
  37. package/dist/icon-people-XD7I6EDH.svg +3 -0
  38. package/dist/icon-right-OAELY3OL.svg +4 -0
  39. package/dist/icon-right-black-63XA3J2N.svg +8 -0
  40. package/dist/icon-right-white-HNWW4VHV.svg +8 -0
  41. package/dist/icon-smile-N5IQOWVQ.svg +3 -0
  42. package/dist/icon-tech-PWRO4Z5G.svg +3 -0
  43. package/dist/icon-tilted-right-EJ3C6PR6.svg +4 -0
  44. package/dist/icon-tilted-right-black-PBETFSTS.svg +8 -0
  45. package/dist/icon-tilted-right-white-W3HNOHCP.svg +3 -0
  46. package/dist/icon-up-chevron-up-white-ZAY6S6FY.svg +3 -0
  47. package/dist/icon-up-chevron-white-RQR5IGQP.svg +3 -0
  48. package/dist/icon-watch-black-SWPMR2N4.svg +3 -0
  49. package/dist/icon-watch-white-6F4DX3RD.svg +3 -0
  50. package/dist/icon-work-57TUXGDH.svg +3 -0
  51. package/dist/icon-workhome-QJL54EJE.svg +3 -0
  52. package/dist/icon-x-black-WBBDGBKZ.svg +4 -0
  53. package/dist/icon-x-white-WVEELCIS.svg +11 -0
  54. package/dist/index.cjs +599 -0
  55. package/dist/index.cjs.map +1 -0
  56. package/dist/index.css +521 -0
  57. package/dist/index.css.map +1 -0
  58. package/dist/index.d.cts +306 -0
  59. package/dist/index.d.ts +306 -0
  60. package/dist/index.mjs +578 -0
  61. package/dist/index.mjs.map +1 -0
  62. package/package.json +91 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/primitives/Anchor/Anchor.tsx","../src/components/primitives/ConditionalWrapper/ConditionalWrapper.tsx","../src/components/Icon/Icon.tsx","../src/components/Button/Button.module.scss","../src/components/Button/Button.tsx","../src/components/Card/Card.module.scss","../src/components/Card/Card.tsx","../src/components/Picture/Picture.module.scss","../src/components/Picture/Picture.tsx","../src/components/CountingCard/CountingCard.module.scss","../src/components/CountingCard/CountingCard.tsx","../src/components/InfoCard/InfoCard.module.scss","../src/components/InfoCard/InfoCard.tsx","../src/components/Pagination/Pagination.module.scss","../src/components/Pagination/Pagination.tsx","../src/components/primitives/Container/Container.module.scss","../src/components/primitives/Container/Container.tsx","../src/widgets/CardCollection/CardCollection.module.scss","../src/widgets/CardCollection/CardCollection.tsx","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/widgets/MiniSectionCta/MiniSectionCta.tsx","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.tsx","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.tsx"],"names":["jsx","Fragment","React","Icon","clsx","jsxs","_b","_a","useState"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { AnchorProps } from './Anchor.types'\n\nexport const Anchor = ({ children, isExternal, ...props }: AnchorProps) => {\n return (\n <a\n {...props}\n target={isExternal ? '_blank' : undefined}\n rel={isExternal ? 'noopener noreferrer' : undefined}\n >\n {children}\n </a>\n )\n}\n","import type { PropsWithChildren } from 'react'\n\nimport type { ConditionalWrapperProps } from './ConditionalWrapper.types'\n\nexport const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>> = ({\n condition,\n children,\n wrapper: Wrapper,\n fallback: Fallback,\n ...rest\n}) => {\n return condition && Wrapper ? (\n <Wrapper {...rest}>{children}</Wrapper>\n ) : Fallback ? (\n <Fallback {...rest}>{children}</Fallback>\n ) : (\n <>{children}</>\n )\n}\n","import React from 'react'\nimport ads from '@assets/icons/card/icon-ads.svg?react'\nimport book from '@assets/icons/card/icon-book.svg?react'\nimport briefcase from '@assets/icons/card/icon-briefcase.svg?react'\nimport calendar from '@assets/icons/card/icon-calendar.svg?react'\nimport clipboard from '@assets/icons/card/icon-clipboard.svg?react'\nimport convo from '@assets/icons/card/icon-convo.svg?react'\nimport eye from '@assets/icons/card/icon-eye.svg?react'\nimport globe from '@assets/icons/card/icon-globe.svg?react'\nimport hospital from '@assets/icons/card/icon-hospital.svg?react'\nimport library from '@assets/icons/card/icon-library.svg?react'\nimport location from '@assets/icons/card/icon-location.svg?react'\nimport marketing from '@assets/icons/card/icon-marketing.svg?react'\nimport money from '@assets/icons/card/icon-money.svg?react'\nimport people from '@assets/icons/card/icon-people.svg?react'\nimport smile from '@assets/icons/card/icon-smile.svg?react'\nimport tech from '@assets/icons/card/icon-tech.svg?react'\nimport work from '@assets/icons/card/icon-work.svg?react'\nimport workhome from '@assets/icons/card/icon-workhome.svg?react'\nimport blankCheckbox from '@assets/icons/button/icon-blank-checkbox.svg?react'\nimport blankCheckboxWhite from '@assets/icons/button/icon-blank-checkbox-white.svg?react'\nimport checkedBox from '@assets/icons/button/icon-checked-box.svg?react'\nimport circleChevronDown from '@assets/icons/button/icon-circle-chevron-down.svg?react'\nimport circleChevronUp from '@assets/icons/button/icon-circle-chevron-up.svg?react'\nimport downBlack from '@assets/icons/button/icon-down-black.svg?react'\nimport downWhite from '@assets/icons/button/icon-down-white.svg?react'\nimport downChevronBlack from '@assets/icons/button/icon-down-chevron-black.svg?react'\nimport downChevronWhite from '@assets/icons/button/icon-down-chevron-white.svg?react'\nimport downloadBlack from '@assets/icons/button/icon-download-black.svg?react'\nimport downloadWhite from '@assets/icons/button/icon-download-white.svg?react'\nimport filledChevronLeft from '@assets/icons/button/icon-filled-chevron-left.svg?react'\nimport filledChevronRight from '@assets/icons/button/icon-filled-chevron-right.svg?react'\nimport filledChevronUp from '@assets/icons/button/icon-filled-chevron-up.svg?react'\nimport leftWhite from '@assets/icons/button/icon-left-white.svg?react'\nimport mailBlack from '@assets/icons/button/icon-mail-black.svg?react'\nimport rightBlack from '@assets/icons/button/icon-right-black.svg?react'\nimport rightWhite from '@assets/icons/button/icon-right-white.svg?react'\nimport tiltedRightBlack from '@assets/icons/button/icon-tilted-right-black.svg?react'\nimport tiltedRightWhite from '@assets/icons/button/icon-tilted-right-white.svg?react'\nimport upChevronUpWhite from '@assets/icons/button/icon-up-chevron-up-white.svg?react'\nimport upChevronWhite from '@assets/icons/button/icon-up-chevron-white.svg?react'\nimport watchBlack from '@assets/icons/button/icon-watch-black.svg?react'\nimport watchWhite from '@assets/icons/button/icon-watch-white.svg?react'\nimport chevronDefault from '@assets/icons/dropdown/icon-chevron-default.svg?react'\nimport chevronHovered from '@assets/icons/dropdown/icon-chevron-hovered.svg?react'\nimport chevronSelected from '@assets/icons/dropdown/icon-chevron-selected.svg?react'\nimport menuBlack from '@assets/icons/misc/icon-menu-black.svg?react'\nimport menuWhite from '@assets/icons/misc/icon-menu-white.svg?react'\nimport right from '@assets/icons/misc/icon-right.svg?react'\nimport tiltedRight from '@assets/icons/misc/icon-tilted-right.svg?react'\nimport xBlack from '@assets/icons/misc/icon-x-black.svg?react'\nimport xWhite from '@assets/icons/misc/icon-x-white.svg?react'\n\nexport const svgs = {\n /* Card */\n ads,\n book,\n briefcase,\n calendar,\n clipboard,\n convo,\n eye,\n globe,\n hospital,\n library,\n location,\n marketing,\n money,\n people,\n smile,\n tech,\n work,\n workhome,\n\n /* Button */\n blankCheckbox,\n blankCheckboxWhite,\n checkedBox,\n circleChevronDown,\n circleChevronUp,\n downBlack,\n downWhite,\n downChevronBlack,\n downChevronWhite,\n downloadBlack,\n downloadWhite,\n filledChevronLeft,\n filledChevronRight,\n filledChevronUp,\n leftWhite,\n mailBlack,\n rightBlack,\n rightWhite,\n tiltedRightBlack,\n tiltedRightWhite,\n upChevronUpWhite,\n upChevronWhite,\n watchBlack,\n watchWhite,\n\n /* Dropdown */\n chevronDefault,\n chevronHovered,\n chevronSelected,\n\n /* Misc */\n menuBlack,\n menuWhite,\n right,\n tiltedRight,\n xBlack,\n xWhite,\n}\n\nexport type IconType = keyof typeof svgs\n\nexport interface IconProps extends React.ComponentPropsWithRef<'svg'> {\n type: IconType\n}\n\nexport const Icon: React.FC<IconProps> = React.memo(\n ({ type, ...props }: IconProps): React.JSX.Element => {\n if (type) {\n const Icon = svgs[type]\n if (Icon) return <Icon {...props} />\n }\n return <></>\n }\n)\n\nIcon.displayName = 'Icon'\n",".button {\n width: fit-content;\n overflow: hidden;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-md);\n text-align: center;\n white-space: nowrap;\n text-decoration: none;\n color: var(--color-white);\n border-radius: 8px;\n border: 1px solid var(--color-white);\n background: rgba(255, 255, 255, 0);\n font-family: var(--font-family-primary);\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-normal);\n letter-spacing: -0.5%;\n position: relative;\n}\n.button:hover {\n text-decoration: none;\n background: rgba(255, 255, 255, 0.2);\n}\n.button:active {\n background: rgba(255, 255, 255, 0.3019607843);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary {\n color: var(--color-white);\n background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n border: 1px solid #000000;\n}\n.button.primary:hover {\n background: linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)), radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n}\n.button.primary:active {\n background: #0e0e0e;\n}\n.button.primary:focus {\n background: linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)), radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n outline: 4px solid var(--color-link);\n}\n.button.secondary {\n color: var(--color-black);\n background: var(--color-white);\n border: 1px solid #c2c2c2;\n}\n.button.secondary:hover {\n background: #eeeeee;\n}\n.button.secondary:active {\n background: #e3e3e3;\n}\n.button.secondary:focus {\n background: #eeeeee;\n outline: 4px solid var(--color-link);\n}\n.button.ghost {\n color: var(--color-black);\n background: var(--color-white);\n border: none;\n}\n.button.ghost:hover {\n background: #eeeeee;\n}\n.button.ghost:active {\n background: #c3c3c3;\n}\n.button.ghost:focus {\n background: #eeeeee;\n outline: 4px solid var(--color-link);\n}\n.button.nofill {\n color: var(--color-white);\n background: transparent;\n border: none;\n}\n.button.nofill:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.nofill:active {\n background: rgba(255, 255, 255, 0.3019607843);\n}\n.button.nofill:focus {\n background: rgba(255, 255, 255, 0.2);\n outline: 4px solid var(--color-link);\n}\n.button.nofillblack {\n color: var(--color-black);\n background: transparent;\n border: none;\n}\n.button.nofillblack:hover {\n background: rgba(229, 229, 229, 0.5019607843);\n}\n.button.nofillblack:active {\n background: rgba(203, 203, 203, 0.5019607843);\n}\n.button.nofillblack:focus {\n background: rgba(229, 229, 229, 0.5019607843);\n outline: 4px solid var(--color-link);\n}\n.button.grey {\n color: var(--color-white);\n background: transparent;\n border: 1px solid #949494;\n}\n.button.grey:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.grey:active {\n background: rgba(93, 93, 93, 0.9019607843);\n}\n.button.grey:focus {\n background: rgba(255, 255, 255, 0.2);\n outline: 4px solid var(--color-link);\n}\n.button.shiny {\n color: var(--color-white);\n background: transparent;\n border: none;\n}\n.button.shiny::before {\n content: \"\";\n position: absolute;\n inset: 0;\n padding: 2px;\n background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\n border-radius: inherit;\n animation: rotateGradient 2s linear infinite;\n -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n.button.shiny:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n.button.shiny:focus {\n background: transparent;\n outline: 4px solid var(--color-link);\n}\n\n@property --angle {\n syntax: \"<angle>\";\n initial-value: 0deg;\n inherits: false;\n}\n@keyframes rotateGradient {\n from {\n --angle: 0deg;\n }\n to {\n --angle: 360deg;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0UsWUFDRTs7QUFJSjtFQUNFOztBQUdGO0VBQ0UsWUFDRTtFQUVGOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsY0FDRTtFQUVGO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7O0FBS047RUFDRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtJQUNFOztFQUVGO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuYnV0dG9uIHtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IHZhcigtLXNwYWNpbmctc20pO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3Itd2hpdGUpO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmMDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseS1wcmltYXJ5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtbWQpO1xuICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtcmVndWxhcik7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1saW5lLWhlaWdodC1ub3JtYWwpO1xuICBsZXR0ZXItc3BhY2luZzogLTAuNSU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIGJhY2tncm91bmQ6ICNmZmZmZmY0ZDtcbiAgfVxuXG4gICYuZnVsbFdpZHRoIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICYucHJpbWFyeSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoOTUuNjklIDQxMC41OSUgYXQgMi4xNiUgOTYuNDMlLCAjMDAwMDAwIDAlLCAjMWIxYjFiIDEwMCUpO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICMwMDAwMDA7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6XG4gICAgICAgIGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDQ0LCA0NCwgNDQsIDAuOCksIHJnYmEoNDQsIDQ0LCA0NCwgMC44KSksXG4gICAgICAgIHJhZGlhbC1ncmFkaWVudCgxMDguMTklIDQ2NC4yMiUgYXQgMi4xNiUgOTYuNDMlLCAjMDAwMDAwIDAlLCAjMWIxYjFiIDEwMCUpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQ6ICMwZTBlMGU7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOlxuICAgICAgICBsaW5lYXItZ3JhZGllbnQoMGRlZywgcmdiYSg0NCwgNDQsIDQ0LCAwLjgpLCByZ2JhKDQ0LCA0NCwgNDQsIDAuOCkpLFxuICAgICAgICByYWRpYWwtZ3JhZGllbnQoMTA4LjE5JSA0NjQuMjIlIGF0IDIuMTYlIDk2LjQzJSwgIzAwMDAwMCAwJSwgIzFiMWIxYiAxMDAlKTtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cblxuICAmLnNlY29uZGFyeSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgI2MyYzJjMjtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogI2VlZWVlZTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZTNlM2UzO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2VlZWVlZTtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cblxuICAmLmdob3N0IHtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYmxhY2spO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBib3JkZXI6IG5vbmU7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2MzYzNjMztcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XG4gICAgICBvdXRsaW5lOiA0cHggc29saWQgdmFyKC0tY29sb3ItbGluayk7XG4gICAgfVxuICB9XG5cbiAgJi5ub2ZpbGwge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjRkO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYubm9maWxsYmxhY2sge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZTVlNWU1ODA7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogI2NiY2JjYjgwO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2U1ZTVlNTgwO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYuZ3JleSB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjOTQ5NDk0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogIzVkNWQ1ZGU2O1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZDogI2ZmZmZmZjMzO1xuICAgICAgb3V0bGluZTogNHB4IHNvbGlkIHZhcigtLWNvbG9yLWxpbmspO1xuICAgIH1cbiAgfVxuXG4gICYuc2hpbnkge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyOiBub25lO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwYWRkaW5nOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodmFyKC0tYW5nbGUpLCAjZmZmZmZmLCByZ2JhKDE1MywgMTUzLCAxNTMsIDAuMzkpKTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG4gICAgICBhbmltYXRpb246IHJvdGF0ZUdyYWRpZW50IDJzIGxpbmVhciBpbmZpbml0ZTtcbiAgICAgIC13ZWJraXQtbWFzazpcbiAgICAgICAgbGluZWFyLWdyYWRpZW50KCMwMDAgMCAwKSBjb250ZW50LWJveCxcbiAgICAgICAgbGluZWFyLWdyYWRpZW50KCMwMDAgMCAwKTtcbiAgICAgIC13ZWJraXQtbWFzay1jb21wb3NpdGU6IHhvcjtcbiAgICAgIG1hc2stY29tcG9zaXRlOiBleGNsdWRlO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiAjZmZmZmZmMzM7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIG91dGxpbmU6IDRweCBzb2xpZCB2YXIoLS1jb2xvci1saW5rKTtcbiAgICB9XG4gIH1cbn1cblxuQHByb3BlcnR5IC0tYW5nbGUge1xuICBzeW50YXg6ICc8YW5nbGU+JztcbiAgaW5pdGlhbC12YWx1ZTogMGRlZztcbiAgaW5oZXJpdHM6IGZhbHNlO1xufVxuXG5Aa2V5ZnJhbWVzIHJvdGF0ZUdyYWRpZW50IHtcbiAgZnJvbSB7XG4gICAgLS1hbmdsZTogMGRlZztcbiAgfVxuICB0byB7XG4gICAgLS1hbmdsZTogMzYwZGVnO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Anchor } from '@components/primitives/Anchor'\nimport { ConditionalWrapper } from '@components/primitives/ConditionalWrapper'\nimport { Icon } from '@components/Icon/Icon'\n\nimport type { ButtonProps } from './Button.types'\nimport styles from './Button.module.scss'\n\nexport const Button: React.FC<ButtonProps> = ({\n className,\n children,\n variant = 'primary',\n fullWidth,\n href,\n isExternal,\n icon,\n ...rest\n}) => {\n const isLink = !!href\n\n const props = {\n className: clsx(\n styles.button,\n variant ? styles[variant] : null,\n { [styles.fullWidth]: !!fullWidth },\n className\n ),\n ...(isLink ? { href, isExternal } : {}),\n ...rest,\n }\n\n return (\n <ConditionalWrapper wrapper={Anchor} fallback=\"button\" condition={isLink} {...(props as any)}>\n {children}\n {icon && <Icon type={icon} />}\n </ConditionalWrapper>\n )\n}\n",".card {\n display: flex;\n flex-direction: column;\n border-radius: 8px;\n padding: var(--spacing-xl);\n gap: var(--spacing-2xl);\n background: var(--color-gradient-black);\n min-width: 308px;\n}\n.card h3 {\n color: var(--color-white);\n}\n.card p {\n color: #cecece;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy14bCk7XG4gIGdhcDogdmFyKC0tc3BhY2luZy0yeGwpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ncmFkaWVudC1ibGFjayk7XG4gIG1pbi13aWR0aDogMzA4cHg7XG5cbiAgaDMge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIH1cblxuICBwIHtcbiAgICBjb2xvcjogI2NlY2VjZTtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\nimport { Button } from '@components/Button'\n\nimport type { CardProps } from './Card.types'\nimport styles from './Card.module.scss'\n\nexport const Card = ({ className, title, subtitle, cta, icon }: CardProps) => {\n return (\n <div className={clsx(styles.card, className)}>\n {icon && <Icon type={icon} />}\n <div className={styles.content}>\n <h3 className=\"h4\">{title}</h3>\n {subtitle && <p>{subtitle}</p>}\n </div>\n {cta && (\n <Button\n href={cta.url}\n isExternal={cta.isExternal}\n variant=\"secondary\"\n icon={cta.url ? 'rightBlack' : undefined}\n >\n {cta.label}\n </Button>\n )}\n </div>\n )\n}\n",".image-desktop {\n display: block;\n}\n@media (max-width: 768px) {\n .image-desktop {\n display: none;\n }\n}\n\n.image-mobile {\n display: none;\n}\n@media (max-width: 768px) {\n .image-mobile {\n display: block;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3R1cmUubW9kdWxlLnNjc3MiLCIuLlxcLi5cXHN0eWxlc1xcdXRpbGl0aWVzXFxfbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7QUNJRTtFRExKO0lBSUk7Ozs7QUFJSjtFQUNFOztBQ0pFO0VER0o7SUFJSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy91dGlsaXRpZXMvbWl4aW5zJztcblxuLmltYWdlLWRlc2t0b3Age1xuICBkaXNwbGF5OiBibG9jaztcblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLmltYWdlLW1vYmlsZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgQGluY2x1ZGUgbWl4aW5zLnJlc3BvbmQobWQpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\n\nimport styles from './Picture.module.scss'\nimport type { PictureProps } from './Picture.types'\n\nexport const Picture = ({ className, ...props }: PictureProps) => {\n if ('src' in props) {\n return <img className={className} {...props} />\n }\n\n const { desktop, mobile, ...rest } = props\n\n return (\n <>\n <img\n src={desktop.src}\n alt={desktop.alt}\n className={clsx(className, styles['image-desktop'])}\n {...rest}\n />\n <img\n src={mobile?.src ?? desktop.src}\n alt={mobile?.alt ?? desktop.alt}\n className={clsx(className, styles['image-mobile'])}\n {...rest}\n />\n </>\n )\n}\n",".counting-card {\n display: flex;\n flex-direction: column;\n border-radius: 16px;\n padding: var(--spacing-md) var(--spacing-lg);\n gap: var(--spacing-xl);\n background: var(--color-gradient-black);\n width: 314px;\n color: var(--color-white);\n}\n.counting-card .count::after {\n content: \"+\";\n}\n.counting-card .logo {\n max-height: 67px;\n filter: brightness(0) invert(1);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50aW5nQ2FyZC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuY291bnRpbmctY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctbWQpIHZhcigtLXNwYWNpbmctbGcpO1xuICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ncmFkaWVudC1ibGFjayk7XG4gIHdpZHRoOiAzMTRweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcblxuICAuY291bnQ6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnKyc7XG4gIH1cblxuICAubG9nbyB7XG4gICAgbWF4LWhlaWdodDogNjdweDtcbiAgICBmaWx0ZXI6IGJyaWdodG5lc3MoMCkgaW52ZXJ0KDEpO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Picture } from '@components/Picture'\n\nimport styles from './CountingCard.module.scss'\nimport type { CountingCardProps } from './CountingCard.types'\n\nexport const CountingCard = ({ className, title, count, image }: CountingCardProps) => {\n return (\n <div className={clsx(styles['counting-card'], className)}>\n <div className={styles.content}>\n {title && <div className=\"body\">{title}</div>}\n {count && <div className={clsx(styles.count, 'h1')}>{count}</div>}\n </div>\n {image && <Picture className={styles.logo} {...image} />}\n </div>\n )\n}\n",".info-card {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: var(--spacing-lg);\n gap: var(--spacing-md);\n}\n.info-card .header {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-md);\n color: var(--color-black);\n}\n.info-card .badge {\n border-radius: 50%;\n color: var(--color-white);\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #cecece;\n}\n.info-card.hasIcon .header {\n color: var(--color-lenscrafter-blue);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9DYXJkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLmluZm8tY2FyZCB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLWxnKTtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcblxuICAuaGVhZGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYmxhY2spO1xuICB9XG5cbiAgLmJhZGdlIHtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNjZWNlY2U7XG4gIH1cblxuICAmLmhhc0ljb24gLmhlYWRlciB7XG4gICAgY29sb3I6IHZhcigtLWNvbG9yLWxlbnNjcmFmdGVyLWJsdWUpO1xuICB9XG59XG4iXX0= */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\n\nimport type { InfoCardProps } from './InfoCard.types'\nimport styles from './InfoCard.module.scss'\n\nexport const InfoCard = ({ className, title, subtitle, icon, badge }: InfoCardProps) => {\n return (\n <div className={clsx(styles['info-card'], { [styles.hasIcon]: !!icon }, className)}>\n <div className={styles.header}>\n {icon ? (\n <Icon type={icon} />\n ) : badge ? (\n <div className={clsx(styles.badge, 'h4')}>{badge}</div>\n ) : null}\n {title && <div className=\"h4\">{title}</div>}\n </div>\n {subtitle && <div className=\"body\">{subtitle}</div>}\n </div>\n )\n}\n",".pagination {\n display: flex;\n flex-direction: row;\n gap: 11px;\n padding: 5px;\n align-items: center;\n}\n.pagination .next,\n.pagination .prev {\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n width: 40px;\n height: 40px;\n cursor: pointer;\n background: none;\n}\n.pagination .next path,\n.pagination .prev path {\n fill: var(--color-black);\n}\n.pagination .pages {\n display: flex;\n justify-content: space-between;\n gap: 4px;\n width: max-content;\n}\n.pagination .page {\n padding: 0;\n margin: 0;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: none;\n border: 1px solid var(--color-light-gray);\n transition: width 0.3s;\n cursor: pointer;\n}\n.pagination .page.active {\n width: 40px;\n border: none;\n border-radius: 16px;\n background-color: var(--color-black);\n}\n.pagination .page.number.active {\n width: 28px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFFRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5wYWdpbmF0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZ2FwOiAxMXB4O1xuICBwYWRkaW5nOiA1cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgLm5leHQsXG4gIC5wcmV2IHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG5cbiAgICBwYXRoIHtcbiAgICAgIGZpbGw6IHZhcigtLWNvbG9yLWJsYWNrKTtcbiAgICB9XG4gIH1cblxuICAucGFnZXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGdhcDogNHB4O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgfVxuXG4gIC5wYWdlIHtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBoZWlnaHQ6IDIwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tY29sb3ItbGlnaHQtZ3JheSk7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcztcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmLmFjdGl2ZSB7XG4gICAgICB3aWR0aDogNDBweDtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgfVxuXG4gICAgJi5udW1iZXIuYWN0aXZlIHtcbiAgICAgIHdpZHRoOiAyOHB4O1xuICAgIH1cbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Icon } from '@components/Icon'\nimport { useState } from 'react'\n\nimport type { PaginationProps } from './Pagination.types'\nimport styles from './Pagination.module.scss'\n\nexport const Pagination = ({\n className,\n totalPages,\n currentPage = 1,\n loop = true,\n hasNumber = false,\n disableArrows = false,\n onPageChange,\n}: PaginationProps) => {\n const [activePage, setActivePage] = useState(currentPage)\n\n const goToPage = (page: number) => {\n if (page < 1 || page > totalPages) return\n\n setActivePage(page)\n onPageChange?.(page)\n }\n\n const handlePrev = () => {\n if (activePage === 1) {\n if (loop) {\n setActivePage(totalPages)\n onPageChange?.(totalPages)\n }\n return\n }\n\n const page = activePage - 1\n setActivePage(page)\n onPageChange?.(page)\n }\n\n const handleNext = () => {\n if (activePage === totalPages) {\n if (loop) {\n setActivePage(1)\n onPageChange?.(1)\n }\n return\n }\n\n const page = activePage + 1\n setActivePage(page)\n onPageChange?.(page)\n }\n\n return (\n <div className={clsx(styles.pagination, className)}>\n {!disableArrows && (\n <button\n className={styles.prev}\n onClick={handlePrev}\n disabled={!loop && activePage === 1}\n aria-label=\"Go to previous page\"\n >\n <Icon type=\"filledChevronLeft\" />\n </button>\n )}\n\n <div className={styles.pages}>\n {Array.from({ length: totalPages }, (_, i) => {\n const page = i + 1\n\n return (\n <button\n key={page}\n onClick={() => goToPage(page)}\n className={clsx(styles.page, {\n [styles.active]: activePage === page,\n [styles.number]: hasNumber,\n })}\n aria-label={`Go to page ${page}`}\n >\n {hasNumber ? page : null}\n </button>\n )\n })}\n </div>\n\n {!disableArrows && (\n <button\n className={styles.next}\n onClick={handleNext}\n disabled={!loop && activePage === totalPages}\n aria-label=\"Go to next page\"\n >\n <Icon type=\"filledChevronRight\" />\n </button>\n )}\n </div>\n )\n}\n",".container {\n width: 100%;\n max-width: 1440px;\n overflow: visible;\n margin: 0 auto;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLmNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDE0NDBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuIl19 */","import clsx from 'clsx'\n\nimport styles from './Container.module.scss'\nimport type { ContainerProps } from './Container.types'\n\nexport const Container = ({ children, className, ...props }: ContainerProps) => {\n return (\n <div className={clsx(styles.container, className)} {...props}>\n {children}\n </div>\n )\n}\n",".card-collection {\n display: block;\n width: 100%;\n padding: var(--spacing-3xl) var(--spacing-7xl);\n}\n.card-collection h2 {\n color: var(--color-black);\n margin-bottom: var(--spacing-sm);\n}\n.card-collection .content {\n margin-bottom: var(--spacing-xl);\n}\n.card-collection .wrapper {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: var(--spacing-md);\n}\n.card-collection.threeCols .wrapper {\n grid-template-columns: repeat(3, 1fr);\n}\n.card-collection.examCard .wrapper {\n grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\n}\n@media (max-width: 768px) {\n .card-collection {\n padding: var(--spacing-lg);\n }\n .card-collection .wrapper {\n grid-template-columns: 1fr;\n }\n .card-collection.threeCols .wrapper {\n grid-template-columns: 1fr;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRDb2xsZWN0aW9uLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUNwQkE7RURMSjtJQTZCSTs7RUFFQTtJQUNFOztFQUdGO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdXRpbGl0aWVzL21peGlucyc7XG5cbi5jYXJkLWNvbGxlY3Rpb24ge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctM3hsKSB2YXIoLS1zcGFjaW5nLTd4bCk7XG5cbiAgaDIge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy1zbSk7XG4gIH1cblxuICAuY29udGVudCB7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKC0tc3BhY2luZy14bCk7XG4gIH1cblxuICAud3JhcHBlciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy1tZCk7XG4gIH1cblxuICAmLnRocmVlQ29scyAud3JhcHBlciB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTtcbiAgfVxuXG4gICYuZXhhbUNhcmQgLndyYXBwZXIge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMzE0cHgsIDFmcikpO1xuICB9XG5cbiAgQGluY2x1ZGUgbWl4aW5zLnJlc3BvbmQobWQpIHtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLWxnKTtcblxuICAgIC53cmFwcGVyIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cblxuICAgICYudGhyZWVDb2xzIC53cmFwcGVyIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICAgIH1cbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Card } from '@components/Card'\nimport { Container } from '@components/primitives/Container'\n\nimport styles from './CardCollection.module.scss'\nimport type { CardCollectionProps } from './CardCollection.types'\n\nexport const CardCollection = ({\n className,\n variant = 'default',\n title,\n subtitle,\n cards,\n}: CardCollectionProps) => {\n return (\n <Container className={clsx(styles['card-collection'], styles[variant], className)}>\n <div className={styles.content}>\n {title && <h2>{title}</h2>}\n {subtitle && <div className=\"subheading\">{subtitle}</div>}\n </div>\n <div className={styles.wrapper}>\n {cards?.map((card, key) => (\n <Card key={key} className={styles.card} {...card} />\n ))}\n </div>\n </Container>\n )\n}\n",".miniSectionCta {\n width: 100%;\n}\n.miniSectionCta .container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n gap: var(--spacing-md);\n padding: var(--spacing-3xl) var(--spacing-7xl);\n}\n.miniSectionCta .col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.miniSectionCta h2 {\n color: var(--color-black);\n}\n.miniSectionCta.BgColorBlack {\n background: var(--color-black);\n color: var(--color-white);\n}\n.miniSectionCta.BgColorBlack h2 {\n color: var(--color-white);\n}\n.miniSectionCta.BgColorBlack :global(.subheading) {\n color: #cecece;\n}\n.miniSectionCta.infoCallout .col {\n flex-direction: row;\n gap: 112px;\n align-items: center;\n}\n.miniSectionCta.infoCallout h2 {\n min-width: fit-content;\n}\n.miniSectionCta.miniTextCenterCta .container {\n flex-direction: column;\n align-items: center;\n}\n@media (max-width: 768px) {\n .miniSectionCta .container {\n flex-direction: column;\n padding: var(--spacing-lg) var(--spacing-md);\n }\n .miniSectionCta .cta {\n width: 100%;\n }\n .miniSectionCta.BgColorBlack {\n text-align: center;\n }\n .miniSectionCta.BgColorGrey {\n text-align: center;\n }\n .miniSectionCta.infoCallout .col {\n flex-direction: column;\n gap: var(--spacing-md);\n align-items: flex-start;\n }\n .miniSectionCta.infoCallout .subtitle {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-regular);\n line-height: var(--line-height-tight-1);\n }\n .miniSectionCta.miniTextCenterCta .col {\n width: 100%;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pbmlTZWN0aW9uQ3RhLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFLRjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUlKO0VBQ0U7RUFDQTs7QUMzQ0E7RUQrQ0E7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7SUFDRTs7RUFHRjtJQUNFOztFQUlBO0lBQ0U7SUFDQTtJQUNBOztFQUdGO0lBQ0U7SUFDQTtJQUNBOztFQUlKO0lBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdXRpbGl0aWVzL21peGlucyc7XG5cbi5taW5pU2VjdGlvbkN0YSB7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgZ2FwOiB2YXIoLS1zcGFjaW5nLW1kKTtcbiAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTN4bCkgdmFyKC0tc3BhY2luZy03eGwpO1xuICB9XG5cbiAgLmNvbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgaDIge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cblxuICAmLkJnQ29sb3JCbGFjayB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmxhY2spO1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG5cbiAgICBoMiB7XG4gICAgICBjb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICAgIH1cblxuICAgIDpnbG9iYWwoLnN1YmhlYWRpbmcpIHtcbiAgICAgIGNvbG9yOiAjY2VjZWNlO1xuICAgIH1cbiAgfVxuXG4gICYuaW5mb0NhbGxvdXQge1xuICAgIC5jb2wge1xuICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgIGdhcDogMTEycHg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIGgyIHtcbiAgICAgIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgfVxuICB9XG5cbiAgJi5taW5pVGV4dENlbnRlckN0YSAuY29udGFpbmVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIC5jb250YWluZXIge1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctbGcpIHZhcigtLXNwYWNpbmctbWQpO1xuICAgIH1cblxuICAgIC5jdGEge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgJi5CZ0NvbG9yQmxhY2sge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgICYuQmdDb2xvckdyZXkge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgICYuaW5mb0NhbGxvdXQge1xuICAgICAgLmNvbCB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogdmFyKC0tc3BhY2luZy1tZCk7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgfVxuXG4gICAgICAuc3VidGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1sZyk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1yZWd1bGFyKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXRpZ2h0LTEpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYubWluaVRleHRDZW50ZXJDdGEgLmNvbCB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uL3Rva2Vucy9icmVha3BvaW50cycgYXMgKjtcblxuQG1peGluIHJlc3BvbmQoJGJyZWFrcG9pbnQpIHtcbiAgJHNpemU6IG1hcC5nZXQoJGJyZWFrcG9pbnRzLCAkYnJlYWtwb2ludCk7XG5cbiAgQGlmICRzaXplICE9IG51bGwgYW5kICRzaXplICE9IDAge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAkc2l6ZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IDAge1xuICAgIC8vIHhzIG9yIGRlZmF1bHRcbiAgICBAY29udGVudDtcbiAgfSBAZWxzZSB7XG4gICAgQHdhcm4gXCJCcmVha3BvaW50IGAjeyRicmVha3BvaW50fWAgbm90IGZvdW5kIGluICRicmVha3BvaW50cyBtYXAuXCI7XG4gIH1cbn1cbiJdfQ== */","import clsx from 'clsx'\nimport { Button } from '@components/Button'\nimport { Container } from '@components/primitives/Container'\n\nimport styles from './MiniSectionCta.module.scss'\nimport type { MiniSectionCtaProps } from './MiniSectionCta.types'\n\nexport const MiniSectionCta = ({\n className,\n variant = 'headerCTA',\n title,\n subtitle,\n cta,\n}: MiniSectionCtaProps) => {\n return (\n <div className={clsx(styles.miniSectionCta, styles[variant], className)}>\n <Container className={styles.container}>\n <div className={styles.col}>\n {title && (\n <h2 className={variant === 'BgColorBlack' || variant === 'BgColorGrey' ? 'h3' : 'h2'}>\n {title}\n </h2>\n )}\n {subtitle && (\n <div className={clsx(styles.subtitle, variant === 'infoCallout' ? 'h4' : 'subheading')}>\n {subtitle}\n </div>\n )}\n </div>\n {cta && (\n <div className={styles.col}>\n <Button\n className={styles.cta}\n href={cta.url}\n isExternal={cta.isExternal}\n variant=\"primary\"\n icon={variant === 'miniTextCenterCta' ? 'tiltedRightWhite' : undefined}\n >\n {cta.label}\n </Button>\n </div>\n )}\n </Container>\n </div>\n )\n}\n",".teaser5050-3text {\n width: 100%;\n}\n.teaser5050-3text .container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n}\n.teaser5050-3text .content {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xl);\n}\n.teaser5050-3text.right .content {\n flex-direction: row-reverse;\n}\n.teaser5050-3text .title {\n color: var(--color-black);\n}\n.teaser5050-3text .image {\n width: 50%;\n border-radius: 16px;\n}\n@media (max-width: 768px) {\n .teaser5050-3text .container {\n padding: var(--spacing-lg) var(--spacing-md);\n gap: 0;\n }\n .teaser5050-3text.right .container {\n gap: var(--spacing-xl);\n }\n .teaser5050-3text .content {\n flex-direction: column;\n }\n .teaser5050-3text.right .content {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n .teaser5050-3text .image {\n width: 100%;\n padding: 0;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlYXNlcjUwNTBXaXRoM1RleHQubW9kdWxlLnNjc3MiLCIuLlxcLi5cXHN0eWxlc1xcdXRpbGl0aWVzXFxfbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7RUFDQTs7QUNyQkE7RUR5QkE7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7SUFDRTs7RUFHRjtJQUNFO0lBQ0E7O0VBR0Y7SUFDRTtJQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vc3R5bGVzL3V0aWxpdGllcy9taXhpbnMnO1xuXG4udGVhc2VyNTA1MC0zdGV4dCB7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC5jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICB9XG5cbiAgLmNvbnRlbnQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gIH1cblxuICAmLnJpZ2h0IC5jb250ZW50IHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIH1cblxuICAudGl0bGUge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cbiAgLmltYWdlIHtcbiAgICB3aWR0aDogNTAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIH1cblxuICBAaW5jbHVkZSBtaXhpbnMucmVzcG9uZChtZCkge1xuICAgIC5jb250YWluZXIge1xuICAgICAgcGFkZGluZzogdmFyKC0tc3BhY2luZy1sZykgdmFyKC0tc3BhY2luZy1tZCk7XG4gICAgICBnYXA6IDA7XG4gICAgfVxuXG4gICAgJi5yaWdodCAuY29udGFpbmVyIHtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgfVxuXG4gICAgLmNvbnRlbnQge1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB9XG5cbiAgICAmLnJpZ2h0IC5jb250ZW50IHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgICAgIGdhcDogdmFyKC0tc3BhY2luZy14bCk7XG4gICAgfVxuXG4gICAgLmltYWdlIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uL3Rva2Vucy9icmVha3BvaW50cycgYXMgKjtcblxuQG1peGluIHJlc3BvbmQoJGJyZWFrcG9pbnQpIHtcbiAgJHNpemU6IG1hcC5nZXQoJGJyZWFrcG9pbnRzLCAkYnJlYWtwb2ludCk7XG5cbiAgQGlmICRzaXplICE9IG51bGwgYW5kICRzaXplICE9IDAge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiAkc2l6ZSkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRzaXplID09IDAge1xuICAgIC8vIHhzIG9yIGRlZmF1bHRcbiAgICBAY29udGVudDtcbiAgfSBAZWxzZSB7XG4gICAgQHdhcm4gXCJCcmVha3BvaW50IGAjeyRicmVha3BvaW50fWAgbm90IGZvdW5kIGluICRicmVha3BvaW50cyBtYXAuXCI7XG4gIH1cbn1cbiJdfQ== */","import clsx from 'clsx'\nimport { Container } from '@components/primitives'\nimport { Picture } from '@components/Picture'\nimport { InfoCard } from '@components/InfoCard'\n\nimport styles from './Teaser5050With3Text.module.scss'\nimport type { Teaser5050With3TextProps } from './Teaser5050With3Text.types'\n\nexport const Teaser5050With3Text = ({\n className,\n variant = 'left',\n title,\n cards,\n image,\n}: Teaser5050With3TextProps) => {\n return (\n <div className={clsx(styles['teaser5050-3text'], styles[variant], className)}>\n <Container className={styles.container}>\n {title && <div className={clsx(styles.title, 'h3')}>{title}</div>}\n <div className={styles.content}>\n <div className={styles.cards}>\n {cards?.map((card, key) => (\n <InfoCard key={key} {...card} />\n ))}\n </div>\n {image && <Picture className={styles.image} {...image} />}\n </div>\n </Container>\n </div>\n )\n}\n",".teaser5050 {\n width: 100%;\n}\n.teaser5050 .container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n.teaser5050.right .container {\n flex-direction: row-reverse;\n}\n.teaser5050 .wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-md);\n padding: 0 var(--spacing-5xl);\n width: 50%;\n}\n.teaser5050 .title {\n color: var(--color-black);\n}\n.teaser5050 .image {\n width: 50%;\n border-radius: 16px;\n}\n@media (max-width: 768px) {\n .teaser5050 .container {\n flex-direction: column-reverse;\n gap: var(--spacing-xl);\n }\n .teaser5050.right .container {\n flex-direction: column-reverse;\n }\n .teaser5050 .wrapper,\n .teaser5050 .image {\n width: 100%;\n padding: 0;\n }\n .teaser5050 .cta {\n width: 100%;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRlYXNlcjUwNTBXaXRoQ3RhLm1vZHVsZS5zY3NzIiwiLi5cXC4uXFxzdHlsZXNcXHV0aWxpdGllc1xcX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0U7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUN2QkE7RUQyQkE7SUFDRTtJQUNBOztFQUdGO0lBQ0U7O0VBR0Y7QUFBQTtJQUVFO0lBQ0E7O0VBR0Y7SUFDRSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3N0eWxlcy91dGlsaXRpZXMvbWl4aW5zJztcblxuLnRlYXNlcjUwNTAge1xuICB3aWR0aDogMTAwJTtcblxuICAuY29udGFpbmVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gICYucmlnaHQgLmNvbnRhaW5lciB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICB9XG5cbiAgLndyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctbWQpO1xuICAgIHBhZGRpbmc6IDAgdmFyKC0tc3BhY2luZy01eGwpO1xuICAgIHdpZHRoOiA1MCU7XG4gIH1cblxuICAudGl0bGUge1xuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1ibGFjayk7XG4gIH1cblxuICAuaW1hZ2Uge1xuICAgIHdpZHRoOiA1MCU7XG4gICAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgfVxuXG4gIEBpbmNsdWRlIG1peGlucy5yZXNwb25kKG1kKSB7XG4gICAgLmNvbnRhaW5lciB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmcteGwpO1xuICAgIH1cblxuICAgICYucmlnaHQgLmNvbnRhaW5lciB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgfVxuXG4gICAgLndyYXBwZXIsXG4gICAgLmltYWdlIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICAuY3RhIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxufVxuIiwiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vdG9rZW5zL2JyZWFrcG9pbnRzJyBhcyAqO1xuXG5AbWl4aW4gcmVzcG9uZCgkYnJlYWtwb2ludCkge1xuICAkc2l6ZTogbWFwLmdldCgkYnJlYWtwb2ludHMsICRicmVha3BvaW50KTtcblxuICBAaWYgJHNpemUgIT0gbnVsbCBhbmQgJHNpemUgIT0gMCB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6ICRzaXplKSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJHNpemUgPT0gMCB7XG4gICAgLy8geHMgb3IgZGVmYXVsdFxuICAgIEBjb250ZW50O1xuICB9IEBlbHNlIHtcbiAgICBAd2FybiBcIkJyZWFrcG9pbnQgYCN7JGJyZWFrcG9pbnR9YCBub3QgZm91bmQgaW4gJGJyZWFrcG9pbnRzIG1hcC5cIjtcbiAgfVxufVxuIl19 */","import clsx from 'clsx'\nimport { Container } from '@components/primitives'\nimport { Picture } from '@components/Picture'\nimport { Button } from '@components/Button'\n\nimport styles from './Teaser5050WithCta.module.scss'\nimport type { Teaser5050WithCtaProps } from './Teaser5050WithCta.types'\n\nexport const Teaser5050WithCta = ({\n className,\n variant = 'left',\n title,\n subtitle,\n cta,\n image,\n}: Teaser5050WithCtaProps) => {\n return (\n <div className={clsx(styles.teaser5050, styles[variant], className)}>\n <Container className={styles.container}>\n <div className={styles.wrapper}>\n <div className={styles.content}>\n {title && <div className={clsx(styles.title, 'h3')}>{title}</div>}\n {subtitle && <div className=\"subheading\">{subtitle}</div>}\n </div>\n {cta && (\n <Button\n className={styles.cta}\n variant=\"secondary\"\n href={cta?.url}\n isExternal={cta?.isExternal}\n >\n {cta?.label}\n </Button>\n )}\n </div>\n {image && <Picture className={styles.image} {...image} />}\n </Container>\n </div>\n )\n}\n"]}
package/dist/index.css ADDED
@@ -0,0 +1,521 @@
1
+ /* src/components/Button/Button.module.scss */
2
+ .button {
3
+ width: fit-content;
4
+ overflow: hidden;
5
+ cursor: pointer;
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+ gap: var(--spacing-sm);
10
+ padding: var(--spacing-md);
11
+ text-align: center;
12
+ white-space: nowrap;
13
+ text-decoration: none;
14
+ color: var(--color-white);
15
+ border-radius: 8px;
16
+ border: 1px solid var(--color-white);
17
+ background: rgba(255, 255, 255, 0);
18
+ font-family: var(--font-family-primary);
19
+ font-size: var(--font-size-md);
20
+ font-weight: var(--font-weight-regular);
21
+ line-height: var(--line-height-normal);
22
+ letter-spacing: -0.5%;
23
+ position: relative;
24
+ }
25
+ .button:hover {
26
+ text-decoration: none;
27
+ background: rgba(255, 255, 255, 0.2);
28
+ }
29
+ .button:active {
30
+ background: rgba(255, 255, 255, 0.3019607843);
31
+ }
32
+ .button.fullWidth {
33
+ width: 100%;
34
+ }
35
+ .button.primary {
36
+ color: var(--color-white);
37
+ background:
38
+ radial-gradient(
39
+ 95.69% 410.59% at 2.16% 96.43%,
40
+ #000000 0%,
41
+ #1b1b1b 100%);
42
+ border: 1px solid #000000;
43
+ }
44
+ .button.primary:hover {
45
+ background:
46
+ linear-gradient(
47
+ 0deg,
48
+ rgba(44, 44, 44, 0.8),
49
+ rgba(44, 44, 44, 0.8)),
50
+ radial-gradient(
51
+ 108.19% 464.22% at 2.16% 96.43%,
52
+ #000000 0%,
53
+ #1b1b1b 100%);
54
+ }
55
+ .button.primary:active {
56
+ background: #0e0e0e;
57
+ }
58
+ .button.primary:focus {
59
+ background:
60
+ linear-gradient(
61
+ 0deg,
62
+ rgba(44, 44, 44, 0.8),
63
+ rgba(44, 44, 44, 0.8)),
64
+ radial-gradient(
65
+ 108.19% 464.22% at 2.16% 96.43%,
66
+ #000000 0%,
67
+ #1b1b1b 100%);
68
+ outline: 4px solid var(--color-link);
69
+ }
70
+ .button.secondary {
71
+ color: var(--color-black);
72
+ background: var(--color-white);
73
+ border: 1px solid #c2c2c2;
74
+ }
75
+ .button.secondary:hover {
76
+ background: #eeeeee;
77
+ }
78
+ .button.secondary:active {
79
+ background: #e3e3e3;
80
+ }
81
+ .button.secondary:focus {
82
+ background: #eeeeee;
83
+ outline: 4px solid var(--color-link);
84
+ }
85
+ .button.ghost {
86
+ color: var(--color-black);
87
+ background: var(--color-white);
88
+ border: none;
89
+ }
90
+ .button.ghost:hover {
91
+ background: #eeeeee;
92
+ }
93
+ .button.ghost:active {
94
+ background: #c3c3c3;
95
+ }
96
+ .button.ghost:focus {
97
+ background: #eeeeee;
98
+ outline: 4px solid var(--color-link);
99
+ }
100
+ .button.nofill {
101
+ color: var(--color-white);
102
+ background: transparent;
103
+ border: none;
104
+ }
105
+ .button.nofill:hover {
106
+ background: rgba(255, 255, 255, 0.2);
107
+ }
108
+ .button.nofill:active {
109
+ background: rgba(255, 255, 255, 0.3019607843);
110
+ }
111
+ .button.nofill:focus {
112
+ background: rgba(255, 255, 255, 0.2);
113
+ outline: 4px solid var(--color-link);
114
+ }
115
+ .button.nofillblack {
116
+ color: var(--color-black);
117
+ background: transparent;
118
+ border: none;
119
+ }
120
+ .button.nofillblack:hover {
121
+ background: rgba(229, 229, 229, 0.5019607843);
122
+ }
123
+ .button.nofillblack:active {
124
+ background: rgba(203, 203, 203, 0.5019607843);
125
+ }
126
+ .button.nofillblack:focus {
127
+ background: rgba(229, 229, 229, 0.5019607843);
128
+ outline: 4px solid var(--color-link);
129
+ }
130
+ .button.grey {
131
+ color: var(--color-white);
132
+ background: transparent;
133
+ border: 1px solid #949494;
134
+ }
135
+ .button.grey:hover {
136
+ background: rgba(255, 255, 255, 0.2);
137
+ }
138
+ .button.grey:active {
139
+ background: rgba(93, 93, 93, 0.9019607843);
140
+ }
141
+ .button.grey:focus {
142
+ background: rgba(255, 255, 255, 0.2);
143
+ outline: 4px solid var(--color-link);
144
+ }
145
+ .button.shiny {
146
+ color: var(--color-white);
147
+ background: transparent;
148
+ border: none;
149
+ }
150
+ .button.shiny::before {
151
+ content: "";
152
+ position: absolute;
153
+ inset: 0;
154
+ padding: 2px;
155
+ background:
156
+ linear-gradient(
157
+ var(--angle),
158
+ #ffffff,
159
+ rgba(153, 153, 153, 0.39));
160
+ border-radius: inherit;
161
+ animation: rotateGradient 2s linear infinite;
162
+ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
163
+ -webkit-mask-composite: xor;
164
+ mask-composite: exclude;
165
+ pointer-events: none;
166
+ }
167
+ .button.shiny:hover {
168
+ background: rgba(255, 255, 255, 0.2);
169
+ }
170
+ .button.shiny:focus {
171
+ background: transparent;
172
+ outline: 4px solid var(--color-link);
173
+ }
174
+ @property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
175
+ @keyframes rotateGradient {
176
+ from {
177
+ --angle: 0deg;
178
+ }
179
+ to {
180
+ --angle: 360deg;
181
+ }
182
+ }
183
+
184
+ /* src/components/Card/Card.module.scss */
185
+ .card {
186
+ display: flex;
187
+ flex-direction: column;
188
+ border-radius: 8px;
189
+ padding: var(--spacing-xl);
190
+ gap: var(--spacing-2xl);
191
+ background: var(--color-gradient-black);
192
+ min-width: 308px;
193
+ }
194
+ .card h3 {
195
+ color: var(--color-white);
196
+ }
197
+ .card p {
198
+ color: #cecece;
199
+ }
200
+
201
+ /* src/components/Picture/Picture.module.scss */
202
+ .image-desktop {
203
+ display: block;
204
+ }
205
+ @media (max-width: 768px) {
206
+ .image-desktop {
207
+ display: none;
208
+ }
209
+ }
210
+ .image-mobile {
211
+ display: none;
212
+ }
213
+ @media (max-width: 768px) {
214
+ .image-mobile {
215
+ display: block;
216
+ }
217
+ }
218
+
219
+ /* src/components/CountingCard/CountingCard.module.scss */
220
+ .counting-card {
221
+ display: flex;
222
+ flex-direction: column;
223
+ border-radius: 16px;
224
+ padding: var(--spacing-md) var(--spacing-lg);
225
+ gap: var(--spacing-xl);
226
+ background: var(--color-gradient-black);
227
+ width: 314px;
228
+ color: var(--color-white);
229
+ }
230
+ .counting-card .count::after {
231
+ content: "+";
232
+ }
233
+ .counting-card .logo {
234
+ max-height: 67px;
235
+ filter: brightness(0) invert(1);
236
+ }
237
+
238
+ /* src/components/InfoCard/InfoCard.module.scss */
239
+ .info-card {
240
+ width: 100%;
241
+ display: flex;
242
+ flex-direction: column;
243
+ padding: var(--spacing-lg);
244
+ gap: var(--spacing-md);
245
+ }
246
+ .info-card .header {
247
+ display: flex;
248
+ flex-direction: row;
249
+ gap: var(--spacing-md);
250
+ color: var(--color-black);
251
+ }
252
+ .info-card .badge {
253
+ border-radius: 50%;
254
+ color: var(--color-white);
255
+ width: 40px;
256
+ height: 40px;
257
+ display: flex;
258
+ align-items: center;
259
+ justify-content: center;
260
+ background-color: #cecece;
261
+ }
262
+ .info-card.hasIcon .header {
263
+ color: var(--color-lenscrafter-blue);
264
+ }
265
+
266
+ /* src/components/Pagination/Pagination.module.scss */
267
+ .pagination {
268
+ display: flex;
269
+ flex-direction: row;
270
+ gap: 11px;
271
+ padding: 5px;
272
+ align-items: center;
273
+ }
274
+ .pagination .next,
275
+ .pagination .prev {
276
+ padding: 0;
277
+ border: none;
278
+ border-radius: 50%;
279
+ overflow: hidden;
280
+ width: 40px;
281
+ height: 40px;
282
+ cursor: pointer;
283
+ background: none;
284
+ }
285
+ .pagination .next path,
286
+ .pagination .prev path {
287
+ fill: var(--color-black);
288
+ }
289
+ .pagination .pages {
290
+ display: flex;
291
+ justify-content: space-between;
292
+ gap: 4px;
293
+ width: max-content;
294
+ }
295
+ .pagination .page {
296
+ padding: 0;
297
+ margin: 0;
298
+ width: 20px;
299
+ height: 20px;
300
+ border-radius: 50%;
301
+ background: none;
302
+ border: 1px solid var(--color-light-gray);
303
+ transition: width 0.3s;
304
+ cursor: pointer;
305
+ }
306
+ .pagination .page.active {
307
+ width: 40px;
308
+ border: none;
309
+ border-radius: 16px;
310
+ background-color: var(--color-black);
311
+ }
312
+ .pagination .page.number.active {
313
+ width: 28px;
314
+ }
315
+
316
+ /* src/components/primitives/Container/Container.module.scss */
317
+ .container {
318
+ width: 100%;
319
+ max-width: 1440px;
320
+ overflow: visible;
321
+ margin: 0 auto;
322
+ }
323
+
324
+ /* src/widgets/CardCollection/CardCollection.module.scss */
325
+ .card-collection {
326
+ display: block;
327
+ width: 100%;
328
+ padding: var(--spacing-3xl) var(--spacing-7xl);
329
+ }
330
+ .card-collection h2 {
331
+ color: var(--color-black);
332
+ margin-bottom: var(--spacing-sm);
333
+ }
334
+ .card-collection .content {
335
+ margin-bottom: var(--spacing-xl);
336
+ }
337
+ .card-collection .wrapper {
338
+ display: grid;
339
+ grid-template-columns: repeat(2, 1fr);
340
+ gap: var(--spacing-md);
341
+ }
342
+ .card-collection.threeCols .wrapper {
343
+ grid-template-columns: repeat(3, 1fr);
344
+ }
345
+ .card-collection.examCard .wrapper {
346
+ grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));
347
+ }
348
+ @media (max-width: 768px) {
349
+ .card-collection {
350
+ padding: var(--spacing-lg);
351
+ }
352
+ .card-collection .wrapper {
353
+ grid-template-columns: 1fr;
354
+ }
355
+ .card-collection.threeCols .wrapper {
356
+ grid-template-columns: 1fr;
357
+ }
358
+ }
359
+
360
+ /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
361
+ .miniSectionCta {
362
+ width: 100%;
363
+ }
364
+ .miniSectionCta .container {
365
+ display: flex;
366
+ flex-direction: row;
367
+ justify-content: space-between;
368
+ gap: var(--spacing-md);
369
+ padding: var(--spacing-3xl) var(--spacing-7xl);
370
+ }
371
+ .miniSectionCta .col {
372
+ display: flex;
373
+ flex-direction: column;
374
+ justify-content: center;
375
+ }
376
+ .miniSectionCta h2 {
377
+ color: var(--color-black);
378
+ }
379
+ .miniSectionCta.BgColorBlack {
380
+ background: var(--color-black);
381
+ color: var(--color-white);
382
+ }
383
+ .miniSectionCta.BgColorBlack h2 {
384
+ color: var(--color-white);
385
+ }
386
+ .miniSectionCta.BgColorBlack :global(.subheading) {
387
+ color: #cecece;
388
+ }
389
+ .miniSectionCta.infoCallout .col {
390
+ flex-direction: row;
391
+ gap: 112px;
392
+ align-items: center;
393
+ }
394
+ .miniSectionCta.infoCallout h2 {
395
+ min-width: fit-content;
396
+ }
397
+ .miniSectionCta.miniTextCenterCta .container {
398
+ flex-direction: column;
399
+ align-items: center;
400
+ }
401
+ @media (max-width: 768px) {
402
+ .miniSectionCta .container {
403
+ flex-direction: column;
404
+ padding: var(--spacing-lg) var(--spacing-md);
405
+ }
406
+ .miniSectionCta .cta {
407
+ width: 100%;
408
+ }
409
+ .miniSectionCta.BgColorBlack {
410
+ text-align: center;
411
+ }
412
+ .miniSectionCta.BgColorGrey {
413
+ text-align: center;
414
+ }
415
+ .miniSectionCta.infoCallout .col {
416
+ flex-direction: column;
417
+ gap: var(--spacing-md);
418
+ align-items: flex-start;
419
+ }
420
+ .miniSectionCta.infoCallout .subtitle {
421
+ font-size: var(--font-size-lg);
422
+ font-weight: var(--font-weight-regular);
423
+ line-height: var(--line-height-tight-1);
424
+ }
425
+ .miniSectionCta.miniTextCenterCta .col {
426
+ width: 100%;
427
+ }
428
+ }
429
+
430
+ /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
431
+ .teaser5050-3text {
432
+ width: 100%;
433
+ }
434
+ .teaser5050-3text .container {
435
+ display: flex;
436
+ flex-direction: column;
437
+ gap: var(--spacing-xl);
438
+ }
439
+ .teaser5050-3text .content {
440
+ display: flex;
441
+ flex-direction: row;
442
+ align-items: center;
443
+ justify-content: center;
444
+ gap: var(--spacing-xl);
445
+ }
446
+ .teaser5050-3text.right .content {
447
+ flex-direction: row-reverse;
448
+ }
449
+ .teaser5050-3text .title {
450
+ color: var(--color-black);
451
+ }
452
+ .teaser5050-3text .image {
453
+ width: 50%;
454
+ border-radius: 16px;
455
+ }
456
+ @media (max-width: 768px) {
457
+ .teaser5050-3text .container {
458
+ padding: var(--spacing-lg) var(--spacing-md);
459
+ gap: 0;
460
+ }
461
+ .teaser5050-3text.right .container {
462
+ gap: var(--spacing-xl);
463
+ }
464
+ .teaser5050-3text .content {
465
+ flex-direction: column;
466
+ }
467
+ .teaser5050-3text.right .content {
468
+ flex-direction: column-reverse;
469
+ gap: var(--spacing-xl);
470
+ }
471
+ .teaser5050-3text .image {
472
+ width: 100%;
473
+ padding: 0;
474
+ }
475
+ }
476
+
477
+ /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
478
+ .teaser5050 {
479
+ width: 100%;
480
+ }
481
+ .teaser5050 .container {
482
+ display: flex;
483
+ flex-direction: row;
484
+ align-items: center;
485
+ justify-content: center;
486
+ }
487
+ .teaser5050.right .container {
488
+ flex-direction: row-reverse;
489
+ }
490
+ .teaser5050 .wrapper {
491
+ display: flex;
492
+ flex-direction: column;
493
+ gap: var(--spacing-md);
494
+ padding: 0 var(--spacing-5xl);
495
+ width: 50%;
496
+ }
497
+ .teaser5050 .title {
498
+ color: var(--color-black);
499
+ }
500
+ .teaser5050 .image {
501
+ width: 50%;
502
+ border-radius: 16px;
503
+ }
504
+ @media (max-width: 768px) {
505
+ .teaser5050 .container {
506
+ flex-direction: column-reverse;
507
+ gap: var(--spacing-xl);
508
+ }
509
+ .teaser5050.right .container {
510
+ flex-direction: column-reverse;
511
+ }
512
+ .teaser5050 .wrapper,
513
+ .teaser5050 .image {
514
+ width: 100%;
515
+ padding: 0;
516
+ }
517
+ .teaser5050 .cta {
518
+ width: 100%;
519
+ }
520
+ }
521
+ /*# sourceMappingURL=index.css.map */