.flip-overlay{z-index:80;color:#fff;background:#2f2d2f;grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.flip-close{z-index:6;color:#fff;cursor:pointer;background:rgba(0,0,0,.35);border:0;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-grid;position:absolute;top:.75rem;right:.75rem}.flip-close:hover{color:#1a1408;background:rgba(197,160,23,.85)}.flip-stage-wrap{z-index:1;min-height:0;position:relative;overflow:hidden}.flip-stage{place-items:center;width:100%;height:100%;min-height:0;padding:1.25rem 3.5rem 1rem;display:grid;overflow:hidden}.flip-book-shadow{filter:drop-shadow(0 22px 36px rgba(0,0,0,.55));place-items:center;display:grid;position:relative}.flip-host{transform-origin:50%;width:min(72rem,100vw - 5rem);height:min(78vh,820px);transition:transform .2s}.flip-host .stf__parent,.flip-book{width:100%;height:100%}.flip-host .stf__item img{object-fit:fill}.flip-side{z-index:4;color:rgba(255,255,255,.85);cursor:pointer;background:rgba(0,0,0,.28);border:0;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.flip-side:hover{color:#fff;background:rgba(255,255,255,.18)}.flip-side.is-prev{left:.55rem}.flip-side.is-next{right:.55rem}.flip-status{color:rgba(255,255,255,.86);justify-items:center;gap:.85rem;font-size:.9rem;display:grid}.flip-meter{background:rgba(255,255,255,.12);border-radius:999px;width:min(16rem,70vw);height:.35rem;overflow:hidden}.flip-meter span{background:linear-gradient(90deg,#c5a017,#f0d37a);height:100%;display:block}.flip-bar{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(24,22,22,.88);border-radius:.55rem;justify-content:center;align-items:center;gap:.35rem;width:max-content;max-width:calc(100vw - 1.5rem);margin:0 auto 1rem;padding:.4rem .55rem;display:flex;position:relative;box-shadow:0 10px 28px -12px rgba(0,0,0,.65)}.flip-icon{color:rgba(255,255,255,.88);cursor:pointer;background:0 0;border:0;border-radius:.35rem;place-items:center;width:2.05rem;height:2.05rem;padding:0;text-decoration:none;display:inline-grid}.flip-icon:hover{background:rgba(255,255,255,.1)}.flip-icon:disabled{cursor:default;opacity:.35}.flip-page-label{color:rgba(255,255,255,.78);text-align:center;font-variant-numeric:tabular-nums;min-width:4.8rem;margin:0 .15rem;font-size:.8rem;font-weight:600}.flip-bar-sep{background:rgba(255,255,255,.14);width:1px;height:1.25rem;margin:0 .2rem}@media (prefers-reduced-motion:reduce){.flip-host{transition:none}}