.fade-slider-container{position:relative;height:60vh;min-height:300px;max-height:800px;overflow:hidden}.fade-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.fade-slide.active{opacity:1;z-index:1}.fade-slide img{width:100%;height:100%;object-fit:cover;transition:transform 5s ease-in-out;transform:scale(1.015)}.speech-bubble-container{position:absolute;opacity:0;transform:translateY(30px);z-index:2}.bubble-0{top:40%;left:15%}.bubble-1{top:22%;left:37%}.bubble-2{top:22%;left:58%}@keyframes bounceInUp{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:translateY(0)}}.speech-bubble{position:relative;display:inline-block;padding:1.5rem 4rem;background:#ffffffb3;color:#000;border-radius:12px;font-size:28px;font-weight:700;text-align:center;text-decoration:none;font-family:Roboto,sans-serif;box-shadow:0 6px 16px #00000040;transition:all .3s ease}.speech-bubble:after{content:"";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);border:12px solid transparent;border-top-color:#ffffffb3;transition:border-top-color .3s ease}.speech-bubble:hover{background:#ffffffd9;transform:scale(1.02);box-shadow:0 10px 24px #0000004d}.speech-bubble:hover:after{border-top-color:#ffffffd9}@media(max-width:768px){.fade-slider-container{height:auto;min-height:250px}.fade-slide img{object-fit:cover;object-position:center;width:100%;height:20vh}.speech-bubble-container{top:auto!important;bottom:78%!important;left:50%!important;transform:translate(-50%)!important;width:90%;text-align:center}.speech-bubble{font-size:.85rem;padding:.6em 1rem}.speech-bubble:after{bottom:-10px;border-width:5px}.speech-bubble-container.bubble-2{left:auto!important;right:2%!important;transform:none!important;text-align:right}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceOutDown{0%{opacity:1;transform:translateY(0)}20%{transform:translateY(-10px)}to{opacity:0;transform:translateY(40px)}}.bounce-in{animation:bounceInUp .6s forwards}.bounce-out{animation:bounceOutDown .6s forwards}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-fade-slider.css.map */