.banner-popout__frame{position:relative;display:flex;flex-direction:column;gap:16px}.banner-popout__media{position:relative;height:var(--banner-mobile-media-height);overflow:visible;clip-path:inset(-1000px 0 0 -1000px round 10px)}.banner-popout__bg-clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;overflow:hidden}.banner-popout__bg-clip picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.banner-popout__bg-clip picture img,.banner-popout__bg-clip .responsive-image-placeholder svg,.banner-popout__bg-clip .responsive-image-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.banner-popout__bg-clip .responsive-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.banner-popout__overlay{display:none}.banner-popout__popout{position:absolute;z-index:2;pointer-events:none;bottom:calc(var(--banner-popout-drop, 0px) * -1);right:0}.banner-popout__popout picture,.banner-popout__popout .responsive-image-placeholder{display:block}.banner-popout__popout img,.banner-popout__popout .responsive-image-placeholder svg{display:block;width:auto;max-width:none;height:calc(var(--banner-mobile-media-height) * var(--banner-popout-scale-mobile))}.banner-popout__content{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:20px 16px;border-radius:8px;background-color:var(--color-light-gray-100);color:var(--color-black)}.banner-popout__text{display:flex;flex-direction:column;gap:16px}.banner-popout__heading{margin:0;color:inherit}.banner-popout__body{color:inherit;font-family:var(--font-family-google-sans);font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.01em}.banner-popout__body p{margin:0}.banner-popout__content .banner-popout__heading,.banner-popout__content .banner-popout__body{color:var(--color-black)}.banner-popout__button{align-self:flex-start;text-decoration:none}@media screen and (max-width:749px){.banner-popout__button{background-color:var(--color-royal-blue);color:var(--color-white);font-size:13px}.banner-popout__button:hover{background-color:var(--color-dark-blue);color:var(--color-white)}}@media screen and (min-width:750px){.banner-popout__frame{display:block;height:var(--banner-desktop-height)}.banner-popout__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;border-radius:0;overflow:visible;clip-path:inset(-1000px 0 0 0 round 20px)}.banner-popout__bg-clip{border-radius:20px}.banner-popout__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(var(--color-black-rgb),var(--banner-overlay-alpha)),rgba(var(--color-black-rgb),calc(var(--banner-overlay-alpha) * .6)) 43%,rgba(var(--color-black-rgb),calc(var(--banner-overlay-alpha) * .2)))}.banner-popout__content{position:absolute;top:0;bottom:0;left:0;z-index:3;width:min(426px,60%);justify-content:center;gap:24px;padding:0 0 0 40px;background:none;border-radius:0;color:var(--color-white)}.banner-popout__content .banner-popout__heading,.banner-popout__content .banner-popout__body{color:var(--color-white)}.banner-popout__text{gap:12px}.banner-popout__body{max-width:334px;font-size:var(--font-size-15);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-wide)}.banner-popout__button{font-size:var(--font-size-15)}.banner-popout__popout{inset:auto;bottom:calc(var(--banner-popout-drop, 0px) * -1)}.banner-popout__popout picture,.banner-popout__popout .responsive-image-placeholder{width:auto;height:auto}.banner-popout__popout img,.banner-popout__popout .responsive-image-placeholder svg{width:auto;height:calc(var(--banner-desktop-height) * var(--banner-popout-scale));object-fit:fill;object-position:center}.banner-popout__frame--left .banner-popout__popout{left:0;right:auto;transform:none}.banner-popout__frame--right .banner-popout__popout{left:auto;right:0;transform:none}.banner-popout__frame--center .banner-popout__popout{left:50%;right:auto;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-banner-with-popout.css.map */