/* Selected history-to-trend sequence, scoped to the PRVNT case study. */
/* iPhone frame: Copyright (c) 2017 Angelos Arnis, Tomi Hiltunen, MIT.
   License accompanies this asset: "/assets/redesign/prvnt-mobile/LICENSE-device-frame.txt". */
.prvnt-mobile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:center}
.prvnt-mobile-evidence{margin:0;min-width:0}
.prvnt-mobile-demo{position:relative;isolation:isolate;width:100%;max-width:355px;margin-inline:auto}
.prvnt-device{position:relative;width:100%;aspect-ratio:726/1444}
.prvnt-screen{position:absolute;left:6.8870523416%;top:3.1855955679%;width:86.2258953168%;height:93.6288088643%;overflow:hidden;background:#f8f9fa;border-radius:8%/3.7%;z-index:1}
.prvnt-screen-base,.prvnt-flow-panel,.prvnt-flow-panel>img,.prvnt-chart-reveal{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
/* Keep the photographic hardware on its own static layer during screen motion. */
.prvnt-device-frame{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:5;pointer-events:none;filter:drop-shadow(0 24px 24px #1b304833) drop-shadow(0 3px 3px #111e3050);transform:translateZ(0)}
.prvnt-flow-panel,.prvnt-tap-cue{visibility:hidden}
.prvnt-mobile-demo[data-playing=true] .prvnt-flow-panel,.prvnt-mobile-demo[data-playing=true] .prvnt-tap-cue{visibility:visible}
.prvnt-flow-panel{clip-path:inset(8% 0 8.6% 0)}
.prvnt-tap-cue{position:absolute;left:66.4%;top:35.4%;width:12%;aspect-ratio:1;border:2px solid #279ab3;border-radius:50%;background:#279ab31a;box-shadow:0 0 0 5px #279ab30d;pointer-events:none}
.prvnt-demo-controls{display:flex;justify-content:center;margin-top:18px}
.prvnt-demo-controls[hidden],.prvnt-flow-panel>img[hidden]{display:none!important}
.prvnt-demo-controls button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #8195ab;border-radius:50%;background:transparent;color:#273f58;cursor:pointer}
.prvnt-demo-controls button svg{display:block;width:18px;height:18px}
.prvnt-demo-controls button:hover{background:#ffffffb3}
.prvnt-demo-controls button:focus-visible{outline:3px solid #1f6582;outline-offset:4px}
.prvnt-mobile-evidence figcaption{font-size:12px;line-height:1.7;max-width:430px;margin:22px auto 0;color:#344b67}
.prvnt-store-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:24px}
.prvnt-store-links a{display:inline-flex;align-items:center;min-height:44px}
.prvnt-publisher{font-size:13px;line-height:1.7;color:#344b67;margin:16px 0 0}
@media(max-width:1050px){.prvnt-mobile-layout{gap:40px}}
@media(max-width:760px){.prvnt-mobile-layout{grid-template-columns:1fr;gap:35px}.prvnt-mobile-demo{max-width:295px}}