.cf-viewer{--cf-v-black:var(--color-black,var(--black,#0e0e0e));--cf-v-on:var(--color-on-black,var(--on-black,#f4f4f2));--cf-v-on-2:var(--color-on-black-2,var(--on-black-2,#cfcfcb));--cf-v-hair:#f4f4f247;border-radius:var(--radius-pane,var(--r-pane,26px));background:var(--cf-v-black);color:var(--cf-v-on);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.cf-viewer__stage{aspect-ratio:16/10;background:radial-gradient(115% 85% at 50% 42%, #1a1a19 0%, #121211 45%, var(--cf-v-black) 78%);outline:none;min-height:220px;position:relative}.cf-viewer__stage[role=application]{cursor:grab}.cf-viewer__stage[role=application]:active{cursor:grabbing}.cf-viewer__stage:focus-visible:after{content:"";border:2px solid var(--cf-v-on);border-radius:calc(var(--radius-pane,var(--r-pane,26px)) - 8px);pointer-events:none;position:absolute;inset:8px}.cf-viewer__poster{object-fit:cover;width:100%;height:100%;transition:opacity .42s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), visibility 0s linear .42s;display:block;position:absolute;inset:0}.cf-viewer__canvas{opacity:0;transition:opacity .42s var(--ease-out,cubic-bezier(.23, 1, .32, 1));position:absolute;inset:0}.cf-viewer[data-phase=ready] .cf-viewer__canvas{opacity:1}.cf-viewer[data-phase=ready] .cf-viewer__poster{opacity:0;visibility:hidden}.cf-viewer__dims{pointer-events:none;position:absolute;inset:0}.cf-viewer__dims[hidden]{display:none}.cf-viewer__dim{border:1px solid var(--cf-v-hair);color:var(--cf-v-on);white-space:nowrap;will-change:transform;background:#0e0e0ed1;border-radius:999px;padding:3px 10px;font-size:.8125rem;font-weight:540;line-height:1.3;position:absolute;top:0;left:0}.cf-viewer__dim.is-hidden{visibility:hidden}.cf-viewer__status{color:var(--cf-v-on);align-items:center;gap:12px;margin:0;font-size:.8125rem;font-weight:540;display:flex;position:absolute;bottom:16px;left:16px}.cf-viewer__status:empty{display:none}.cf-viewer__bar{background:var(--cf-v-hair);border-radius:2px;width:96px;height:2px;display:block;position:relative;overflow:hidden}.cf-viewer__bar-fill{background:var(--cf-v-on);transform-origin:0;transition:transform .18s linear;position:absolute;inset:0;transform:scaleX(.08)}.cf-viewer__note{border:1px solid var(--cf-v-hair);border-radius:var(--radius-control,var(--r-control,12px));color:var(--cf-v-on);background:#0e0e0ee0;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:.875rem;line-height:1.45;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.cf-viewer__note svg{flex:none;margin-top:1px}.cf-viewer__note strong{font-weight:620}.cf-viewer__bar-row{border-top:1px solid #f4f4f21a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px 16px;display:flex}.cf-viewer__bar-row[hidden]{display:none}.cf-viewer__group{flex-wrap:nowrap;gap:6px;display:flex}.cf-viewer__group--views{border:1px solid var(--cf-v-hair);border-radius:999px;gap:0}.cf-viewer__btn{border:1px solid var(--cf-v-hair);min-width:40px;min-height:40px;color:var(--cf-v-on);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color .18s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), background-color .18s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), color .18s linear;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:.8125rem;font-weight:540;line-height:1;display:inline-flex;position:relative}.cf-viewer__btn svg{flex:none}.cf-viewer__group--views .cf-viewer__btn{border:0;border-radius:0;min-height:38px}.cf-viewer__group--views .cf-viewer__btn+.cf-viewer__btn{border-left:1px solid var(--cf-v-hair)}.cf-viewer__group--views .cf-viewer__btn:first-child{border-radius:999px 0 0 999px;padding-left:12px}.cf-viewer__group--views .cf-viewer__btn:last-child{border-radius:0 999px 999px 0;padding-right:14px}.cf-viewer__btn:hover{border-color:#f4f4f2b3}.cf-viewer__group--views .cf-viewer__btn:hover{background:#f4f4f21a}.cf-viewer__group--views .cf-viewer__btn+.cf-viewer__btn:hover{border-color:var(--cf-v-hair)}.cf-viewer__btn:active{transform:translateY(1px)}.cf-viewer__btn:focus-visible{z-index:1;outline:2px solid var(--cf-v-on);outline-offset:2px}.cf-viewer__group--views .cf-viewer__btn:focus-visible{outline-offset:-2px}.cf-viewer__btn[aria-pressed=true]{border-color:var(--cf-v-on);background:var(--cf-v-on);color:var(--cf-v-black)}.cf-viewer__summary{color:var(--cf-v-on-2);flex-basis:100%;margin:2px 0 0;font-size:.8125rem;font-weight:520}.cf-viewer__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.cf-viewer{border-radius:var(--radius-pane-sm,var(--r-pane-sm,20px))}}@container (max-width:639.98px){.cf-viewer__group--views .cf-viewer__btn,.cf-viewer__group--views .cf-viewer__btn:first-child,.cf-viewer__group--views .cf-viewer__btn:last-child{min-width:44px;padding:0}.cf-viewer__group--views .cf-viewer__btn-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container (max-width:499.98px){.cf-viewer__bar-row{padding:10px 12px 12px}.cf-viewer__group--views .cf-viewer__btn{min-height:42px}.cf-viewer__group--toggles .cf-viewer__btn{min-width:44px;min-height:44px;padding:0}.cf-viewer__group--toggles .cf-viewer__btn-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@container (max-width:351.98px){.cf-viewer__group--views .cf-viewer__btn,.cf-viewer__group--views .cf-viewer__btn:first-child,.cf-viewer__group--views .cf-viewer__btn:last-child{min-width:38px}.cf-viewer__group--toggles .cf-viewer__btn{min-width:40px}}@container (max-width:560px){.cf-viewer__stage{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.cf-viewer__poster,.cf-viewer__canvas,.cf-viewer__bar-fill,.cf-viewer__btn{transition:none}}
