@orangesk/orange-design-system 2.0.0-beta.30 → 2.0.0-beta.31

package/README.md

@@ -199,14 +199,14 @@ Many components are CSS-only and don't require JavaScript:
 
 ## Documentation
 
-**📖 Full documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
+**📖 Full documentation**: [https://ods2.lb.sk](https://ods2.lb.sk)
 
 ### Documentation Sections
 
-- **[Getting Started](https://ods2.vercel.app/getting-started)** - Installation, setup, and resources
-- **[Fundamentals](https://ods2.vercel.app/fundamentals)** - Accessibility, breakpoints, color, tokens, spacing, typography
-- **[Components](https://ods2.vercel.app/components)** - Full component library with examples and API docs
-- **[Copy](https://ods2.vercel.app/copy)** - Tone of voice, form validation, form labels, CTA guidelines
+- **[Getting Started](https://ods2.lb.sk/getting-started)** - Installation, setup, and resources
+- **[Fundamentals](https://ods2.lb.sk/fundamentals)** - Accessibility, breakpoints, color, tokens, spacing, typography
+- **[Components](https://ods2.lb.sk/components)** - Full component library with examples and API docs
+- **[Copy](https://ods2.lb.sk/copy)** - Tone of voice, form validation, form labels, CTA guidelines
 - **[Changelog](./CHANGELOG.mdx)** - Release notes and migration guides
 
 ### Component Documentation Format
@@ -350,13 +350,13 @@ See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
 
 ### Resources
 
-- **Documentation**: [https://ods2.vercel.app](https://ods2.vercel.app)
+- **Documentation**: [https://ods2.lb.sk](https://ods2.lb.sk)
 - **GitHub**: [github.com/orangesk/design-system](https://github.com/orangesk/design-system)
 - **NPM Package**: [@orangesk/orange-design-system](https://www.npmjs.com/package/@orangesk/orange-design-system)
 
 ### Getting Help
 
-- 📖 Check the [documentation](https://ods2.vercel.app)
+- 📖 Check the [documentation](https://ods2.lb.sk)
 
 ## Changelog
 

package/build/components/Breadcrumbs/style.css

@@ -1,2 +1,2 @@
-@layer components{.osk-breadcrumbs{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.osk-breadcrumbs>li{margin-bottom:0}.osk-breadcrumbs>li:before{content:" ";height:0;position:absolute;width:0}.osk-breadcrumbs{background-color:var(--color-surface-primary);font-family:OrangeSK Neue,Arial,Helvetica Neue,sans-serif;font-size:16px;font-weight:700;line-height:1.25;padding:.625rem 0}.osk-breadcrumbs__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.osk-breadcrumbs__container{max-width:744px}}@media screen and (min-width:992px){.osk-breadcrumbs__container{max-width:960px}}@media screen and (min-width:1240px){.osk-breadcrumbs__container{max-width:1200px}}@media screen and (min-width:1380px){.osk-breadcrumbs__container{max-width:1320px}}.osk-breadcrumbs__container>:last-child{margin-bottom:0}.osk-breadcrumbs__container{margin-bottom:0;margin-top:0}.osk-breadcrumbs__item{color:var(--color-text-secondary);display:inline;margin-bottom:0}.osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.375rem .625rem;content:"";display:inline-block;font-family:inherit;height:.6875rem;width:1.25rem}@media screen and (min-width:480px){.osk-breadcrumbs__item:first-child:before{display:none}}@media screen and (max-width:479.98px){.osk-breadcrumbs__item:nth-last-child(2){display:inline-block;padding-left:1.25rem;position:relative}.osk-breadcrumbs__item:nth-last-child(2):before{background-size:contain;height:1rem;left:0;position:absolute;top:50%;transform:rotate(180deg);transform:translateY(-50%) rotate(180deg);width:.6rem}.osk-breadcrumbs__item:not(:nth-last-child(2)){display:none}}.bg-black .osk-breadcrumbs__item:before,.is-dark .osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E")}.osk-breadcrumbs__link{color:var(--color-text-default);display:inline;text-decoration:none}.osk-breadcrumbs__link:hover{color:var(--color-text-default);text-decoration:underline}.osk-breadcrumbs__link[aria-current=page]{color:var(--color-text-secondary)}}
+@layer components{.osk-breadcrumbs{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.osk-breadcrumbs>li{margin-bottom:0}.osk-breadcrumbs>li:before{content:" ";height:0;position:absolute;width:0}.osk-breadcrumbs{background-color:var(--color-surface-primary);font-family:OrangeSK Neue,Arial,Helvetica Neue,sans-serif;font-size:16px!important;font-weight:700;line-height:1.25;padding:.625rem 0}.osk-breadcrumbs ol{font-size:inherit!important;line-height:inherit!important}.osk-breadcrumbs__container{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}@media screen and (min-width:768px){.osk-breadcrumbs__container{max-width:744px}}@media screen and (min-width:992px){.osk-breadcrumbs__container{max-width:960px}}@media screen and (min-width:1240px){.osk-breadcrumbs__container{max-width:1200px}}@media screen and (min-width:1380px){.osk-breadcrumbs__container{max-width:1320px}}.osk-breadcrumbs__container>:last-child{margin-bottom:0}.osk-breadcrumbs__container{margin-bottom:0;margin-top:0}.osk-breadcrumbs__item{color:var(--color-text-secondary);display:inline;margin-bottom:0}.osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.375rem .625rem;content:"";display:inline-block;font-family:inherit;height:.6875rem;width:1.25rem}@media screen and (min-width:480px){.osk-breadcrumbs__item:first-child:before{display:none}}@media screen and (max-width:479.98px){.osk-breadcrumbs__item:nth-last-child(2){display:inline-block;padding-left:1.25rem;position:relative}.osk-breadcrumbs__item:nth-last-child(2):before{background-size:contain;height:1rem;left:0;position:absolute;top:50%;transform:rotate(180deg);transform:translateY(-50%) rotate(180deg);width:.6rem}.osk-breadcrumbs__item:not(:nth-last-child(2)){display:none}}.bg-black .osk-breadcrumbs__item:before,.is-dark .osk-breadcrumbs__item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='m0 1 1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff'/%3E%3C/svg%3E")}.osk-breadcrumbs__link{color:var(--color-text-default);display:inline;text-decoration:none}.osk-breadcrumbs__link:hover{color:var(--color-text-default);text-decoration:underline}.osk-breadcrumbs__link[aria-current=page]{color:var(--color-text-secondary)}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Breadcrumbs/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,iBACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,oBACE,eAEF,CACA,2BACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,iBAEE,6CAA8C,CAE9C,yDAAiE,CACjE,cAAe,CAFf,eAAiB,CAGjB,gBAAiB,CALjB,iBAMF,CACA,4BAGE,gBAAiB,CACjB,iBAAkB,CAFlB,cAAe,CAGf,oBAAsB,CACtB,qBAAuB,CALvB,UAMF,CACA,oCACE,4BACE,eACF,CACF,CACA,oCACE,4BACE,eACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,wCACE,eACF,CACA,4BAEE,eAAgB,CADhB,YAEF,CACA,uBAEE,iCAAkC,CADlC,cAAe,CAEf,eACF,CACA,8BAME,kMAAwL,CACxL,uBAAkC,CAClC,2BAA4B,CAC5B,+BAAkC,CARlC,UAAW,CACX,oBAAqB,CACrB,mBAAoB,CAEpB,eAAiB,CADjB,aAMF,CACA,oCACE,0CACE,YACF,CACF,CACA,uCACE,yCACE,oBAAqB,CAErB,oBAAqB,CADrB,iBAEF,CAGA,gDAQE,uBAAwB,CAFxB,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,OAAQ,CAFR,wBAAyB,CAMzB,yCAA0C,CAF1C,WAIF,CAGA,+CACE,YACF,CAhBF,CAkBA,+EACE,gNACF,CACA,uBACE,+BAAgC,CAEhC,cAAe,CADf,oBAEF,CACA,6BACE,+BAAgC,CAChC,yBACF,CACA,0CACE,iCACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .osk-breadcrumbs {\n    list-style: none;\n    list-style-type: none !important;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n  }\n  .osk-breadcrumbs > li {\n    margin-bottom: 0;\n    /* Fixes VoiceOver no announcing unordered lists */\n  }\n  .osk-breadcrumbs > li::before {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n  .osk-breadcrumbs {\n    padding: 0.625rem 0;\n    background-color: var(--color-surface-primary);\n    font-weight: bold;\n    font-family: \"OrangeSK Neue\", Arial, \"Helvetica Neue\", sans-serif;\n    font-size: 16px;\n    line-height: 1.25;\n  }\n  .osk-breadcrumbs__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    .osk-breadcrumbs__container {\n      max-width: 744px;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .osk-breadcrumbs__container {\n      max-width: 960px;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .osk-breadcrumbs__container {\n      max-width: 1200px;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .osk-breadcrumbs__container {\n      max-width: 1320px;\n    }\n  }\n  .osk-breadcrumbs__container > *:last-child {\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__container {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item {\n    display: inline;\n    color: var(--color-text-secondary);\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item::before {\n    content: \"\";\n    display: inline-block;\n    font-family: inherit;\n    width: 1.25rem;\n    height: 0.6875rem;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E%0A\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: 0.375rem 0.625rem;\n  }\n  @media screen and (min-width: 480px) {\n    .osk-breadcrumbs__item:first-child::before {\n      display: none;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:nth-last-child(2) {\n      display: inline-block;\n      position: relative;\n      padding-left: 1.25rem;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:nth-last-child(2)::before {\n      transform: rotate(180deg);\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 0.6rem;\n      height: 1rem;\n      transform: translateY(-50%) rotate(180deg);\n      background-size: contain;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:not(:nth-last-child(2)) {\n      display: none;\n    }\n  }\n  .bg-black .osk-breadcrumbs__item::before, .is-dark .osk-breadcrumbs__item::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' %3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff' /%3E%3C/svg%3E%0A\");\n  }\n  .osk-breadcrumbs__link {\n    color: var(--color-text-default);\n    text-decoration: none;\n    display: inline;\n  }\n  .osk-breadcrumbs__link:hover {\n    color: var(--color-text-default);\n    text-decoration: underline;\n  }\n  .osk-breadcrumbs__link[aria-current=page] {\n    color: var(--color-text-secondary);\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,iBACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,oBACE,eAEF,CACA,2BACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,iBAEE,6CAA8C,CAE9C,yDAAiE,CACjE,wBAA0B,CAF1B,eAAiB,CAGjB,gBAAiB,CALjB,iBAMF,CACA,oBACE,2BAA6B,CAC7B,6BACF,CACA,4BAGE,gBAAiB,CACjB,iBAAkB,CAFlB,cAAe,CAGf,oBAAsB,CACtB,qBAAuB,CALvB,UAMF,CACA,oCACE,4BACE,eACF,CACF,CACA,oCACE,4BACE,eACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,qCACE,4BACE,gBACF,CACF,CACA,wCACE,eACF,CACA,4BAEE,eAAgB,CADhB,YAEF,CACA,uBAEE,iCAAkC,CADlC,cAAe,CAEf,eACF,CACA,8BAME,kMAAwL,CACxL,uBAAkC,CAClC,2BAA4B,CAC5B,+BAAkC,CARlC,UAAW,CACX,oBAAqB,CACrB,mBAAoB,CAEpB,eAAiB,CADjB,aAMF,CACA,oCACE,0CACE,YACF,CACF,CACA,uCACE,yCACE,oBAAqB,CAErB,oBAAqB,CADrB,iBAEF,CAGA,gDAQE,uBAAwB,CAFxB,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,OAAQ,CAFR,wBAAyB,CAMzB,yCAA0C,CAF1C,WAIF,CAGA,+CACE,YACF,CAhBF,CAkBA,+EACE,gNACF,CACA,uBACE,+BAAgC,CAEhC,cAAe,CADf,oBAEF,CACA,6BACE,+BAAgC,CAChC,yBACF,CACA,0CACE,iCACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .osk-breadcrumbs {\n    list-style: none;\n    list-style-type: none !important;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n  }\n  .osk-breadcrumbs > li {\n    margin-bottom: 0;\n    /* Fixes VoiceOver no announcing unordered lists */\n  }\n  .osk-breadcrumbs > li::before {\n    content: \" \";\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n  .osk-breadcrumbs {\n    padding: 0.625rem 0;\n    background-color: var(--color-surface-primary);\n    font-weight: bold;\n    font-family: \"OrangeSK Neue\", Arial, \"Helvetica Neue\", sans-serif;\n    font-size: 16px !important;\n    line-height: 1.25;\n  }\n  .osk-breadcrumbs ol {\n    font-size: inherit !important;\n    line-height: inherit !important;\n  }\n  .osk-breadcrumbs__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    .osk-breadcrumbs__container {\n      max-width: 744px;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .osk-breadcrumbs__container {\n      max-width: 960px;\n    }\n  }\n  @media screen and (min-width: 1240px) {\n    .osk-breadcrumbs__container {\n      max-width: 1200px;\n    }\n  }\n  @media screen and (min-width: 1380px) {\n    .osk-breadcrumbs__container {\n      max-width: 1320px;\n    }\n  }\n  .osk-breadcrumbs__container > *:last-child {\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__container {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item {\n    display: inline;\n    color: var(--color-text-secondary);\n    margin-bottom: 0;\n  }\n  .osk-breadcrumbs__item::before {\n    content: \"\";\n    display: inline-block;\n    font-family: inherit;\n    width: 1.25rem;\n    height: 0.6875rem;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd'/%3E%3C/svg%3E%0A\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: 0.375rem 0.625rem;\n  }\n  @media screen and (min-width: 480px) {\n    .osk-breadcrumbs__item:first-child::before {\n      display: none;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:nth-last-child(2) {\n      display: inline-block;\n      position: relative;\n      padding-left: 1.25rem;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:nth-last-child(2)::before {\n      transform: rotate(180deg);\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 0.6rem;\n      height: 1rem;\n      transform: translateY(-50%) rotate(180deg);\n      background-size: contain;\n    }\n  }\n  @media screen and (max-width: 479.98px) {\n    .osk-breadcrumbs__item:not(:nth-last-child(2)) {\n      display: none;\n    }\n  }\n  .bg-black .osk-breadcrumbs__item::before, .is-dark .osk-breadcrumbs__item::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' %3E%3Cpath d='M0 1l1-1 5 5-5 5-1-1 4-4z' fill-rule='evenodd' fill='%23fff' /%3E%3C/svg%3E%0A\");\n  }\n  .osk-breadcrumbs__link {\n    color: var(--color-text-default);\n    text-decoration: none;\n    display: inline;\n  }\n  .osk-breadcrumbs__link:hover {\n    color: var(--color-text-default);\n    text-decoration: underline;\n  }\n  .osk-breadcrumbs__link[aria-current=page] {\n    color: var(--color-text-secondary);\n  }\n}"]}

package/build/components/PromoBanner/style.css

@@ -1,2 +1,2 @@
-@layer components{.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}.promo-banner__item{display:flex;flex-direction:column;justify-content:center}.promo-banner__item>*{width:fit-content}.promo-banner__image{align-self:center;order:2;text-align:end}@media screen and (max-width:991.98px){.promo-banner__image{padding-bottom:0;padding-top:0;text-align:center}}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right{order:1}}.promo-banner__image--bleed-right>*{margin-right:calc(-50vw - -100%)}@media screen and (max-width:991.98px){.promo-banner__image--bleed-right>*{margin-right:calc(-65vw - -100%)}}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right>*{margin-right:calc(60vw - 100%)}}}
+@layer components{@media screen and (max-width:767.98px){.promo-banner:not(.promo-banner--reverse):not(.promo-banner--vertical) .promo-banner__item{padding-top:0}.promo-banner.promo-banner--reverse:not(.promo-banner--vertical) .promo-banner__item{padding-bottom:0}}.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}.promo-banner__item{display:flex;flex-direction:column;justify-content:center}.promo-banner__item>*{width:fit-content}.promo-banner__image{align-self:center;order:2;text-align:end}@media screen and (max-width:991.98px){.promo-banner__image{padding-bottom:0;padding-top:0;text-align:center}}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right{order:1}}.promo-banner__image--bleed-right>*{margin-right:calc(-50vw - -100%)}@media screen and (max-width:991.98px){.promo-banner__image--bleed-right>*{margin-right:calc(-65vw - -100%)}}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right>*{margin-right:calc(60vw - 100%)}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/PromoBanner/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBACF,CACA,sBACE,iBACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,gCACF,CACA,uCACE,oCACE,gCACF,CACF,CACA,uCACE,oCACE,8BACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .promo-banner__item {\n    order: 2;\n    padding-top: 3.75rem;\n    padding-bottom: 3.75rem;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__item {\n      padding-top: 1.875rem;\n      padding-bottom: 1.875rem;\n    }\n  }\n  .promo-banner__item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .promo-banner__item > * {\n    width: fit-content;\n  }\n  .promo-banner__image {\n    order: 2;\n    text-align: end;\n    align-self: center;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__image {\n      text-align: center;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-right {\n      order: 1;\n    }\n  }\n  .promo-banner__image--bleed-right > * {\n    margin-right: calc((50vw - 100%) * -1);\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__image--bleed-right > * {\n      margin-right: calc((65vw - 100%) * -1);\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-right > * {\n      margin-right: calc(60vw - 100%);\n    }\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,uCACE,2FACE,aACF,CAGA,qFACE,gBACF,CAJF,CAMA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBACF,CACA,sBACE,iBACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,gCACF,CACA,uCACE,oCACE,gCACF,CACF,CACA,uCACE,oCACE,8BACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  @media screen and (max-width: 767.98px) {\n    .promo-banner:not(.promo-banner--reverse):not(.promo-banner--vertical) .promo-banner__item {\n      padding-top: 0;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner.promo-banner--reverse:not(.promo-banner--vertical) .promo-banner__item {\n      padding-bottom: 0;\n    }\n  }\n  .promo-banner__item {\n    order: 2;\n    padding-top: 3.75rem;\n    padding-bottom: 3.75rem;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__item {\n      padding-top: 1.875rem;\n      padding-bottom: 1.875rem;\n    }\n  }\n  .promo-banner__item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .promo-banner__item > * {\n    width: fit-content;\n  }\n  .promo-banner__image {\n    order: 2;\n    text-align: end;\n    align-self: center;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__image {\n      text-align: center;\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-right {\n      order: 1;\n    }\n  }\n  .promo-banner__image--bleed-right > * {\n    margin-right: calc((50vw - 100%) * -1);\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner__image--bleed-right > * {\n      margin-right: calc((65vw - 100%) * -1);\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-right > * {\n      margin-right: calc(60vw - 100%);\n    }\n  }\n}"]}