{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,sCACE,yBACF,CACF,CACA,sCACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,kDACE,eACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,4CACE,uBACF,CACA,2EACE,6BACF,CACA,uCACE,2EACE,8BACF,CACF,CACA,oKAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,6DACE,8BAAgC,CAChC,yBACF,CACA,8DACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,qDACE,UACF,CACA,uCACE,uCACE,wBACF,CACF,CACA,uCACE,yBACF,CACA,uCACE,uBACE,UACF,CAGA,kCACE,OACF,CAJF,CAMA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CAGA,sCAGE,oBAAgC,CADhC,cAAe,CADf,0BAGF,CANF,CAQF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n  .promo-banner .grid {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\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  @media screen and (max-width: 767.98px) {\n    .promo-banner__item[class*=grid__col] {\n      padding-right: 0 !important;\n    }\n  }\n  .promo-banner__item[class*=grid__col] {\n    padding-left: 0 !important;\n  }\n  .promo-banner__item {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-width: 0;\n  }\n  .promo-banner__item > :not([class*=mb-]):last-child {\n    margin-bottom: 0;\n  }\n  .promo-banner__item > * {\n    width: fit-content;\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner--flush-top-sm-down .promo-banner__item {\n      padding-top: 0;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner--flush-bottom-sm-down .promo-banner__item {\n      padding-bottom: 0;\n    }\n  }\n  .promo-banner--vertical .promo-banner__item {\n    padding-top: 0 !important;\n  }\n  .promo-banner--vertical.promo-banner--with-top-padding .promo-banner__item {\n    padding-top: 3.75rem !important;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner--vertical.promo-banner--with-top-padding .promo-banner__item {\n      padding-top: 1.875rem !important;\n    }\n  }\n  .promo-banner--vertical .promo-banner__item[class*=grid__col],\n  .promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right) {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n  @media screen and (min-width: 768px) {\n    .promo-banner--reverse .promo-banner__item[class*=grid__col] {\n      padding-left: 1.25rem !important;\n      padding-right: 0 !important;\n    }\n    .promo-banner--reverse .promo-banner__image[class*=grid__col] {\n      padding-left: 0 !important;\n      padding-right: 1.25rem !important;\n    }\n  }\n  .promo-banner__image {\n    order: 2;\n    text-align: end;\n    align-self: center;\n  }\n  .promo-banner__image > :not(img):not(picture):not(svg) {\n    width: 100%;\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image[class*=grid__col] {\n      padding-left: 0 !important;\n    }\n  }\n  .promo-banner__image[class*=grid__col] {\n    padding-right: 0 !important;\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image > * {\n      width: 100%;\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    transform: translateX(calc(50vw - 100% - 20px));\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-right > * {\n      transform: translate(10px);\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .promo-banner__image--bleed-sm-down > * {\n      width: calc(100% + 2 * 0.625rem);\n      max-width: none;\n      margin-left: calc(-1 * 0.625rem);\n    }\n  }\n}"]}