.callout-ani{position:relative;padding-top:12rem}@media screen and (min-width: 750px){.callout-ani{padding-top:14rem;padding-bottom:7rem}}.callout-ani__heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:100%}.callout-ani__animation{max-width:78%;margin-left:auto;margin-right:auto;position:relative}@media screen and (min-width: 750px){.callout-ani__animation{max-width:45rem}}.callout-ani__animation .image-wrap .media{mix-blend-mode:multiply}.callout-ani__animation .image-wrap{z-index:3;position:relative;mix-blend-mode:multiply;transform:translate(-6%) translateY(-10%);width:94%}.callout-ani__animation .ring-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;transform:translateY(3%) translate(2%)}@media screen and (min-width: 750px){.callout-ani__animation .ring-wrap{transform:translateY(3%) translate(4%)}}.callout-ani__animation .ring-wrap svg{position:absolute;width:0;height:0}.callout-ani__animation .media{padding-bottom:183%}.callout-ani__animation #has-bg-pattern{padding-bottom:140%;display:block;--rotation: 0deg}#gradient-bg .media{-webkit-clip-path:url(#shape);clip-path:url(#shape)}#has-bg-pattern:before{content:"";display:block;position:absolute;width:141%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--rotation));transform-origin:center center;height:102%;background-size:cover}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-callout-animation.css.map */