.section-animated-columns .animated-columns__container{position:relative}.section-animated-columns .custom-animated__item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.custom-animated__item .animated-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:150px;min-height:150px;max-height:150px;border-radius:50%;overflow:hidden}.custom-animated__item .animated-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(var(--color-foreground),.5);transition:clip-path 2.5s ease-out}.circle-border{position:absolute;top:0;left:0;transform:rotate(-90deg)}.circle-border circle{fill:none;stroke:rgb(var(--color-foreground));stroke-width:2;stroke-dasharray:464.96;stroke-dashoffset:464.96;transition:stroke-dashoffset 3s ease}.animated-columns__container.animate .swiper-slide-active .animated-image:before{clip-path:circle(75% at 50% 50%)}.animated-columns__container.animate .swiper-slide-active .circle-border circle{stroke-dashoffset:0}.custom-animated__item .animated-image img{width:50px;height:50px;object-fit:contain}.custom-animated__item .content>*{margin:0 0 10px}.custom-animated__item .content>.rte{font-size:12px}.custom-animated__item .content>*:last-child,.custom-animated__item .content>*:only-child{margin:0}.section-animated-columns .swiper-button-prev,.section-animated-columns .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgb(var(--color-foreground));background:transparent;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:5px}.section-animated-columns .swiper-button-prev *,.section-animated-columns .swiper-button-next *{width:12px;height:12px;color:rgb(var(--color-foreground));fill:rgb(var(--color-foreground))}.section-animated-columns .swiper-button-prev:hover *,.section-animated-columns .swiper-button-next:hover *{color:#000;fill:#000}.section-animated-columns .swiper-button-prev{transform:translateY(-50%) rotate(180deg)}@media (min-width: 750px){.animated-columns__container.animate .swiper-slide-active .animated-image:before,.animated-columns__container.animate .swiper-slide-next .animated-image:before{clip-path:circle(75% at 50% 50%)}.animated-columns__container.animate .swiper-slide-active .circle-border circle,.animated-columns__container.animate .swiper-slide-next .circle-border circle{stroke-dashoffset:0}}@media (min-width: 990px){.section-animated-columns .swiper-button-prev,.section-animated-columns .swiper-button-next{display:none}.animated-columns__container.animate .animated-image:before{clip-path:circle(75% at 50% 50%)}.animated-columns__container.animate .circle-border circle{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/animated-columns.css.map */