/** * Left-to-right layer. * * Direction comes from . Layout chrome uses logical * properties (inset-inline-start, margin-inline-start) so the sidebar and * main column flip on their own. This file only settles leftovers that still * name a physical side, plus Latin typography. */ html[dir="ltr"], html[dir="ltr"] body, body.satoads-ltr { --satoads-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --satoads-font-mono: "Inter", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; } html[dir="ltr"] { font-family: var(--satoads-font); } html[dir="ltr"] .satoads-sidebar-collapse-chevron, body.satoads-ltr .satoads-sidebar-collapse-chevron { transform: scaleX(-1); } html[dir="ltr"] body.satoads-sidebar-collapsed .satoads-sidebar-collapse-chevron, body.satoads-ltr.satoads-sidebar-collapsed .satoads-sidebar-collapse-chevron { transform: translateX(3px); } html[dir="ltr"] .satoads-skip-link:focus, body.satoads-ltr .satoads-skip-link:focus { inset-inline-start: 8px; inset-inline-end: auto; } html[dir="ltr"] .satoads-footer-features li, body.satoads-ltr .satoads-footer-features li { padding-inline-start: 16px; padding-inline-end: 0; } html[dir="ltr"] .satoads-footer-features li::before, body.satoads-ltr .satoads-footer-features li::before { inset-inline-start: 0; inset-inline-end: auto; } html[dir="ltr"] .satoads-tags-label, body.satoads-ltr .satoads-tags-label { margin-inline-start: 0; margin-inline-end: 8px; } /* Auth forms were authored with physical right alignment. */ html[dir="ltr"] body.satoads-auth-page .satoads-auth-main, html[dir="ltr"] body.satoads-auth-page .satoads-auth-card, html[dir="ltr"] body.satoads-auth-page .satoads-auth-tab, html[dir="ltr"] body.satoads-auth-page .satoads-auth-google, html[dir="ltr"] body.satoads-auth-page .satoads-auth-divider, html[dir="ltr"] body.satoads-auth-page .satoads-auth-session-hint { text-align: start; } html[dir="ltr"] body.satoads-auth-page .satoads-auth-input, html[dir="ltr"] body.satoads-auth-page .satoads-auth-form input[type="text"], html[dir="ltr"] body.satoads-auth-page .satoads-auth-form input[type="email"], html[dir="ltr"] body.satoads-auth-page .satoads-auth-form input[type="password"], html[dir="ltr"] body.satoads-auth-page .satoads-auth-form select.satoads-auth-input { direction: ltr !important; text-align: start !important; } html[dir="ltr"] body.satoads-auth-page .satoads-auth-input::placeholder { text-align: start; } html[dir="ltr"] body.satoads-auth-page .satoads-auth-input-wrap .satoads-auth-input { padding-inline-end: 48px; padding-inline-start: 14px; } html[dir="ltr"] .satoads-auth-pass-toggle { inset-inline-end: 8px; inset-inline-start: auto; } html[dir="ltr"] body.satoads-auth-page .satoads-auth-form select.satoads-auth-input { padding-inline-end: 40px; padding-inline-start: 14px; background-position: right 14px center !important; } html[dir="ltr"] .satoads-price, html[dir="ltr"] [dir="ltr"] { text-align: start; }