.animated-multicolumn{position:relative;overflow:hidden}.animated-multicolumn .top-svg{position:absolute;top:-1px;left:0;right:0}.animated-multicolumn .top-svg svg{width:calc(100% + 1.3px)}.animated-multicolumn .text-wrapper{max-width:48rem;margin-left:auto;margin-right:auto;margin-bottom:4rem}.animated-multicolumn .text-wrapper>*{margin:0 0 1.5rem}.animated-multicolumn .text-wrapper>*:last-child,.animated-multicolumn .text-wrapper>*:only-child{margin:0}.animated-multicolumn .bottom-bar{display:flex}.animated-multicolumn .bottom-bar span{position:relative;height:.4rem;width:3rem;background:linear-gradient(90deg,rgb(var(--color-button)) 0% 100%);border-radius:2px;left:26px}.animated-multicolumn .bottom-bar span:after{content:"";position:absolute;left:-27px;top:0;display:inline-block;height:.4rem;width:.4rem;border-radius:50%;-webkit-box-shadow:9px 0 0 0 currentColor,18px 0 0 0 currentColor;box-shadow:9px 0 0 0 currentColor,18px 0 0 0 currentColor;background-color:rgb(var(--color-button));color:rgb(var(--color-button));background:linear-gradient(90deg,rgb(var(--color-button)) 0% 100%)}.animated-multicolumn .animated-column__wrapper{color:inherit;text-decoration:none;display:flex;gap:3rem}.animated-column__wrapper .icon-wrap{width:8rem;height:8rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.animated-column__wrapper .icon-wrap>svg{width:4.5rem;height:4.5rem}.animated-column__wrapper .icon-wrap>svg path{fill:rgb(var(--color-foreground))}.animated-column__wrapper .content-wrap>*{margin:0 0 1rem}.animated-column__wrapper .content-wrap>*:last-child,.animated-column__wrapper .content-wrap>*:only-child{margin:0}.animated-column__wrapper:hover .icon-wrap{background:rgb(var(--color-button))}.animated-column__wrapper:hover .icon-wrap svg path{fill:rgb(var(--color-button-text))}.animated-column__wrapper:hover .content-wrap>.inline-richtext{color:rgb(var(--color-button))}@media(min-width:750px){.animated-multicolumn .text-wrapper{text-align:center}.animated-multicolumn .bottom-bar{align-items:center;justify-content:center}.animated-multicolumn .bottom-bar span{left:0}.animated-multicolumn .bottom-bar span:after{left:-27px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/animated-multicolumn.css.map */