@orangesk/orange-design-system 2.0.0-beta.2 → 2.0.0-beta.3

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 (90) hide show
  1. package/build/components/Accordion/tsconfig.tsbuildinfo +1 -1
  2. package/build/components/Alert/tsconfig.tsbuildinfo +1 -1
  3. package/build/components/AnchorNavigation/tsconfig.tsbuildinfo +1 -1
  4. package/build/components/Bar/tsconfig.tsbuildinfo +1 -1
  5. package/build/components/BlockAction/tsconfig.tsbuildinfo +1 -1
  6. package/build/components/BodyBanner/tsconfig.tsbuildinfo +1 -1
  7. package/build/components/Breadcrumbs/tsconfig.tsbuildinfo +1 -1
  8. package/build/components/Button/tsconfig.tsbuildinfo +1 -1
  9. package/build/components/Buttons/tsconfig.tsbuildinfo +1 -1
  10. package/build/components/Card/tsconfig.tsbuildinfo +1 -1
  11. package/build/components/Carousel/tsconfig.tsbuildinfo +1 -1
  12. package/build/components/CarouselPromotions/tsconfig.tsbuildinfo +1 -1
  13. package/build/components/CartTable/tsconfig.tsbuildinfo +1 -1
  14. package/build/components/Code/tsconfig.tsbuildinfo +1 -1
  15. package/build/components/Container/tsconfig.tsbuildinfo +1 -1
  16. package/build/components/Controls/tsconfig.tsbuildinfo +1 -1
  17. package/build/components/Cover/tsconfig.tsbuildinfo +1 -1
  18. package/build/components/Divider/tsconfig.tsbuildinfo +1 -1
  19. package/build/components/DocumentationSidebar/index.js +1 -1
  20. package/build/components/DocumentationSidebar/tsconfig.tsbuildinfo +1 -1
  21. package/build/components/Dropdown/tsconfig.tsbuildinfo +1 -1
  22. package/build/components/Expander/tsconfig.tsbuildinfo +1 -1
  23. package/build/components/FeatureAccordion/tsconfig.tsbuildinfo +1 -1
  24. package/build/components/Footer/index.js +3 -3
  25. package/build/components/Footer/index.js.map +1 -1
  26. package/build/components/Footer/tsconfig.tsbuildinfo +1 -1
  27. package/build/components/Forms/tsconfig.tsbuildinfo +1 -1
  28. package/build/components/Gauge/tsconfig.tsbuildinfo +1 -1
  29. package/build/components/Grid/tsconfig.tsbuildinfo +1 -1
  30. package/build/components/Hero/tsconfig.tsbuildinfo +1 -1
  31. package/build/components/Icon/tsconfig.tsbuildinfo +1 -1
  32. package/build/components/IconList/tsconfig.tsbuildinfo +1 -1
  33. package/build/components/Image/tsconfig.tsbuildinfo +1 -1
  34. package/build/components/Link/tsconfig.tsbuildinfo +1 -1
  35. package/build/components/List/tsconfig.tsbuildinfo +1 -1
  36. package/build/components/Loader/tsconfig.tsbuildinfo +1 -1
  37. package/build/components/Megamenu/tsconfig.tsbuildinfo +1 -1
  38. package/build/components/Modal/tsconfig.tsbuildinfo +1 -1
  39. package/build/components/Pagination/tsconfig.tsbuildinfo +1 -1
  40. package/build/components/Pill/tsconfig.tsbuildinfo +1 -1
  41. package/build/components/Preview/index.js +1 -1
  42. package/build/components/Preview/index.js.map +1 -1
  43. package/build/components/Preview/tsconfig.tsbuildinfo +1 -1
  44. package/build/components/Progress/tsconfig.tsbuildinfo +1 -1
  45. package/build/components/PromoBanner/tsconfig.tsbuildinfo +1 -1
  46. package/build/components/PromotionCard/tsconfig.tsbuildinfo +1 -1
  47. package/build/components/Section/tsconfig.tsbuildinfo +1 -1
  48. package/build/components/Skeleton/tsconfig.tsbuildinfo +1 -1
  49. package/build/components/SkipLink/tsconfig.tsbuildinfo +1 -1
  50. package/build/components/Stepbar/tsconfig.tsbuildinfo +1 -1
  51. package/build/components/Sticker/tsconfig.tsbuildinfo +1 -1
  52. package/build/components/Table/tsconfig.tsbuildinfo +1 -1
  53. package/build/components/Tabs/tsconfig.tsbuildinfo +1 -1
  54. package/build/components/Tag/tsconfig.tsbuildinfo +1 -1
  55. package/build/components/Testimonial/tsconfig.tsbuildinfo +1 -1
  56. package/build/components/Tile/tsconfig.tsbuildinfo +1 -1
  57. package/build/components/Tooltip/tsconfig.tsbuildinfo +1 -1
  58. package/build/components/index.css +1 -1
  59. package/build/components/index.css.map +1 -1
  60. package/build/components/index.js +6 -6
  61. package/build/components/index.js.map +1 -1
  62. package/build/components/tsconfig.tsbuildinfo +1 -1
  63. package/build/components/types/src/components/Footer/Footer.d.ts +1 -5
  64. package/build/components/types/src/components/Footer/constants.d.ts +9 -0
  65. package/build/components/types/src/components/index.d.ts +1 -2
  66. package/build/lib/after-components.css +1 -1
  67. package/build/lib/after-components.css.map +1 -1
  68. package/build/lib/before-components.css +1 -1
  69. package/build/lib/before-components.css.map +1 -1
  70. package/build/lib/components.css +1 -1
  71. package/build/lib/components.css.map +1 -1
  72. package/build/lib/footer.css +2 -0
  73. package/build/lib/footer.css.map +1 -0
  74. package/build/lib/style.css +1 -1
  75. package/build/lib/style.css.map +1 -1
  76. package/package.json +4 -2
  77. package/src/components/Footer/Footer.tsx +86 -70
  78. package/src/components/Footer/constants.ts +10 -0
  79. package/src/components/Footer/styles/config.scss +1 -0
  80. package/src/components/Footer/styles/mixins.scss +172 -0
  81. package/src/components/Footer/styles/style.scss +48 -0
  82. package/src/components/Footer/tests/Footer.conformance.test.js +133 -8
  83. package/src/components/Footer/tests/Footer.unit.test.js +71 -6
  84. package/src/components/Link/styles/style.scss +1 -0
  85. package/src/components/Preview/PreviewGenerator.tsx +2 -10
  86. package/src/components/index.ts +0 -2
  87. package/src/styles/shame.scss +1 -0
  88. package/src/styles/typography/mixins.scss +2 -0
  89. package/build/components/Footer/style.css +0 -2
  90. package/build/components/Footer/style.css.map +0 -1
@@ -0,0 +1,2 @@
1
+ .footer .sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.footer a{color:var(--color-text-default);font-size:inherit;text-decoration:none}.footer a:active,.footer a:focus,.footer a:hover{text-decoration:underline;text-underline-offset:.25rem}.footer a:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.footer [contentEditable=true]:focus,.footer [tabindex]:not([tabindex="-1"]):focus,.footer [type=button]:focus,.footer a[href]:focus,.footer area[href]:focus,.footer button:focus,.footer iframe:focus,.footer input:focus,.footer select:focus,.footer textarea:focus{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus-visible,.footer [tabindex]:not([tabindex="-1"]):focus-visible,.footer [type=button]:focus-visible,.footer a[href]:focus-visible,.footer area[href]:focus-visible,.footer button:focus-visible,.footer iframe:focus-visible,.footer input:focus-visible,.footer select:focus-visible,.footer textarea:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px}.footer [contentEditable=true]:focus:not(:focus-visible),.footer [tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),.footer [type=button]:focus:not(:focus-visible),.footer a[href]:focus:not(:focus-visible),.footer area[href]:focus:not(:focus-visible),.footer button:focus:not(:focus-visible),.footer iframe:focus:not(:focus-visible),.footer input:focus:not(:focus-visible),.footer select:focus:not(:focus-visible),.footer textarea:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.footer *{box-sizing:border-box;letter-spacing:-.00625rem;line-height:1.125rem}.footer ::selection{background-color:rgba(241,110,0,.9);color:var(--color-text-default)}.footer hr{border:0;border-top:1px solid var(--color-border-subtle);margin-bottom:1.875rem;margin-top:1.875rem}.footer p,.footer ul{font-size:.875rem;line-height:1.09375rem}.footer,.footer.is-light{--color-background-primary:#fff;--color-background-secondary:#f4f4f4;--color-background-contrast:#141414;--color-background-accent:#fff6ed;--color-background-accent1-blog:#fff6cc;--color-background-accent2-blog:#eee7f7;--color-surface-primary:#fff;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f16e00;--color-surface-subtle:#eee;--color-surface-moderate:#ddd;--color-surface-contrast:#141414;--color-surface-accent:#fff6ed;--color-fill-primary:#fff;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f16e00;--color-fill-subtle:#eee;--color-fill-moderate:#ddd;--color-fill-disabled:#ccc;--color-fill-contrast:#000;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.078);--color-fill-positive:rgba(34,135,34,.078);--color-fill-warning:rgba(255,204,0,.078);--color-fill-negative:rgba(205,60,20,.078);--color-border-subtle:#ddd;--color-border-strong:#ccc;--color-border-contrast:#000;--color-border-accent:#f16e00;--color-border-information:#4170d8;--color-border-positive:#228722;--color-border-warning:#fc0;--color-border-negative:#cd3c14;--color-icon-default:#000;--color-icon-inverse:#fff;--color-icon-brand:#f16e00;--color-icon-accent:#ffc48f;--color-icon-disabled:#ccc;--color-icon-information:#4170d8;--color-icon-positive:#228722;--color-icon-warning:#fc0;--color-icon-negative:#cd3c14;--color-text-default:#000;--color-text-secondary:#000;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-text-accent:#f16e00}.footer.is-dark{--color-background-primary:#141414;--color-background-secondary:#333;--color-background-contrast:#fff;--color-background-accent:#2b1a10;--color-background-accent1-blog:#62342d;--color-background-accent2-blog:#2b1a10;--color-surface-primary:#141414;--color-surface-secondary:#ff7900;--color-surface-tertiary:#f16e00;--color-surface-subtle:#333;--color-surface-moderate:#595959;--color-surface-contrast:#fff;--color-surface-accent:#2b1a10;--color-fill-primary:#000;--color-fill-secondary:#ff7900;--color-fill-tertiary:#f16e00;--color-fill-subtle:#333;--color-fill-moderate:#595959;--color-fill-disabled:#666;--color-fill-contrast:#fff;--color-fill-accent1:#4bb4e6;--color-fill-accent2:#50be87;--color-fill-accent3:#ffb4e6;--color-fill-accent4:#a885d8;--color-fill-accent5:#ffd200;--color-fill-information:rgba(65,112,216,.2);--color-fill-positive:rgba(34,135,34,.2);--color-fill-warning:rgba(255,204,0,.2);--color-fill-negative:rgba(205,60,20,.2);--color-border-subtle:#333;--color-border-strong:#666;--color-border-contrast:#fff;--color-border-accent:#ff7900;--color-border-information:#69f;--color-border-positive:#6c6;--color-border-warning:#fc0;--color-border-negative:#ff4d4d;--color-icon-default:#fff;--color-icon-inverse:#000;--color-icon-brand:#ff7900;--color-icon-accent:#da8436;--color-icon-disabled:#666;--color-icon-information:#69f;--color-icon-positive:#6c6;--color-icon-warning:#fc0;--color-icon-negative:#ff4d4d;--color-text-default:#fff;--color-text-secondary:#ccc;--color-text-disabled:#666;--color-text-inverse:#000;--color-text-accent:#ff7900}.footer{background-color:var(--color-surface-primary);box-sizing:border-box;color:var(--color-text-default);font-family:OrangeSK Neue,Helvetica Neue,helvetica,arial,sans-serif;font-size:1rem;padding:3.75rem 0}@media screen and (max-width:991.98px){.footer{padding:1.875rem 0}}.footer__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.footer__container{max-width:744px}}@media screen and (min-width:992px){.footer__container{max-width:960px}}@media screen and (min-width:1240px){.footer__container{max-width:1200px}}@media screen and (min-width:1380px){.footer__container{max-width:1320px}}.footer__container>:last-child{margin-bottom:0}.footer__container{margin-bottom:0;margin-top:0}.footer__grid{display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:480px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.footer__grid{gap:.9375rem;grid-template-columns:repeat(3,1fr);row-gap:1.25rem}}@media screen and (min-width:992px){.footer__grid{gap:1.875rem;grid-template-columns:repeat(4,1fr);row-gap:2.5rem}}.footer__logo{display:inline-flex;margin-bottom:3.75rem}@media screen and (max-width:991.98px){.footer__logo{margin-bottom:1.875rem}}.footer__title{font-size:1rem;font-weight:700;letter-spacing:-.00625rem;line-height:1.25rem}@media screen and (min-width:768px){.footer__title{font-size:1.125rem;font-weight:700;letter-spacing:-.0125rem;line-height:1.375rem}}.footer__title{color:var(--color-text-default);margin-bottom:1.875rem;margin-top:0}@media screen and (max-width:991.98px){.footer__title{margin-bottom:1.5625rem}}.footer__list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.footer__list>li{margin-bottom:0}.footer__list>li:before{content:" ";height:0;position:absolute;width:0}.footer__list li{margin-bottom:.625rem}.footer__list--inline{display:flex;flex-wrap:wrap;gap:.625rem}.footer__list--inline li{margin:0}.footer__bottom{align-items:end;display:grid;gap:1.875rem;grid-template-columns:repeat(1,1fr);row-gap:2.5rem}@media screen and (min-width:768px){.footer__bottom{grid-template-columns:3fr 1fr}}
2
+ /*# sourceMappingURL=footer.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"footer.css","sourcesContent":[".footer .sr-only {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n.footer a {\n color: var(--color-text-default);\n text-decoration: none;\n font-size: inherit;\n}\n.footer a:hover, .footer a:focus, .footer a:active {\n text-decoration: underline;\n text-underline-offset: 0.25rem;\n}\n.footer a:focus-visible {\n outline: 2px solid var(--color-border-accent);\n outline-offset: 2px;\n}\n.footer a[href]:focus,\n.footer area[href]:focus,\n.footer input:focus,\n.footer select:focus,\n.footer textarea:focus,\n.footer button:focus,\n.footer [type=button]:focus,\n.footer iframe:focus,\n.footer [tabindex]:not([tabindex=\"-1\"]):focus,\n.footer [contentEditable=true]:focus {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 2px;\n}\n.footer a[href]:focus-visible,\n.footer area[href]:focus-visible,\n.footer input:focus-visible,\n.footer select:focus-visible,\n.footer textarea:focus-visible,\n.footer button:focus-visible,\n.footer [type=button]:focus-visible,\n.footer iframe:focus-visible,\n.footer [tabindex]:not([tabindex=\"-1\"]):focus-visible,\n.footer [contentEditable=true]:focus-visible {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 2px;\n}\n.footer a[href]:focus:not(:focus-visible),\n.footer area[href]:focus:not(:focus-visible),\n.footer input:focus:not(:focus-visible),\n.footer select:focus:not(:focus-visible),\n.footer textarea:focus:not(:focus-visible),\n.footer button:focus:not(:focus-visible),\n.footer [type=button]:focus:not(:focus-visible),\n.footer iframe:focus:not(:focus-visible),\n.footer [tabindex]:not([tabindex=\"-1\"]):focus:not(:focus-visible),\n.footer [contentEditable=true]:focus:not(:focus-visible) {\n outline-width: 0;\n outline-color: transparent;\n}\n.footer * {\n box-sizing: border-box;\n letter-spacing: -0.00625rem;\n line-height: 1.125rem;\n}\n.footer ::selection {\n background-color: rgba(241, 110, 0, 0.9);\n color: var(--color-text-default);\n}\n.footer hr {\n margin-top: 1.875rem;\n margin-bottom: 1.875rem;\n border: 0;\n border-top: 1px solid var(--color-border-subtle);\n}\n.footer p,\n.footer ul {\n font-size: 0.875rem;\n line-height: 1.09375rem;\n}\n\n.footer,\n.footer.is-light {\n --color-background-primary: #ffffff;\n --color-background-secondary: #f4f4f4;\n --color-background-contrast: #141414;\n --color-background-accent: #fff6ed;\n --color-background-accent1-blog: #fff6cc;\n --color-background-accent2-blog: #eee7f7;\n --color-surface-primary: #ffffff;\n --color-surface-secondary: #ff7900;\n --color-surface-tertiary: #f16e00;\n --color-surface-subtle: #eeeeee;\n --color-surface-moderate: #dddddd;\n --color-surface-contrast: #141414;\n --color-surface-accent: #fff6ed;\n --color-fill-primary: #ffffff;\n --color-fill-secondary: #ff7900;\n --color-fill-tertiary: #f16e00;\n --color-fill-subtle: #eeeeee;\n --color-fill-moderate: #dddddd;\n --color-fill-disabled: #cccccc;\n --color-fill-contrast: #000000;\n --color-fill-accent1: #4bb4e6;\n --color-fill-accent2: #50be87;\n --color-fill-accent3: #ffb4e6;\n --color-fill-accent4: #a885d8;\n --color-fill-accent5: #ffd200;\n --color-fill-information: rgba(65, 112, 216, 0.0784313725);\n --color-fill-positive: rgba(34, 135, 34, 0.0784313725);\n --color-fill-warning: rgba(255, 204, 0, 0.0784313725);\n --color-fill-negative: rgba(205, 60, 20, 0.0784313725);\n --color-border-subtle: #dddddd;\n --color-border-strong: #cccccc;\n --color-border-contrast: #000000;\n --color-border-accent: #f16e00;\n --color-border-information: #4170d8;\n --color-border-positive: #228722;\n --color-border-warning: #ffcc00;\n --color-border-negative: #cd3c14;\n --color-icon-default: #000000;\n --color-icon-inverse: #ffffff;\n --color-icon-brand: #f16e00;\n --color-icon-accent: #ffc48f;\n --color-icon-disabled: #cccccc;\n --color-icon-information: #4170d8;\n --color-icon-positive: #228722;\n --color-icon-warning: #ffcc00;\n --color-icon-negative: #cd3c14;\n --color-text-default: #000000;\n --color-text-secondary: #000000;\n --color-text-disabled: #cccccc;\n --color-text-inverse: #ffffff;\n --color-text-accent: #f16e00;\n}\n\n.footer.is-dark {\n --color-background-primary: #141414;\n --color-background-secondary: #333333;\n --color-background-contrast: #ffffff;\n --color-background-accent: #2b1a10;\n --color-background-accent1-blog: #62342d;\n --color-background-accent2-blog: #2b1a10;\n --color-surface-primary: #141414;\n --color-surface-secondary: #ff7900;\n --color-surface-tertiary: #f16e00;\n --color-surface-subtle: #333333;\n --color-surface-moderate: #595959;\n --color-surface-contrast: #ffffff;\n --color-surface-accent: #2b1a10;\n --color-fill-primary: #000000;\n --color-fill-secondary: #ff7900;\n --color-fill-tertiary: #f16e00;\n --color-fill-subtle: #333333;\n --color-fill-moderate: #595959;\n --color-fill-disabled: #666666;\n --color-fill-contrast: #ffffff;\n --color-fill-accent1: #4bb4e6;\n --color-fill-accent2: #50be87;\n --color-fill-accent3: #ffb4e6;\n --color-fill-accent4: #a885d8;\n --color-fill-accent5: #ffd200;\n --color-fill-information: rgba(65, 112, 216, 0.2);\n --color-fill-positive: rgba(34, 135, 34, 0.2);\n --color-fill-warning: rgba(255, 204, 0, 0.2);\n --color-fill-negative: rgba(205, 60, 20, 0.2);\n --color-border-subtle: #333333;\n --color-border-strong: #666666;\n --color-border-contrast: #ffffff;\n --color-border-accent: #ff7900;\n --color-border-information: #6699ff;\n --color-border-positive: #66cc66;\n --color-border-warning: #ffcc00;\n --color-border-negative: #ff4d4d;\n --color-icon-default: #ffffff;\n --color-icon-inverse: #000000;\n --color-icon-brand: #ff7900;\n --color-icon-accent: #da8436;\n --color-icon-disabled: #666666;\n --color-icon-information: #6699ff;\n --color-icon-positive: #66cc66;\n --color-icon-warning: #ffcc00;\n --color-icon-negative: #ff4d4d;\n --color-text-default: #ffffff;\n --color-text-secondary: #cccccc;\n --color-text-disabled: #666666;\n --color-text-inverse: #000000;\n --color-text-accent: #ff7900;\n}\n\n.footer {\n font-size: 1rem;\n color: var(--color-text-default);\n background-color: var(--color-surface-primary);\n box-sizing: border-box;\n font-family: 'OrangeSK Neue', Helvetica Neue, helvetica, arial, sans-serif;\n padding: 3.75rem 0;\n}\n@media screen and (max-width: 991.98px) {\n .footer {\n padding: 1.875rem 0;\n }\n}\n.footer__container {\n width: 100%;\n max-width: none;\n margin-left: auto;\n margin-right: auto;\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n@media screen and (min-width: 768px) {\n .footer__container {\n max-width: 744px;\n }\n}\n@media screen and (min-width: 992px) {\n .footer__container {\n max-width: 960px;\n }\n}\n@media screen and (min-width: 1240px) {\n .footer__container {\n max-width: 1200px;\n }\n}\n@media screen and (min-width: 1380px) {\n .footer__container {\n max-width: 1320px;\n }\n}\n.footer__container > *:last-child {\n margin-bottom: 0;\n}\n.footer__container {\n margin-top: 0;\n margin-bottom: 0;\n}\n.footer__grid {\n display: grid;\n gap: 1.875rem;\n row-gap: 2.5rem;\n grid-template-columns: repeat(1, 1fr);\n}\n@media screen and (min-width: 480px) {\n .footer__grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@media screen and (min-width: 768px) {\n .footer__grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 0.9375rem;\n row-gap: 1.25rem;\n }\n}\n@media screen and (min-width: 992px) {\n .footer__grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 1.875rem;\n row-gap: 2.5rem;\n }\n}\n.footer__logo {\n display: inline-flex;\n margin-bottom: 3.75rem;\n}\n@media screen and (max-width: 991.98px) {\n .footer__logo {\n margin-bottom: 1.875rem;\n }\n}\n.footer__title {\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 700;\n letter-spacing: -0.00625rem;\n}\n@media screen and (min-width: 768px) {\n .footer__title {\n font-size: 1.125rem;\n line-height: 1.375rem;\n font-weight: 700;\n letter-spacing: -0.0125rem;\n }\n}\n.footer__title {\n margin-top: 0;\n margin-bottom: 1.875rem;\n color: var(--color-text-default);\n}\n@media screen and (max-width: 991.98px) {\n .footer__title {\n margin-bottom: 1.5625rem;\n }\n}\n.footer__list {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n}\n.footer__list > li {\n margin-bottom: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n}\n.footer__list > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n}\n.footer__list li {\n margin-bottom: 0.625rem;\n}\n.footer__list--inline {\n display: flex;\n flex-wrap: wrap;\n gap: 0.625rem;\n}\n.footer__list--inline li {\n margin: 0;\n}\n.footer__bottom {\n display: grid;\n gap: 1.875rem;\n row-gap: 2.5rem;\n grid-template-columns: repeat(1, 1fr);\n align-items: end;\n}\n@media screen and (min-width: 768px) {\n .footer__bottom {\n grid-template-columns: 3fr 1fr;\n }\n}"]}