recommendation-modal{align-items:center;display:flex;height:100vh;isolation:isolate;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100vw;z-index:9999}@media screen and (min-width:1024px){recommendation-modal{padding:4rem 1.6rem}}recommendation-modal.open{pointer-events:all;visibility:visible}recommendation-modal .backdrop{background-color:rgba(var(--rgb-black),.7);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .175s ease .1s;width:100%;z-index:-1}recommendation-modal.open .backdrop{opacity:1}recommendation-modal.close .backdrop{opacity:0;transition:opacity .175s ease .3s}.recommendation-modal__box{opacity:0;overflow:hidden;position:relative;transition:opacity .2s ease .1s;width:100%}recommendation-modal.open .recommendation-modal__box{opacity:1}@media screen and (min-width:1024px){.recommendation-modal__box{max-width:144rem}}.recommendation-modal__close{background-color:transparent;border:0;cursor:pointer;margin:0;padding:0;position:absolute;right:.7rem;top:1.3rem;z-index:50}@media screen and (min-width:1024px){.recommendation-modal__close{right:1.9rem;top:1.7rem}}.recommendation-modal__close svg{flex-shrink:0;height:auto;width:6.6rem}.recommendation-modal__container{background-color:var(--grey-50);display:flex;flex-direction:column;height:100vh;overflow:auto}@media screen and (min-width:1024px){.recommendation-modal__container{border-radius:1.5rem;border-radius:1rem;flex-direction:row;height:auto;max-height:81.2rem;min-height:65vh}}.recommendation-modal__image{align-items:center;background-color:var(--white);display:flex;justify-content:center;max-height:28rem;width:100%}@media screen and (min-width:1024px){.recommendation-modal__image{max-height:none;width:50%}}.recommendation-modal__image img{height:100%;max-height:100%;max-width:100%;max-width:36rem;object-fit:contain;width:100%}@media screen and (min-width:1024px){.recommendation-modal__image img{height:auto}}.recommendation-modal__wrapper{max-height:100%;width:100%}@media screen and (min-width:1024px){.recommendation-modal__wrapper{max-height:81.2rem;overflow:hidden;width:50%}}.recommendation-modal__wrapper .content{padding:3rem}@media screen and (min-width:1024px){.recommendation-modal__wrapper .content{display:flex;flex-direction:column;height:100%;justify-content:center;padding:16rem 9.6rem}}.recommendation-modal__wrapper .content .content__heading{align-items:center;display:flex;flex-direction:column}.recommendation-modal__wrapper .content .content__heading .star-rating+h2{margin-top:1rem}.recommendation-modal__wrapper .content .content__heading h2{color:var(--grey-875);font-size:3.6rem;font-weight:700;line-height:5.112rem;margin:0;text-align:center}.recommendation-modal__wrapper .content .content__heading h2+.addon__price{margin-top:.6rem}.recommendation-modal__wrapper .content .content__heading .addon__price{display:flex;justify-content:center}.recommendation-modal__wrapper .content .content__heading .addon__price .compare-price{color:var(--grey-875);font-size:2.4rem;font-weight:400;line-height:3.408rem;margin:0;opacity:.6;text-align:center;text-decoration:line-through}.recommendation-modal__wrapper .content .content__heading .addon__price .compare-price+.price{margin-left:1rem}.recommendation-modal__wrapper .content .content__heading .addon__price .price{color:var(--grey-875);font-size:2.4rem;font-weight:700;line-height:3.408rem;margin:0;text-align:center}.recommendation-modal__wrapper .content .content__heading .addon__price+.description{margin-top:3rem}@media screen and (min-width:1024px){.recommendation-modal__wrapper .content .content__heading .addon__price+.description{margin-top:3.8rem}}.recommendation-modal__wrapper .content .description{color:var(--grey-875);font-size:1.6rem;font-weight:400;line-height:1.888rem;margin:0}@media screen and (min-width:1024px){.recommendation-modal__wrapper .content .description{max-width:52rem}}.recommendation-modal__wrapper .content .description+.content__link{margin-top:1.8rem}@media screen and (min-width:1024px){.recommendation-modal__wrapper .content .description+.content__link{margin-top:4.7rem}}.recommendation-modal__wrapper .content .content__link{color:var(--grey-875);font-size:2rem;font-weight:400;line-height:2rem;text-align:center;text-decoration:underline}.recommendation-modal__wrapper .content .content__link+.accept{margin-top:2.4rem}@media screen and (min-width:1024px){.recommendation-modal__wrapper .content .content__link+.accept{margin-top:3.2rem}}.recommendation-modal__wrapper .accept,.recommendation-modal__wrapper .accept .checkbox{align-items:center;display:flex;justify-content:center}.recommendation-modal__wrapper .accept .checkbox{cursor:pointer;height:2.1rem;isolation:isolate;position:relative;width:2.1rem}.recommendation-modal__wrapper .accept .checkbox:before{background-image:linear-gradient(92.3deg,rgb(var(--rgb-cold-300)) 0,rgb(var(--rgb-cold-400)) 33.72%,rgb(var(--rgb-sauna-400)) 67.97%,rgb(var(--rgb-sauna-300)) 101.16%);border-radius:.4rem;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .375s ease;width:100%;z-index:-2}.recommendation-modal__wrapper .accept .checkbox:after{background-color:var(--white);border:1px solid var(--grey-275);border-radius:.4rem;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .2s ease,border-color .2s ease;width:100%;z-index:-1}.recommendation-modal__wrapper .accept .checkbox svg{flex-shrink:0;height:auto;opacity:0;transform:scale(.2);transition:opacity .2s ease,transform .2s ease;width:1.2rem}.recommendation-modal__wrapper .accept .checkbox.active:before{opacity:1}.recommendation-modal__wrapper .accept .checkbox.active:after{background-color:var(--grey-50);border-color:var(--grey-50);border-radius:.2rem;height:calc(100% - .4rem);left:.2rem;top:.2rem;width:calc(100% - .4rem)}.recommendation-modal__wrapper .accept .checkbox.active svg{opacity:1;transform:scale(1)}.recommendation-modal__wrapper .accept .checkbox+.label{margin-left:1.5rem}.recommendation-modal__wrapper .accept .label{color:var(--grey-875);cursor:pointer;display:block;font-size:2rem;font-weight:400;letter-spacing:-.2px;line-height:2.84rem}