:root{--headerHeight:139px}#catalog-detail{isolation:isolate;min-height:calc(100vh - var(--headerHeight));padding-top:24px;position:relative}@media (max-width:992px){#catalog-detail{min-height:auto;padding-top:0}}#catalog-detail .visualize{padding-block:47px 120px}@media (max-width:992px){#catalog-detail .visualize{padding-block:30px 56px;position:relative}}#catalog-detail .visualize-wrapper{align-items:center;display:flex;gap:40px;height:100%;justify-content:center;margin-inline:auto;overflow:hidden;position:relative}@media (max-width:992px){#catalog-detail .visualize-wrapper{gap:0}}#catalog-detail .visualize-wrapper .pdf-viewer{align-items:center;background:#f5f5f5;border-radius:32px;box-shadow:12px 20px 32px 0 rgba(0,0,0,.122);display:flex;height:min(924px,94vh - var(--headerHeight));justify-content:center;min-height:500px;overflow:hidden;width:min(1360px,90%)}@media (max-width:992px){#catalog-detail .visualize-wrapper .pdf-viewer{height:580px;min-height:auto;width:100%}}#catalog-detail .visualize-wrapper .pdf-viewer #flipbook-container{height:100%;width:100%}#catalog-detail .visualize-wrapper .pdf-viewer .book-scale{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}#catalog-detail .visualize-wrapper .pdf-viewer .book-scale #book{background:transparent;border-radius:14px;height:100%;max-height:100%;max-width:100%;width:auto;z-index:10}#catalog-detail .visualize-wrapper .pdf-viewer .book-scale #loading{left:50%;position:absolute;top:50%;translate:-50% -50%}#catalog-detail .visualize-wrapper .arrow{background:#eb141e;border-radius:50%;cursor:pointer;display:grid;height:48px;place-items:center;transition:all .3s ease-in-out;width:48px}@media (max-width:992px){#catalog-detail .visualize-wrapper .arrow{height:40px;position:absolute;top:calc(50% - 20px);width:40px;z-index:2}#catalog-detail .visualize-wrapper .arrow.arrow-prev{left:0}#catalog-detail .visualize-wrapper .arrow.arrow-next{right:0}}#catalog-detail .visualize-wrapper .arrow:hover{background:#c60f18}#catalog-detail .visualize-wrapper .arrow ion-icon{color:#fff;font-size:20px}#catalog-detail .visualize-wrapper #bookScale{cursor:grab;transform-origin:top left}#catalog-detail .visualize-wrapper #bookScale.dragging{cursor:grabbing}#catalog-detail .visualize-wrapper .page{pointer-events:none!important;touch-action:none!important}#catalog-detail .visualize .viewer-controls{align-items:center;background-color:#b0b0b0;border-radius:24px;display:flex;gap:24px;justify-content:center;margin-inline:auto;margin-top:32px;padding:29px 20px;width:min(1360px,90%)}@media (max-width:992px){#catalog-detail .visualize .viewer-controls{gap:8px;margin-top:32px;padding:24px 12px;width:100%}}#catalog-detail .visualize .viewer-controls>div{align-items:center;display:flex;gap:8px}#catalog-detail .visualize .viewer-controls .pagination .arrow{background-color:#eb141e;border-radius:50%;display:grid;height:32px;place-items:center;transition:all .3s ease-in-out;width:32px}#catalog-detail .visualize .viewer-controls .pagination .arrow.last img,#catalog-detail .visualize .viewer-controls .pagination .arrow.next img{transform:rotate(180deg)}#catalog-detail .visualize .viewer-controls .pagination .arrow:disabled{cursor:not-allowed}#catalog-detail .visualize .viewer-controls .pagination .arrow:disabled:hover{background-color:#eb141e!important}#catalog-detail .visualize .viewer-controls .pagination .arrow:hover{background-color:#c60f18}#catalog-detail .visualize .viewer-controls .pagination .arrow img{filter:brightness(0) invert(1);height:17px;width:17px}#catalog-detail .visualize .viewer-controls .page-info{color:#0a0a0a;display:block;font-family:Kanit,sans-serif;font-size:20px;font-weight:400;letter-spacing:.02rem;line-height:1.2}#catalog-detail .visualize .viewer-controls .page-controls .control-btn{background-color:#e7e7e7;border-radius:50%;display:grid;height:32px;place-items:center;transition:all .3s ease-in-out;width:32px}#catalog-detail .visualize .viewer-controls .page-controls .control-btn:hover{background-color:#d1d1d1}#catalog-detail .visualize .viewer-controls .page-controls .control-btn img{height:17px;width:17px}#catalog-detail .visualize .viewer-controls .page-controls .control-btn ion-icon{color:#5d5d5d;font-size:17px}

/*# sourceMappingURL=catalog-detail.css.map*/