/* Generated by tools/proto/i18n_css.py - do not edit. */
@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-300.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}
@font-face{font-family:Adventor;font-weight:400;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}
@font-face{font-family:Adventor;font-weight:700;font-display:swap;src:url(/assets/azzir_website/proto/fonts/plex-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+061C}

/* Arabic letters join: no letter-spacing or capitals on Arabic pages (the small gold labels use both) */
:root[lang=ar] body *{letter-spacing:0!important;text-transform:none!important}
:root[lang=ar] body{line-height:1.8}
/* the language switch (i18n.py) */
.lsw{position:relative;display:inline-flex}
.lswb{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:none;color:inherit;font:500 13px Poppins,sans-serif;letter-spacing:.06em;cursor:pointer}
.lswb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lswm{display:none;position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:60;min-width:170px;padding:6px;border-radius:12px;background:#1B1813;color:#F3EEE4;border:1px solid color-mix(in srgb,currentColor 14%,transparent);box-shadow:0 20px 50px -20px rgba(0,0,0,.35)}
.lsw.open .lswm{display:block}
:root[data-theme=light] .lswm{background:#fff;color:#15130F}
.lswm a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;font:400 15px Poppins,sans-serif;color:inherit}
.lswm a:hover,.lswm a[data-current]{background:color-mix(in srgb,#C9A66A 16%,transparent)}
.lswm a[data-current]:after{content:"";width:7px;height:7px;margin:auto 0;border-radius:50%;background:#C9A66A}
.lsf{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:14px}
.lsf a{text-decoration:none;opacity:.8}.lsf a:hover,.lsf a[data-current]{opacity:1;text-decoration:underline;text-underline-offset:3px}
/* Arabic on the prototype's pages (all but the business pages, which own_gate marks .azown): the layout keeps its
   places - the lobby, its floors and the drawn panels are positioned for left to right, and mirrored they moved off
   the screen - and the text inside reads right to left. The business pages are mirrored whole. */
/* the page itself (the root too) is laid out left to right, as in English and French: a right-to-left root lets a phone
   pan sideways into empty space (owner, 26 Oct, Arabic home on an iPhone); the text inside is set right to left below */
:root[dir=rtl]:not(.azown),:root[dir=rtl]:not(.azown) body{direction:ltr}
:root[dir=rtl]:not(.azown) body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,blockquote,label,legend,figcaption,td,th,summary,details,input,textarea,select,option,.lead,.lab,.caps,.crumb,.more){direction:rtl}
:root[dir=rtl]:not(.azown) body :is(p,li,dd,blockquote,summary,label,legend,figcaption,td,th){text-align:start}
/* right to left: arrows point the way the page reads */
[dir=rtl] s,[dir=rtl] .more s,[dir=rtl] .btn s{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .btn:hover s,[dir=rtl] .more:hover s{transform:scaleX(-1) translateX(4px)}