#toolbar{display:flex;justify-content:center;align-items:center;background-color:#777;padding:10px;width:fit-content;margin:0 auto;border-radius:10px}#toolbar button,#toolbar span{color:#fff;background:none;border:none;cursor:pointer;font-size:16px}#toolbar .icon{font-size:20px}.toolbar-img{height:18px!important}#preview-container{display:flex;justify-content:center;padding-top:20px;overflow-x:auto;height:200px;align-items:center}.preview-page{width:100px;padding:0 5px}.preview-page img{width:100%;height:auto;cursor:pointer}#page-number{padding-top:10px}.blue-background,.white_background{background-color:#2737cc}.blanck-space{width:30px}#current-page-info{padding:0 5px}.nav-arrow{position:absolute;top:50%;background:none;border:none;cursor:pointer;transform:translateY(-50%);z-index:10;opacity:.6;transition:opacity 0.3s}.nav-arrow:hover{opacity:1}.left-arrow{left:10px}.right-arrow{right:10px}.arrow-img{width:40px;height:40px}.preview-page{width:100px;padding:0 5px;transition:transform 0.3s ease,opacity 0.3s ease}.preview-page img{width:100%;height:auto;cursor:pointer;transition:transform 0.3s ease}.preview-page:hover{transform:scale(1.5);z-index:1;opacity:1}.blue-background{background-color:#2737cc}#magazine-container{display:flex;justify-content:center;padding:0 20px;position:relative}@media screen and (max-width:768px){.page{width:100%;margin:0;text-align:-webkit-center}.hidden{display:none}}.page{width:552px;position:relative;margin:0 10px}.page img{max-width:552px;width:100%;height:auto;border:1px solid #ccc}.arrow{background:none;border:none;cursor:pointer;padding:0;z-index:10;opacity:.8;transition:opacity 0.3s ease}.arrow:hover{opacity:1}.arrow svg{fill:#fff}.arrow svg{width:40px;height:40px}#copy-message{display:none;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px;border-radius:5px;opacity:.9;z-index:99999}