.banner-with-text{position:relative;padding:var(--padding-top) 0 var(--padding-bottom);overflow-x:clip;color:rgb(var(--color-foreground))}.banner-with-text-inner{position:relative;display:grid;overflow:hidden}.banner-with-text-media{position:relative;grid-area:1 / 1;aspect-ratio:var(--ratio, auto);height:100%;width:100%;overflow:hidden}.banner-with-text-background{position:absolute;top:0;right:0;bottom:0;left:0}.banner-with-text-background img{display:block;width:100%;height:100%;object-fit:cover}.banner-with-text-strip img{display:block;width:100%;height:50px;object-fit:cover}.banner-with-text-sticker-2{position:absolute;right:-45px;bottom:-90px;z-index:3;width:min(230px,15vw);filter:drop-shadow(7px 8px 0 rgba(130,134,255,.18))}.banner-with-text-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(49deg,var(--white) 22%,transparent 59%);opacity:var(--overlay-opacity)}.banner-with-text-card{position:absolute;top:50%;right:max(80px,calc((100% - var(--page-width)) / 2 + 80px));z-index:1;height:min(485px,calc(100% - 120px));translate:0 -50%}.banner-with-text-sticker-1{position:absolute;top:7%;right:-12%;z-index:1;width:37.5%}.banner-with-text-card img,.banner-with-text-sticker-1 img,.banner-with-text-sticker-2 img{display:block;width:100%;height:auto}.banner-with-text-card img{width:auto;height:100%}.banner-with-text-sticker-1 img{width:100%;height:auto}.banner-with-text-content{grid-area:1 / 1;z-index:2;display:flex;align-items:center;box-sizing:border-box;width:100%}body:has(.header-wrapper-overlap) #MainContent>.shopify-section:first-child .banner-with-text-content{padding-top:var(--header-height)}.banner-with-text-content-inner{display:flex;flex-direction:column;align-items:flex-start;max-width:640px}.banner-with-text-badge{padding-bottom:var(--block-padding-bottom)}.banner-with-text-badge span{display:inline-flex;align-items:center;padding:10px 30px;background:var(--badge-background-color, var(--pink));border:4px solid var(--badge-border-color, var(--plum));border-radius:var(--radius-round);box-shadow:4px 4px 0 var(--badge-shadow-color, var(--plum));font-family:var(--font-primary);font-weight:var(--font-weight-extrabold);font-size:var(--text-xs);line-height:var(--line-height-xl);letter-spacing:var(--letter-spacing-m);text-transform:uppercase;color:var(--badge-text-color, var(--white));white-space:nowrap}.banner-with-text-heading{margin:0;padding-bottom:var(--block-padding-bottom);text-transform:uppercase}.banner-with-text-heading p{margin:0;font:inherit}.banner-with-text-text{max-width:500px;margin:0;padding-bottom:var(--block-padding-bottom);font-weight:var(--font-weight-semibold);font-size:var(--text-md);line-height:var(--line-height-2xl)}.banner-with-text-text p{margin:0}.banner-with-text-buttons{display:flex;flex-wrap:wrap;gap:14px}@media(prefers-reduced-motion:no-preference){.banner-with-text-card.scroll-trigger:not(.scroll-trigger--offscreen){animation:banner-with-text-hero-in 1.8s cubic-bezier(.22,1,.36,1) .35s both}.banner-with-text-card.scroll-trigger.scroll-trigger--design-mode,.banner-with-text-card.scroll-trigger.scroll-trigger--cancel{animation:none}.banner-with-text-sticker-2{animation:banner-with-text-sticker-in 1.2s cubic-bezier(.22,1,.36,1) .35s both}.banner-with-text-sticker-2 img{animation:banner-with-text-spin 14s linear infinite}@keyframes banner-with-text-sticker-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}@keyframes banner-with-text-spin{to{transform:rotate(360deg)}}@keyframes banner-with-text-hero-in{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:none}}}@media(max-width:989px){.banner-with-text{padding:var(--padding-top-mobile) 0 var(--padding-bottom-mobile)}.banner-with-text-overlay{background:linear-gradient(142deg,var(--white) 42%,transparent 64%);opacity:var(--overlay-opacity-mobile)}.banner-with-text-media{aspect-ratio:var(--ratio-mobile, auto)}.banner-with-text-content{position:absolute;top:20px;right:0;left:0;align-items:flex-start}body:has(.header-wrapper-overlap) #MainContent>.shopify-section:first-child .banner-with-text-media{aspect-ratio:auto;min-height:calc(100vw / var(--ratio-mobile) + var(--header-height))}body:has(.header-wrapper-overlap) #MainContent>.shopify-section:first-child .banner-with-text-content{top:calc(20px + var(--header-height));padding-top:0}.banner-with-text-content-inner{max-width:none}.banner-with-text-badge,.banner-with-text-heading,.banner-with-text-text{padding-bottom:var(--block-padding-bottom-mobile)}.banner-with-text-badge{max-width:100%}.banner-with-text-badge span{max-width:100%;white-space:normal;text-align:center;text-wrap:balance}.banner-with-text-text{font-size:var(--text-base-sm);line-height:var(--line-height-xl)}.banner-with-text-buttons{flex-direction:column;align-items:flex-start}.banner-with-text .button{padding:12px 24px;font-size:var(--text-sm)}.banner-with-text-strip img{height:30px}.banner-with-text-card{top:auto;right:auto;bottom:3%;left:10%;width:58%;height:auto;translate:none}.banner-with-text-card img{width:100%;height:auto}.banner-with-text-sticker-1{top:18%}.banner-with-text-sticker-2{right:-50px;bottom:-40px;width:130px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-banner-with-text.css.map */