.before-after-drawing-component{align-items:flex-end;aspect-ratio:1/1;border-radius:1rem;display:flex;height:auto;justify-content:center;overflow:hidden;position:relative;width:100%}@media screen and (min-width:768px){.before-after-drawing-component{max-height:calc(100vh - 7.8rem - 10rem);max-width:calc(100vh - 7.8rem - 10rem)}.before-after-drawing-component:hover .before-after-drawing-component__after-image{opacity:0;z-index:3}.before-after-drawing-component:hover .before-after-drawing-component__overlay{bottom:0;opacity:1}}.before-after-drawing-component--active .before-after-drawing-component__after-image{opacity:0;z-index:3}.before-after-drawing-component--active .before-after-drawing-component__overlay{bottom:0;opacity:1}.before-after-drawing-component__before-image{border-radius:inherit;object-fit:contain;object-position:top;position:absolute;z-index:2}.before-after-drawing-component__after-image{border-radius:inherit;object-fit:contain;object-position:top;position:absolute;transition:all .5s;z-index:4}.before-after-drawing-component__overlay{background-image:linear-gradient(0deg,#000,transparent 40%);border-radius:inherit;bottom:-100%;display:none;height:100%;opacity:0;position:relative;transition:all .5s;width:inherit;z-index:3}@media screen and (min-width:768px){.before-after-drawing-component__overlay{display:block}}.before-after-drawing-component__overlay__children{align-items:flex-end;display:flex;height:100%;justify-content:center;width:100%}.before-after-drawing-component__overlay__children__prompt{-webkit-box-orient:vertical;display:-webkit-inline-box;overflow:hidden;color:#fff;font-size:1.6rem;font-weight:500;-webkit-line-clamp:4;line-clamp:4;line-height:120%;margin:2rem;width:100%}.circle-loader{align-items:center;display:flex;height:3rem;justify-content:center;width:3rem}.circle-loader__animation{animation:load8 1s linear infinite;border-radius:2.5rem;border-color:hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) #fff #fff;border-style:solid;border-width:.2em;box-sizing:border-box;height:2.1rem;position:relative;transform:translateZ(0);width:2.1rem}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button-component{align-items:center;background-color:var(--background);border:none;border:.2rem solid var(--border);color:var(--color);cursor:pointer;display:flex;font-weight:600;justify-content:center;transition:all .1s linear}.button-component.pseudoclass--hover,.button-component:hover:enabled{background-color:var(--backgroundHover);border-color:var(--borderHover)}.button-component.medium{border-radius:1.5rem;column-gap:1rem;font-size:1.8rem;height:5.2rem;line-height:2.2rem;width:26.8rem}.button-component.small{border-radius:1rem;column-gap:.8rem;font-size:1.6rem;height:4.6rem;line-height:2rem;width:18.6rem}.button-component.primary{--background:#0089ff;--backgroundHover:#0878d8;--color:#fff}.button-component.secondary{--background:#e5f3ff;--backgroundHover:#e5f3ff;--border:#b2dcff;--borderHover:#0089ff;--color:#0089ff}.button-component.tertiary{--border:#f7f7f7;--borderHover:#f7f7f7;--background:#f7f7f7;--backgroundHover:#fff}.button-component.tertiary.medium{width:5.2rem}.button-component.tertiary.small{width:4.6rem}.button-component.tertiary *{opacity:50%}.button-component.tertiary.pseudoclass--hover *,.button-component.tertiary:hover:enabled *{opacity:100%}.button-component:disabled{cursor:unset;opacity:50%}.prompt-input-component{--borderColor:#b2dcff;--backgroundColor:#f7f7f7;align-items:center;background-color:var(--backgroundColor);border:.2rem solid var(--borderColor);border-radius:2rem;box-sizing:border-box;display:flex;height:6.4rem;justify-content:space-between;padding:.6rem .6rem .6rem 3rem;width:100%}.prompt-input-component.pseudoclass--hover,.prompt-input-component:hover{--borderColor:#80c4ff;--backgroundColor:#fff}.prompt-input-component.pseudoclass--hover.is-disabled,.prompt-input-component:hover.is-disabled{--borderColor:#b2dcff}.prompt-input-component--active,.prompt-input-component--active:hover,.prompt-input-component.pseudoclass--active,.prompt-input-component.pseudoclass--active:hover{--borderColor:#0089ff}.prompt-input-component.is-disabled{--backgroundColor:#f7f7f7;cursor:unset;opacity:.8}.prompt-input-component .prompt-input-container{margin-right:2rem;width:calc(100% - 2rem - 3.4rem - 2rem - 17.7rem)}.prompt-input-component .prompt-input-container input{background-color:inherit;border:none;caret-color:#0089ff;color:#464c57;font-size:1.8rem;font-weight:600;line-height:2.4rem;outline:unset;text-overflow:ellipsis;width:100%}.prompt-input-component .prompt-input-container input::placeholder{background-color:inherit;color:#a3acc2;font-size:1.8rem;font-weight:600;width:100%}.prompt-input-component__generate-button{border:.2rem solid hsla(0,0%,100%,.2)!important;font-weight:700;width:17.7rem!important}.prompt-input-component .clear-button{cursor:pointer;margin-right:2rem;visibility:hidden}.prompt-input-component .clear-button.is-hidden{visibility:unset}.prompt-suggestion-container{background-color:#fff;border:.2rem solid #b2dcff;border-radius:2rem;margin-top:.5rem;padding:2.5rem 3rem 1.1rem;position:absolute;width:100%;z-index:10}.prompt-suggestion-container__title{font-size:1.6rem;font-weight:700;margin-bottom:2rem}.prompt-suggestion-container__row{align-items:center;border-bottom:.1rem solid #ebedf0;color:#0089ff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:500;height:7rem}.prompt-suggestion-container__row:hover{color:#0878d8}.prompt-suggestion-container__row:last-child{border-bottom:unset}@keyframes infiniteProgressBar{0%{left:0}to{left:calc(100% - var(--loaderFillerWidth))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-top-component{bottom:0;position:-webkit-sticky!important;position:sticky!important;right:1.5rem!important;top:unset!important;width:100%!important;z-index:800}.scroll-top-component__button{align-items:center;background-color:#fff;border:none;border-radius:1.5rem;bottom:2.4rem;display:flex;filter:drop-shadow(0 1.6385542154px 6.5542168617px rgba(0,0,0,.4));height:4.8rem;justify-content:center;outline:none;position:fixed;right:2.4rem;transition:all .25s;width:4.8rem}@media screen and (min-width:768px){.scroll-top-component__button{bottom:3rem;height:6.8rem;left:90%;right:unset;width:6.8rem}}.scroll-top-component__button:hover{background-color:#f7f7f7;cursor:pointer}.create-page__scroll-top{display:none}@media screen and (min-width:768px){.create-page__scroll-top{display:block}.create-page{margin:auto;max-width:140rem;width:85%}}.create-page--is-desktop{display:none}@media screen and (min-width:768px){.create-page--is-desktop{display:block;margin-top:7.8rem}}.create-page__header{display:flex}.create-page__header__title{font-size:4.5rem;font-weight:600;line-height:125%;margin-top:6.9rem}.create-page__header .img-wrapper{background:linear-gradient(45deg,#fff,transparent);display:none;left:calc(50% - 153px);position:absolute;top:2rem;z-index:-1}@media screen and (min-width:1450px){.create-page__header .img-wrapper{display:block}}.create-page__content{position:relative}.create-page__content .prompt{margin-top:3.5rem}.create-page__content .pages-suggestions-title{color:#000;font-size:1.8rem;font-weight:600;line-height:133.333%;margin-top:6rem}.create-page__content .pages-suggestions{display:grid;grid-gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.create-page__content .pages-suggestions__drawing-wrapper{cursor:pointer}.create-page__content .pages-suggestions__drawing-wrapper__drawing .before-after-drawing-component__overlay{background-image:linear-gradient(0deg,#000,transparent)}.create-page__content .pages-suggestions .loader{left:50%;position:absolute}@media screen and (min-width:768px){.create-page__content .pages-suggestions{grid-template-columns:repeat(4,1fr)}}.create-page--is-mobile{align-items:center;display:flex;flex-direction:column;height:calc(100dvh - 6.5rem);justify-content:space-between;margin-top:6.5rem;padding:2.4rem 2.4rem 0}@media screen and (min-width:768px){.create-page--is-mobile{display:none}}.create-page .illustration-container{position:relative;width:100%}.create-page .illustration-container .background-video{width:100%}.create-page__mobile-footer{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.create-page__mobile-footer__download-options__title{color:#000;font-size:2rem;font-weight:700;line-height:150%}.create-page__mobile-footer__download-options__stores-logo-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:2.2rem}@media screen and (min-width:349px){.create-page__mobile-footer__download-options__stores-logo-container{flex-direction:row}}.create-page__mobile-footer__download-options__stores-logo-container a{display:flex;height:4.35rem;position:relative;width:15.06rem}.create-page__mobile-footer .available-on-pc{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;font-weight:700;justify-content:center;line-height:150%;margin-top:2.2rem;padding-bottom:2.4rem;row-gap:.5rem;text-align:center}.loading-fallback-component{align-items:center;display:flex;height:100dvh;justify-content:center;width:100dvw}
/*# sourceMappingURL=00b5096774ac4bab.css.map*/