.brauzz_animation{padding:48px 0;margin-bottom:200px;z-index:1;width:100%;min-height:820px;position:relative;background-position:unset;background-size:contain;background-repeat:round}.brauz_animation_container{text-align:center}.bg_svg{position:absolute;bottom:-35%;z-index:-1;width:100%}.bg_svg img{width:100%}.animation_heading_segment h1{font-family:Filson Pro;font-style:normal;margin:0 0 18px;font-weight:700;font-size:44px;line-height:140%;text-align:center;color:#444950}.heading_segment_description{display:flex;gap:22px;justify-content:center;align-items:center}.heading_segment_description p{font-family:Filson Pro;font-style:normal;font-weight:400;font-size:13px;line-height:140%;margin:0;color:#444950}.animation_heading_segment h3{font-family:Filson Pro;font-style:normal;font-weight:700;font-size:28px;line-height:129%;color:#f39780;max-width:532px;margin:32px auto 0}.animation_segment_media{position:relative}.animation_features_segment{position:relative;margin-top:64px}.animation_segment_media_wrapper{width:100%;height:270px;display:flex;justify-content:center;align-items:center}.animation_segment_media_wrapper img{width:100%;display:flex;height:100%;object-fit:contain}img.features_media_right{top:50%;left:50%;transform:translate(-35%,-50%)}img.features_media_left{top:50%;left:50%;transform:translate(-185%,-50%);z-index:1}.animation_content_wrapper h4,.animation_content_wrapper-use_products h4{font-family:Filson Pro;margin:0;font-style:normal;font-weight:700;font-size:28px;line-height:129%;text-align:center;color:#67b197}.animation_content_wrapper p,.animation_content_wrapper-use_products p{font-family:Filson Pro;font-style:normal;font-weight:700;font-size:15px;max-width:170px;margin:0 auto;line-height:136.5%;text-align:center;color:#444950}.animation_segment_content-1{position:absolute;background:#d4ebe3;border-radius:100%;top:25px;left:0}.animation_segment_content-2{border-radius:100%;position:absolute;background-color:#ffdcd3;left:40%;bottom:-70%}.animation_segment_content-3{background:#d1f1ff;border-radius:100%;position:absolute;top:25px;right:0}.desktop_data_bubbles.data_bubbles{aspect-ratio:1;flex-direction:column;justify-content:center;min-width:223px;min-height:223px;overflow:hidden;padding:25px 20px}@media screen and (min-width: 990px){.desktop_data_bubbles.data_bubbles{display:flex}}.animation_content_wrapper{aspect-ratio:1;padding:0 15px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.animation_content_wrapper h4{display:flex;flex-direction:column}.svg_wrapper{width:54px;height:54px;margin:0 auto}.bubble_data_svg img{width:100%;height:100%;object-fit:contain}.bubble_data_svg{width:54px;height:54px;margin:0 auto}.bubble_data_svg svg{width:100%;height:100%}.bg_svg svg{width:100%}@media screen and (max-width: 1250px){.animation_segment_content-1{left:0}.animation_segment_content-3{right:0}}@media screen and (min-width: 990px){.data_bubbles_start{animation:crescendo 1s alternate 0s ease-out}@keyframes crescendo{0%{transform:scale(0)}to{transform:scale(1)}}animated-bubble{display:none}.animation_content_wrapper_start{opacity:0}.animation_content_wrapper_start{animation:fadeIn .8s linear 1.5s;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media screen and (max-width: 989px){.desktop_data_bubbles.data_bubbles{display:none}.brauzz_animation{height:auto;background-size:cover;background-repeat:no-repeat;background-position-x:center;max-height:none;min-height:unset;overflow:unset}.animation_segment_content-1,.animation_segment_content-2,.animation_segment_content-3{top:80%;right:auto;bottom:auto;left:50%;transform:translate(-50%);width:100%;width:230px;height:230px}.bg_svg{bottom:-15%}.animation_features_segment{margin:0}.animation_heading_segment h3{margin-top:24px}.animation_heading_segment h1{margin-top:11px}.animation_heading_segment p{margin-top:4px}#animation-wrapper animated-bubble:nth-of-type(1){animation:fader .7s linear 4s;z-index:10}#animation-wrapper animated-bubble:nth-of-type(2){z-index:5}#animation-wrapper animated-bubble:nth-of-type(n+3){display:none}@keyframes fader{0%{opacity:1}50%{opacity:.5}to{opacity:0}}#animation-wrapper{display:block}}@media screen and (max-width: 767px){.animation_heading_segment h1{font-size:28px}.animation_heading_segment p{font-size:15px}.animation_heading_segment h3{font-size:24px}.heading_segment_description{display:block}}
/*# sourceMappingURL=/cdn/shop/t/300/assets/brauzz-data-bubble.css.map */