.cfs-viewer{z-index:100;color:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#080808;width:100vw;height:100dvh;position:fixed;inset:0}.cfs-viewer-bar{z-index:30;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));background:linear-gradient(#080808b3,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.cfs-viewer-count{letter-spacing:.08em;color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cfs-viewer-icon{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.cfs-viewer-icon svg{width:22px;height:22px}.cfs-viewer-icon:hover{background:#ffffff28}.cfs-viewer-icon:disabled{opacity:.35;cursor:default}.cfs-viewer :focus-visible{outline-offset:3px;outline:2px solid #fff}.cfs-viewer-stage{position:absolute;inset:64px 0 96px;overflow:hidden}.cfs-viewer-nav{z-index:20;color:#fff;cursor:pointer;background:#0004;border:0;border-radius:8px;place-items:center;width:44px;height:56px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cfs-viewer-nav:hover{background:#0008}.cfs-viewer-nav svg{width:30px;height:30px}.cfs-viewer-prev{left:12px}.cfs-viewer-next{right:12px}.cfs-viewer-zoom{z-index:25;right:max(16px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute;bottom:104px}.cfs-viewer-strip{z-index:20;padding:12px 16px max(14px, env(safe-area-inset-bottom));scrollbar-width:none;justify-content:center;gap:6px;display:flex;position:absolute;inset:auto 0 0;overflow-x:auto}.cfs-viewer-strip button{opacity:.45;cursor:pointer;background:#ffffff12;border:0;flex:none;width:48px;height:72px;padding:0;transition:opacity .2s}.cfs-viewer-strip button:hover,.cfs-viewer-strip button[aria-current]{opacity:1}.cfs-viewer-strip button[aria-current]{box-shadow:0 2px #fff}.cfs-viewer-strip img{object-fit:cover;width:100%;height:100%}.cfs-viewer-status{z-index:25;white-space:nowrap;background:#080808e6;border:1px solid #ffffff30;border-radius:24px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.cfs-viewer-status button{color:#fff;cursor:pointer;background:0 0;border:0;text-decoration:underline}.cfs-viewer-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s linear infinite cfs-spin}@keyframes cfs-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.cfs-viewer-stage{inset:56px 0 92px}.cfs-viewer-nav{display:none}}@media (prefers-reduced-motion:reduce){.cfs-viewer-spinner{animation:none}}