sticky-promo-banner{z-index:var(--z-index-sticky-promo);position:fixed;right:0;bottom:var(--space-24);left:0;display:block;width:100%;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform var(--duration-medium) ease-in-out,opacity var(--duration-medium) ease-in-out}sticky-promo-banner:not([hidden]){transform:translateY(0);opacity:1;pointer-events:auto}.sticky-promo-banner{display:block;width:100%;max-width:35.8rem;margin:0 auto;color:var(--sticky-promo-banner-color, var(--text-bold-primary));border-radius:var(--border-radius-24);background:var(--background-sticky-promo-violet);overflow:visible}.sticky-promo-banner__inner{display:flex;align-items:flex-end;gap:var(--space-16);min-height:9.6rem;padding:var(--space-12)}.sticky-promo-banner__media{position:relative;display:flex;flex:0 0 14.8rem;align-items:center;justify-content:center;width:14.8rem}.sticky-promo-banner__media__inner{z-index:1;position:absolute;bottom:0;right:calc(var(--space-2) * -1);width:16.4rem;height:11.6rem;overflow:hidden}.sticky-promo-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sticky-promo-banner__media__inner .sticky-promo-banner__emoji{width:100%;height:100%;border-radius:inherit}.sticky-promo-banner__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:var(--space-8);min-width:0}.sticky-promo-banner__timer.sticky-promo-banner__timer--block{display:none}.sticky-promo-banner__timer.sticky-promo-banner__timer--inline{display:flex;justify-content:flex-start}.sticky-promo-banner__button.app-button{width:100%;min-height:4rem;padding:var(--space-8) var(--space-12);border-radius:var(--border-radius-12)}.sticky-promo-banner__button .app-button__label{font-size:var(--font-size-14);line-height:var(--line-height-135)}.sticky-promo-banner--violet{background:var(--background-sticky-promo-violet)}.sticky-promo-banner--blue{background:var(--background-sticky-promo-blue)}.sticky-promo-banner--pink{background:var(--background-sticky-promo-pink)}.sticky-promo-banner--terracotta{background:var(--background-sticky-promo-terracotta)}.sticky-promo-banner--red{background:var(--background-sticky-promo-red)}.sticky-promo-banner--orange{background:var(--background-sticky-promo-orange)}.sticky-promo-banner--yellow{background:var(--background-sticky-promo-yellow)}.sticky-promo-banner--green{background:var(--background-sticky-promo-green)}.sticky-promo-banner--custom{background:radial-gradient(117% 117% at 50% 100%,var(--sticky-promo-banner-gradient, var(--background-surface-shopify-sleep)) 0%,var(--sticky-promo-banner-gradient, var(--background-surface-shopify-sleep)) 72%,transparent 100%),var(--sticky-promo-banner-bg, var(--background-surface-tertiary-strong))}.sticky-promo-banner__timer--block .app-timer-display__unit{backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem)}body.header-dropdown-open sticky-promo-banner:not([hidden]),body.is-review-open sticky-promo-banner:not([hidden]){transform:translateY(100%);opacity:0;pointer-events:none}@media screen and (min-width:768px){body.header-dropdown-open sticky-promo-banner:not([hidden]),body.is-review-open sticky-promo-banner:not([hidden]){transform:none;opacity:1;pointer-events:auto}.sticky-promo-banner{max-width:70.4rem;border-radius:var(--border-radius-32)}.sticky-promo-banner__inner{padding:var(--space-20) var(--space-24)}.sticky-promo-banner__media{flex-basis:22.4rem;width:22.4rem}.sticky-promo-banner__media__inner{z-index:1;position:absolute;right:0;bottom:calc((var(--space-20) + var(--space-16)) * -1);width:22.4rem;height:15.6rem}.sticky-promo-banner__content{display:flex;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--space-20);min-width:0}.sticky-promo-banner__timer.sticky-promo-banner__timer--block{display:flex}.sticky-promo-banner__timer.sticky-promo-banner__timer--inline{display:none}.sticky-promo-banner__button.app-button{width:auto;min-height:5.6rem;padding:var(--space-16) var(--space-24);border-radius:var(--border-radius-button-large)}.sticky-promo-banner__button .app-button__label{font-size:var(--font-size-18)}}@media screen and (min-width:1280px){.sticky-promo-banner{max-width:78.4rem}.sticky-promo-banner__content{gap:var(--space-64)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-sticky-promo-banner.css.map */