tmx-image-dialog{display:block;font:14px/1.7 var(--font-body-family,Arial,sans-serif)}
tmx-image-dialog .tmx-pilot__dialog button{font:inherit;color:inherit;line-height:1.4;letter-spacing:normal;text-transform:none}
tmx-image-dialog .tmx-pilot__dialog button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
tmx-image-dialog .tmx-pilot__dialog output{display:block}
.tmx-pilot__dialog{box-sizing:border-box;width:min(1080px,96vw);max-inline-size:96vw;max-height:94vh;max-height:94dvh;padding:24px;background:#fff;color:#171717;border:1px solid #e8e8e8;border-radius:24px;box-shadow:0 24px 80px #0000001f;overflow:auto;opacity:0;transform:translateY(8px) scale(.985);transition:opacity 170ms ease,transform 170ms ease;transition-property:opacity,transform,display,overlay;transition-behavior:allow-discrete}
.tmx-pilot__dialog[open]:where(:not([data-detail-closing])){opacity:1;transform:translateY(0) scale(1);transition-duration:220ms}
.tmx-pilot__dialog:modal{overscroll-behavior:contain}
.tmx-pilot__dialog::backdrop{background:#14141433;overflow:hidden;overscroll-behavior:contain;opacity:0;transition:opacity 170ms ease;transition-property:opacity,display,overlay;transition-behavior:allow-discrete}
.tmx-pilot__dialog[open]:where(:not([data-detail-closing]))::backdrop{opacity:1;transition-duration:220ms}
@starting-style{.tmx-pilot__dialog[open]:where(:not([data-detail-closing])){opacity:0;transform:translateY(8px) scale(.985)}.tmx-pilot__dialog[open]:where(:not([data-detail-closing]))::backdrop{opacity:0}}
.tmx-pilot__detail-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block-end:20px}
.tmx-pilot__detail-zoom{display:flex;align-items:center;padding:3px;background:#f4f4f4;border:1px solid #ededed;border-radius:99px}
.tmx-pilot__dialog .tmx-pilot__detail-controls :where(button){display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:99px;padding:8px 12px;background:transparent;cursor:pointer;transition:background-color 140ms ease,color 140ms ease}
.tmx-pilot__dialog .tmx-pilot__detail-zoom button{padding:8px}
.tmx-pilot__dialog .tmx-pilot__detail-reset{border-color:#e9e9e9;font-size:12px;color:#626262;padding-inline:14px}
.tmx-pilot__dialog .tmx-pilot__detail-close{margin-inline-start:auto;border-color:#ededed;padding:8px}
.tmx-pilot__detail-controls button:hover:not([aria-disabled=true]){background-color:#ededed}
.tmx-pilot__detail-controls [aria-disabled=true]{opacity:.4;cursor:default}
.tmx-pilot__detail-controls output{min-width:4.5em;text-align:center;font-size:12px;color:#555;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.tmx-pilot__dialog .tmx-pilot__detail-hint{font-size:11px;line-height:1.65;color:#737373;margin:16px auto 0;max-width:660px;text-align:center}
.tmx-pilot__detail-viewport{height:65vh;height:65dvh;min-height:160px;overflow:auto;overscroll-behavior:contain;scroll-axis-lock:none;scrollbar-gutter:stable;direction:ltr;background:#fff;border:1px solid #f1f1f1;border-radius:14px;touch-action:auto}
.tmx-pilot__detail-viewport:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tmx-pilot__detail-viewport[data-zoomed=true]{cursor:grab}
.tmx-pilot__detail-viewport[data-zoomed=true]:active{cursor:grabbing}
.tmx-pilot__detail-surface{min-width:100%;min-height:100%;display:grid;place-items:center}
.tmx-pilot__dialog .tmx-pilot__detail-surface img{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none}
@media(max-width:600px){.tmx-pilot__dialog{padding:16px;border-radius:20px}.tmx-pilot__detail-controls{gap:8px;margin-block-end:16px}.tmx-pilot__dialog .tmx-pilot__detail-reset{padding-inline:10px;gap:6px}.tmx-pilot__detail-controls output{min-width:4em}.tmx-pilot__dialog .tmx-pilot__detail-hint{margin-block-start:12px}.tmx-pilot__detail-viewport{border-radius:10px}}
@media(max-width:380px){.tmx-pilot__dialog .tmx-pilot__detail-reset{padding:8px}.tmx-pilot__detail-reset span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.tmx-pilot__dialog,.tmx-pilot__dialog::backdrop,.tmx-pilot__dialog[open],.tmx-pilot__dialog[open]::backdrop,.tmx-pilot__dialog .tmx-pilot__detail-controls button{transition:none}.tmx-pilot__dialog,.tmx-pilot__dialog[open]{transform:none}@starting-style{.tmx-pilot__dialog[open]:where(:not([data-detail-closing])){transform:none}}}