.formulation-tab .formulation-info:after{content:"";width:3px;height:calc(100% - 35px);position:absolute;top:35px;left:16px;background-color:#999985;z-index:-1}.formulation-tab .formulation-info ul.tab-links li:last-child{position:relative}.formulation-tab .formulation-info ul.tab-links li:last-child:after{content:"";width:3px;height:calc(100% - 35px);position:absolute;top:35px;left:16px}.formulation-tab .formulation-info ul.tab-links li a.formulation-box{width:35px;height:35px;background-color:#aaad9e;-webkit-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out}.formulation-tab .formulation-info ul.tab-links li .formulation-content{width:calc(100% - 35px);opacity:.5;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.formulation-tab .formulation-info ul.tab-links li.active .formulation-content,.formulation-tab .formulation-info ul.tab-links li.done .formulation-content{opacity:1}.formulation-tab .formulation-info .formulation-progress{width:3px;left:16px;background-color:var(--background-color-body);transition:height .5s ease-in-out}.formulation-tab .formulation-img{position:relative;z-index:1}.formulation-tab .formulation-img:after{content:"";position:absolute;top:20px;right:30px;bottom:0;left:-30px;border:var(--sti-border-focus);z-index:-1;border-radius:500px 0 0}.formulation-tab .formulation-img .tab{display:none}.formulation-tab .formulation-img .tab.active{display:block}.formulation-tab .formulation-img .tab .ratio{border-radius:500px 0 0;overflow:hidden}.formulation .formulation-row{overflow-x:auto;-webkit-scrollbar-width:thin;scrollbar-width:thin}.formulation .formulation-row::-webkit-scrollbar{height:0px}.formulation .formulation-row::-webkit-scrollbar-track{background-color:#eee}.formulation .formulation-row::-webkit-scrollbar-thumb{background-color:#d3cfae}.formulation .formulation-row::-webkit-scrollbar-thumb:hover{background-color:var(--primary-font-color)}.formulation .formulation-row .formulation-img{position:relative;z-index:1}.formulation .formulation-row .formulation-img:after{content:"";position:absolute;top:-12px;right:0;bottom:12px;left:0;z-index:-1;border:var(--sti-border-focus);border-radius:200px 200px 0 0}.formulation .formulation-row .formulation-img .ratio{border-radius:200px 200px 0 0;overflow:hidden}.formulation-content h6{font-size:22px}.formulation-content p,.formulation-content a{font-size:14px}@media (min-width: 576px){.formulation-content h6{font-size:28px}.formulation-content a{font-size:var(--font-size-body)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/formulation-tab.css.map */
