.rhode-routine-container{display:flex;width:100%;height:780px;padding:20px;box-sizing:border-box;gap:20px;overflow-y:hidden}.rhode-routine-left{flex:1 1 50%;border:2px solid #ccc;border-radius:5%;padding:0;box-sizing:border-box;background-color:#e8e8e8;display:flex;flex-direction:column;justify-content:flex-start;height:700px;overflow:hidden}.rhode-routine-right{flex:1 1 50%;border:2px solid #ccc;border-radius:5%;padding:0;display:flex;align-items:center;justify-content:center;position:relative;height:700px;overflow:hidden}input[name=rhode-step]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.rhode-routine-contents{position:relative;height:50%;overflow:hidden;margin-bottom:20px;margin-top:20px;color:#5c5b5b}.rhode-routine-contents>.rhode-routine-content{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;display:flex;flex-direction:row;align-items:center;gap:20px;padding:10px 2%;box-sizing:border-box}@media (max-width: 768px){.rhode-routine-contents{height:auto!important;overflow:visible!important;position:relative!important}.rhode-routine-steps{display:flex;justify-content:space-evenly;flex:1;gap:20px;margin-top:0;flex-shrink:0}.rhode-routine-contents{position:relative;height:50%;overflow:hidden;margin-bottom:0;margin-top:0;color:#5c5b5b}.rhode-routine-contents>.rhode-routine-content{position:relative!important;opacity:1!important;pointer-events:auto!important;display:flex!important;margin-bottom:0}.rhode-routine-contents>.rhode-routine-content{display:none!important}#rhode-step-1:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-1,#rhode-step-2:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-2,#rhode-step-3:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-3,#rhode-step-4:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-4{display:flex!important;opacity:1!important;pointer-events:auto!important;position:relative!important}}@keyframes rhodeSlideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#rhode-step-1:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-1,#rhode-step-2:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-2,#rhode-step-3:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-3,#rhode-step-4:checked~.rhode-routine-left .rhode-routine-contents .rhode-routine-content-4{opacity:1;pointer-events:auto;animation:rhodeSlideInFromRight .6s forwards}.rhode-routine-images{position:relative;width:100%;height:100%}.rhode-routine-images .rhode-routine-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:0}.rhode-routine-images img{width:100%;height:100%;object-fit:cover;border-radius:5%}@keyframes rhodeSlideInFromRightImage{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#rhode-step-1:checked~.rhode-routine-right .rhode-routine-image-1,#rhode-step-2:checked~.rhode-routine-right .rhode-routine-image-2,#rhode-step-3:checked~.rhode-routine-right .rhode-routine-image-3,#rhode-step-4:checked~.rhode-routine-right .rhode-routine-image-4{opacity:1;pointer-events:auto;animation:rhodeSlideInFromRightImage .6s ease forwards;z-index:2}.rhode-routine-glazing-title{flex:1;max-width:60%;box-sizing:border-box;color:#5c5b5b}.rhode-routine-bold{font-weight:700;text-transform:lowercase;font-size:16px;position:relative;display:inline-block;color:#5c5b5b}.rhode-routine-left h1{margin-top:20px;margin-left:2%;color:#5c5b5b}.rhode-routine-subtitle{margin-top:-1%;margin-left:2%;color:#5c5b5b}.rhode-routine-underline{position:relative;width:300px;height:2px;background-color:#5c5b5b;margin:4px 0 10px;z-index:20}.rhode-routine-underline:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;background-color:#5c5b5b;border-radius:50%;z-index:20}.rhode-routine-product-image{flex-shrink:0;width:400px;height:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.rhode-routine-product-image img{max-height:300px;width:400px;object-fit:contain;border-radius:5%;display:block;margin-right:450px;z-index:1}@media (min-width: 769px){.rhode-routine-product-image img{margin-right:450px}}.rhode-routine-desc{font-size:14px;line-height:1.4;word-break:break-word;margin-top:4px;flex-grow:1;color:#5c5b5b}.rhode-routine-steps{display:flex;justify-content:space-evenly;flex:1;gap:20px;margin-top:20px;flex-shrink:0}.rhode-routine-steps .rhode-routine-step{cursor:pointer;text-align:center;color:#5c5b5b;-webkit-user-select:none;user-select:none}.rhode-routine-steps .rhode-routine-step .rhode-routine-circle{width:80px;height:80px;border-radius:50%;border:1px solid #5C5B5B;display:flex;justify-content:center;align-items:center;font-weight:700;transition:background-color .3s ease;margin:0 auto 5px}#rhode-step-1:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-1] .rhode-routine-circle,#rhode-step-2:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-2] .rhode-routine-circle,#rhode-step-3:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-3] .rhode-routine-circle,#rhode-step-4:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-4] .rhode-routine-circle{background-color:#f8db00;color:#858382}@keyframes rhodeSlideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rhode-routine-steps .rhode-routine-step .rhode-routine-step-label{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}#rhode-step-1:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-1] .rhode-routine-step-label,#rhode-step-2:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-2] .rhode-routine-step-label,#rhode-step-3:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-3] .rhode-routine-step-label,#rhode-step-4:checked~.rhode-routine-left .rhode-routine-steps label[for=rhode-step-4] .rhode-routine-step-label{opacity:1;transform:translateY(0);animation:rhodeSlideUpFade .4s ease forwards}.rhode-routine-step-label{margin:0;font-size:13px;font-weight:700;color:#5c5b5b;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.rhode-routine-container{flex-direction:column;height:auto}.rhode-routine-right{order:1;flex:1 1 400px;margin:10px 0;height:400px}.rhode-routine-left{order:2;flex:1 1 auto;margin:10px 20px;height:auto;max-width:calc(100% - 40px)}.rhode-routine-steps{gap:5px;padding:0 5px}.rhode-routine-steps .rhode-routine-step .rhode-routine-circle{width:60px;height:60px}.rhode-routine-step-label{font-size:12px}.rhode-routine-product-image{width:200px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.rhode-routine-product-image img{max-height:150px!important;width:200px!important;margin:0 auto!important;object-fit:contain!important;display:block!important;z-index:1!important}.rhode-routine-contents>.rhode-routine-content{flex-direction:row!important;align-items:center;text-align:left;gap:0px;padding:10px 2%;justify-content:flex-start}.rhode-routine-glazing-title{max-width:60%;flex:0 0 60%}.rhode-routine-product-image{flex:0 0 40%}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */