.cc-page .cc-duo{--pw:min(calc(100vw - 56px),340px,calc((100svh - 190px) / 2.2))}@media (min-width:960px){.cc-page .cc-duo{--pw:min(340px,calc((100vh - 210px) / 2.2))}}.cc-page .cc-dev{height:calc(var(--pw) * 2.2)}.cc-page .cc-dev .ff-scr{background:#f8f4ec}.cc-sbar{position:absolute;z-index:3;left:0;right:0;top:0;height:calc(var(--pw) * .94 * .113);justify-content:space-between;padding:0 9% 0 11%;font:600 calc(var(--pw) * .042)/1 var(--ff-apple);color:#0d0d0d;background:var(--cc-sbg,#f8f4ec);transition:background-color .45s ease}.cc-sbar,.cc-sig{display:flex;align-items:center}.cc-sig{gap:5px}.cc-sig svg{width:calc(var(--pw) * .05);height:auto}.cc-batt{width:calc(var(--pw) * .07);height:calc(var(--pw) * .034);border-radius:3px;border:1.2px solid rgba(13,13,13,.38);padding:1px}.cc-batt i{display:block;height:100%;width:80%;border-radius:1.5px;background:#0d0d0d}.cc-isl{position:absolute;z-index:4;top:calc(var(--pw) * .025);left:50%;width:31%;height:calc(var(--pw) * .085);margin-left:-15.5%;border-radius:99px;background:#000}.cc-shots{position:absolute;left:0;right:0;bottom:0;top:calc(var(--pw) * .94 * .113);overflow:hidden;background:#f8f4ec}.cc-shot{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,transform .55s var(--ff-ease),visibility 0s linear .55s}.cc-shot.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .55s var(--ff-ease),visibility 0s}.cc-shot img{display:block;width:100%;height:auto;transform-origin:22% 44%;transition:transform 1.1s var(--ff-ease)}.cc-shot.is-zoom img{transform:scale(1.55)}.cc-shot--push{transform:translateX(100%)}.cc-shot--sheet{transform:translateY(100%)}.cc-shot.is-out{opacity:0;transform:translateX(-24%)}.cc-tap{position:absolute;z-index:5;width:calc(var(--pw) * .15);height:calc(var(--pw) * .15);margin:calc(var(--pw) * -.075) 0 0 calc(var(--pw) * -.075);border-radius:50%;background:rgba(5,5,5,.24);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9),0 4px 14px rgba(0,0,0,.25);opacity:0;transform:scale(1.4);pointer-events:none;transition:left .5s var(--ff-ease),top .5s var(--ff-ease),opacity .2s,transform .25s var(--ff-ease)}.cc-tap.is-on{opacity:1;transform:scale(1)}.cc-tap.is-down{transform:scale(.85)}.cc-cap{margin:14px 0 0;text-align:center;font-family:var(--font-display);font-weight:300;font-size:21px;letter-spacing:-.02em;color:var(--ff-ink);min-height:1.3em}.cc-real-note{margin:14px auto 0;padding:0 20px;text-align:center;font-size:12.5px;line-height:1.5;color:var(--ff-faint);max-width:520px;text-wrap:balance}@media (prefers-reduced-motion:reduce){.cc-sbar,.cc-shot,.cc-shot img,.cc-shot.is-on,.cc-tap{transition-duration:1ms!important}}.cc-page .ff-close .ff-h2{text-wrap:balance}