.xo-section-smart-shopping .xo-section{overflow:hidden}.xo-section-smart-shopping .xo-container{position:unset}.xo-smart-shopping--with-shape .xo-smart-shopping__anim{stroke-dasharray:4000;stroke-dashoffset:4000}.xo-smart-shopping--with-shape .xo-smart-shopping__anim-inner[xo-visible] .xo-smart-shopping__anim{animation:drawSpiral 5s ease-out forwards}.xo-smart-shopping__number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50%;width:100%;height:100%}.xo-smart-shopping__number--01{border:.5rem solid color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);background-color:transparent;z-index:1;opacity:.2;animation:dot1 2s infinite;animation-delay:1s}.xo-smart-shopping__number--02{background-color:color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);z-index:2;animation:dot2 2s infinite;animation-delay:1s}.xo-smart-shopping__number--03{background-color:color-mix(in srgb,rgba(var(--color-primary)) 100%,transparent);z-index:3;animation:dot3 1s alternate infinite;animation-delay:1s}@keyframes dot1{0%{opacity:.2;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes dot2{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes dot3{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(1.05)}}@keyframes drawSpiral{to{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-smart-shopping.css.map */