body{background-color:#f4f3f5;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Source Sans Pro,sans-serif;color:#4a3c51}h1,h2,h3{font-family:Montserrat,sans-serif}img{vertical-align:top}::-webkit-scrollbar{display:none}.Form{padding:30px 20px 100px;display:flex;justify-content:center;flex-direction:column;font-family:Source Sans Pro,sans-serif;background-color:#f4f3f5}.Form label{color:#9c95a0}.Form input{width:100%;height:40px;display:block;border-radius:10px;outline:none;border:1px solid rgb(190,190,190);margin-bottom:1.5em;box-sizing:border-box}.Form .Input__container:nth-of-type(2){position:relative}.Form input[type=password],.Form input[name=phone]{margin-block-end:0}.Form .prevention-message{font-size:.75rem;line-height:.7}.Form .prevention-message--margin-bottom{display:inline-block;margin-block-end:1.5em}.Form .Input__character-limit{position:absolute;right:0;font-size:.75rem}.Form button{width:130px;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;justify-content:flex-end;transition:transform .3s ease-out,filter .3s ease-out}.Form button:hover{cursor:pointer;filter:drop-shadow(0px 4px 4px rgba(178,225,1,.2));transform:scale(1.06)}.Form button:focus{transform:scale(.94)}.Form .Center{display:block;margin:0 auto}.Form textarea{width:100%;height:40px;display:block;border-radius:10px;outline:none;border:1px solid rgb(190,190,190);margin-bottom:1.5em;box-sizing:border-box;padding-inline-start:15px;height:90px}.Form h2{margin-bottom:1.5em;text-align:center;font-family:Montserrat,sans-serif}.Form select{border-radius:10px;outline:none;margin-bottom:1.5em;display:block;padding:.6em 1.4em .5em .8em;width:100%;height:44px;box-sizing:border-box;border:1px solid #aaa;background-color:#fff}.Form .Preview__button{border:none;background:none;outline:none;text-decoration:underline;font-family:Source Sans Pro,sans-serif;font-size:16px;text-align:center;margin-bottom:2em;font-weight:700}.Form .Preview__button:hover{cursor:pointer;text-decoration:underline}.Form .Form__form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Form .Form__stepper{margin-bottom:1.5em}.Form .Account__confirmation{text-align:center}.Form .Account__confirmation .Account__confirmation--link{font-weight:700;text-decoration:underline;margin-left:5px}.Upload-image__container{width:100%;display:flex;justify-content:center;flex-direction:column;margin-bottom:1em}.Upload-image__container img{width:20em;height:20em;margin:0 auto}.Upload-image__container .Upload__photo-button{border:none}.Stepper__container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.Stepper__container button{border:none;background:none;outline:none;text-decoration:underline;font-family:Source Sans Pro,sans-serif;font-size:16px;color:#d3cfd4}.Stepper__container button:hover{cursor:pointer;text-decoration:underline}.Back-next__buttons{width:100%;display:flex;justify-content:space-between}.Back-next__buttons .Back__button{border:none;outline:none;text-decoration:underline;font-family:Source Sans Pro,sans-serif;font-size:16px;text-align:left;font-weight:700;background:none}.Back-next__buttons .Next__button{width:130px;height:52px;margin-inline-start:auto;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;justify-content:flex-end;font-family:Source Sans Pro,sans-serif;font-size:16px}.Reset-height{height:initial}@media screen and (min-width: 769px){.Form{align-items:center;max-width:690px;margin:50px auto 100px;padding:40px 0;border-radius:15px;background-color:#fff}.Form .White{width:390px}.Form .Long{margin:3em 0}}.HeaderLight{display:flex;align-items:center;justify-content:space-around;height:60px;width:100%;background-color:#a17dbc}.HeaderLight__logoContainer{margin:0}.HeaderLight ul{display:flex}.HeaderLight li{border-radius:.4em;list-style:none;margin:.7em;padding:1em}.HeaderLight__Menu{bottom:0;position:relative}.HeaderLight__Menu--Upload{background-color:#b2e101}.HeaderLight__Menu .icon{font-size:1.3em}.HeaderLight__Menu span{margin:.3em}@media screen and (max-width: 769px){.Header__Menu{background-color:#f4f3f5;bottom:0;font-size:1.2em;justify-content:space-around;margin:0;position:fixed;width:100%;z-index:3}.Header__Menu--Item{display:flex;justify-content:center;align-items:center;flex-direction:column}}.Toastify__toast-container{z-index:9999;-webkit-transform:translate3d(0,0,9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:#ffffffb3;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}.MyClothes{max-width:1000px;margin:0 auto 100px;padding:30px 20px 0}.MyClothes__Profile{position:relative;display:flex;align-items:center;max-width:320px;margin:0 auto}.MyClothes__Profile--Config{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:36px;height:36px;border-radius:50%;font-size:1.5em;font-weight:700;text-align:center;box-shadow:0 4px 4px #d3cfd466;background-color:#fff}.MyClothes__Profile--Config .icon{color:#b2e101;font-size:1em}.MyClothes__Profile--Info{display:flex;flex-direction:column}.MyClothes__Profile--Info-Name{margin-block-end:10px;font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem}.MyClothes__Profile--Info-Number{margin-block-end:10px}.MyClothes__Profile--Image{margin-inline-end:20px;border-radius:50%}.MyClothes__Clothes{display:flex;flex-direction:column}.MyClothes__Clothes h1{margin:40px 0 30px;font-size:1.5rem}.MyClothes__Clothes-List{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.MyClothes__Clothes-List-Items{border-radius:10px;overflow:hidden}.MyClothes__Clothes-List-Items figure{max-width:100%;height:100%;max-height:320px;margin:0}.MyClothes__Clothes-List-Items figure img{width:100%;height:inherit;object-fit:cover}@media screen and (min-width: 768px){.MyClothes{padding:50px 20px 0}.MyClothes__Profile{max-width:590px}.MyClothes__Profile--Image{width:190px;height:190px;object-fit:fill;margin-inline-end:40px}.MyClothes__Profile--Info-Name{margin-block-end:10px;font-size:2rem}.MyClothes__Profile--Info-Number{font-size:2rem}.MyClothes__Profile--Info-Count{font-size:1.5rem}.MyClothes__Profile--Config{width:55px;height:55px}.MyClothes__Profile--Config .icon{font-size:1.3em}.MyClothes__Clothes h1{margin:70px 0 40px;font-size:2.5rem}}.Header{align-items:center;background-color:#a17dbc;display:flex;height:60px;justify-content:space-around;width:100%}.Header__logoContainer{margin:0}.Header ul{display:flex}.Header li{border-radius:.4em;list-style:none;padding:.6em}.Header__Menu{bottom:0;padding:0;position:relative}.Header__Menu--Item:hover{border-bottom:3px solid #b2e101}.Header__Menu--Upload{background-color:#b2e101}.Header__Menu .icon{font-size:1.3em}.Header__Menu span{margin:.3em}@media screen and (max-width: 769px){.Header__Menu{background-color:#f4f3f5;bottom:0;font-size:1.2em;justify-content:space-around;margin:0;position:fixed;width:100%;z-index:6}.Header__Menu--Item{display:flex;justify-content:center;align-items:center;flex-direction:column}}.FullCard{border:1px solid #f4f3f5;border-radius:1em;padding:30px 20px 100px}.FullCard__Info{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;padding:20px;border-radius:.7em;background-color:#fff;box-shadow:0 4px 4px #d3cfd466}.FullCard__Info__Header{align-items:center;display:flex;margin:0 0 20px;justify-content:flex-end}.FullCard__Info__Header--Pic{height:2em;margin:0 1em}.FullCard__Info__Header--Title{display:flex;align-items:center}.FullCard__Info__Header button{border:none;background-color:transparent}.FullCard__Info__Header button:focus{outline:none}.FullCard__Info__Header .options{font-size:2em}.FullCard__Info__Header .delete{margin-inline-end:40px;color:#cc0e0e}.FullCard__Info__Header .edit{color:#b2e101}.FullCard__Info__Name{margin:20px 0 10px;font-weight:700;font-family:Montserrat,sans-serif;text-transform:uppercase}.FullCard__Info__Img{margin:0 auto;position:relative}.FullCard__Info__Img__Image{border-radius:.7em;max-width:100%}.FullCard__Info__Img .faMars{color:#6fd9d9}.FullCard__Info__Img .faVenus{color:#eb6283}.FullCard__Info__Img__Gender{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:40px;height:40px;border-radius:50%;color:#4a3c51;font-size:1.5em;font-weight:700;text-align:center;background-color:#fff}.FullCard__Info__Img__Size{position:absolute;right:10px;border-radius:.3em;display:flex;align-items:center;padding:.3em;justify-content:center;flex-direction:column;height:1.5em;background-color:#fff;bottom:10px;color:#4a3c51;font-weight:700;font-size:1em}.FullCard__Details{align-items:center;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:30px;grid-column-gap:10px}.FullCard__Details--item{display:flex;flex-direction:column;justify-content:center}.FullCard__Details--item-title{margin:0;color:#d3cfd4;font-size:.75em}.FullCard__Details--item-text{margin:0}.FullCard__Details .small{font-size:1.6em}@media screen and (min-width: 768px){.FullCard{display:flex;align-items:center;justify-content:center;margin-top:10em}.FullCard__Info{max-width:1300px;display:flex;flex-direction:row;padding:1.5em}.FullCard__Info .FullCard__imag-wrapper{width:55%}.FullCard__Info__Img__Gender{top:20px;right:20px}.FullCard__Info__Img__Size{right:20px;bottom:20px}.FullCard__Info__Header{position:absolute;margin:auto;right:30px;top:30px}.FullCard__Info__Name{margin:0 0 20px;font-size:2rem}.FullCard__Info__Desc{margin-block-end:40px}.FullCard__Info__Desc p{margin:0;font-size:1.5rem}.FullCard__Info-wrapper{display:flex;justify-content:flex-start;flex-direction:column;width:45%;padding:40px 30px 0}.FullCard__Info .FullCard__Details--item-text{padding:0}.FullCard__Details--item-title{font-size:1rem}.FullCard__Details--item-text{font-size:1.5rem}}.Card{max-width:550px;margin:0 auto 20px;padding:0 20px 40px;border:1px solid #f4f3f5;border-radius:1em}.Card__Info{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;padding:20px;border-radius:.7em;box-shadow:0 4px 4px #d3cfd466;background-color:#fff}.Card__Info__Header{display:flex;align-items:center}.Card__Info__Header--Pic{height:2em;margin:0 1em}.Card__Info__Header--name{font-size:1rem;font-weight:700;margin-block-end:20px}.Card__Info__Name{font-weight:700;margin:1.5em;text-transform:uppercase}.Card__Info__Desc{margin:15px 0 0}.Card__Info__Desc--Info{margin:0;font-size:1rem}.Card__Info__Img{position:relative;margin:0 auto}.Card__Info__Img .center{position:absolute;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.Card__Info__Img .center .left,.Card__Info__Img .center .right{height:100%;outline:none}.Card__Info__Img__Image{width:100%;border-radius:10px;object-fit:cover}.Card__Info__Img .faMars{color:#6fd9d9}.Card__Info__Img .faVenus{color:#eb6283}.Card__Info__Img__Gender{position:absolute;top:.5em;right:.2em;display:flex;align-items:center;flex-direction:column;justify-content:center;height:30px;width:30px;background-color:#fff;border-radius:50%;font-size:1.5em;font-weight:700;text-align:center}.Card__Info__Img__Size{align-items:center;background-color:#fff;bottom:.5em;border-radius:.3em;color:#4a3c51;display:flex;flex-direction:column;font-weight:700;font-size:1em;height:1.5em;justify-content:center;position:absolute;right:.2em;padding:.3em}.Card__Info__Img .ChevronLeft{color:#9c95a0;left:.1em;top:50%;transform:translateY(-50%);align-items:center;background-color:#fff;border-radius:50%;display:flex;font-size:2em;flex-direction:column;font-weight:700;justify-content:center;position:absolute;height:40px;text-align:center;width:40px;z-index:5}.Card__Info__Img .ChevronRight{color:#9c95a0;right:.1em;top:50%;transform:translateY(-50%);align-items:center;background-color:#fff;border-radius:50%;display:flex;font-size:2em;flex-direction:column;font-weight:700;justify-content:center;position:absolute;height:40px;text-align:center;width:40px;z-index:5}.Card__Actions{display:flex;align-items:center;justify-content:center;margin-block-start:30px}.Card__Actions .icon{width:30px;height:30px;padding:2em;border-radius:50%;font-size:10px;background-color:#fff;box-shadow:0 4px 4px #d3cfd466}.Card__Actions .small{margin:0 40px;padding:2.2em;font-size:5px}.Card__Actions .faTimes{color:red}.Card__Actions .faBolt{color:#a17dbc}.Card__Actions .faHeart{color:#b2e101}@media screen and (min-width: 768px){.Card{margin:20px auto 40px}.Card .Card__Info{padding:30px}.Card .Card__Info__Header--name,.Card .Card__Info__Desc--Info{font-size:1.5rem}.Card__Actions .icon{width:40px;height:40px;padding:2em}.Card__Actions .small{margin:0 60px}}.Category{display:flex;justify-content:flex-start;flex-wrap:wrap;justify-content:center;width:90%;padding:.5em;margin:20px auto;color:#4a3c51;overflow-x:scroll}.Category .Category-item{display:flex;justify-content:center;align-items:center;margin:10px;height:40px;padding:0 10px;border-radius:.3em;font-size:1.5em;cursor:pointer;background-color:#fff;box-shadow:0 4px 4px #d3cfd466}.Category .Category-item:first-child{margin-inline-start:0}.Category .Category-item__imageContainer{width:25px;height:25px;border-radius:5px;background-color:#f4f3f5}.Category .Category-item__name{margin:0 .5em;-webkit-user-select:none;user-select:none;font-size:.75rem}.Category::-webkit-scrollbar{display:block;width:10px}.Category::-webkit-scrollbar-track{background-color:#d3cfd4;border-radius:10px}.Category::-webkit-scrollbar-thumb{border-radius:10px;background-color:#9c95a0}@media screen and (min-width: 768px){.Category{width:700px}.Category .Category-item{height:70px;padding:0 20px}.Category .Category-item__name{font-size:1.5rem}}.Hero{padding:30px 20px 0;font-size:1.5rem}.Hero__circle{display:none}.Hero__title{margin:0;font-size:1.5rem}.Hero__imageContainer{display:none}@media screen and (min-width: 768px){.Hero{height:300px;padding:0 30px;overflow:hidden;font-size:2.5rem;background:#b38dc9;background:linear-gradient(93deg,#b38dc9,#c7a0da);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b38dc9",endColorstr="#c7a0da",GradientType=1)}.Hero>div{position:relative;max-width:1000px;height:inherit;margin:0 auto}.Hero__circle{position:absolute;top:-90%;left:2%;display:block;width:400px;height:400px;border:1px solid #ddc8ed;border-radius:50%}.Hero__title{position:absolute;top:80px;left:40px;z-index:2;font-size:2.5rem}.Hero__imageContainer{position:absolute;right:0;bottom:0;display:block;margin:0}.Hero__image{max-width:100%}}.NoChats{max-width:390px;margin:40px auto 0;text-align:center}.NoChats__imageContainer{width:120px;margin:0 auto}.NoChats__title{margin:40px 0 10px;font-size:1rem}.NoChats__description{margin:0;font-size:1rem}.NoChats__button{display:inline-block;width:130px;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;justify-content:flex-end;width:100%;margin-block-start:30px;cursor:pointer;line-height:52px;transition:transform .3s ease-out,filter .3s ease-out}.NoChats__button:hover{filter:drop-shadow(0px 4px 4px rgba(178,225,1,.2));transform:scale(1.06)}.NoChats__button:focus{transform:scale(.94)}@media screen and (min-width: 768px){.NoChats__imageContainer{width:195px}.NoChats__image{width:100%}.NoChats__title{margin:40px 0 20px;font-size:1.5rem}.NoChats__description{font-size:1.5rem}.NoChats__button{margin-block-start:40px;font-size:1.25rem}}.Message{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-block-end:10px;padding:10px 15px;background:#fff;box-shadow:0 4px 4px #d3cfd466;border-radius:10px}.Message:last-child{margin-block-end:0}.Message div:first-child{display:flex}.Message div:first-child>div{display:flex;flex-direction:column;justify-content:center}.Message__image{width:75px;height:75px;margin-inline-end:10px;border-radius:5px;object-fit:cover}.Message__user{margin:0;margin-block-end:10px;font-size:1rem}.Message__garment{font-size:.75rem}.Message div:nth-of-type(2){position:absolute;bottom:10px;right:20px}.Message__delete{width:25px;height:25px;margin-inline-end:20px;border:none;padding:0;font-size:1.5em;background-color:transparent}.Message__delete .faTrash{color:#cc0e0e}.Message__chat{display:inline-block;width:25px;height:25px;font-size:1.5em}.Message__chat .faCommentAlt{color:#b2e101}@media screen and (min-width: 480px){.Message{justify-content:space-between}.Message div:nth-of-type(2){position:initial}.Message__user{font-size:1.3rem}.Message__garment{font-size:1rem}}@media screen and (min-width: 768px){.Message{padding:20px}.Message__image{width:100px;height:100px;margin-inline-end:20px}.Message__user{font-size:1.5rem}.Message__delete{width:25px;height:25px;margin-inline-end:30px}}.ListOfMessages{max-width:550px;padding:0 20px;margin:0 auto 120px}@media screen and (min-width: 768px){.ListOfMessages{margin:50px auto 100px}}.Upload__Image{display:flex;justify-content:center;align-items:center;flex-direction:column}.Upload__Image input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;cursor:pointer}.Upload__Image span{display:inline-block}.Upload__Image span:first-child{margin-block-end:10px}.Upload__Image span:nth-of-type(2){margin-block-start:10px}.Upload__Image label{border-radius:10px;cursor:pointer}.Upload__Image label div{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.Upload__Image input+label{width:46px;height:61px;font-size:1.25em;font-weight:700;background-color:#fff;display:inline-block;border:1px dashed #9c95a0}.Upload__Image input:hover+label,.Upload__Image input:focus+label:hover{background-color:#b2e101}.Upload__Image .Upload__image-button{margin:10px 0 30px;width:130px;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;justify-content:flex-end}.Confirm{display:grid;grid-gap:1.5em;max-width:690px;margin:30px auto 0;padding:0 20px 100px}.Confirm__Card{display:grid;grid-template:repeat(5,auto)/repeat(2,1fr);grid-template-areas:"garment gender" "brand category" "size state" "city color" "description description";padding:20px;border-radius:10px;box-shadow:0 4px 4px #d3cfd466;background-color:#fff}.Confirm__Card__Item.garment{grid-area:garment}.Confirm__Card__Item.category{grid-area:category}.Confirm__Card__Item.description{grid-area:description}.Confirm__Card__Item.size{grid-area:size}.Confirm__Card__Item.gender{grid-area:gender}.Confirm__Card__Item.state{grid-area:state}.Confirm__Card__Item.brand{grid-area:brand}.Confirm__Card__Item.color{grid-area:color}.Confirm__Card__Item.city{grid-area:city}.Confirm__Card__Item--title{font-weight:700}.Confirm__Card__Item--image{height:5em}.Confirm .user-information{grid-template-columns:repeat(2,1fr);grid-template-areas:"profile-picture profile-picture" "name phone"}.Confirm .user-information .profile-picture{grid-area:profile-picture;text-align:center}.Confirm .user-information .profile-picture .Confirm__Card__Item--image{border-radius:50%}.Confirm .user-information .name{grid-area:name}.Confirm .user-information .phone{grid-area:phone}.Confirm__Actions{width:100%;justify-content:space-between;display:flex;justify-content:center;width:80%;margin:0 auto;padding:1em}.Confirm__Actions .Back__button{border:none;outline:none;text-decoration:underline;font-family:Source Sans Pro,sans-serif;font-size:16px;text-align:left;font-weight:700;background:none}.Confirm__Actions .Next__button{width:130px;height:52px;margin-inline-start:auto;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;justify-content:flex-end;font-family:Source Sans Pro,sans-serif;font-size:16px}.Confirm button{width:130px;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;justify-content:flex-end;margin:0 .3em}.Confirm button:hover{cursor:pointer;filter:drop-shadow(0px 4px 4px rgba(178,225,1,.2));transform:scale(1.06)}.Confirm button:focus{transform:scale(.94)}@media screen and (min-width: 768px){.Confirm{margin:50px auto 100px}}.NotFoundPage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#c7a0da}.NotFoundPage .NotFound{max-width:390px;text-align:center}.NotFoundPage .NotFound__imageContainer{margin:0}.NotFoundPage .NotFound__title{margin:40px 0 10px;font-size:1.5rem}.NotFoundPage .NotFound__description{margin:0;font-size:1rem}.NotFoundPage .NotFound__button{display:inline-block;width:130px;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;justify-content:flex-end;width:100%;margin-block-start:30px;cursor:pointer;line-height:52px;transition:transform .3s ease-out,filter .3s ease-out}.NotFoundPage .NotFound__button:hover{filter:drop-shadow(0px 4px 4px rgba(178,225,1,.2));transform:scale(1.06)}.NotFoundPage .NotFound__button:focus{transform:scale(.94)}@media screen and (min-width: 768px){.NotFoundPage .NotFound__imageContainer,.NotFoundPage .NotFound__image{width:100%}.NotFoundPage .NotFound__title{margin:40px 0 20px;font-size:2.5rem}.NotFoundPage .NotFound__description{font-size:1.5rem}.NotFoundPage .NotFound__button{margin-block-start:40px;font-size:1.25rem}}.ProfilePersonal{margin-block-end:100px;padding:0 20px 40px}.ProfilePersonal>div{text-align:center}.ProfilePersonal__edit-photo{font-weight:700;text-decoration:underline}.ProfilePersonal form{margin-block-start:40px;padding-block-end:50px;border-block-end:1px solid #d3cfd4}.ProfilePersonal__change-password>input{display:none;visibility:hidden}.ProfilePersonal__change-password>input:checked~.expand{height:200px;visibility:visible;opacity:1;transition:height .3s ease-out,visibility .7s ease-out,opacity .7s ease-out}.ProfilePersonal__change-password>label{display:inline-block;margin-block-end:30px;color:#4a3c51;font-weight:700;text-decoration:underline}.ProfilePersonal__change-password .expand{height:0;visibility:hidden;opacity:0;transition:height .3s ease-out,visibility .2s ease-out,opacity .2s ease-out}.ProfilePersonal__button{width:100%;padding:15px 0;outline:none;border:none;border-radius:10px;font-weight:700;font-size:16px;background-color:#b2e101}.Input__container{width:100%;font-size:16px}.Input__container label{color:#9c95a0}.Input__container input{margin-block-start:10px;margin-block-end:1.5em;padding-inline-start:15px;width:100%;height:40px;display:block;border-radius:10px;outline:none;border:1px solid rgb(190,190,190);margin-bottom:1.5em;box-sizing:border-box}.Input__container .phone{padding:0 1em;font-weight:700}.logged-options{padding-block-start:50px}.logged-options a{font-weight:700}.logged-options a.logged-options__logout{color:#cc0e0e}.logged-options__logout{display:block;margin-block-end:30px;text-decoration:underline}@media screen and (min-width: 768px){.ProfilePersonal{max-width:690px;margin:50px auto 100px;padding:40px 0;background:#fff;box-shadow:0 4px 4px #d3cfd466;border-radius:10px}.ProfilePersonal>div{margin-block-end:40px}.ProfilePersonal form{max-width:390px;margin:0 auto}}button{cursor:pointer}a{text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer}a:visited,a:hover,a:active,a:link{color:#4a3c51}.SignIn{display:flex;justify-content:space-around;align-items:center;height:calc(100vh - 60px);margin:0 auto;padding:0 .5em}.SignIn--img{display:none}.SignIn .SignIn__container{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#4a3c51;font-family:Source Sans Pro,sans-serif}.SignIn .SignIn__container .SignIn__description-text{margin:0 20px;text-align:center}.SignIn .SignIn__container .SignIn__description-text p{margin-bottom:3em;font-size:20px;padding:0 1em}.SignIn .SignIn__container .SignIn__description-text h2{margin-bottom:1.5em}.SignIn .SignIn__container .SignIn__Form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.SignIn .SignIn__container .SignIn__Form .Input__container{width:80%;font-size:16px}.SignIn .SignIn__container .SignIn__Form .Input__container label{color:#9c95a0}.SignIn .SignIn__container .SignIn__Form .Input__container input{width:100%;height:40px;display:block;border-radius:10px;outline:none;border:1px solid rgb(190,190,190);margin-bottom:1.5em}.SignIn .SignIn__container .SignIn__Form button{width:80%;height:52px;background-color:#fff;outline:none;border:none;border-radius:10px;background-color:#b2e101;font-weight:700;font-size:16px;transition:transform .3s ease-out,filter .3s ease-out}.SignIn .SignIn__container .SignIn__Form button:hover{cursor:pointer;filter:drop-shadow(0px 4px 4px rgba(178,225,1,.2));transform:scale(1.06)}.SignIn .SignIn__container .SignIn__Form button:focus{transform:scale(.94)}.SignIn .SignIn__container .Account__confirmation--link{margin:5px;font-weight:700;color:#000}.SignIn .SignIn__container .Account__confirmation--link:hover{cursor:pointer;text-decoration:underline}@media screen and (min-width: 769px){.SignIn{max-width:1200px}.SignIn--img{display:block;max-width:45%;padding-inline-end:5%}.SignIn--img img{max-width:100%}.SignIn__container{max-width:45%;padding-inline-start:5%;border-inline-start:1px solid #d3cfd4}}
