.banner.login{background:url(/img/opt/background-blurry-restaurant-shop-interior.jpg) top;background-size:cover;height:200px}.banner.login .banner-dark{display:block;width:100%;height:100%;background-color:rgba(33,33,33,.5)}.banner.login h1{padding-top:85px;font-size:24px;line-height:29px;color:#fff;font-weight:700;text-transform:uppercase}.login .padding-left{padding-left:50px}.login h2{margin-top:0;margin-bottom:15px;font-size:24px;line-height:30px;font-weight:700;color:#212121}.login .more{font-size:13px;font-weight:400;color:#509be6;text-align:right;margin-right:20px}.login p{margin:0 20px 20px 0;line-height:20px}.login .form .form-control{height:40px!important;background:#fff;border:1px solid #dbdbdb;border-radius:10px;font-size:13px;font-weight:400;margin-right:20px;padding:12px 16px!important}.login .form .form-control:focus{box-shadow:none}.login .form .form-control:disabled{background:#efefef;border:1px solid #efefef}.login .form .form-select{height:40px!important;border:1px solid #dbdbdb;border-radius:10px;font-size:13px;font-weight:400;margin-right:20px;padding:8px 16px!important}.login .form .form-select:focus{box-shadow:none}.login .form .form-check-label{font-size:13px;color:#686868}.login .form .form-check-input:checked{border:none!important}.login .form .form-check-input:focus{border-color:#686868!important;box-shadow:0 3px 6px #dbdbdb}.login .form .btn-primary{background:#efefef;box-shadow:0 3px 6px #dbdbdb;border-radius:10px;font-size:13px;font-weight:700;width:180px;height:40px;text-align:center;padding:11px;color:#686868;text-transform:uppercase;border:1px solid #efefef;margin-right:20px;margin-bottom:20px}.login .form .btn-primary.white{background:#fff}.login .form .btn-primary:focus,.login .form .btn-primary:hover{background:#efefef}.login .form-floating .form-control:focus+label,.login .form-floating .form-control:not(:placeholder-shown)+label,.login .form-floating .form-select:focus+label,.login .form-floating .form-select:not(:placeholder-shown)+label{transform:translateY(-32px);color:#dbdbdb}.login .form-floating>.form-control,.login .form-floating>.form-control-plaintext,.login .form-floating>.form-select{min-height:40px;padding:0}.login .form-floating>label{transform:translateY(-.75rem);padding:22px .75rem}.login .form-floating>.form-control:disabled~label,.login .form-floating>:disabled~label{color:#dbdbdb}.login .form-floating>.form-control:disabled~label:after,.login .form-floating>:disabled~label:after{background-color:#fff;height:1.8em}.form-floating .form-control:focus+label,.form-floating .form-control:not(:placeholder-shown)+label{transform:translateY(-32px);color:#dbdbdb}.form-floating .form-select:focus+label,.form-floating .form-select:not(:placeholder-shown)+label{transform:translateY(-32px);color:#dbdbdb}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{min-height:40px;padding:0}.form-floating>label{transform:translateY(-.75rem);padding:22px .75rem}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#dbdbdb}.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after{background-color:#fff;height:1.8em}.saveaddress-modal{width:375px;max-width:100%;background:#fff;box-shadow:0 3px 6px #dbdbdb;border-radius:10px;border:none;color:#686868;font-size:13px;line-height:20px;--bs-btn-close-color:$light-grey;padding:20px}.saveaddress-modal .form textarea.form-control{height:80px!important}.saveaddress-modal .modal-header{display:block;padding:0;border:none}.saveaddress-modal .modal-header .btn-close{float:right}.saveaddress-modal h1.modal-title{font-size:16px;color:#212121;font-weight:700;line-height:20px;height:20px;display:block;text-align:center}.saveaddress-modal .modal-body{line-height:20px;padding:15px 0 0}.saveaddress-modal .modal-body .text{margin:5px 0 20px}.saveaddress-modal .modal-body .title{font-size:13px;font-weight:700;color:#111}.saveaddress-modal .modal-body .form-check.form-switch{float:right}.saveaddress-modal .btn.save{color:#509be6;text-transform:uppercase;font-size:13px;font-weight:700;background:#fff;box-shadow:0 3px 6px #dbdbdb;border:1px solid #509be6;border-radius:10px;display:block;padding:13px 0}.saveaddress-modal .btn.btn-primary{display:block}.saveaddress-modal .addresses{margin-top:20px;margin-bottom:20px}.saveaddress-modal span.address{display:block;float:left;width:100px;height:100px;box-shadow:0 3px 6px #dbdbdb;border-radius:10px;font-size:13px;color:#686868;padding-top:70px;text-align:center;background-color:#fff;border:1px solid #fff}.saveaddress-modal span.address.active,.saveaddress-modal span.address:hover{border:1px solid #509be6}.saveaddress-modal span.address.home{background:url(/img/svg/address-home.png) center 17px no-repeat;background-size:40px 40px}.saveaddress-modal span.address.work{background:url(/img/svg/address-work.png) center 17px no-repeat;background-size:40px 40px}.saveaddress-modal span.address.other{background:url(/img/svg/address-other.png) center 17px no-repeat;background-size:40px 40px}@media screen and (max-width:991px){.banner.login{display:none}body{padding-bottom:0!important}.login hr{border:0;border-top:1px solid #dbdbdb;position:relative;margin:20px 0 0}.login .float-or{font-size:13px;font-weight:400;color:#dbdbdb;background:#fff;line-height:20px;height:20px;padding:0 20px;display:block;position:relative;width:75px;top:-10px;text-align:center;margin:0 auto}.login .form .btn-primary{width:100%;background:#efefef;box-shadow:0 3px 6px rgba(0,0,0,.14);border-radius:10px;font-size:13px;font-weight:700;padding:12px 40px;color:#686868;text-transform:uppercase;border:1px solid #efefef;margin-right:20px;margin-bottom:20px}.login .form .btn-primary:disabled{opacity:1}.login .form .btn-primary.white{background:#fff!important;border:1px solid #fff!important;color:#212121!important;margin-top:20px;margin-bottom:10px}.login .form .btn-primary.blue{background:#fff!important;color:#509be6!important}.login .form .btn-primary.blue,.login .form .btn-primary:hover.blue{border:1px solid #509be6!important}.login .padding-left{padding-left:20px;padding-right:0}.login .padding-left .form .text-end{text-align:center!important;margin:0;padding:0}.login .padding-left .form .text-end .btn.btn-primary{margin:0 20px 20px;position:fixed;bottom:calc(env(safe-area-inset-bottom, 0));left:0;width:calc(100% - 40px)}.div-or{display:none}}