.callout-banner{display:flex;flex-direction:column;justify-content:center;position:relative;padding:4.8rem 3.6rem;border-radius:var(--card-corner-radius)}.max-w-full .callout-banner{border-radius:0}.callout-banner>.grid{width:100%}.callout-banner--horizontal{flex-direction:row}.callout-banner--vertical{flex-direction:column}.callout-banner--vertical .grid__item{width:100%;max-width:100%}.callout-banner .content{display:grid;grid-template-areas:"content" "action" "timer";grid-template-columns:1fr;max-width:100%;z-index:1}.callout-banner__content{grid-area:content}.callout-banner__timer{grid-area:timer}.callout-banner__action{grid-area:action}.callout-banner__button{width:fit-content}.callout-banner--horizontal .content{gap:2.4rem}.callout-banner--vertical .content{grid-template-areas:"content" "timer" "action";gap:3.6rem}.callout-banner__newsletter-form form{width:100%}@media screen and (min-width: 990px){.callout-banner--horizontal .content{grid-template-areas:"content timer" "action .";grid-template-columns:1fr 1fr;column-gap:calc(var(--section-spacing-unit-size) * 4)}.callout-banner--horizontal.callout-banner--start .content{grid-template-areas:"timer content" ". action"}.callout-banner--horizontal .callout-banner__timer{grid-row:span 2}}.callout-banner h2{margin-block-end:.4rem}.callout-banner .subheading{font-size:.75rem}.callout-banner__timer{display:flex;flex-wrap:wrap;align-items:center}.callout-banner .newsletter__button{height:4.6rem;color:rgb(var(--color-black-rgb));padding:1.6rem}.callout-banner .newsletter__button:hover{border-radius:var(--input-border-radius)}.callout-banner--vertical .callout-banner__content{text-align:center}.callout-banner--vertical .callout-banner__timer{display:block;margin-block:0}.callout-banner--vertical .callout-banner__button{display:flex;justify-content:center;width:100%}.callout-banner--vertical .callout-banner__newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.callout-banner--horizontal .callout-banner__timer{justify-content:center}.callout-banner--full .media{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;z-index:0;max-width:100%}.callout-banner--start .media{order:-1;height:35rem}.callout-banner--end .media{order:1;height:35rem}@media screen and (max-width: 989px){.callout-banner{padding:3.6rem 2.4rem 2.4rem}.callout-banner--horizontal{flex-direction:column}.callout-banner--horizontal .grid__item{width:100%;max-width:100%}.callout-banner .button{display:flex}.callout-banner__timer{margin-block-start:4rem}}@media screen and (min-width: 990px){.callout-banner--horizontal .callout-banner__timer{justify-content:end}.callout-banner--start .media,.callout-banner--end .media{position:absolute}.callout-banner--vertical:not(.callout-banner--full) .media{position:relative}.callout-banner__newsletter-form form{width:33rem}.callout-banner--horizontal.callout-banner--start .media{inset-block-start:0;inset-inline-start:0;inset-inline-end:auto;width:50%;height:100%}.callout-banner--horizontal.callout-banner--end .media{inset-block-start:0;inset-inline-start:auto;inset-inline-end:0;width:50%;height:100%}}.callout-banner .countdown-timer__column{position:relative}.callout-banner .countdown-timer__column>div>span{line-height:1}.callout-banner .countdown-timer__column-number:before{content:"";width:.1rem;height:2.8rem;position:absolute;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%);background-color:rgb(var(--color-foreground))}.countdown-timer__column:first-child .countdown-timer__column-number:before{display:none}.callout-banner .countdown-timer--message{display:flex;align-items:center;align-self:stretch;font-size:var(--h3-multiplier)}.callout-banner__newsletter-form .field__input{color:rgba(var(--color-black-rgb),1);background-color:rgb(var(--color-white-rgb))}.callout-banner__newsletter-form .field__input::placeholder{color:rgba(var(--color-black-rgb),.5)}.callout-banner__timer-layout-1{--callout-banner-timer-number-font-size: 2.7rem;--callout-banner-timer-text-font-size: 1rem}.callout-banner__timer-layout-1 .countdown-timer__columns{column-gap:1.6rem}.callout-banner__timer-layout-1 .countdown-timer__column>div{font-size:var(--callout-banner-timer-text-font-size);background-color:rgba(var(--color-foreground),.1);padding-block:1.6rem;border-radius:.8rem;row-gap:.8rem}.callout-banner__timer-layout-1 .countdown-timer__column-text{line-height:1;letter-spacing:.2em;margin-block-start:-.4rem}.callout-banner__timer-layout-1 .countdown-timer__column-number{font-size:var(--callout-banner-timer-number-font-size)}.callout-banner__timer-layout-1 .countdown-timer__column-number:before{display:none}.callout-banner__timer-layout-2{--callout-banner-timer-number-font-size: 2.7rem;--callout-banner-timer-text-font-size: 2.7rem}.callout-banner.callout-banner__timer-layout-2{padding:6.4rem 2.4rem}.callout-banner.callout-banner__timer-layout-2 .countdown-timer__columns{justify-content:center}.callout-banner.callout-banner__timer-layout-2 .countdown-timer__column{flex:0;padding-inline:1.2rem}.callout-banner__timer-layout-2 .countdown-timer__column>div{flex-direction:row;font-size:var(--callout-banner-timer-text-font-size)}.callout-banner__timer-layout-2 .countdown-timer__column-text{margin-block-start:0}.callout-banner.callout-banner__timer-layout-2 .h2{--h2-multiplier: 6.1rem}@media screen and (min-width: 990px){.callout-banner .countdown-timer__column-number:before{height:3.6rem}.callout-banner .countdown-timer__column>div{width:12rem;padding:var(--spacing-5)}.callout-banner .countdown-timer__column-number{font-size:var(--callout-banner-timer-number-font-size)}.callout-banner__timer-layout-1{--callout-banner-timer-number-font-size: 3.6rem;--callout-banner-timer-text-font-size: 1.2rem}.callout-banner__timer-layout-2{--callout-banner-timer-number-font-size: 8rem;--callout-banner-timer-text-font-size: 8rem}.callout-banner.callout-banner__timer-layout-2{padding:8.8rem 3.6rem}.callout-banner__timer-layout-2 .countdown-timer__column>div{width:auto;padding-block:0}.callout-banner.callout-banner__timer-layout-2 .h2{--h2-multiplier: 12.8rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-callout-banner.css.map */