.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.overlay.active{opacity:1;visibility:visible}.bottom-sheet{bottom:-100%;transition:bottom .3s ease;max-height:80%;overflow-y:auto}.bottom-sheet.active{bottom:0}h3{text-align:center;margin-bottom:16px;font-size:22px}.button-list{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.sheet-button{padding:12px;font-size:18px;color:var(--text-color);border:none;border-radius:8px;transition:background-color .3s ease}form{margin-top:48px}label{font-size:16px}.form-group{display:flex;gap:8px;margin-right:24px;margin-left:24px;align-items:center;padding:6px 18px;border-radius:8px;background-color:var(--white-color);box-shadow:3px 1px 6px var(--shadow-color);font-size:14px;font-weight:700}.alert-msg{margin-bottom:12px;height:14px;margin-inline-start:32px;margin-top:10px;color:var(--error-color);text-align:start}.form-group input,.label-text{border:none;background-color:transparent;font-size:18px;padding:10px 6px;text-align:start;font-weight:400}.label-text{padding:0 6px;height:40px;font-size:18px;align-content:center}.form-group img{width:20px;height:20px}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:20px;box-shadow:0 -2px 10px rgba(0,0,0,.2)}input:focus{outline:none;border:none}.input-error{border:1px solid var(--error-color)}.image-with-title h3{padding:48px 24px}.image-with-title{margin-top:24px;margin-bottom:24px}:root{--primary-color:#0c0c0c;--background-color:#ebf1fe;--secondary-color:#d8c143;--background-gray-color:#f1f2f7;--text-color:#272727;--text-light-color:#656565;--shadow-color:#00000033;--error-color:#ff4423;--success-color:#00bfb3;--warning-color:#dba32a;--disabled-color:#b4b4b4;--light-border-color:#dfe4ef;--white-color:#fff}#app{font-family:Tajawal,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--primary-color)}*{padding:0;margin:0;box-sizing:border-box;cursor:none}.primary-btn{margin:48px;display:flex;align-items:center;padding:12px 20px;border-radius:12px;text-decoration:none;justify-content:space-between;font-size:18px}.fixed-button,.primary-btn,.primary-button{background-color:var(--primary-color);color:#fff}.fixed-button{position:fixed;bottom:48px;left:48px;right:48px;display:flex;align-items:center;padding:12px 20px;border-radius:12px;text-decoration:none;justify-content:space-between;font-size:18px}.button-icon{margin-right:8px}.text{color:var(--text-color);font-size:18px}.full-width-image{width:100%;height:auto;align-self:center}.fixed-height-image{width:80%;height:auto;align-self:center}.full-width-image.less-width-image{width:80%}.container h2{margin-top:28px}.center-content{align-items:center}.center-content,.container{display:flex;flex-direction:column}.container{height:100%;width:100%}.content{padding:24px}.clickable-big:active{animation:small-bubble .2s ease-in-out}@keyframes bubble{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.clickable:active{animation:bubble .2s ease-in-out}@keyframes small-bubble{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}