body{@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";font-family:Roboto,sans-serif;margin:0;overflow-x:hidden}.arabic{direction:rtl;display:block;text-align:right}#deliverApp{margin:0 auto;width:100%;padding:40px 20px;box-sizing:border-box;max-width:450px}#deliverApp .logo{width:100%;cursor:pointer}#deliverApp #selectedState{list-style-type:none;padding:0}#deliverApp #selectedState li{padding:5px;box-sizing:border-box}#deliverApp #selectedState li#currentState{border:1px solid rgba(0,0,0,.2);display:grid;grid-template-columns:100px 1fr;align-items:center;grid-column-gap:20px}#deliverApp #selectedState li#currentState img{width:100%}#deliverApp #selectedState li#cancelState{text-decoration:underline;cursor:pointer}#deliverApp #orderStates{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;list-style-type:none;padding:0;margin:0 auto}#deliverApp #orderStates li{display:grid;grid-template-rows:auto auto;grid-row-gap:10px;align-items:center;text-align:center;background-color:#f7f7f7;padding:20px;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,.1);cursor:pointer}#deliverApp #orderStates li img{max-width:100px;margin:0 auto}#deliverApp #orderStates li:active{box-shadow:2px 2px 5px rgba(0,0,0,.2)}#deliverApp #resetStateBtn{text-decoration:underline;cursor:pointer;display:block;margin-top:20px}#deliverApp #pincodeSection input{box-sizing:border-box;font-size:16px;padding:10px;width:100%;border:none;border-bottom:2px solid rgba(0,0,0,.9)}#deliverApp #pincodeSection button{width:100%;padding:15px 20px;margin-top:20px;background-color:#000;color:#fff;border:none;border-radius:20px;position:relative;height:45px}#deliverApp #pincodeSection button .loader{height:35px;position:absolute;top:5px;left:0;right:0;margin:0 auto}#deliverApp .error-message{color:red}