.c-resource-visual__inner{align-items:center;display:flex;flex-direction:column;gap:var(--cv2-space-8)}.c-resource-visual__preview,.c-resource-visual__thumb{max-width:var(--rv-max-w,660px);width:100%}.c-resource-visual__thumb img{background-color:var(--cv2-color-border);width:100%}.c-resource-visual__thumb-link{display:block}.c-resource-visual__preview{align-items:center;display:flex;flex-direction:column;gap:var(--cv2-space-4)}.c-resource-visual__heading{font-size:var(--cv2-fs-h4);line-height:var(--cv2-lh-heading-sm);text-align:center}.c-resource-visual__viewport{width:100%}.c-resource-visual__track{display:flex;flex-direction:column;gap:var(--cv2-space-5)}.c-resource-visual__slide{align-items:center;display:flex;flex-direction:column;gap:var(--cv2-space-4)}.c-resource-visual__zoom{background-color:var(--cv2-color-border);border:0;cursor:zoom-in;display:block;padding:0;width:100%}.c-resource-visual__zoom img{aspect-ratio:16/9;background-color:var(--cv2-color-bg-subtle);object-fit:contain;width:100%}.c-resource-visual__caption{color:var(--cv2-color-text);font-size:var(--cv2-fs-body-sm);line-height:var(--cv2-lh-body-sm);text-align:center}.c-resource-visual__preview.is-ready .c-resource-visual__viewport{overflow:hidden;touch-action:pan-y}.c-resource-visual__preview.is-ready .c-resource-visual__track{flex-direction:row;gap:0;transition:transform .4s ease}.c-resource-visual__preview.is-ready .c-resource-visual__slide{flex:0 0 100%}.c-resource-visual__preview.is-ready .c-resource-visual__caption--static{display:none}.c-resource-visual__preview.is-dragging .c-resource-visual__track{transition:none}.c-resource-visual__controls{align-items:center;display:flex;gap:var(--cv2-space-4)}.c-resource-visual__nav{align-items:center;background-color:var(--cv2-color-bg);border:1px solid var(--cv2-color-border);border-radius:var(--cv2-radius-full);color:var(--cv2-color-primary);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:background-color .2s,border-color .2s;width:40px}.c-resource-visual__nav:hover{background-color:var(--cv2-color-primary-light);border-color:var(--cv2-color-primary)}.c-resource-visual__nav:disabled{color:var(--cv2-color-border);cursor:default}.c-resource-visual__nav:disabled:hover{background-color:var(--cv2-color-bg);border-color:var(--cv2-color-border)}.c-resource-visual__icon-prev{transform:scaleX(-1)}.c-resource-visual__counter{color:var(--cv2-color-text-sub);font-size:var(--cv2-fs-body-sm);font-variant-numeric:tabular-nums;line-height:var(--cv2-lh-body-sm);min-width:2.5em;text-align:center}.c-resource-visual__modal{background:transparent;border:0;color:var(--cv2-color-on-dark);height:100%;margin:0;max-height:none;max-width:none;padding:var(--cv2-gutter);width:100%}.c-resource-visual__modal::backdrop{background-color:var(--cv2-color-overlay)}.c-resource-visual__modal[open]{align-items:center;display:flex;justify-content:center}.c-resource-visual__modal-inner{align-items:center;display:flex;flex-direction:column;gap:var(--cv2-space-5);max-width:1088px;width:100%}.c-resource-visual__modal-head{display:flex;justify-content:flex-end;width:100%}.c-resource-visual__close{align-items:center;background:none;border:0;color:var(--cv2-color-on-dark);display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.c-resource-visual__stage{align-items:center;display:flex;gap:var(--cv2-space-5);width:100%}.c-resource-visual__modal-figure{flex:1 1 0;min-width:0;touch-action:pan-y}.c-resource-visual__modal-img{aspect-ratio:16/9;background-color:var(--cv2-color-bg-subtle);max-height:calc(100vh - 200px);object-fit:contain;width:100%}.c-resource-visual__modal-meta{color:var(--cv2-color-on-dark);display:flex;flex-wrap:wrap;font-size:var(--cv2-fs-body);gap:var(--cv2-space-4);justify-content:center;line-height:var(--cv2-lh-body);text-align:center}.c-resource-visual__modal-counter{color:var(--cv2-color-on-dark-sub);font-variant-numeric:tabular-nums}@media (max-width:767px){.c-resource-visual__inner{gap:var(--cv2-space-6)}.c-resource-visual__stage{flex-wrap:wrap;justify-content:center}.c-resource-visual__modal-figure{flex:0 0 100%;order:-1}}