.mane-use--counter{width:8rem;height:8rem;display:flex;justify-content:center;align-items:center;border:.1rem solid rgb(255,255,255);border-radius:100%;transition:all .3s ease-out;color:#fff}.mane-use--wrapper .title{margin:0}.mane-use--cardbox{flex:1;min-height:45rem;padding:2rem 2rem 3rem;display:flex;flex-direction:column;justify-content:space-between;row-gap:5rem;position:relative;transition:all .3s ease-out;cursor:pointer}.mane-use-imagebox img{width:100%;height:100%;object-fit:cover}.mane-use--card-main{display:flex;flex-direction:column;gap:1.5rem}.mane-use-imagebox{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;overflow:hidden;transition:all .5s ease-out;clip-path:circle(100%);-webkit-clip-path:circle(100%)}.mane-use--text{max-width:37rem;position:relative;z-index:2;font-weight:600;transition:all .3s ease-out}.mane-use--counter,.mane-use--text{position:relative;z-index:2}.mane-use--card-wrapper>*+*{margin-top:3rem}.mane-use-imagebox:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#00000080;z-index:1}@media screen and (min-width:750px){.mane-use--card-main{flex-direction:row}.mane-use--cardbox{--color-foreground: 255,255,255;--color-link: var(--color-foreground);--color-heading: var(--color-foreground)}.mane-use--cardbox .mane-use--counter{background:transparent!important}}@media screen and (max-width:749px){.mane-use--cardbox .mane-use--counter{background:transparent!important}.mane-use--cardbox{--color-foreground: 255,255,255;--color-link: var(--color-foreground);--color-heading: var(--color-foreground)}.mane-use--cardbox{min-height:35rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/how-to-use.css.map */