.motion-banner{--padding-x: 2.4rem;--padding-y: 2.4rem;padding:var(--padding-y) var(--padding-x)}.motion-banner-section.page-width--full{padding-inline:0}@media(min-width:768px){.motion-banner{--padding-x: 2rem;--padding-y: 3.2rem}.motion-banner.color-scheme-inherit{--padding-x: 0}}@media(min-width:1024px){.motion-banner{--padding-x: 3rem;--padding-y: 4.6rem;height:249.9px}}@media(min-width:1280px){.motion-banner{--padding-x: 5rem}}@media(max-width:767.98px){.motion-banner.color-scheme-inherit-mobile{--padding-x: 0}}.motion-banner__inner--horizontal{--subheading-margin-bottom: 1.2rem}.motion-banner__inner{display:flex;flex-wrap:wrap;gap:0;align-items:stretch}@media(min-width:1024px){.motion-banner__inner{height:100%}}.motion-banner__content{flex:0 0 33.333%;max-width:33.333%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.motion-banner__content>.rich-text__heading,.motion-banner__content>.rich-text__heading strong{font-weight:500}.motion-banner__content>.rich-text__subheading .text-subheading{font-size:inherit}.motion-banner__countdown{flex:0 0 66.667%;max-width:66.667%;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;transform:translateY(10px)}.motion-banner__countdown .motion-banner__timer{display:flex;justify-content:center;width:100%}@media(max-width:1023.98px){.motion-banner__content,.motion-banner__countdown{flex-basis:100%;max-width:100%}.motion-banner__countdown{margin-block-start:1.6rem}.motion-banner__content>.rich-text__subheading{position:relative;top:5px}.motion-banner__content>.motion-banner__button{position:relative;top:15px}}@media(max-width:767.98px){.motion-banner-section--homepage .motion-banner__content>.rich-text__heading,.motion-banner-section--homepage .motion-banner__content>.rich-text__subheading{font-size:28px}}@media(min-width:1024px){.motion-banner__inner--horizontal{gap:0;--text-margin-top: 0;--child-margin-top: 0;--subheading-margin-bottom: 0}.motion-banner-section--homepage .motion-banner{--padding-x: 50px}.motion-banner-section--homepage .motion-banner__content{flex:0 0 auto;max-width:none;display:grid;grid-template-columns:max-content;align-content:center;justify-content:start;justify-items:start;text-align:left}.motion-banner-section--homepage .motion-banner__content>.rich-text__heading,.motion-banner-section--homepage .motion-banner__content>.rich-text__subheading{font-size:40px}.motion-banner-section--homepage .motion-banner__countdown{flex:1 1 0;max-width:none}.motion-banner-section--homepage .motion-banner__inner .countdown-timer__inner{--margin-inline: clamp(2.2rem, 2vw, 3rem)}}.motion-banner__inner .countdown-timer__inner{--margin-inline: 1.2rem}@media(min-width:1024px){.motion-banner__inner .countdown-timer__inner{--margin-inline: 1.6rem}}.motion-banner__inner .countdown-timer__block{margin:0 var(--margin-inline)}.motion-banner__inner .countdown-timer__block div:after{inset-inline-end:0;transform:translate(calc(50% + var(--margin-inline)),-50%)}.motion-banner__timer .countdown-timer__number,.motion-banner__timer .countdown-timer__digit{color:var(--motion-banner-timer-text-color, rgb(var(--color-foreground)))}.motion-banner__timer .countdown-timer__number{display:flex;align-items:center;justify-content:center;gap:.8rem}.motion-banner__timer .countdown-timer__number:after{color:var(--motion-banner-timer-text-color, rgb(var(--color-foreground)));font-weight:700;opacity:.75}.motion-banner__timer .countdown-timer__digit{--motion-banner-timer-digit-width: clamp(4.2rem, 8vw, 8.6rem);display:inline-flex;align-items:center;justify-content:center;width:var(--motion-banner-timer-digit-width);flex:0 0 var(--motion-banner-timer-digit-width);height:clamp(5.4rem,10vw,10rem);box-sizing:border-box;padding-inline:.8rem;background:rgba(var(--color-background),.2);border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.18);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.motion-banner__timer .countdown-timer .text-subtext{margin-block-start:1rem;color:#fff;font-size:1.2rem;font-weight:700;line-height:1;text-transform:uppercase}@media(max-width:1023.98px){.motion-banner__timer .countdown-timer__number,.motion-banner__timer .countdown-timer__digit,.motion-banner__timer .countdown-timer__number:after,.motion-banner__timer .countdown-timer .text-subtext{font-weight:500}}.motion-banner__timer,.motion-banner__code,.motion-banner__button{flex-shrink:0;white-space:nowrap}.motion-banner__button{border:1px solid}.motion-banner__button .btn,.motion-banner__code .btn{--motion-banner-button-border-width: 1px;isolation:isolate;opacity:1;border-width:var(--motion-banner-button-border-width);border-style:solid;border-color:rgb(var(--color-border))}.motion-banner__button .btn :is(.btn__text,.btn__icon),.motion-banner__code .btn :is(.btn__text,.btn__icon){position:relative;z-index:1;opacity:1}.motion-banner__button .btn .btn__text,.motion-banner__code .btn .btn__text{font-size:18px;font-weight:500}.motion-banner__button .btn--primary,.motion-banner__code .btn--primary{background-color:rgb(var(--color-button-text));color:#1c1c1c;border-color:rgb(var(--color-button))}.motion-banner__button .btn--primary:before,.motion-banner__code .btn--primary:before{background-color:rgba(var(--color-button),.25)}.motion-banner__button .btn--primary:hover,.motion-banner__code .btn--primary:hover{background-color:rgba(var(--color-button),.25);color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.motion-banner__button .btn--secondary,.motion-banner__code .btn--secondary{background-color:rgb(var(--color-button));color:#1c1c1c;border-color:rgb(var(--color-secondary-button))}.motion-banner__button .btn--secondary:before,.motion-banner__code .btn--secondary:before{background-color:rgba(var(--color-secondary-button),.25)}.motion-banner__button .btn--secondary:hover,.motion-banner__code .btn--secondary:hover{background-color:rgba(var(--color-secondary-button),.25);color:rgb(var(--color-secondary-button-text));border-color:rgb(var(--color-secondary-button))}.motion-banner__button .btn--plain,.motion-banner__button .btn--underline,.motion-banner__code .btn--plain,.motion-banner__code .btn--underline{border:var(--motion-banner-button-border-width) solid currentColor!important}.motion-banner__button a.btn{border:0!important}@media(max-width:1023.98px){.motion-banner__button .btn,.motion-banner__code .btn{height:24px!important;line-height:20px}.motion-banner__button .btn .btn__text,.motion-banner__code .btn .btn__text{font-size:12px!important;line-height:20px}}.motion-banner__text-timer{display:flex;flex-direction:row;align-items:center;flex-shrink:1;white-space:normal}.motion-banner__text-timer .countdown-timer{order:2;flex-shrink:0}.motion-banner__text-timer .countdown-timer__inner{--margin-inline: .6rem}.motion-banner__text-timer .countdown-timer__block{min-width:2.2rem}.motion-banner__text-timer-text{order:1;min-width:0;white-space:normal}@media(min-width:1024px){.motion-banner__timer .countdown-timer__number,.motion-banner__timer .countdown-timer__digit{font-weight:500}.motion-banner__timer .countdown-timer__number:after{font-weight:500}.motion-banner__text-timer .countdown-timer__inner{--margin-inline: .8rem}.motion-banner__text-timer .countdown-timer__block{min-width:3.2rem}}.motion-banner__group-heading{border:0 solid var(--border-color, rgb(var(--color-foreground)));padding-inline:2rem}.motion-banner__group-heading.group-heading__left{border-inline-start-width:.2rem}.motion-banner__group-heading.group-heading__right{border-inline-end-width:.2rem}.motion-banner__group-heading.motion-banner__group-heading--no-divider{border-inline-width:0}@media(max-width:1023.98px){.motion-banner__group-heading.group-heading-mobile__left{border-inline-width:0;border-inline-start-width:.2rem}.motion-banner__group-heading.group-heading-mobile__right{border-inline-width:0;border-inline-end-width:.2rem}.motion-banner__group-heading.group-heading-mobile__center,.motion-banner__group-heading.motion-banner__group-heading--no-divider{border-inline-width:0}}.motion-banner__badge{display:inline-block;color:var(--badge-color);border:.2rem solid var(--badge-color);border-radius:var(--badges-radius, 0);padding:.6rem 2.4rem;margin-block-start:var(--badge-margin-top, 0)}@media(max-width:1023.98px){.motion-banner__badge{--badge-margin-top: .8rem}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-motion-banner.css.map */