.bubble-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}@media screen and (min-width: 750px){.bubble-banner{flex-direction:row}}@media screen and (max-width: 749px){.bubble-banner--small.bubble-banner--mobile-bottom:not(.bubble-banner--adapt) .bubble-banner__media,.bubble-banner--small.bubble-banner--stacked:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt)>.bubble-banner__media{height:28rem}.bubble-banner--medium.bubble-banner--mobile-bottom:not(.bubble-banner--adapt) .bubble-banner__media,.bubble-banner--medium.bubble-banner--stacked:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt)>.bubble-banner__media{height:34rem}.bubble-banner--large.bubble-banner--mobile-bottom:not(.bubble-banner--adapt) .bubble-banner__media,.bubble-banner--large.bubble-banner--stacked:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt)>.bubble-banner__media{height:39rem}.bubble-banner--small:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt) .bubble-banner__content{min-height:28rem}.bubble-banner--medium:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt) .bubble-banner__content{min-height:34rem}.bubble-banner--large:not(.bubble-banner--mobile-bottom):not(.bubble-banner--adapt) .bubble-banner__content{min-height:39rem}}@media screen and (min-width: 750px){.bubble-banner--small:not(.bubble-banner--adapt){min-height:42rem}.bubble-banner--medium:not(.bubble-banner--adapt){min-height:56rem}.bubble-banner--large:not(.bubble-banner--adapt){min-height:72rem}}.bubble-banner__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (max-width: 749px){.bubble-banner--mobile-bottom .bubble-banner__media,.bubble-banner--stacked:not(.bubble-banner--mobile-bottom) .bubble-banner__media{position:relative}.bubble-banner--stacked{height:auto}.bubble-banner--stacked .bubble-banner__media{flex-direction:column}.bubble-banner--stacked.bubble-banner--adapt .bubble-banner__content{height:auto}.bubble-banner--stacked.bubble-banner--adapt:not(.bubble-banner--mobile-bottom) .bubble-banner__content{max-height:100%;overflow:hidden;position:absolute;top:0;left:0;width:100%}.bubble-banner:before{display:none!important}.bubble-banner--stacked .bubble-banner__media-image-half{width:100%}}.bubble-banner--adapt,.bubble-banner--adapt .bubble-banner__media:not(.placeholder){height:auto}.bubble-banner__media-half{width:50%}.bubble-banner__media-half+.bubble-banner__media-half{right:0;left:auto}@media screen and (min-width: 750px){.bubble-banner__media-half:first-of-type{width:100%}.bubble-banner__media-half+.bubble-banner__media-half{display:none}}@media screen and (max-width: 749px){.bubble-banner--stacked .bubble-banner__media-half:first-of-type{display:none}.bubble-banner--stacked .bubble-banner__media-half+.bubble-banner__media-half{display:block;width:100%}.bubble-banner--stacked .bubble-banner__media-half{width:100%}}.bubble-banner__media.animate--zoom-in{clip-path:inset(0px)}.bubble-banner__media.animate--zoom-in>img:not(.zoom){position:fixed;height:100vh}.bubble-banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 750px){.bubble-banner__content{padding:5rem}}@media screen and (min-width: 750px){.bubble-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.bubble-banner__content--top-center{align-items:flex-start;justify-content:center}.bubble-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.bubble-banner__content--middle-left{align-items:center;justify-content:flex-start}.bubble-banner__content--middle-center{align-items:center;justify-content:center}.bubble-banner__content--middle-right{align-items:center;justify-content:flex-end}.bubble-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.bubble-banner__content--bottom-center{align-items:flex-end;justify-content:center}.bubble-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}.bubble-box{position:relative;height:fit-content;align-items:center;text-align:center;width:auto;max-width:90%;word-wrap:break-word;z-index:1;background:linear-gradient(var(--bubble-gradient-angle, 145deg),rgba(var(--bubble-gradient-start, 255, 200, 220),var(--bubble-gradient-start-opacity, .75)) 0%,rgba(var(--bubble-gradient-end, 255, 180, 210),var(--bubble-gradient-end-opacity, .85)) 100%);backdrop-filter:blur(var(--bubble-blur, 5px));-webkit-backdrop-filter:blur(var(--bubble-blur, 5px));border:1px solid rgba(var(--bubble-border-color, 255, 255, 255),var(--bubble-border-opacity, .3));box-shadow:0 5px var(--bubble-shadow-blur, 25px) rgba(var(--bubble-shadow-color, 255, 105, 180),var(--bubble-shadow-opacity, .3)),0 2px 10px #0000001a;padding:3rem 2.5rem;transition:all .4s ease-out}.bubble-box *{color:inherit}.bubble-shape--organic{border-radius:55% 45% 60% 40%/40% 50% 50% 60%}.bubble-shape--blob{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}.bubble-shape--squircle{border-radius:30%}.bubble-shape--cloud{border-radius:48% 52% 68% 32%/42% 75% 25% 58%}.bubble-shape--pill{border-radius:50%}.bubble-shape--pebble{border-radius:38% 62% 58% 42%/45% 40% 60% 55%}.bubble-shape--speech{border-radius:25%}.bubble-shape--heart{border-radius:50%/60% 60% 40% 40%}.bubble-shape--almond{border-radius:30% 70% 70% 30%/50%}.bubble-shape--coffin{border-radius:20% 20% 40% 40%/30% 30% 70% 70%}.bubble-shape--stiletto{border-radius:15% 85% 85% 15%/30% 30% 70% 70%}.bubble-shape--oval{border-radius:50%/70% 70% 30% 30%}.bubble-shape--round{border-radius:50%}.bubble-shape--square{border-radius:8%}@media screen and (min-width: 750px){.bubble-box{padding:4rem 3.5rem;max-width:750px}}@media screen and (max-width: 749px){.bubble-box{max-width:90%;padding:2.5rem 2rem}}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(-.2deg)}25%{transform:translateY(calc(var(--float-distance, 8px) * -.75)) rotate(.3deg)}50%{transform:translateY(calc(var(--float-distance, 8px) * -.25)) rotate(0)}75%{transform:translateY(calc(var(--float-distance, 8px) * -1)) rotate(-.3deg)}}.bubble-float{animation:gentle-float var(--float-duration, 7s) ease-in-out infinite}@media (prefers-reduced-motion: reduce){.bubble-float{animation:none}}.bubble-box .button--primary:before,.bubble-box .button--primary:after,.bubble-box .button--secondary:before,.bubble-box .button--secondary:after{display:none}.bubble-box .button--primary{background:linear-gradient(135deg,#ed8f9f,#e07a8c);color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:50px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.15);padding:.9rem 2.2rem;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out;box-shadow:0 4px 10px #ed8f9f66;text-decoration:none}.bubble-box .button--primary:hover,.bubble-box .button--primary:focus{background:linear-gradient(135deg,#e07a8c,#ed8f9f);transform:translateY(-3px) scale(1.03);box-shadow:0 7px 15px #ed8f9f80;border-color:#ffffffb3}.bubble-box .button--secondary{background:transparent;color:#ed8f9f;border:2px solid #ED8F9F;border-radius:50px;font-weight:600;padding:.9rem 2.2rem;transition:all .2s ease-out;box-shadow:none;text-decoration:none}.bubble-box .button--secondary:hover,.bubble-box .button--secondary:focus{background:#ed8f9f1a;color:#ed8f9f;transform:translateY(-2px)}.bubble-banner--transparent .transparent-box{background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;padding:2rem 1.5rem}.bubble-banner--transparent .transparent-box *{color:inherit;text-shadow:none}@media screen and (min-width: 750px){.bubble-banner--transparent .transparent-box{padding:4rem 0;max-width:89rem}}.bubble-banner__heading{margin-bottom:0}.bubble-box .bubble-banner__heading+*{margin-top:1rem}.bubble-box>*+.bubble-banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.bubble-box>*+.bubble-banner__text{margin-top:2rem}}.bubble-box>*+*{margin-top:1rem}.bubble-box>*:first-child{margin-top:0}.bubble-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word;justify-content:center}.bubble-box>*+.bubble-banner__buttons{margin-top:2rem}@media screen and (max-width: 749px){.bubble-banner--content-align-mobile-right .bubble-banner__buttons--multiple{justify-content:flex-end}.bubble-banner--content-align-mobile-center .bubble-banner__buttons--multiple>*{flex-grow:1;min-width:auto}}@media screen and (min-width: 750px){.bubble-banner--content-align-center .bubble-banner__buttons--multiple>*{flex-grow:1;min-width:auto}.bubble-banner--content-align-right .bubble-banner__buttons--multiple{justify-content:flex-end}}@media screen and (max-width: 749px){.bubble-banner--mobile-bottom .bubble-banner__content{order:2}.bubble-banner:not(.bubble-banner--mobile-bottom) .bubble-box{margin:1rem auto}}.bubble-banner:after,.bubble-banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}@media screen and (max-width: 749px){.bubble-banner--mobile-bottom:after,.bubble-banner--mobile-bottom .bubble-banner__media:after{display:none}}@media (prefers-reduced-motion: reduce){.bubble-banner__media.animate--zoom-in>img{position:static;height:auto}.bubble-box{animation:none}}.bubble-banner__buttons a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.text-effect--shadow-soft{text-shadow:calc(2px * var(--text-effect-intensity, 1)) calc(2px * var(--text-effect-intensity, 1)) calc(4px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.3 * var(--text-effect-intensity, 1)))}.text-effect--shadow-dramatic{text-shadow:calc(4px * var(--text-effect-intensity, 1)) calc(4px * var(--text-effect-intensity, 1)) calc(8px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.6 * var(--text-effect-intensity, 1)))}.text-effect--shadow-glow{text-shadow:0 0 calc(10px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.5 * var(--text-effect-intensity, 1))),0 0 calc(20px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.3 * var(--text-effect-intensity, 1))),0 0 calc(30px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.2 * var(--text-effect-intensity, 1)))}.text-effect--border-thin{text-shadow:calc(-1px * var(--text-effect-intensity, 1)) calc(-1px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(1px * var(--text-effect-intensity, 1)) calc(-1px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(-1px * var(--text-effect-intensity, 1)) calc(1px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(1px * var(--text-effect-intensity, 1)) calc(1px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1))}.text-effect--border-bold{text-shadow:calc(-2px * var(--text-effect-intensity, 1)) calc(-2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(2px * var(--text-effect-intensity, 1)) calc(-2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(-2px * var(--text-effect-intensity, 1)) calc(2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(2px * var(--text-effect-intensity, 1)) calc(2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(-2px * var(--text-effect-intensity, 1)) 0 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),calc(2px * var(--text-effect-intensity, 1)) 0 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),0 calc(-2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),0 calc(2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),var(--text-effect-intensity, 1))}.text-effect--shadow-neon{text-shadow:0 0 calc(5px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),0 0 calc(10px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),0 0 calc(15px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),var(--text-effect-intensity, 1)),0 0 calc(20px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.8 * var(--text-effect-intensity, 1))),0 0 calc(35px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.6 * var(--text-effect-intensity, 1))),0 0 calc(40px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.4 * var(--text-effect-intensity, 1)))}.text-effect--shadow-3d{text-shadow:calc(1px * var(--text-effect-intensity, 1)) calc(1px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),calc(.9 * var(--text-effect-intensity, 1))),calc(2px * var(--text-effect-intensity, 1)) calc(2px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),calc(.8 * var(--text-effect-intensity, 1))),calc(3px * var(--text-effect-intensity, 1)) calc(3px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),calc(.7 * var(--text-effect-intensity, 1))),calc(4px * var(--text-effect-intensity, 1)) calc(4px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),calc(.6 * var(--text-effect-intensity, 1))),calc(5px * var(--text-effect-intensity, 1)) calc(5px * var(--text-effect-intensity, 1)) 0 rgba(var(--text-effect-color),calc(.5 * var(--text-effect-intensity, 1))),calc(6px * var(--text-effect-intensity, 1)) calc(6px * var(--text-effect-intensity, 1)) calc(10px * var(--text-effect-intensity, 1)) rgba(var(--text-effect-color),calc(.4 * var(--text-effect-intensity, 1)))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-custom-floating-bubble-banner.css.map */