.cfb{width:100%;max-width:1200px;margin:0 auto;padding:48px 24px;box-sizing:border-box;background:#fff;color:var(--text-color)}.cfb__inner{width:100%;box-sizing:border-box}.cfb__title{font-family:var(--font);font-size:var(--fs-heading);font-weight:var(--fw-normal);line-height:1.15;letter-spacing:-.01em;margin:0 0 28px;color:var(--text-color);text-align:left}.cfb__stage{position:relative;width:100%;min-height:500px;background:transparent;border:0;overflow:visible;display:flex;align-items:center;justify-content:center}.cfb__viewer{width:100%;height:100%;min-height:500px}.cfb__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafaf2;z-index:2;gap:8px;pointer-events:none}.cfb__overlay[hidden]{display:none}.cfb__spinner{width:40px;height:40px;border:3px solid #d2d2d7;border-top-color:#37393b;border-radius:50%;animation:cfb-spin .8s linear infinite}@keyframes cfb-spin{to{transform:rotate(360deg)}}.cfb__overlay-text{margin:12px 0 0;font-size:var(--fs-body);color:var(--text-color)}.cfb__overlay-progress{margin:0;font-size:var(--fs-label);color:var(--text-color-muted);font-variant-numeric:tabular-nums}.cfb__viewer{transition:transform .7s ease}.cfb--at-front .cfb__viewer{transform:translate(-25%)}.cfb--at-back .cfb__viewer{transform:translate(25%)}@media (max-width: 768px){.cfb--at-front .cfb__viewer,.cfb--at-back .cfb__viewer{transform:none}}.cfb__controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}.cfb__controls[hidden]{display:none}.cfb__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d2d2d7;border-radius:0;background:#fff;color:var(--text-color);cursor:pointer;text-decoration:none;font-size:var(--fs-body);line-height:1;padding:0;transition:border-color .15s,background .15s}.cfb__btn--sep{margin-left:12px}.cfb__btn:hover{border-color:#37393b;background:#f5f5f7}.cfb__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cfb__page-info{display:flex;align-items:center;gap:6px;font-size:var(--fs-body);color:var(--text-color);font-variant-numeric:tabular-nums}.cfb__page-input{width:56px;height:36px;padding:0 8px;border:1px solid #d2d2d7;border-radius:4px;background:#fff;text-align:center;font-size:var(--fs-body);color:var(--text-color);font-family:inherit}.cfb__page-input::-webkit-inner-spin-button,.cfb__page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cfb__page-input[type=number]{-moz-appearance:textfield;appearance:textfield}.cfb__page-total{color:var(--text-color-muted)}.cfb:fullscreen{background:#1a1a1a;padding:24px;display:flex;align-items:center;justify-content:center}.cfb:fullscreen .cfb__inner{width:100%;height:100%;display:flex;flex-direction:column}.cfb:fullscreen .cfb__stage{flex:1;background:transparent;border:0}.cfb:fullscreen .cfb__btn{background:#ffffff14;color:var(--text-color-inverse);border-color:#ffffff2e}.cfb:fullscreen .cfb__btn:hover{background:#ffffff29;border-color:#ffffff59}.cfb:fullscreen .cfb__page-info{color:var(--text-color-inverse)}.cfb:fullscreen .cfb__page-input{background:#ffffff14;color:var(--text-color-inverse);border-color:#ffffff2e}.cfb:fullscreen .cfb__page-total{color:#fff9}@media (max-width: 600px){.cfb{padding:32px 16px}.cfb__controls{gap:6px}.cfb__btn--sep{margin-left:6px}}