.certificate-viewer{background:#e8e5de;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:16px 20px 0;display:grid}.certificate-viewer__tools{justify-content:center;align-items:center;gap:8px;padding:0 48px 12px 0;display:flex}.certificate-viewer__tools button{color:#29452d;cursor:pointer;background:#fff;border:1px solid #abb5a6;border-radius:50%;place-items:center;min-width:44px;min-height:44px;padding:4px;font:500 24px/1 Onest,Arial,sans-serif;display:grid}.certificate-viewer__tools button:hover{background:#edf3e9}.certificate-viewer__tools output{color:#29452d;text-align:center;font-variant-numeric:tabular-nums;min-width:54px;font:500 14px/1.4 Onest,Arial,sans-serif}.certificate-viewer__tools .certificate-viewer__reset{border-radius:8px;padding:8px 12px;font-size:13px}.certificate-viewer__viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;overscroll-behavior:contain;min-height:0;position:relative;overflow:hidden}.certificate-viewer__viewport[data-zoomed=true]{cursor:grab}.certificate-viewer__viewport[data-zoomed=true]:active{cursor:grabbing}.certificate-viewer__viewport:focus-visible{outline-offset:-3px}.certificate-viewer__plane{pointer-events:none;position:absolute;inset:0;container-type:size}.certificate-viewer__plane img{object-fit:contain;width:100%;height:100%;display:block}.certificate-viewer__plane.is-rotated img{width:100cqh;max-width:none;height:100cqw;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.certificate-viewer__hint{color:#465341;text-align:center;margin:0;padding:10px 0;font-size:12px;line-height:1.5}@media (width<=620px){.certificate-viewer{padding:12px 8px 0}.certificate-viewer__tools{justify-content:flex-start;gap:4px;padding-right:48px}.certificate-viewer__tools output{min-width:44px;font-size:12px}.certificate-viewer__tools .certificate-viewer__reset{padding-inline:8px;font-size:12px}.certificate-viewer__hint{font-size:11px}}@media (height<=500px){.certificate-viewer{padding-top:8px}.certificate-viewer__tools{padding-bottom:8px}.certificate-viewer__hint{display:none}.certificate-dialog__footer{padding-block:8px}.certificate-dialog__footer h3{font-size:14px}.certificate-dialog__footer span{display:none}}