.image-banner{position:relative}.image-banner .overlay-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block!important}.image-banner .text-content{position:absolute;z-index:2;top:11.2rem;right:auto;left:50%;transform:translate(-50%);width:calc(100% - var(--mobile-side-padding-double));border-radius:2rem;text-align:center}.page-pasta .image-banner .text-content{top:4rem}.image-banner--full .text-content{background:rgba(var(--color-background),.84);padding:2.8rem 1.8rem}.image-banner--simplified .text-content{top:3rem}.image-banner .color-background-gold{color:#fff}@media screen and (min-width: 750px){.image-banner .text-content{top:50%!important;max-width:66.8rem;width:100%;transform:translate(-50%,-50%);text-align:left}.image-banner--full .text-content{padding:3rem 3.8rem}.image-banner--simplified .text-content{max-width:51.1rem}.image-banner .align-left{left:12rem;right:auto;transform:translateY(-50%)}.image-banner--simplified .align-left{left:10rem}.image-banner .align-center{text-align:center}.image-banner .align-right{left:auto;right:12rem;transform:translateY(-50%)}.image-banner--simplified .align-right{right:10rem}}.image-banner h1{margin-bottom:2.4rem}.image-banner__bg-images .media{height:200vw;max-height:var(--mobile-top-minus-nav);min-height:60rem}.page-index .image-banner__bg-images .media{height:61.6rem;max-height:var(--mobile-top-minus-nav);min-height:60rem}@media screen and (min-width: 750px){.image-banner__bg-images .media{height:60rem;max-height:var(--top-minus-nav);min-height:60rem}.page-index .image-banner__bg-images .media{height:86rem;max-height:var(--top-minus-nav);min-height:75rem}}.image-banner--simplified .media{height:42.5rem}@media screen and (min-width: 750px){.image-banner--simplified .media{height:57.1rem}}.image-banner .buttons{display:flex;align-items:center;justify-content:flex-start}@media screen and (max-width: 749px){.image-banner .buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem}.image-banner .button{padding:1rem 2rem;font-size:75%}}@media screen and (min-width: 750px){.image-banner .button{min-width:18rem;font-size:1.6rem}.image-banner .button:not(:last-of-type){margin-right:1.3rem}.image-banner .button:hover{background:#018d49;color:#fff;border-color:#018d49}}.image-banner__badge img{width:100%}.image-banner__badge{position:absolute;bottom:0;right:10rem;z-index:4;width:25.3rem;height:25.3rem;transform:translateY(20%)}.image-banner.has--badge{margin-bottom:5rem}@media screen and (max-width: 749px){.image-banner__badge{width:13rem;height:13rem;right:3rem;transform:translateY(23%)}.image-banner.has--badge{margin-bottom:1rem}}.image-banner__badge-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.image-banner__badge-outer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:20s rotateContinuously linear infinite;animation:20s rotateContinuously linear infinite}@media (prefers-reduced-motion){.image-banner__badge-outer{-webkit-animation:none!important;animation:none!important}}@-webkit-keyframes rotateContinuously{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateContinuously{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 750px){.page-pancakes .image-banner .text-content{max-width:30%}.page-pasta:not(.template-page) .image-banner .text-content{max-width:37%}.page-quickcakes .image-banner .text-content{max-width:30%}.page-pasta.template-page .image-banner .text-content{max-width:40%}.page-mac-cheese .image-banner .text-content{max-width:clamp(300px,41%,700px)}}@media screen and (max-width: 749px){.page-mac-cheese .image-banner .text-content{transform:translate(-50%,100%)}}.page-mac-cheese .image-banner .has-tm sup,.page-mac-cheese .image-banner .is-tm{display:inline}.page-rebate .image-banner h1{margin-bottom:1rem}@media screen and (min-width: 750px){.page-rebate .image-banner .text-content{max-width:45rem;transform:translateY(-100%)}}@media screen and (max-width: 749px){.page-rebate .image-banner .text-content{transform:translate(-50%,40%)}.page-rebate .img-underline strong:after{transform:translateY(30%)}.page-rebate .image-banner__bg-images .media{height:40rem;min-height:40rem}.page-rebate .image-banner .media>img{-o-object-position:40% 50%!important;object-position:40% 50%!important;width:200%!important;max-width:200%!important;transform:translate(-22%)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-image-banner.css.map?v=49508384282679880801708048885 */