.pdf-viewer-component .currentPage::-webkit-outer-spin-button,.pdf-viewer-component .currentPage::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdf-viewer-component .currentPage[type="number"]{-moz-appearance:textfield}
.pdf-viewer-component .pdf-viewer-component{display:flex;flex-direction:column;height:100vh}
.pdf-viewer-component-header{height:70px;width:100%;padding:10px}
.pdf-viewer-component .toolbar{display:flex;height:70px;position:fixed;left:0;top:0;z-index:2;width:100%;align-items:center;background-color:#555;color:#fff;padding:10px}
.pdf-viewer-component .top-toolbar button{cursor:pointer}
.pdf-viewer-component .viewport-container{flex:1;background:#eee;overflow:auto}
.pdf-viewer-component .viewport{width:90%;margin:10px auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.pdf-viewer-component .viewport>div{text-align:center;max-width:100%}
.pdf-viewer-component .viewport canvas{width:100%;box-shadow:0 2px 5px gray}
.pdf-viewer-component .zoom-buttons{display:flex;align-items:center;gap:8px;margin-right:16px}
.pdf-viewer-component .zoom-btn{background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s}
.pdf-viewer-component .zoom-btn:hover{background-color:rgba(255,255,255,0.4)}
.pdf-viewer-component .zoom-btn:active{background-color:rgba(255,255,255,0.5)}
.pdf-viewer-component .zoom-level{color:white;font-size:14px;min-width:50px;text-align:center}
.pdf-viewer-component .top-toolbar,.pdf-viewer-component .top-toolbar .pdf-viewer-pager,.pdf-viewer-component .top-toolbar .pdf-viewer-pager .page-indicator{display:flex;justify-content:center;align-content:center}
.pdf-viewer-component .top-toolbar .pdf-viewer-pager .page-indicator{align-items:center;display:flex;flex-direction:row;margin-right:8px}
.pdf-viewer-component .top-toolbar .pdf-viewer-pager .page-indicator .total-container{color:#fff;cursor:default;font-family:inherit;font-size:15px;margin:auto;overflow:hidden;text-overflow:ellipsis;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;display:flex;font-weight:bold}
.pdf-viewer-component .top-toolbar .pdf-viewer-pager .page-indicator .total-container .divider{margin:0 5px}
.pdf-viewer-component .top-toolbar .pdf-viewer-pager .separator{border-left:1px solid #cacaca;height:24px;margin:0 8px;opacity:1}
.pdf-viewer-component .dropdown{position:relative;display:inline-block;margin-left:8px}
.pdf-viewer-component .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;right:0;top:20px}
.pdf-viewer-component .dropdown-content::before{content:"\A";position:absolute;top:-5px;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f9f9f9;right:5px}
.pdf-viewer-component .dropdown:hover .dropdown-content{display:block}
.pdf-viewer-component .top-toolbar{justify-content:space-between}
.pdf-viewer-component .top-toolbar .dropdown-content button{display:flex;width:100%;background-color:white;border:0;border-bottom:1px solid black;height:40px;cursor:pointer;justify-content:flex-start;align-items:center;text-transform:capitalize;font-weight:600;padding:0 12px;box-sizing:border-box}
.pdf-viewer-component .top-toolbar.toolbar .right{display:flex}
.pdf-viewer-component .top-toolbar .dropdown-content button:hover{background-color:black;color:white;transition:100ms all ease-in-out}