@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;
  src:url(https://fonts.bunny.net/tajawal/files/tajawal-arabic-500-normal.woff2) format("woff2")}
@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;
  src:url(https://fonts.bunny.net/tajawal/files/tajawal-arabic-700-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;
  src:url(https://fonts.bunny.net/roboto/files/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;
  src:url(https://fonts.bunny.net/roboto/files/roboto-latin-700-normal.woff2) format("woff2")}

html{scroll-behavior:smooth}
body{font-family:Tajawal,Roboto,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#CE4340;color:#fff}

.num{font-family:Roboto,Tajawal,sans-serif;font-variant-numeric:tabular-nums}
.scrollbar-hidden::-webkit-scrollbar{display:none}
.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}

.mega{display:none}
.has-mega:hover .mega,.mega:hover{display:block}

details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details[open] .caret-icon{transform:rotate(180deg)}
.caret-icon{transition:transform .2s ease}

.chip-active{border-bottom:4px solid #005BCC;color:#005BCC;font-weight:700}

.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fade-in{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.flash-up{animation:flashUp 1.2s ease-out}
.flash-down{animation:flashDown 1.2s ease-out}
@keyframes flashUp{0%{background-color:#E6F4EA}100%{background-color:transparent}}
@keyframes flashDown{0%{background-color:#FCE8E6}100%{background-color:transparent}}
.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

@media (prefers-reduced-motion:reduce){
  .flash-up,.flash-down,.pulse,.fade-in,.spin{animation:none}
}