@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,800;0,900;1,700&display=swap";.Navbar{display:flex;height:10rem;width:100vw;background-color:#000;position:fixed;z-index:10;overflow-x:hidden}.Navbar.active{transition:.5s all ease-in-out;background-color:#303662e6;border-bottom:1px solid rgba(126,126,126,.9)}.Navbar .Navbar__container{display:flex;flex-direction:row;justify-content:space-between;width:90%;margin:0 auto;height:100%}.Navbar .Navbar__container .Navbar__logo{height:100%;display:flex;align-items:center;justify-content:center}.Navbar .Navbar__container .Navbar__logo img{height:8rem}.Navbar .Navbar__container .Navbar__menu{display:flex;width:max-content}.Navbar .Navbar__container .Navbar__menu ul{display:flex;align-items:center;justify-content:center;gap:2.5rem}.Navbar .Navbar__container .Navbar__menu ul h2{font-size:1.5rem;font-weight:500;color:var(--primary-color);cursor:pointer}.Navbar .Navbar__container .Navbar__menu ul button{background-color:var(--primary-color);color:#000;padding:.2rem .5rem;border:none;border-radius:5px;font-size:1.4rem;width:100px;font-weight:600;cursor:pointer}@media screen and (max-width: 480px){.Navbar{position:fixed;bottom:0px;height:4rem;background-color:#fff}.Navbar .Navbar__container{display:none}.Navbar .Navbar__container-mobile{display:flex;width:100vw;align-items:center;justify-content:space-around;background-color:var(--secondary-color);border-top:1px solid rgba(255,255,255,.9)}.Navbar .Navbar__container-mobile .Navbar__menu{width:100%}.Navbar .Navbar__container-mobile .Navbar__menu ul{width:100%;display:flex;align-items:center;justify-content:space-around}.Navbar .Navbar__container-mobile .Navbar__menu ul svg{color:var(--primary-color);font-size:2rem}}.Footer{width:100%;overflow-x:hidden}.Footer .Footer__container{border-top:1px solid rgba(0,0,0,.5);background-color:#f5f5f5;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:4rem}.Footer .Footer__container .Footer__container-info{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%}.Footer .Footer__container .Footer__container-info .Footer__container-info-social,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact{display:flex;flex-direction:column;align-items:center;gap:1rem}.Footer .Footer__container .Footer__container-info .Footer__container-info-social h3,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact h3{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--primary-color)}.Footer .Footer__container .Footer__container-info .Footer__container-info-social .Footer__info,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact .Footer__info{display:flex;flex-direction:row;align-items:flex-start;justify-content:start;width:24rem;padding-left:4rem;gap:1rem}.Footer .Footer__container .Footer__container-info .Footer__container-info-social .Footer__info svg,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact .Footer__info svg{width:30px;height:30px;margin:0 10px;color:var(--secondary-color)}.Footer .Footer__container .Footer__container-credits{margin-top:2rem;padding-bottom:2rem}.Footer .Footer__container .Footer__container-credits p{font-weight:700;color:var(--secondary-color)}@media screen and (max-width: 480px){.Footer .Footer__container{padding:0;padding-top:2rem}.Footer .Footer__container .Footer__container-info{flex-direction:column;justify-content:center;text-align:center;align-items:center}.Footer .Footer__container .Footer__container-info .Footer__container-info-social,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact{padding:0;margin:0;width:100%;gap:.5rem}.Footer .Footer__container .Footer__container-info .Footer__container-info-social .Footer__info,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact .Footer__info{padding:0;align-items:center;gap:.25rem;flex-direction:column}.Footer .Footer__container .Footer__container-info .Footer__container-info-social .Footer__info h3,.Footer .Footer__container .Footer__container-info .Footer__container-info-contact .Footer__info h3{font-size:2rem}.Footer .Footer__container .Footer__container-credits{width:90%;margin-bottom:5rem;text-align:center}}.Qrscanner{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;gap:1rem}.Qrscanner button{border:none;padding:5px 10px;color:var(--secondary-color);font-weight:500;font-size:1.5rem;background-color:var(--primary-color);cursor:pointer;border-radius:4px;width:140px}.Qrscanner select{width:max-content;padding:1px;font-size:1rem;border:1px solid var(--secondary-color);border-radius:5px;outline:none;cursor:pointer}.Qrscanner select option{font-size:1rem}.Home{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.Home .Home__container{width:100%;margin:0 auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Home .Home__container .Home__container-hero{background-color:#f5f5f5;display:flex;height:90vh}.Home .Home__container .Home__container-hero .container-info{flex:2;padding-left:10rem;display:flex;flex-direction:column;justify-content:center}.Home .Home__container .Home__container-hero .container-info img{align-self:flex-start;width:20rem}.Home .Home__container .Home__container-hero .container-info p{width:90%;font-size:2.3rem;font-weight:600;color:var(--color-text);line-height:4.8rem}.Home .Home__container .Home__container-hero .container-info p span{font-weight:600;font-size:2.4rem;color:var(--primary-color)}.Home .Home__container .Home__container-hero .container-info button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:5px;background-color:var(--primary-color);color:#000;font-size:1.5rem;font-weight:600;letter-spacing:5px;text-transform:capitalize;cursor:pointer;width:200px;min-height:60px}.Home .Home__container .Home__container-hero .container-info button:hover{color:#fff;transition:.5s all ease-in-out;background-color:var(--secondary-color)}.Home .Home__container .Home__container-hero .Hero__img{flex:2;display:flex;align-items:center;justify-content:start}.Home .Home__container .Home__container-hero .Hero__img img{width:70%;margin-bottom:2rem;object-fit:cover}.Home .Home__container .Home__container-service{height:90vh;width:100%;background-color:var(--secondary-color);border-top:1px solid var(--secondary-color);border-bottom:1px solid var(--secondary-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.Home .Home__container .Home__container-service h2{font-size:3.5rem;font-weight:600;color:#fff}.Home .Home__container .Home__container-service .container-service{margin-top:4rem;display:flex;gap:4rem;align-items:center;justify-content:center}.Home .Home__container .Home__container-service .container-service .service-card{padding:2rem;border:1px solid var(--primary-color);display:flex;align-items:center;justify-content:center;gap:2rem;flex-direction:column;width:300px;height:400px;border-radius:10px;box-shadow:0 0 10px #00000080;cursor:pointer}.Home .Home__container .Home__container-service .container-service .service-card svg{color:#fff}.Home .Home__container .Home__container-service .container-service .service-card h3{font-size:2.5rem;font-weight:500;color:#fff}.Home .Home__container .Home__container-service .container-service .service-card p{text-align:center;font-size:1.2rem;color:#fff}@media screen and (max-width: 480px){.Home{padding-top:0rem;position:relative}.Home .Home__container{padding:0;margin:0}.Home .Home__container .Home__container-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding-bottom:3rem}.Home .Home__container .Home__container-hero .container-info{padding:0;align-items:center;justify-content:center}.Home .Home__container .Home__container-hero .container-info img{width:10rem;align-self:center}.Home .Home__container .Home__container-hero .container-info p{width:90%;font-size:1.5rem;line-height:2.8rem;text-align:center}.Home .Home__container .Home__container-hero .container-info p span{font-size:1.6rem}.Home .Home__container .Home__container-hero .container-info button{padding:.25rem .5rem;font-size:1.2rem;font-weight:600;letter-spacing:2px;text-transform:capitalize;cursor:pointer;width:150px;min-height:45px}.Home .Home__container .Home__container-hero .Hero__img{display:none}.Home .Home__container .Home__container-service{padding-top:2rem;height:max-content}.Home .Home__container .Home__container-service h2{margin-bottom:1rem}.Home .Home__container .Home__container-service .container-service{margin-top:0;gap:2rem;flex-direction:column;height:max-content;margin-bottom:1rem;padding-bottom:1rem}}.service-card:hover{transition:.5s all ease-in-out;transform:translateY(-15px);background-color:var(--primary-color);color:var(--secondary-color)}.Login{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.Login .Login__container{width:100%;margin:0 auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Login .Login__container form{width:360px;padding:100px 0;display:flex;flex-direction:column;gap:20px;min-height:30rem}.Login .Login__container form h1{text-align:center;color:var(--secondary-color);margin-bottom:20px}.Login .Login__container form label{color:var(--secondary-color);font-size:18px}.Login .Login__container form input{padding:20px;border:1px solid rgb(216,214,214)}.Login .Login__container form input:focus{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.Login .Login__container form button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:var(--primary-color);cursor:pointer}.Login .Login__container form span{color:red;font-size:12px}.Login .Login__container form .error{color:red;font-size:16px;text-align:center}@media screen and (max-width: 480px){.Login .Login__container{padding-top:0rem}.Login .Login__container form{padding:50px 0;display:flex;width:90%;gap:2rem}}.Register{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.Register .Register__container{width:100%;margin:0 auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Register .Register__container form{width:960px;padding:100px 0;display:flex;gap:120px}.Register .Register__container form h1{color:var(--secondary-color);text-align:center;margin-bottom:20px}.Register .Register__container form .left,.Register .Register__container form .right{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.Register .Register__container form .left label,.Register .Register__container form .right label{color:var(--secondary-color);font-size:18px}.Register .Register__container form .left input,.Register .Register__container form .left textarea,.Register .Register__container form .right input,.Register .Register__container form .right textarea{padding:20px;border:1px solid rgb(216,214,214)}.Register .Register__container form .left input:focus,.Register .Register__container form .left textarea:focus,.Register .Register__container form .right input:focus,.Register .Register__container form .right textarea:focus{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.Register .Register__container form .left button,.Register .Register__container form .right button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:var(--primary-color);cursor:pointer}.Register .Register__container form .left .toggle,.Register .Register__container form .right .toggle{display:flex;align-items:center;gap:10px}.Register .Register__container form .left .toggle .switch,.Register .Register__container form .right .toggle .switch{position:relative;display:inline-block;width:50px;height:24px}.Register .Register__container form .left .toggle .switch input,.Register .Register__container form .right .toggle .switch input{opacity:0;width:0;height:0}.Register .Register__container form .left .toggle .slider,.Register .Register__container form .right .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px}.Register .Register__container form .left .toggle .slider:before,.Register .Register__container form .right .toggle .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.Register .Register__container form .left .toggle input:checked+.slider,.Register .Register__container form .right .toggle input:checked+.slider{background-color:var(--primary-color)}.Register .Register__container form .left .toggle input:focus+.slider,.Register .Register__container form .right .toggle input:focus+.slider{box-shadow:0 0 1px var(--secondary-color)}.Register .Register__container form .left .toggle input:checked+.slider:before,.Register .Register__container form .right .toggle input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.Register .Register__container form .left .error,.Register .Register__container form .right .error{color:red;font-size:16px;text-align:center}@media screen and (max-width: 480px){.Register .Register__container{padding-top:0rem}.Register .Register__container form{padding:50px 0;display:flex;flex-direction:column-reverse;width:90%;gap:2rem}}.Mechanic{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.Mechanic .Mechanic__container{width:90%;gap:2rem;margin:2rem auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Mechanic .Mechanic__container .Mechanic__container-addOrder{padding:2rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;position:relative;width:50%}.Mechanic .Mechanic__container .Mechanic__container-addOrder h1{text-align:center;color:var(--secondary-color);margin-bottom:2rem;font-size:2.5rem}.Mechanic .Mechanic__container .Mechanic__showCar{padding:2rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;position:relative;width:100%}.Mechanic .Mechanic__container .Mechanic__showCar h1{text-align:center;color:var(--secondary-color);margin-bottom:2rem;font-size:2.5rem}.Mechanic .Mechanic__container .Mechanic__showCar h4{color:var(--primary-color);text-align:center;font-size:1.5rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--secondary-color);height:100%}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:60%;height:100%}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container h3{text-align:center;font-size:2rem;font-weight:650}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container p{text-align:start;color:var(--primary-color);width:15rem;font-size:1.4rem;font-weight:600}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container span{color:#000;font-weight:500}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder{flex-direction:column;align-items:center;display:flex;justify-content:space-around;width:100%}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder h3{text-align:center;font-size:2rem;font-weight:650;margin-top:1rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form{display:flex;padding:2rem;align-items:center;justify-content:center;flex-direction:row;position:relative;gap:1rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form label{display:flex;flex-direction:column;align-items:center;color:var(--secondary-color);font-size:1.2rem;font-weight:600;width:100%;gap:.1rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form textarea{padding:5px;height:140px;width:600px;border:1px solid rgb(216,214,214)}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form textarea:focus{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form input{padding:5px 10px;width:150px;border:1px solid rgb(216,214,214)}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form input:focus{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form button{border:none;padding:10px 20px;color:var(--secondary-color);font-weight:500;font-size:18px;background-color:var(--primary-color);cursor:pointer;position:absolute;bottom:1rem;right:1rem}.Mechanic .Mechanic__container .Vheicle__orders-container{padding:2rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.Mechanic .Mechanic__container .Vheicle__orders-container h1{text-align:center;color:var(--secondary-color);font-size:2.5rem}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:max-content;padding:2rem;gap:5rem}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card{padding:2rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 10px #0000001a;display:flex;align-items:center;flex-direction:column;justify-content:center;width:30rem;background-color:var(--secondary-color);border-radius:20px}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card h3{width:100%;display:flex;gap:.5rem;flex-direction:row;align-items:center;justify-content:start;font-size:1.3rem;font-weight:600;color:var(--primary-color)}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card h3 p{font-size:1.2rem;font-weight:600;color:#f5f5f5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card span{color:#f5f5f5;padding:5px 25px;border-radius:25px;font-size:1.5rem;align-self:center;font-weight:600}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card svg{margin-right:1rem;font-size:2rem;color:var(--primary-color);align-self:center;margin-top:1rem;cursor:pointer}@media screen and (max-width: 480px){.Mechanic{padding-top:0rem;position:relative}.Mechanic .Mechanic__container{padding:0;margin:0;width:100%}.Mechanic .Mechanic__container .Mechanic__container-addOrder{width:100%}.Mechanic .Mechanic__container .Mechanic__container-addOrder h1,.Mechanic .Mechanic__container .Mechanic__showCar h1{font-size:2rem}.Mechanic .Mechanic__container .Mechanic__showCar h4{font-size:1.5rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info{flex-direction:column;padding:0;margin:0;align-items:center;justify-content:center;border:none}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info{width:100%}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container h3{margin-top:1rem;font-size:1.5rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__info .Mechanic__info-container p{font-size:1.2rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder{flex-direction:column;padding:0;margin:0}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder h3{font-size:1.5rem}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form{flex-direction:column}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form textarea{width:100%;height:200px}.Mechanic .Mechanic__container .Mechanic__showCar .Mechanic__showCar-info .Mechanic__newOrder form button{position:relative;bottom:0;right:0}.Mechanic .Mechanic__container .Vheicle__orders-container{padding:2rem 0rem;margin:0}.Mechanic .Mechanic__container .Vheicle__orders-container h1{font-size:2rem}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__container{gap:.5rem;width:100%;margin:0;padding:1rem}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card{margin:0 auto;padding:10px;width:100%;height:100%}.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card p,.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card p h4,.Mechanic .Mechanic__container .Vheicle__orders-container .Order__card span{font-size:.8rem}}.Client{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.Client .Client__container{width:90%;gap:2rem;margin:2rem auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Client .Client__container .Client__container-addvehicle{padding:2rem 2rem 8rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;position:relative;width:100%}.Client .Client__container .Client__container-addvehicle h1{text-align:center;color:var(--secondary-color);margin-bottom:2rem;font-size:2.5rem}.Client .Client__container .Client__container-addvehicle form{display:flex;align-items:center;justify-content:space-around;width:100%}.Client .Client__container .Client__container-addvehicle form label{display:flex;flex-direction:column;align-items:center;color:var(--secondary-color);font-size:18px}.Client .Client__container .Client__container-addvehicle form input{padding:15px;border:1px solid rgb(216,214,214)}.Client .Client__container .Client__container-addvehicle form input:focus{outline:1px solid var(--primary-color);border:1px solid var(--primary-color)}.Client .Client__container .Client__container-addvehicle form button{border:none;padding:10px 20px;color:var(--secondary-color);font-weight:500;font-size:18px;background-color:var(--primary-color);cursor:pointer;position:absolute;bottom:2rem;right:4rem}.Client .Client__container .Client__container-vehicles{padding:2rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;position:relative;width:100%}.Client .Client__container .Client__container-vehicles h1{text-align:center;color:var(--secondary-color);margin-bottom:2rem;font-size:2.5rem}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center;justify-content:center}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list h2{text-align:center;color:#000;margin-bottom:2rem;font-size:1.8rem}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item{border:1px solid rgba(0,0,0,.1);width:90%;display:flex;align-items:center;gap:2rem;padding:4rem 1rem;position:relative}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item h3{display:flex;flex-direction:row;gap:.5rem;color:var(--primary-color)}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item h3 p{color:#000}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item button{border:none;padding:5px 10px;color:var(--secondary-color);font-weight:500;font-size:18px;background-color:var(--primary-color);cursor:pointer;width:100px;position:absolute;right:15%}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item div{position:absolute;right:2rem}@media screen and (max-width: 480px){.Client{padding-top:0rem;position:relative}.Client .Client__container{padding:0;margin:0;width:100%}.Client .Client__container .Client__container-addvehicle{padding:1rem .5rem}.Client .Client__container .Client__container-addvehicle form{flex-direction:column}.Client .Client__container .Client__container-addvehicle form button{margin-top:1rem;position:static}.Client .Client__container .Client__container-vehicles{padding:1rem .5rem;margin:0}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list{gap:1rem}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item{width:100%;display:flex;flex-direction:column-reverse;gap:.5rem;margin:0;padding:2rem .5rem;height:max-content}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item h3{width:200px;text-align:center}.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item div,.Client .Client__container .Client__container-vehicles .Client__container-vehicles-list .Client__container-vehicles-list-item button{position:static}}.MechanicOrders{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.MechanicOrders .MechanicOrders__container{width:90%;gap:2rem;margin:2rem auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.MechanicOrders .MechanicOrders__container h1{font-size:2.5rem;font-weight:600;color:var(--secondary-color)}.MechanicOrders .MechanicOrders__container h2{font-size:1.5rem;font-weight:600;color:var(--secondary-color);margin-top:2rem}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items{display:flex;align-items:center;flex-direction:column;justify-content:center;padding-bottom:4rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;width:100%}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:2rem;gap:2rem}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters label{margin-right:.5rem;font-size:1.4rem;font-weight:600;color:var(--secodary-color);gap:1rem}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item{padding:2rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 10px #0000001a;display:flex;align-items:center;flex-direction:column;justify-content:center;width:30rem;background-color:var(--secondary-color);border-radius:20px}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item h3{width:100%;display:flex;gap:.5rem;flex-direction:row;align-items:center;justify-content:start;font-size:1.3rem;font-weight:600;color:var(--primary-color)}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item h3 p{font-size:1.2rem;font-weight:600;color:#f5f5f5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item span{color:#f5f5f5;padding:5px 25px;border-radius:25px;font-size:1.5rem;align-self:center;font-weight:600}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item svg{margin-right:1rem;font-size:2rem;color:var(--primary-color);align-self:center;margin-top:1rem;cursor:pointer}@media screen and (max-width: 480px){.MechanicOrders{padding-top:0rem;position:relative}.MechanicOrders .MechanicOrders__container{padding:0;margin:0;width:100%}.MechanicOrders .MechanicOrders__container h1{margin-top:2rem;font-size:2rem;font-weight:600;color:var(--secondary-color)}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters .MechanicOrders__filters-status,.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters .MechanicOrders__filters-date{width:100%;display:flex;flex-direction:column;align-items:center}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters .MechanicOrders__filters-status label,.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__filters .MechanicOrders__filters-date label{width:100%;text-align:center;font-size:1rem}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list{width:100vw;padding:2rem 1rem;margin:0}.MechanicOrders .MechanicOrders__container .MechanicOrders__container-items .MechanicOrders__container-items-list .MechanicOrders__container-items-list-item{gap:.5rem;width:100%;margin:0;padding:1rem}}.ClientOrders{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden}.ClientOrders .ClientOrders__container{width:90%;gap:2rem;margin:2rem auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.ClientOrders .ClientOrders__container h1{font-size:2.5rem;font-weight:600;color:var(--secondary-color)}.ClientOrders .ClientOrders__container h2{font-size:1.5rem;font-weight:600;color:var(--secondary-color);margin-top:2rem}.ClientOrders .ClientOrders__container .ClientOrders__container-items{display:flex;align-items:center;flex-direction:column;justify-content:center;padding-bottom:4rem;border:1px rgba(0,0,0,.1) solid;box-shadow:0 0 10px #0000001a;width:100%}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:2rem;gap:2rem}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters label{margin-right:.5rem;font-size:1.4rem;font-weight:600;color:var(--secodary-color);gap:1rem}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item{padding:2rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 10px #0000001a;display:flex;align-items:center;flex-direction:column;justify-content:center;width:30rem;background-color:var(--secondary-color);border-radius:20px}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item h3{width:100%;display:flex;gap:.5rem;flex-direction:row;align-items:center;justify-content:start;font-size:1.3rem;font-weight:600;color:var(--primary-color)}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item h3 p{font-size:1.2rem;font-weight:600;color:#f5f5f5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item span{color:#f5f5f5;padding:5px 25px;border-radius:25px;font-size:1.5rem;align-self:center;font-weight:600}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item svg{margin-right:1rem;font-size:2rem;color:var(--primary-color);align-self:center;margin-top:1rem;cursor:pointer}@media screen and (max-width: 480px){.ClientOrders{padding-top:0rem;position:relative}.ClientOrders .ClientOrders__container{padding:0;margin:0;width:100%}.ClientOrders .ClientOrders__container h1{margin-top:2rem;font-size:2rem;font-weight:600;color:var(--secondary-color)}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters .ClientOrders__filters-status,.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters .ClientOrders__filters-date{width:100%;display:flex;flex-direction:column;align-items:center}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters .ClientOrders__filters-status label,.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__filters .ClientOrders__filters-date label{width:100%;text-align:center;font-size:1rem}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list{width:100vw;padding:2rem 1rem;margin:0}.ClientOrders .ClientOrders__container .ClientOrders__container-items .ClientOrders__container-items-list .ClientOrders__container-items-list-item{gap:.5rem;width:100%;margin:0;padding:1rem}}.ClientOrder{width:100%;min-height:50vh;background-color:#f5f5f5;overflow-x:hidden}.ClientOrder .ClientOrder__container{width:90%;gap:2rem;margin:12rem auto;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(0,0,0,.1);height:max-content}.ClientOrder .ClientOrder__container h1{font-size:2.5rem;font-weight:600;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;width:100%}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client{flex:1;display:flex;align-items:center;justify-content:start;gap:5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__mechanic,.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__vehicle{width:100%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-left:4rem;gap:1.5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__mechanic h2,.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__vehicle h2{font-size:1.7rem;font-weight:600;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__mechanic p,.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__vehicle p{font-size:1.2rem;font-weight:500;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__mechanic p span,.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__vehicle p span{font-weight:600;color:var(--primary-color);margin-right:.5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service{width:50%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-left:4rem;position:relative;gap:1.5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service h2{font-size:1.7rem;font-weight:600;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service p{font-size:1.2rem;font-weight:500;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service p span{font-weight:600;color:var(--primary-color);margin-right:.5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service h3{color:#f5f5f5;padding:5px 15px;border-radius:25px;font-size:1.2rem;align-self:center;font-weight:600;position:absolute;top:0;left:20%}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container{display:flex;gap:4rem;width:100%}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container button{padding:.5rem .25rem;border:none;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-color);cursor:pointer;width:160px;border-radius:5px;margin:2rem .1rem;transition:all .3s ease-in-out}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container button:hover{background-color:var(--secondary-color);color:var(--primary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container button:disabled{background-color:#e5e5e5;color:#959595;cursor:not-allowed}@media screen and (max-width: 480px){.ClientOrder{padding-top:0rem;position:relative}.ClientOrder .ClientOrder__container{padding:0;margin:0;width:100%}.ClientOrder .ClientOrder__container h1{margin-top:2rem;font-size:2rem;font-weight:600;color:var(--secondary-color)}.ClientOrder .ClientOrder__container .ClientOrder__container__info{flex-direction:column}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client{flex-direction:column;padding:0;align-items:center;justify-content:center;width:100%;gap:1.5rem}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__mechanic,.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__client .ClientOrder__container__info__vehicle{margin-left:0;gap:1rem;align-items:center}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service{width:100%;margin:0;align-items:center}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service h3{position:relative;left:0;top:0}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container{display:flex;flex-direction:column;gap:0rem;width:100%;margin-bottom:2rem;padding:0}.ClientOrder .ClientOrder__container .ClientOrder__container__info .ClientOrder__container__info__service .Button__container button{align-self:center;margin:.5rem 0rem}}.MechanicOrder{width:100%;min-height:50vh;background-color:#f5f5f5;overflow-x:hidden}.MechanicOrder .MechanicOrder__container{width:90%;gap:2rem;margin:12rem auto;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(0,0,0,.1);height:max-content}.MechanicOrder .MechanicOrder__container h1{font-size:2.5rem;font-weight:600;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;width:100%}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client{flex:1;display:flex;align-items:center;justify-content:start;gap:5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__mechanic,.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__vehicle{width:100%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-left:4rem;gap:1.5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__mechanic h2,.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__vehicle h2{font-size:1.7rem;font-weight:600;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__mechanic p,.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__vehicle p{font-size:1.2rem;font-weight:500;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__mechanic p span,.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__vehicle p span{font-weight:600;color:var(--primary-color);margin-right:.5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service{width:50%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-left:4rem;position:relative;gap:1.5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service h2{font-size:1.7rem;font-weight:600;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service p{font-size:1.2rem;font-weight:500;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service p span{font-weight:600;color:var(--primary-color);margin-right:.5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service h3{color:#f5f5f5;padding:5px 15px;border-radius:25px;font-size:1.2rem;align-self:center;font-weight:600;position:absolute;top:0;left:20%}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container{display:flex;gap:4rem;width:100%}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container button{padding:.5rem .25rem;border:none;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-color);cursor:pointer;width:160px;border-radius:5px;margin:2rem .1rem;transition:all .3s ease-in-out}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container button:hover{background-color:var(--secondary-color);color:var(--primary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container button:disabled{background-color:#e5e5e5;color:#959595;cursor:not-allowed}@media screen and (max-width: 480px){.MechanicOrder{padding-top:0rem;position:relative}.MechanicOrder .MechanicOrder__container{padding:0;margin:0;width:100%}.MechanicOrder .MechanicOrder__container h1{margin-top:2rem;font-size:2rem;font-weight:600;color:var(--secondary-color)}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info{flex-direction:column}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client{flex-direction:column;padding:0;align-items:center;justify-content:center;width:100%;gap:1.5rem}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__mechanic,.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__client .MechanicOrder__container__info__vehicle{margin-left:0;gap:1rem;align-items:center}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service{width:100%;margin:0;align-items:center}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service h3{position:relative;left:0;top:0}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container{display:flex;flex-direction:column;gap:0rem;width:100%;margin-bottom:2rem;padding:0}.MechanicOrder .MechanicOrder__container .MechanicOrder__container__info .MechanicOrder__container__info__service .Button__container button{align-self:center;margin:.5rem 0rem}}.Conversation{width:100%;height:max-content;background-color:#f5f5f5;overflow-x:hidden}.Conversation .Conversation__container{width:90%;gap:2rem;margin:2rem auto;padding-top:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.Conversation .Conversation__container .Conversation__mobile{display:none;margin-bottom:4rem}.Conversation .Conversation__container h1{font-size:2.5rem;font-weight:600;color:var(--secondary-color);margin-bottom:1rem}.Conversation .Conversation__container h2{font-size:2rem;font-weight:600;color:var(--secondary-color);margin-top:1rem}.Conversation .Conversation__container .Conversation__content,.Conversation .Conversation__container .Conversation__content table{width:100%}.Conversation .Conversation__container .Conversation__content table thead{text-align:right;background-color:var(--primary-color);color:var(--secondary-color)}.Conversation .Conversation__container .Conversation__content table thead tr{height:100px}.Conversation .Conversation__container .Conversation__content table thead tr th{padding:10px;color:var(--secondary-color);font-size:1.2rem;text-align:center}.Conversation .Conversation__container .Conversation__content table tbody{text-align:center;color:var(--primary-color)}.Conversation .Conversation__container .Conversation__content table tbody tr{height:40px}.Conversation .Conversation__container .Conversation__content table tbody tr th{text-align:left}.Conversation .Conversation__container .Conversation__content table tbody tr td{padding:10px;color:var(--secondary-color)}.Conversation .Conversation__container .Conversation__content table tbody tr td svg{color:var(--primary-color);width:30px;height:30px;cursor:pointer}@media screen and (max-width: 480px){.Conversation{padding-top:0rem;position:relative}.Conversation .Conversation__container{padding:0;margin:0;width:100%}.Conversation .Conversation__container h1{margin-top:2rem;font-size:2rem;font-weight:600;color:var(--secondary-color)}.Conversation .Conversation__container table{display:none}.Conversation .Conversation__container .Conversation__mobile{display:flex;flex-direction:column;align-items:center;gap:1rem}.Conversation .Conversation__container .Conversation__mobile .Conversation__mobile__content{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px rgba(0,0,0,.7) solid}.Conversation .Conversation__container .Conversation__mobile .Conversation__mobile__content p{font-size:1rem;font-weight:400;color:var(--secondary-color);margin-top:1rem}.Conversation .Conversation__container .Conversation__mobile .Conversation__mobile__content p span{font-size:.8rem;font-weight:500;color:var(--primary-color)}.Conversation .Conversation__container .Conversation__mobile .Conversation__mobile__content svg{color:var(--primary-color)}}.Messages{display:flex;justify-content:center;padding-top:10rem;min-height:100vh}.Messages .Messages__container{width:100%;margin:50px}.Messages .Messages__container .Messages__info{font-weight:300;font-size:24px;color:#555}.Messages .Messages__container .messages{margin:30px 0;padding:50px;display:flex;flex-direction:column;gap:20px;height:500px;overflow:scroll;overflow-x:hidden}.Messages .Messages__container .messages .item{display:flex;gap:20px;max-width:600px;font-size:18px}.Messages .Messages__container .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.Messages .Messages__container .messages .item.owner p{max-width:500px;border-radius:20px 0 20px 20px;background-color:#4169e1;color:#fff}.Messages .Messages__container .messages .item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.Messages .Messages__container .messages .item p{max-width:500px;padding:20px;background-color:#f4f1f1;border-radius:0 20px 20px;color:gray;font-weight:300}.Messages .Messages__container hr{height:0;border:.5px solid rgb(232,230,230);margin-bottom:20px}.Messages .Messages__container .Message__write{display:flex;align-items:center;justify-content:space-between}.Messages .Messages__container .Message__write textarea{width:90%;height:50px;padding:10px;border:1px solid lightgray;border-radius:10px}.Messages .Messages__container .Message__write button{background-color:var(--primary-color);padding:10px 5px;color:var(--secondar-color);font-weight:500;border:none;border-radius:5px;cursor:pointer;width:70px;font-size:1rem}@media screen and (max-width: 480px){.Messages{padding-top:0rem;position:relative}.Messages .Messages__container{padding:0;margin:0;width:90%;margin-bottom:2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}:root{--primary-color: #ffbf00;--secondary-color: #101220;--text-color: #eef1ef;--background-color-main: #6f9ceb}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background-color:#000}*::-webkit-scrollbar-thumb{background-color:var(--secondary-color);border-radius:100px}