@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-regular.ttf);font-weight:300;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-medium.ttf);font-weight:400;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-medium.ttf);font-weight:500;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-medium.ttf);font-weight:600;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-semibold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh/noto-naskh-bold.ttf);font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:local("/fonts/poppins/Poppins-ExtraLight.woff");font-weight:200;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Light.woff);font-weight:300;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.woff);font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.woff);font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.woff);font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.woff);font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-ExtraBold.woff);font-weight:800;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Black.woff);font-weight:900;font-style:normal}*{box-sizing:border-box;font-family:inherit;margin:0;padding:0}html,body,#root{background-color:#f2f4f7;min-width:min(100vw,100%);height:100%;font-family:Poppins,Noto Naskh Arabic,sans-serif;font-size:1rem;color:#475467}html[dir=rtl] html,html[dir=rtl] body,html[dir=rtl] #root{font-family:Noto Naskh Arabic,Poppins,sans-serif}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(110%)}}.modal-overlay{top:0;left:0;right:0;bottom:0;display:flex;position:fixed;align-items:end;justify-content:center;opacity:0;background:#1212124d}.modal-overlay--opened{animation:fade-in .25s ease forwards}.modal-overlay--opened .modal-overlay__modal-container{animation:slide-up .25s ease forwards}.modal-overlay--closing{animation:fade-out .25s ease forwards}.modal-overlay--closing .modal-overlay__modal-container{animation:slide-down .25s ease forwards}.modal-overlay__modal-container{background:#fff;padding:1.5rem 1rem;margin:0 1.5rem 2rem;border-radius:1rem;transform:translateY(110%);width:90vw}.modal-overlay__modal-container__content{display:flex;align-items:center;flex-direction:column}.modal-overlay__modal-container__content__header{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.modal-overlay__modal-container__content__header__title{width:100%;font-size:1.25rem;text-align:center;word-wrap:break-word;color:#1d2939}.modal-overlay__modal-container__content__header__description{width:100%;margin-top:8px;font-weight:500;text-align:center;margin-bottom:24px;font-size:.875rem;word-wrap:break-word;line-height:1.25rem}.button{width:100%;border:none;display:flex;font-weight:600;height:3.5rem;padding:1rem;align-items:center;font-size:1rem;justify-content:center;border-radius:3.125rem;color:#344054;background-color:transparent;transition:background-color .2s ease,opacity .2s ease}.button:disabled{opacity:.4}.button[data-color=success]{color:#42a489}.button[data-color=danger]{color:#ff5548}.button[data-variant=outline]{border:2px solid #344054;background-color:transparent}.button[data-variant=outline][data-color=success]{border-color:#46b093;background-color:#defaf8}.button[data-variant=outline][data-color=danger]{border-color:#ff5548;background-color:#fef2f1}.button[data-variant=contained]{color:#fff;background-color:#121212}.button[data-variant=contained][data-color=success]{background-color:#46b093}.button[data-variant=contained][data-color=danger]{background-color:#d92d20}.progress{position:relative;height:3px;width:100%;overflow:hidden;background-color:transparent}.progress--initial{position:fixed;left:0;top:0;z-index:50;height:3px}.progress__indicator{height:100%;border-radius:9999px;background-color:#16aeb6;transition:all .15s ease-in-out}.progress__indicator--infinite{width:40%;transform:translate(-50%);animation:infinite-progress 1.7s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes infinite-progress{0%{transform:translate(-50%)}to{transform:translate(180%)}}.error-boundary{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding-inline:38px;padding-inline:clamp(16px,5vw,38px)}.error-boundary__content{display:flex;flex-direction:column;gap:.5rem;max-width:528px;text-align:center}.error-boundary__title{font-size:1.25rem;font-weight:600;line-height:28px;color:#101828}.error-boundary__button{font-size:.875rem;font-weight:600;text-decoration:none;width:fit-content;border:none;cursor:pointer;border-radius:8px;padding-block:12px;padding-inline:16px;margin-block-start:8px;color:#fefefe;background-color:#46b093;transition:background-color .2s}@media (hover: hover){.error-boundary__button:hover{background-color:#24896b}}@media (max-width: 768px){.error-boundary__button{display:none}}.global-navigation-indicator{position:fixed;left:0;top:0;z-index:50;height:3px}.global-navigation-indicator__indicator--hidden{display:none}.serial-number__form{position:relative;padding:1rem;display:flex;row-gap:.75rem;font-size:.875rem;flex-direction:column;overflow:auto;max-height:calc(100vh - 120px)}.serial-number__contents{background-color:#fff;padding:1rem;border-radius:1rem}.serial-number__contents__content-container{font-weight:500}.serial-number__contents__content-container__title{font-weight:500;margin-bottom:.5rem}.serial-number__contents__input-container{display:flex;flex-direction:column;margin-top:1.5rem}.serial-number__contents__input-container__header{font-weight:700}.serial-number__contents__input-container__label{display:flex;margin:.25rem 0;padding:.5rem .75rem;border-radius:1rem;border:.063rem solid transparent;background-color:#f2f4f7;transition:border-color .2s ease}.serial-number__contents__input-container__label:focus-within{border-color:#5ebea4}.serial-number__contents__input-container__label[data-state=error]{border-color:#ff5548}.serial-number__contents__input-container__input{border:none;flex-grow:1;outline:none;font-size:.875rem;background-color:transparent}.serial-number__contents__input-container__input::placeholder{color:#667085}.serial-number__contents__input-container__input{color:#475467}.serial-number__contents__input-container__error{color:#d92d20}.serial-number__contents__input-container{color:#475467}.serial-number__supported-areas{background-color:#fff;padding:1rem;border-radius:1rem}.serial-number__supported-areas-paragraph,.serial-number__supported-areas-title{margin-bottom:.5rem}.serial-number__supported-areas-title{font-weight:500}.serial-number__supported-areas-paragraph{font-size:.875rem}.serial-number__supported-areas-list{padding-left:1rem}.serial-number__submit-container{position:fixed;left:0;bottom:0;width:100%;height:7.5rem;padding-inline:1.5rem;background-color:#f2f4f7;display:flex;align-items:center;transition:box-shadow .3s ease}.serial-number__submit-container--has-shadow{box-shadow:0 0 24px #00000026}.serial-number__submit-button{margin-bottom:1rem}.serial-number .confirmation-cancel-button{margin-top:8px}.serial-number .serial-number-id{color:#1d2939}.city-selection{display:flex;gap:12px;flex-direction:column;color:#667085;padding:16px}.city-selection .city-selection__lists{margin:0;padding:0;list-style:none;gap:.75rem;display:flex;flex-direction:column}.city-selection .city-selection__item{background-color:#fff;border-radius:1rem;padding:.75rem;display:flex;color:inherit;text-decoration:none;align-items:center;justify-content:space-between}.city-selection .city-selection__item .city__location{color:#667085;font-size:.75rem;font-weight:500}.city-selection .city-selection__item .city__name{color:#344054;font-weight:500}.city-selection .city-selection__item .city__icon-container{display:flex;padding:8px}.city-selection .city-selection__item .city__icon-container .city__arrow-icon{color:#667085}