/* Keep the device and bubbles unchanged; only the read-only screen has a new flow. */
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow-brand{height:32px;padding:0 10px;border-bottom:1px solid #e0e7ec}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow-brand .vjs-auth-device__brand{font-size:11px;color:#244552}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow-brand .vjs-auth-device__app-icon{width:13px;height:13px;flex:none;color:#718793}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate;background:#f5f7fa;font-size:10px;line-height:1.4}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;gap:10px;padding:12px 10px 8px;opacity:0;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;will-change:opacity}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene--catalog{opacity:1;animation-name:vjsTabletFlowCatalog}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene--review{animation-name:vjsTabletFlowReview}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene--tracking{animation-name:vjsTabletFlowTracking}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__heading{display:grid;gap:3px;flex:none}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__heading small{color:#7b8d98;font-size:8px;line-height:1.35}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__heading strong{font-size:14px;font-weight:700;line-height:1.3;color:#243b48;overflow-wrap:anywhere}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__categories{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:25px;flex:none;border-bottom:1px solid #dbe4e9;font-size:9px;color:#7a8a94}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__categories>*{display:flex;align-items:center;min-height:25px;padding-bottom:4px;border-radius:0!important}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__categories strong{border-bottom:2px solid var(--vjs-auth-theme,#bb1c23);color:var(--vjs-auth-theme,#bb1c23)}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__services{display:grid;gap:8px}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__service{display:flex;align-items:center;gap:7px;min-height:58px;padding:7px;border:1px solid #dee6eb;border-radius:6px!important;background:#fff}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__service.is-selected{border-color:#cdb4b7;box-shadow:inset 2px 0 var(--vjs-auth-theme,#bb1c23)}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__service img{width:42px;height:36px;flex:none}
html body .auth-backdrop.auth-backdrop :is(.vjs-tablet-flow__service,.vjs-tablet-flow__tool)>div{display:grid;gap:4px;min-width:0;flex:1}
html body .auth-backdrop.auth-backdrop :is(.vjs-tablet-flow__service,.vjs-tablet-flow__tool) strong{font-size:10px;line-height:1.35;overflow-wrap:anywhere;color:#304754}
html body .auth-backdrop.auth-backdrop :is(.vjs-tablet-flow__service,.vjs-tablet-flow__tool) small{font-size:9px;color:#81929c}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__service>.vjs-tablet-icon{width:10px;height:10px;color:#9caab3}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__tool{display:flex;gap:9px;align-items:center;padding:5px 0 9px;border-bottom:1px solid #dde6ec}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__tool img{width:42px;height:36px;flex:none}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__summary{display:grid;gap:9px;margin:0;color:#798c97;font-size:10px;line-height:1.4}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__summary :is(dt,dd){margin:0}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__summary dd{color:#314b59;font-weight:700}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__continue{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;margin-top:auto!important;padding:7px 10px;border-radius:5px!important;background:var(--vjs-auth-theme,#bb1c23);color:#fff;font-size:10px;font-weight:700}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__continue>.vjs-tablet-icon{width:12px;height:12px}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__tracking-tool{display:flex;align-items:center;gap:8px;flex:none}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__tracking-tool img{width:31px;height:26px;flex:none}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__tracking-tool strong{font-size:10px;color:#314b59;overflow-wrap:anywhere}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__status{align-self:start;padding:4px 7px;border:1px solid #ead9b1;border-radius:4px!important;background:#fff5db;color:#977225;font-size:9px;line-height:1.4}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline{display:grid;gap:0;padding:2px 0 0}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline>div{position:relative;display:flex;align-items:center;gap:9px;min-height:32px;color:#97a5ae;font-size:9px}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline>div:not(:last-child)::after{position:absolute;top:23px;bottom:-7px;left:8px;width:1px;background:#d6e1e7;content:""}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline>div>span{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #d6e1e7;border-radius:50%!important;background:#f5f7fa}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline .is-done{color:#3e625d}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline .is-done>span{border-color:#23886c;background:#23886c;color:#fff}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline .is-current{color:#314b59}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__timeline .is-current>span{border:4px solid #edf3f6;background:#568ba5;box-shadow:0 0 0 1px #b7cdd7}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress{position:absolute;bottom:6px;left:50%;display:flex;gap:5px;transform:translateX(-50%)}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress>i{width:18px;height:3px;border-radius:2px!important;background:#d7e1e7;animation:15s linear infinite}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress>i:nth-child(1){animation-name:vjsTabletFlowProgressA}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress>i:nth-child(2){animation-name:vjsTabletFlowProgressB}
html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress>i:nth-child(3){animation-name:vjsTabletFlowProgressC}
@keyframes vjsTabletFlowCatalog{0%,32%{opacity:1}33.333%,98.667%{opacity:0}100%{opacity:1}}
@keyframes vjsTabletFlowReview{0%,32%{opacity:0}33.333%,65.333%{opacity:1}66.667%,100%{opacity:0}}
@keyframes vjsTabletFlowTracking{0%,65.333%{opacity:0}66.667%,98.667%{opacity:1}100%{opacity:0}}
@keyframes vjsTabletFlowProgressA{0%,32%,100%{background:var(--vjs-auth-theme,#bb1c23)}33.333%,98.667%{background:#d7e1e7}}
@keyframes vjsTabletFlowProgressB{0%,32%,66.667%,100%{background:#d7e1e7}33.333%,65.333%{background:var(--vjs-auth-theme,#bb1c23)}}
@keyframes vjsTabletFlowProgressC{0%,65.333%,100%{background:#d7e1e7}66.667%,98.667%{background:var(--vjs-auth-theme,#bb1c23)}}
@media(prefers-reduced-motion:reduce){
    html body .auth-backdrop.auth-backdrop :is(.vjs-tablet-flow__scene,.vjs-tablet-flow__progress>i){animation:none!important}
    html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene{opacity:0}
    html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__scene--catalog{opacity:1}
    html body .auth-backdrop.auth-backdrop .vjs-tablet-flow__progress>i:first-child{background:var(--vjs-auth-theme,#bb1c23)}
}