/* Component-only sizing and interactive states; spacing and type use setting.css. */
#modalNonCovered { z-index: 10050; }
.modal-backdrop.nc-backdrop { z-index: 10040; }
#modalNonCovered .modal-dialog { max-width: 900px; }
#modalNonCovered .modal-body { overscroll-behavior: contain; }
#modalNonCovered .nc-thumb { display: block; background: transparent; cursor: zoom-in; }
#modalNonCovered .nc-thumb img { display: block; height: auto; }
#modalNonCovered .nc-controls { flex-wrap: nowrap; }
#modalNonCovered .nc-controls .swiper-pagination { position: static; display: inline-block; width: auto; min-width: 60px; margin: 0 !important; text-align: center; font-size: 14px; }
#modalNonCovered .nc-controls button { padding: 8px 16px; border: 1px solid var(--main-color); border-radius: 6px; color: var(--main-color); background: transparent; }
#modalNonCovered .nc-controls .swiper-button-disabled { opacity: .35; cursor: default; }
#modalNonCovered .nc-lb { position: fixed; inset: 0; z-index: 1070; background: var(--sub-color); color: var(--white, #fff); }
#modalNonCovered .nc-lb[hidden] { display: none; }
#modalNonCovered .nc-lb-toolbar { height: 72px; }
#modalNonCovered .nc-lb-toolbar button { border: 1px solid currentColor; border-radius: 6px; padding: 8px 12px; background: transparent; color: inherit; }
#modalNonCovered .nc-lb-swiper { height: calc(100% - 112px); width: 100%; }
#modalNonCovered .nc-lb-swiper img { max-height: calc(100vh - 140px); max-width: calc(100vw - 100px); width: auto; height: auto; object-fit: contain; }
#modalNonCovered .nc-lb-swiper .swiper-button-prev,
#modalNonCovered .nc-lb-swiper .swiper-button-next { color: var(--white, #fff); background: transparent; border: 0; --swiper-navigation-size: 26px; }
#modalNonCovered .nc-lb-swiper .swiper-pagination { color: var(--white, #fff); }
#modalNonCovered .nc-lb-hint { height: 40px; font-size: 13px; }
#modalNonCovered .nc-legacy-table { overflow-x: auto; }
@media (max-width: 575px) {
    #modalNonCovered .modal-dialog { margin: 8px; }
    #modalNonCovered .nc-lb-toolbar { font-size: 12px; padding: 8px !important; }
    #modalNonCovered .nc-lb-toolbar button { padding: 8px; }
    #modalNonCovered .nc-lb-swiper img { max-width: 100vw; }
    #modalNonCovered .nc-lb-swiper .swiper-button-prev,
    #modalNonCovered .nc-lb-swiper .swiper-button-next { --swiper-navigation-size: 18px; }
}