*{box-sizing:border-box;font-family:Rubik,sans-serif;font-size:16px;margin:0;outline:none;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f3f7;height:100%;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:65px 30px;position:relative}.container .mobile-mockup{box-shadow:0 30px 30px -10px #0000001a;margin-bottom:70px}.container .header{text-align:center}.container .header h1{color:#3e2753;font-size:2.55rem;margin-bottom:30px}.container .header p{color:#a39daa;line-height:1.8rem}.container:before{background-image:linear-gradient(#e942ff,#8838ff);left:-85%;top:-30%}.container:after,.container:before{border-radius:400px;content:"";height:800px;position:absolute;width:500px;z-index:-1}.container:after{background-color:#e570ff0d;bottom:-30%;right:-85%}@media(min-width:1240px){.container{grid-gap:125px;display:grid;gap:125px;grid-template-columns:1fr 1fr;height:100%;left:50%;padding:0 90px 0 0;position:fixed;top:50%;translate:-50% -50%;width:100%}.container .mobile-mockup{justify-self:end;margin-top:75px}.container .header{text-align:left;width:445px}.container .header h1{font-size:2.55rem;margin-bottom:30px}.container .header p{line-height:1.8rem}.container:before{left:-5%;top:-38%}.container:after,.container:before{border-radius:400px;height:1000px;width:500px}.container:after{bottom:-40%;right:-12%}}.mobile-mockup{background-color:#f5f3f7;border:10px solid #fff;border-radius:25px;display:grid;grid-template-columns:100%;grid-template-rows:66px 1fr;height:505px;overflow:hidden;width:248px}.mobile-mockup .chat-head,.mobile-mockup .chat-window,.mobile-mockup .img-right-chat,.mobile-mockup .left-side-chat-head,.mobile-mockup .promotion-left-chat,.mobile-mockup .text-input-section,.mobile-mockup .time-option,.mobile-mockup .user-info{align-items:center;display:flex}.mobile-mockup .chat-head{background-image:linear-gradient(90deg,#8838ff 5%,#e942ff);border-radius:20px 20px 5px 5px;color:#f5f3f7;height:100%;justify-content:space-between;padding:30px 15px 12px;position:relative;width:100%}.mobile-mockup .chat-head .left-side-chat-head{padding-right:8px}.mobile-mockup .chat-head .left-side-chat-head .left-arrow{stroke-width:1px}.mobile-mockup .chat-head .left-side-chat-head .user-info img{border:1px solid #fff;border-radius:50%;height:24px;margin-right:8px;width:fit-content}.mobile-mockup .chat-head .left-side-chat-head .user-info .user-profile .user-name{font-size:.7rem;font-weight:700}.mobile-mockup .chat-head .left-side-chat-head .user-info .user-profile .user-status{color:#d89eff;font-size:.5rem;font-weight:400}.mobile-mockup .chat-head .right-side-chat-head{height:10px;margin-bottom:3px;width:fit-content}.mobile-mockup .chat-head:before{background-color:#fff;border-radius:0 0 15px 15px;content:"";height:30px;left:50px;position:absolute;top:-10px;width:130px}.mobile-mockup .chat-window{flex-direction:column;height:100%;justify-content:space-between;padding:10px;width:100%}.mobile-mockup .chat-window .chat-boxes .img-right-chat,.mobile-mockup .chat-window .chat-boxes .promotion-left-chat,.mobile-mockup .chat-window .chat-boxes .text-left-chat,.mobile-mockup .chat-window .chat-boxes .text-right-chat{box-shadow:0 10px 10px -10px #0000001a}.mobile-mockup .chat-window .chat-boxes .text-left-chat,.mobile-mockup .chat-window .chat-boxes .text-right-chat,.mobile-mockup .chat-window .chat-boxes .time-option p{font-size:.493rem;font-weight:500;line-height:.65rem}.mobile-mockup .chat-window .chat-boxes .text-left-chat,.mobile-mockup .chat-window .chat-boxes .text-right-chat{height:fit-content;max-width:128px;padding:8px 8px 6px;width:fit-content}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat,.mobile-mockup .chat-window .chat-boxes .text-left-chat,.mobile-mockup .chat-window .chat-boxes .text-right-chat{border-radius:10px;margin-bottom:8px}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat,.mobile-mockup .chat-window .chat-boxes .text-left-chat{border-bottom-left-radius:4px;float:left}.mobile-mockup .chat-window .chat-boxes .img-right-chat,.mobile-mockup .chat-window .chat-boxes .text-right-chat{float:right}.mobile-mockup .chat-window .chat-boxes .text-left-chat{background-color:#e9e1f1;color:#9241c8}.mobile-mockup .chat-window .chat-boxes :nth-child(6){margin-top:8px}.mobile-mockup .chat-window .chat-boxes .img-right-chat{justify-content:space-between;margin-bottom:8px;margin-top:8px;width:136px}.mobile-mockup .chat-window .chat-boxes .img-right-chat img{border-radius:10px;height:fit-content;width:40px}.mobile-mockup .chat-window .chat-boxes .text-right-chat{background-color:#fff;border-bottom-right-radius:4px;color:#6e5d7e}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat{background-image:linear-gradient(90deg,#e942ff 10%,#8838ff 90%);height:fit-content;justify-content:space-between;padding:8px 17px 8px 8px;width:160px}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat .time-option{color:#e570ff}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat .time-option .radio-button{size:.5rem;margin-right:8px}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat .time-option p{color:#f5f3f7;margin-top:2px}.mobile-mockup .chat-window .chat-boxes .promotion-left-chat .promotion-price{color:#fff;font-size:.85rem}.mobile-mockup .chat-window .text-input-section{background-color:#fff;border:none;border-radius:40px;height:35px;justify-content:space-between;padding:5px 5px 5px 18px;width:100%}.mobile-mockup .chat-window .text-input-section input{border:none;font-size:.5rem;height:100%;width:auto}.mobile-mockup .chat-window .text-input-section input::placeholder{color:#c6cacd}.mobile-mockup .chat-window .text-input-section .submit-button{height:100%;width:fit-content}
/*# sourceMappingURL=main.19fb4aa0.css.map*/