.locale-loading main,.locale-loading .viewport{visibility:hidden}
#locale-loading{position:fixed;inset:0;display:grid;place-items:center;background:#24272d;color:#eeeee9;font:16px system-ui;z-index:10000}
.locale-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#24272d;border-bottom:1px solid #53565c;font:12px/1.5 system-ui;color:#dddcd5}
.locale-label{display:flex;gap:8px;align-items:center;flex-shrink:0}.locale-label span{font-size:24px}.locale-label select{max-width:min(66vw,260px);font:14px/1.5 system-ui;padding:7px 28px 7px 10px;border-radius:8px;background:#35383e;color:#fff;border:1px solid #777b81}.locale-status{max-width:350px;font:11px/1.5 system-ui}.locale-label select:focus-visible{outline:2px solid #dddcd5;outline-offset:3px}
[dir=rtl] .guide-arrow{transform:scaleX(-1)}[dir=rtl] .sf-field label,[dir=rtl] .sf-input{text-align:right}[dir=rtl] .welcome-start-arrow,[dir=rtl] .sf-back svg{transform:scaleX(-1)}
[dir=rtl] .sf-age-track{direction:ltr}[dir=rtl] .sf-age-label{direction:rtl}
.sf-input[type=email],.sf-input[type=tel],.sf-dial{direction:ltr;text-align:left}
.gate-question,.gate-preference-title,.gate-card-title,.form-title,.form-question{overflow-wrap:anywhere;hyphens:auto}
.gate-preference-title{font-size:36px;line-height:1.25}.gate-photo-caption{font-size:27px;line-height:1.15;display:grid;place-items:center;text-align:center}.gate-guide-copy{overflow-wrap:anywhere}
.form-consent{font-size:23px;line-height:1.55}.form-title{font-size:38px;line-height:1.25}.form-question{font-size:29px;line-height:1.3}
.welcome-title{font-size:clamp(35px,4.5vw,68px);overflow-wrap:anywhere}.welcome-description{max-width:40em}.sf-age-label{font-size:clamp(11px,3vw,16px)}
.guide-open span{overflow-wrap:anywhere}.guide-direction{min-height:125px}.guide-open{max-width:210px}.copy-dialog-instructions{white-space:pre-line}
.replica-guide .guide-direction{align-self:auto;margin-left:auto;margin-right:0}.replica-guide[data-actions-side="left"] .guide-direction{align-self:auto;margin-left:0;margin-right:auto}
.replica-action{direction:ltr}[dir=rtl] .replica-action strong{direction:rtl}[dir=rtl] .guide-open{text-align:right}
.form-title{font-size:32px}
@media(max-width:600px){.locale-bar{padding:8px 12px;gap:4px 10px}.locale-status{max-width:100%;font-size:10px}.guide-open{max-width:190px}.guide-direction{min-height:135px}}