/* generated from brand.css by web/tool/site_l10n.mjs: do not edit */
/* Canonical emiralx lettering. Every lockup uses the same outlined master. */
.brand-type{--brand-type-width:120px;display:inline-flex;flex:0 1 auto;align-items:center;vertical-align:middle;max-width:100%;line-height:1;letter-spacing:normal;text-transform:none;direction:ltr}
.brand-type-business{--brand-type-width:204px}
body .brand-type img.brand-wordmark{display:block}
body .brand-type img.brand-wordmark,body .header .wordmark .brand-type img.brand-wordmark,body.legal-page .header .wordmark .brand-type img.brand-wordmark,body .footer .wordmark .brand-type img.brand-wordmark{width:var(--brand-type-width);height:auto;max-width:100%;object-fit:contain;box-shadow:none;border-radius:0;margin:0;flex:none}
body .brand-type img.brand-wordmark-light{display:none}
body .header .brand-type img.brand-wordmark-dark,.side .brand-type img.brand-wordmark-dark,.topbar .brand-type img.brand-wordmark-dark,body .brand-type.brand-type-on-dark img.brand-wordmark-dark{display:none}
body .header .brand-type img.brand-wordmark-light,.side .brand-type img.brand-wordmark-light,.topbar .brand-type img.brand-wordmark-light,body .brand-type.brand-type-on-dark img.brand-wordmark-light{display:block}
body.legal-page .header .brand-type img.brand-wordmark-dark{display:block}
body.legal-page .header .brand-type img.brand-wordmark-light{display:none}
body .wordmark img.brand-icon{flex:none}
body .wordmark .brand-type{margin:0;letter-spacing:normal}
.footer-wordmark{display:inline-flex;align-items:center}
.footer-wordmark .brand-type{--brand-type-width:106px}
.card-page .page-header .wordmark .brand-wordmark-dark{display:none}
.card-page .page-header .wordmark .brand-wordmark-light{display:block}
.brand-title .brand-type{--brand-type-width:144px}
.brand.oxy-brand>.brand-icon,.brand>.brand-icon{border-radius:9px;flex:none}
.gate-brand .brand-type{--brand-type-width:130px}
.side .brand-type,.topbar .brand-type{--brand-type-width:112px}
.side .brand{display:grid;grid-template-columns:28px minmax(0,1fr) max-content;gap:9px;min-width:0}
.side .brand-type{width:100%;min-width:0}
.side .brand-tag{margin-right:0;white-space:nowrap}
.brand-preview-wordmark{display:block;width:66px;height:auto;max-width:100%}
.membership-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}
.membership-brand .brand-type{--brand-type-width:84px}
.member-pass-large .brand-type{--brand-type-width:110px}
.business-page .header .wordmark{gap:8px}
@media(max-width:899px){.header .brand-type{--brand-type-width:112px}.header .brand-type-business{--brand-type-width:182px}}
@media(max-width:649px){.header .brand-type{--brand-type-width:100px}.header .brand-type-business{--brand-type-width:150px}.business-page .header .wordmark{gap:7px}.business-page .header .wordmark img.brand-icon{width:28px;height:28px}.business-page .header .nav-end{gap:9px}.business-page .header .button.small{font-size:9px;padding:10px 11px}.business-page .header .menu-toggle{width:29px;height:29px}.footer .brand-type-business{--brand-type-width:170px}.legal-page .header .brand-type{--brand-type-width:104px}}
@media(max-width:359px){.header .brand-type{--brand-type-width:91px}.header .brand-type-business{--brand-type-width:132px}.business-page .header{padding-right:14px;padding-left:14px;gap:7px}.business-page .header .wordmark img.brand-icon{width:23px;height:23px}.business-page .header .nav-end{gap:7px}.business-page .header .button.small{font-size:8px;padding:10px}.business-page .header .menu-toggle{width:25px;height:25px}.legal-page .header .brand-type{--brand-type-width:92px}.topbar .brand-type{--brand-type-width:100px}}
/* Prose keeps its UI font; brand names retain lowercase inside uppercase labels.
   The name joins the words around it, so a flex label (a button, a list row) does
   not set its gap between the name and a suffix such as Turkish "'ı indir". */
.brand-name-text{display:contents;font:inherit;letter-spacing:inherit;text-transform:none!important}
@media(max-width:359px){.gate-brand{gap:8px}.gate-brand .brand-type{--brand-type-width:116px}.gate-brand .brand-tag{padding:4px 7px;letter-spacing:.8px}}

/* Language picker on the link pages: page-l10n.js fills it, one button per language. */
.page-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;margin-block:14px 0;margin-inline:auto;padding-block-end:18px;font-size:14px}
.page-langs:empty{display:none}
.page-langs button{appearance:none;min-height:44px;padding-block:8px;padding-inline:13px;border:1px solid rgba(128,128,145,.32);border-radius:999px;background:transparent;color:inherit;font:inherit;font-family:'Hanken Grotesk',var(--arabic,'IBM Plex Sans Arabic'),system-ui,sans-serif;line-height:1.2;letter-spacing:0;opacity:.76;cursor:pointer}
.page-langs button[aria-pressed="true"]{border-color:currentColor;font-weight:600;opacity:1}
.page-langs button:focus-visible{outline:2px solid #8b6be0;outline-offset:2px}
/* The other languages' names are set in the page's own Arabic face, or the
   system's on a page in Latin letters: two buttons at the foot of the page never
   download a typeface of their own (about 180 KB on an English card). */
:root .page-langs button[lang]{font-family:'Hanken Grotesk',system-ui,sans-serif}
:root:lang(ar) .page-langs button[lang]{font-family:'Hanken Grotesk','IBM Plex Sans Arabic',system-ui,sans-serif}
:root:lang(fa) .page-langs button[lang]{font-family:'Hanken Grotesk',Vazirmatn,system-ui,sans-serif}