.pdf-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;animation:pdfModalFadeIn .3s ease-in-out}.pdf-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pdf-modal__container{position:relative;width:90%;max-width:1200px;height:90vh;margin:5vh auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:pdfModalSlideUp .3s ease-out;overflow:hidden}.pdf-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#0244b3,#0367d4);color:#fff;flex-shrink:0}.pdf-modal__title{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.pdf-modal__title i{font-size:24px}.pdf-modal__close{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:24px;padding:0}.pdf-modal__close:hover{background:#ffffff4d;transform:rotate(90deg)}.pdf-modal__body{flex:1;overflow:hidden;background:#f5f5f5;position:relative}.pdf-modal__iframe{width:100%;height:100%;border:none}.pdf-modal__footer{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px 25px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0}.pdf-modal__footer .button{min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.pdf-modal__footer i{font-size:18px}@keyframes pdfModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pdfModalSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.pdf-modal__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;color:#0244b3}.pdf-modal__spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#0244b3;border-radius:50%;animation:pdfModalSpin 1s linear infinite}@keyframes pdfModalSpin{to{transform:rotate(360deg)}}@media (max-width: 768px){.pdf-modal__container{width:95%;height:95vh;margin:2.5vh auto;border-radius:8px}.pdf-modal__header{padding:15px 20px}.pdf-modal__title{font-size:18px}.pdf-modal__title i{font-size:20px}.pdf-modal__close{width:36px;height:36px;font-size:20px}.pdf-modal__footer{flex-direction:column;gap:10px;padding:15px 20px}.pdf-modal__footer .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/pdf-modal.css.map */