@keyframes wobble-shape-883aee6f{0%{clip-path:ellipse(50% 50% at 50% 50%);transform:translate(0) scale(1)}20%{clip-path:ellipse(48% 52% at 52% 48%);transform:translate(2px,-3px) rotate(2deg) scale(.95)}40%{clip-path:ellipse(52% 48% at 48% 52%);transform:translate(-3px,2px) rotate(-2deg) scale(1.05)}60%{clip-path:ellipse(50% 52% at 50% 50%);transform:translate(2px,-2px) rotate(1deg) scale(.97)}80%{clip-path:ellipse(51% 49% at 49% 51%);transform:translate(-1px,1px) rotate(-1deg) scale(1.03)}to{clip-path:ellipse(50% 50% at 50% 50%);transform:translate(0) rotate(0) scale(1)}}@keyframes entrance-883aee6f{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.bubble-wrapper[data-v-883aee6f]{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.glass-bubble[data-v-883aee6f]{backdrop-filter:blur(52px);-webkit-backdrop-filter:blur(52px);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;height:100%;opacity:0;transform:scale(0);transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:3}.glass-bubble.entered[data-v-883aee6f]{animation:entrance-883aee6f .6s ease forwards,wobble-shape-883aee6f 6s ease-in-out infinite}.glass-bubble.popped[data-v-883aee6f]{animation:none;opacity:0;transform:scale(1.5);transition:transform .3s ease,opacity .3s ease}.bubble-layer{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:5}.animated-bubble{animation:floatAndPop var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--start-x);opacity:.8;position:absolute;top:var(--start-y)}@keyframes floatAndPop{0%{opacity:.8;transform:translate(0) scale(1)}25%{transform:translate(var(--amplitude-x),calc(var(--amplitude-y)*-1)) scale(1.05)}50%{opacity:.6;transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) scale(.95)}75%{opacity:.4;transform:translate(calc(var(--end-x) - var(--start-x) + var(--amplitude-x)/2),calc(var(--end-y) - var(--start-y) + var(--amplitude-y)/2)) scale(1.03)}to{opacity:0;transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) scale(0)}}.heroBoxBubble{align-items:flex-end;background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:auto;max-height:110vh;min-height:400px;overflow:hidden;padding-bottom:5rem;position:relative;width:100%}@media(max-width:768px){.heroBoxBubble{background-position:50% 50%;height:auto;max-height:110vh;min-height:400px}}.heroBoxBubble .textBox{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:2rem;margin:18vh 10% 5vh;max-width:700px;padding:3vw 5vw;position:relative;text-align:left;width:calc(80% - 10vw);z-index:10}@media(max-width:768px){.heroBoxBubble .textBox{margin:0 5%;width:calc(90% - 10vw)}}.heroBoxBubble .textBox h1{font-size:clamp(1.4rem,2.5vw + 1rem,3rem)!important;line-height:120%;margin:0 0 1vw}.heroBoxBubble .textBox h2{font-size:clamp(1.1rem,2.5vw + .5rem,2rem)!important;margin:1vw 0}.heroBoxBubble .textBox h2.close{margin:-.5rem 0 1vw}.heroBoxBubble .textBox h3{font-size:clamp(1rem,1.5vw + .4rem,1.5rem)!important;margin:.5rem 0 1rem}.heroBoxBubble .textBox p{font-size:clamp(1.1rem,1.5vw + .4rem,1.2rem)!important;margin:.5rem 0 1rem}.heroBoxBubble .textBox .subline{font-size:clamp(1rem,1.5vw + .4rem,1.05rem);font-style:italic;margin:1vw 0 .8rem}.heroBoxBubble .textBox button{background:#ffffff4d;border:1px solid hsla(0,0%,100%,.6);border-radius:1rem;color:inherit;cursor:pointer;font-size:1.2rem;padding:.8rem 1.6rem;text-transform:uppercase}.heroBoxBubble .textBox button:hover{background-color:#67caac}.heroBoxBubble .svgwavebottom{bottom:-3px;height:auto;left:0;position:absolute;transform:scaleY(-1) scaleX(-1);width:100%;z-index:10}
