.promotion-banner{--padding-x: 2.4rem;--padding-y: 2.4rem;padding:var(--padding-y) var(--padding-x)}@media(min-width:768px){.promotion-banner{--padding-x: 2rem;--padding-y: 3.2rem}.promotion-banner.color-scheme-inherit{--padding-x: 0}}@media(min-width:1024px){.promotion-banner{--padding-x: 3rem;--padding-y: 4.6rem}}@media(min-width:1280px){.promotion-banner{--padding-x: 5rem}}@media(max-width:767.98px){.promotion-banner.color-scheme-inherit-mobile{--padding-x: 0}}.promotion-banner__inner--horizontal{--subheading-margin-bottom: 1.2rem}@media(min-width:1024px){.promotion-banner__inner--horizontal{gap:2.4rem;--text-margin-top: 0;--child-margin-top: 0;--subheading-margin-bottom: 0}}.promotion-banner__inner .countdown-timer__inner{--margin-inline: 1.2rem}@media(min-width:1024px){.promotion-banner__inner .countdown-timer__inner{--margin-inline: 1.6rem}}.promotion-banner__inner .countdown-timer__block{margin:0 var(--margin-inline)}.promotion-banner__inner .countdown-timer__block div:after{inset-inline-end:0;transform:translate(calc(50% + var(--margin-inline)),-50%)}.promotion-banner__timer,.promotion-banner__code,.promotion-banner__button{flex-shrink:0;white-space:nowrap}.promotion-banner__group-heading{border:0 solid var(--border-color, rgb(var(--color-foreground)));padding-inline:2rem}.promotion-banner__group-heading.group-heading__left{border-inline-start-width:.2rem}.promotion-banner__group-heading.group-heading__right{border-inline-end-width:.2rem}@media(max-width:1023.98px){.promotion-banner__group-heading.group-heading-mobile__left{border-inline-width:0;border-inline-start-width:.2rem}.promotion-banner__group-heading.group-heading-mobile__right{border-inline-width:0;border-inline-end-width:.2rem}.promotion-banner__group-heading.group-heading-mobile__center{border-inline-width:0}}.uvi-blog-invite{--padding-x: 2rem;--padding-y: 2.6rem;overflow:hidden;background:#c4301c;color:#fff;box-shadow:0 10px 28px #c4301c47;transition:transform .25s ease,box-shadow .25s ease}.uvi-blog-invite:before{content:"";position:absolute;inset:0 auto 0 -40%;width:38%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-18deg);animation:uvi-blog-shine 2.8s ease-in-out infinite;pointer-events:none}.uvi-blog-invite:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 #ffffff59;animation:uvi-blog-ring 2s ease-out infinite}.uvi-blog-invite .promotion-banner__inner{position:relative;z-index:1;gap:1.2rem 2rem;min-height:7.2rem}.uvi-blog-invite .rich-text__subheading{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:#fff;color:#c4301c;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;animation:uvi-blog-badge 1.5s ease-in-out infinite}.uvi-blog-invite .rich-text__heading{font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.25;margin:0;color:#fff}.uvi-blog-invite .rich-text__text{margin:0;font-size:1rem;opacity:.92;color:#fff}.uvi-blog-invite .promotion-banner__button .btn{animation:uvi-blog-btn 1.7s ease-in-out infinite}.uvi-blog-invite__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit}.uvi-blog-invite:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0003}@media(min-width:768px){.uvi-blog-invite{--padding-x: 2.8rem;--padding-y: 3.2rem}}@media(min-width:1024px){.uvi-blog-invite{--padding-x: 3.4rem;--padding-y: 3.6rem}}@media(max-width:1023.98px){.uvi-blog-invite .promotion-banner__inner{text-align:center;align-items:center}}@keyframes uvi-blog-shine{0%{left:-40%}55%,to{left:120%}}@keyframes uvi-blog-ring{0%{box-shadow:0 0 #ffffff59}70%,to{box-shadow:0 0 0 12px #fff0}}@keyframes uvi-blog-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes uvi-blog-btn{0%,to{transform:scale(1);box-shadow:0 0 #ffffff47}50%{transform:scale(1.04);box-shadow:0 0 0 8px #fff0}}@media(prefers-reduced-motion:reduce){.uvi-blog-invite,.uvi-blog-invite:before,.uvi-blog-invite:after,.uvi-blog-invite .rich-text__subheading,.uvi-blog-invite .promotion-banner__button .btn{animation:none}}.promotion-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){.promotion-banner__badge{--badge-margin-top: .8rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-promotion-banner.css.map */
