.section--hero--rr-landing{align-items:center;display:flex;flex-direction:column}@media only screen and (max-width: 639px){.section--hero--rr-landing{padding-top:2rem}}.superheading--rr-landing{color:#9398a3;font-size:14px;margin:.8rem 0}.hero__title--rr-landing{font-size:36px;line-height:1.11;margin-bottom:2rem;background:linear-gradient(180deg,#4ec0c7 20.31%,#1d6076);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__title--rr-landing::selection{-webkit-text-fill-color:#ffffff}@media only screen and (min-width: 960px){.hero__title--rr-landing{font-size:56px}}.hero__subtitle--rr-landing{color:#1e1f21;line-height:1.5}@media only screen and (min-width: 960px){.hero__subtitle--rr-landing{max-width:70%}}.hero__cta--rr-landing{margin-top:1.3rem;padding:16px 30px}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(13vw)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-11vw)}to{opacity:1;transform:translate(0)}}@keyframes shiftBagRight{0%{transform:translate(0) scale(.5952380952)}to{transform:translate(21vw) scale(.5952380952)}}@keyframes shiftBagLeftFromRight{0%{transform:translate(21vw) scale(.5952380952)}to{transform:translate(-23vw) scale(.5952380952)}}.rr-landing__bag-animation-container{display:flex;height:1000px;justify-content:center;margin-top:3rem}@media only screen and (min-width: 540px){.rr-landing__bag-animation-container{height:1150px}}@media only screen and (min-width: 768px){.rr-landing__bag-animation-container{height:1100px}}@media only screen and (min-width: 1024px){.rr-landing__bag-animation-container{height:1150px}}@media only screen and (min-width: 1200px){.rr-landing__bag-animation-container{height:1000px}}@media only screen and (min-width: 1920px){.rr-landing__bag-animation-container{height:1150px}}.animating-bag-image{height:84vw;max-width:none;pointer-events:none;transform-origin:top}@media only screen and (min-width: 768px){.animating-bag-image{height:65vw}}@media only screen and (min-width: 1200px){.animating-bag-image{height:58vw}}@media only screen and (max-width: 767px){.animating-bag-image--shift-right{animation:.8s ease forwards shiftBagRight}}@media only screen and (max-width: 767px){.animating-bag-image--shift-left{animation:.8s ease forwards shiftBagLeftFromRight}}.animating-clothes-image{opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;will-change:opacity;z-index:-1}.animating-clothes-image--dirty{height:47vw;left:-30vw;top:calc(22vh + 2vw)}@media only screen and (min-width: 768px){.animating-clothes-image--dirty{height:28.2vw;left:-11vw}}@media only screen and (min-width: 1200px){.animating-clothes-image--dirty{height:17.8vw;left:13vw}}.animating-clothes-image--clean{height:57vw;right:-12vw;top:calc(22vh - 8vw)}@media only screen and (min-width: 768px){.animating-clothes-image--clean{height:35.2vw;right:-4vw;top:calc(22vh - 5vw)}}@media only screen and (min-width: 1200px){.animating-clothes-image--clean{height:24.8vw;right:14vw}}.animating-clothes-image--entering-dirty{animation:.8s .2s ease forwards fadeInLeft}@media only screen and (min-width: 768px){.animating-clothes-image--entering-dirty{animation:.8s ease forwards fadeInLeft}}.animating-clothes-image--exiting-dirty{animation:.8s ease forwards fadeOutLeft}.animating-clothes-image--entering-clean{animation:1s .2s ease forwards fadeInRight}@media only screen and (min-width: 768px){.animating-clothes-image--entering-clean{animation:1s ease forwards fadeInRight}}.animating-text-content{opacity:0;pointer-events:none;position:fixed;top:calc(22vh + 50vw + 2rem);transition:opacity .5s ease;will-change:opacity}@media only screen and (min-width: 768px){.animating-text-content{top:calc(22vh + 31.2vw + 2rem)}}@media only screen and (min-width: 1200px){.animating-text-content{top:calc(22vh + 20.8vw + 2rem)}}.animating-text-content .heading{margin:1.5rem 0}@media only screen and (max-width: 639px){.animating-text-content .heading{max-width:15em}}@media only screen and (min-width: 1200px){.animating-text-content .heading{margin:0 0 1.5rem}}.animating-text-content p{color:#50555c;font-size:1rem;font-weight:400;margin:0 auto 24px;max-width:21em;padding:0 20px}@media only screen and (min-width: 640px){.animating-text-content p{max-width:30em}}@media only screen and (min-width: 768px){.animating-text-content p{max-width:36em}}.animating-text-content--entered{opacity:1;pointer-events:auto}.section--rr-landing{text-align:center}.section--rr-landing--prevent-overflow{max-width:100vw;overflow:hidden}.section--rr-landing .heading{color:#1e1f21}.section--rr-landing--plan-selection{margin-top:5rem}.section__p--rr-landing{max-width:38em}.container--rr-landing--plan-selection{align-items:center;display:flex;justify-content:center}.container--rr-landing--plan-selection .account__p{color:#50555c;font-size:14px}@media only screen and (max-width: 639px){.rr-landing-slide-modal .modal__dialog{height:unset;max-height:94%}}.rr-landing-slide-modal .modal__image--bag-size{background:url(https://static-prod.rinse.com/assets/bundles/wash-fold-bag-clothes.1.sha256-e6d2356022.jpg) no-repeat center center;background-size:cover;background-position-y:70%;height:232px}@media only screen and (min-width: 640px){.rr-landing-slide-modal .modal__image--bag-size{height:280px}}@media only screen and (min-width: 1200px){.rr-landing-slide-modal .modal__image--bag-size{background-position-y:75%;height:300px}}.rr-landing-slide-modal .modal__image--bag-dimensions{margin:1rem 0}@media only screen and (min-width: 640px){.rr-landing-slide-modal .modal__image--bag-dimensions{width:80%}}.rr-landing-slide-modal .modal__body img{margin-top:1rem}@media only screen and (min-width: 1200px){.rr-landing-slide-modal .modal__body{padding:.25rem 3.5rem 2rem}}@media only screen and (max-width: 1599px){.rr-landing-slide-modal .modal__body--bag-size{padding-top:0}}.rr-landing-slide-modal .modal__heading{font-size:24px;line-height:32px;padding:1.5rem 0}@media only screen and (min-width: 1200px){.rr-landing-slide-modal .modal__heading{font-size:36px;line-height:48px}}.rr-landing-slide-modal .modal__p{margin:0}.rr-landing-slide-modal .modal__p--medium{font-weight:500}.rr-landing-slide-modal .section__p--rr-landing{margin-bottom:1rem;max-width:unset}.rr-landing-slide-modal .icon-circle{background-color:#e9fafb;color:#00a3ad;flex-shrink:0;font-size:18px;height:40px;margin-right:20px;width:40px}@media only screen and (min-width: 1200px){.rr-landing-slide-modal .icon-circle{margin-right:24px}}.plan-section-heading{max-width:9em}
