.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 .content{display:grid;grid-template-areas:"content" "timer" "action";grid-template-columns:1fr;max-width:100%;z-index:1}.callout-banner__content{grid-area:content}.callout-banner__timer{grid-area:timer;position:relative}.callout-banner__action{grid-area:action}.callout-banner__button{width:fit-content}.callout-banner__newsletter-form form{width:100%;max-width:35rem}.callout-banner h2{margin-block-end:.4rem}.callout-banner .subheading{font-size:var(--font-size-static-xxs)}.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--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}.callout-banner__content .rte ul,.callout-banner__content .rte ol{display:flex;flex-direction:column;align-items:center}.callout-banner .countdown-timer__column{position:relative}.callout-banner .countdown-timer__column>div>span{line-height:var(--line-height-static-xs)}.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: var(--font-size-static-h5);--callout-banner-timer-text-font-size: var(--font-size-static-xs)}.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:var(--line-height-static-xs);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: var(--font-size-static-h5);--callout-banner-timer-text-font-size: var(--font-size-static-h5)}.callout-banner.callout-banner--vertical.callout-banner__timer-layout-2{padding:6.4rem 2.4rem}.callout-banner.callout-banner__timer-layout-2 .countdown-timer__column{flex:0;padding-inline:.8rem}.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}.callout-banner--vertical{flex-direction:column}.callout-banner--vertical .grid__item{width:100%;max-width:100%}.callout-banner--vertical .content{grid-template-areas:"content" "timer" "action";gap:3.6rem}.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.callout-banner--vertical.callout-banner__timer-layout-2 .countdown-timer__columns{justify-content:center}.callout-banner--horizontal{flex-direction:row;padding:0}.callout-banner--horizontal .content{gap:2.4rem}.callout-banner.callout-banner__timer-layout-2 .countdown-timer__column:first-of-type{padding-inline-start:0}.max-w-full .callout-banner--horizontal.callout-banner__timer-layout-2 .callout-banner__timer{padding-inline-start:var(--spacing-5)}.callout-banner--horizontal.callout-banner__timer-layout-1 .callout-banner__timer{display:block;padding:0 var(--spacing-6) 0 var(--spacing-5)}.callout-banner--horizontal.callout-banner__timer-layout-1 .callout-banner__timer:has(.media){justify-content:center}.callout-banner--horizontal.callout-banner--start .media,.callout-banner--horizontal.callout-banner--end .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.callout-banner--horizontal .callout-banner__content .rte ul,.callout-banner--horizontal .callout-banner__content .rte ol{align-items:start}@media screen and (max-width: 749px){.callout-banner{padding:3.6rem 2.4rem 2.4rem}.max-w-full .callout-banner{padding:3.6rem 0 2.4rem}.max-w-full .callout-banner__content,.max-w-full .callout-banner__action{padding-inline-start:var(--spacing-5)}.callout-banner .button{display:flex}.callout-banner--horizontal{flex-direction:column}.callout-banner--horizontal .grid__item{width:100%;max-width:100%}.callout-banner--horizontal.callout-banner__timer-layout-2 .callout-banner__timer{padding-block:var(--spacing-3)}}@media screen and (min-width: 990px) and (max-width: 1439px){.callout-banner--horizontal.callout-banner__timer-layout-2 .content{grid-template-areas:"content" "timer" "action";grid-template-columns:1fr;column-gap:0;row-gap:calc(var(--section-spacing-unit-size) * 2)}.callout-banner--horizontal.callout-banner__timer-layout-2 .callout-banner__content,.callout-banner--horizontal.callout-banner__timer-layout-2 .callout-banner__action{padding-inline:var(--spacing-6)}.callout-banner--horizontal.callout-banner__timer-layout-2 .callout-banner__timer{grid-row:unset;padding-block:var(--spacing-4);margin-inline:var(--spacing-6)}}@media screen and (min-width: 750px){.callout-banner .countdown-timer__column>div{padding-inline:var(--spacing-4)}.callout-banner.callout-banner__timer-layout-1 .countdown-timer__column>div{width:calc(var(--callout-banner-timer-number-font-size) * 1.5);padding-block:var(--spacing-4)}.callout-banner--horizontal .content{grid-template-areas:"content timer" "action .";grid-template-columns:1fr 1fr;column-gap:0;row-gap:calc(var(--section-spacing-unit-size) * 2)}.callout-banner--horizontal .callout-banner__content{padding-block-start:var(--spacing-7);padding-inline:var(--spacing-6)}.callout-banner--horizontal .callout-banner__action{padding-block-end:var(--spacing-7);padding-inline:var(--spacing-6)}.callout-banner--horizontal.callout-banner--start .callout-banner__timer,.callout-banner--horizontal.callout-banner--end .callout-banner__timer{display:flex;justify-content:center}.callout-banner--horizontal.callout-banner--start.callout-banner__timer-layout-1 .content,.callout-banner--horizontal.callout-banner--start.callout-banner__timer-layout-2 .content{grid-template-areas:"timer content" ". action"}.callout-banner--horizontal.callout-banner--end.callout-banner__timer-layout-1 .content,.callout-banner--horizontal.callout-banner--end.callout-banner__timer-layout-2 .content{grid-template-areas:"content timer" "action ."}.callout-banner--horizontal .callout-banner__timer{display:flex;grid-row:span 2;justify-content:end;margin-inline-end:var(--spacing-6)}.max-w-full .callout-banner--horizontal .callout-banner__timer{margin-inline-end:0}.callout-banner--horizontal .countdown-timer__column>div{padding:var(--spacing-4)}.callout-banner--horizontal.callout-banner__timer-layout-1 .callout-banner__timer{display:flex}}@media screen and (min-width: 990px){.callout-banner--start .media,.callout-banner--end .media{position:absolute}.callout-banner .countdown-timer__column-number:before{height:3.6rem}.callout-banner .countdown-timer__column>div{padding-inline:var(--spacing-5)}.callout-banner.callout-banner__timer-layout-1 .countdown-timer__column>div{width:calc(var(--callout-banner-timer-number-font-size) * 3);padding-block: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: var(--font-size-static-h4);--callout-banner-timer-text-font-size: var(--font-size-static-sm)}.callout-banner__timer-layout-2{--callout-banner-timer-number-font-size: var(--font-size-static-h1);--callout-banner-timer-text-font-size: var(--font-size-static-h1)}.callout-banner.callout-banner--vertical.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}.callout-banner--vertical:not(.callout-banner--full) .media{position:relative}.callout-banner--horizontal .content{row-gap:calc(var(--section-spacing-unit-size) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-callout-banner.css.map */