body{font-family:IBM Plex Sans Arabic,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}html{height:100%}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Regular-3YFLANWK.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Medium-SW7SEMZV.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-SemiBold-7WVHGLOC.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url("./media/IBMPlexSansArabic-Bold-ERDBKPVD.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:IBM Plex Sans Arabic;color:#333;background-color:#f8f9fa;margin:0;padding:0}.btn-primary{display:flex;padding:var(--Spaces-sp-12, 12px) var(--Spaces-sp-24, 24px);justify-content:center;align-items:center;gap:8px;flex:1 0 0;border-radius:var(--Spaces-sp-18, 18px);background:var(--btn-Linear, linear-gradient(180deg, var(--Button-Primary-bg-Gradient-1, #373991) 0%, var(--Button-Primary-BG-Gradient-2, #20226B) 100%));width:100%;color:var(--Button-Primary-Label-Icon, #FFF);text-align:center;font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px}.btn-primary:hover{background-color:var(--Colors-Primary-500, #20226B)}.back-btn{display:flex;padding:var(--Spaces-sp-12, 12px) var(--Spaces-sp-24, 24px);justify-content:center;align-items:center;gap:8px;flex:1 0 0;color:var(--Button-Secondary-Label-Icon, #030421);text-align:center;border-radius:var(--Spaces-sp-18, 18px);border:1px solid var(--Button-Secondary-Border, #B1B2E5);background:var(--Button-Secondary-bg, #B1B2E5);font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px}button,input{border:none;background:none}button{cursor:pointer}.btn-link{color:var(--Colors-Primary-500, #20226B);text-align:center;font-family:IBM Plex Sans Arabic;font-size:14px;font-style:normal;font-weight:700;line-height:24px;cursor:pointer}.sign-in{color:var(--Colors-Primary-500, #20226B);font-family:IBM Plex Sans Arabic;font-size:16px;font-style:normal;font-weight:700;line-height:30px;cursor:pointer}input::placeholder{font-family:IBM Plex Sans Arabic}select::placeholder{font-family:IBM Plex Sans Arabic}*{font-family:IBM Plex Sans Arabic}@media (max-width: 768px){.btn-primary,.back-btn{padding:12px!important;gap:4px}}@media (max-width: 576px){.sign-in{display:block}}body{margin:0}html{font-size:16px}.component-container{width:100%}::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel{border-radius:20px;background:#fff;display:flex;width:450px;padding:24px;flex-direction:column;text-align:start;gap:16px;box-shadow:-389px 389px 154px #0000,-249px 249px 141px #00000003,-140px 140px 119px #00000008,-62px 62px 88px #0000000a,-16px 16px 48px #0000000d}::ng-deep .mat-mdc-option .mdc-list-item__primary-text,::ng-deep .mat-mdc-select-value-text{color:var(--Body-Text-Icons, #777199)!important;text-align:right!important;font-family:IBM Plex Sans Arabic!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:24px!important;letter-spacing:-.07px!important}::ng-deep .mat-mdc-select{text-align:right}::ng-deep .mat-mdc-option{justify-content:flex-end}::ng-deep .mat-mdc-option .mdc-list-item__primary-text{margin-right:0!important}.mat-mdc-option.mdc-list-item{justify-content:flex-end}::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel,::ng-deep .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{border-radius:20px!important}mat-option{padding:0}::ng-deep .mat-mdc-select-panel{scrollbar-width:none!important}::ng-deep .mat-mdc-select-panel::-webkit-scrollbar{width:0!important;height:0!important}html,body{height:100%}*{box-sizing:border-box}