.erp-artwork-zoom-host{position:relative;min-width:0;max-width:100%}.erp-artwork-zoom-host>a{max-width:100%}.erp-artwork-zoom-host>button.erp-artwork-trigger{position:absolute;box-sizing:border-box;top:0;left:0;width:0;height:0;z-index:2;display:block;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:zoom-in;pointer-events:auto;touch-action:manipulation}.erp-artwork-zoom-host>button.erp-artwork-trigger:hover,.erp-artwork-zoom-host>button.erp-artwork-trigger:active{background:transparent;box-shadow:none}.erp-artwork-zoom-host>button.erp-artwork-trigger:focus-visible{outline:3px solid #30d5c8;outline-offset:-3px}.erp-artwork-dialog button:focus-visible,.erp-artwork-dialog__viewport:focus-visible{outline:3px solid #30d5c8;outline-offset:3px}.erp-artwork-magnifier{position:fixed;z-index:32;overflow:hidden;box-sizing:border-box;border:2px solid #36d8c2;border-radius:16px;background:#eef7fb;box-shadow:0 16px 48px #07122260;pointer-events:none}.erp-artwork-magnifier[hidden]{display:none}.erp-artwork-magnifier>img{position:absolute;display:block;max-width:none;max-height:none;margin:0;object-fit:contain}.erp-artwork-magnifier>span{position:absolute;inset-inline:0;bottom:0;padding:6px 10px;color:#f1fcff;background:#092438eb;font:600 11px/1.4 DM Sans,system-ui,sans-serif;text-align:center}html.erp-artwork-viewer-open{overflow:hidden}.erp-artwork-dialog{position:fixed;top:12px;right:12px;bottom:12px;left:12px;box-sizing:border-box;width:calc(100% - 24px);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;margin:auto;padding:16px;overflow:hidden;border:1px solid #36536e;border-radius:16px;background:#0c1d30;color:#eef6ff;box-shadow:0 20px 80px #02091680;font-family:DM Sans,system-ui,sans-serif}.erp-artwork-dialog[open]{display:flex;flex-direction:column;gap:10px}.erp-artwork-dialog::backdrop{background:#020916d9}.erp-artwork-dialog__header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:16px}.erp-artwork-dialog .erp-artwork-dialog__header>h2{min-width:0;margin:0;color:inherit;font:650 18px/1.4 DM Sans,system-ui,sans-serif;overflow-wrap:anywhere}.erp-artwork-dialog button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;margin:0;padding:10px 14px;border:1px solid #456680;border-radius:9px;background:#163249;color:#eef6ff;font:600 14px/1.3 DM Sans,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.erp-artwork-dialog button:disabled{opacity:.45;cursor:default}.erp-artwork-dialog .erp-artwork-dialog__close{border-color:#35d7c5}.erp-artwork-dialog__toolbar{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;gap:8px}.erp-artwork-dialog__toolbar>output{min-width:58px;color:#b6e8e3;font-size:14px;font-variant-numeric:tabular-nums;text-align:center}.erp-artwork-dialog .erp-artwork-dialog__help{flex:0 0 auto;margin:0;color:#bbcee1;font-size:12px;line-height:1.55}.erp-artwork-dialog .erp-artwork-dialog__status{margin:0;color:#b6e8e3;font-size:12px;line-height:1.55}.erp-artwork-dialog [hidden]{display:none}.erp-artwork-dialog__viewport{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #36536e;border-radius:10px;background:#eaf2f8;touch-action:auto}.erp-artwork-dialog__canvas{display:grid;place-items:center;box-sizing:border-box}.erp-artwork-dialog .erp-artwork-dialog__image{display:block;max-width:none;max-height:none;margin:0;object-fit:contain;border:0;border-radius:0;-webkit-user-select:none;user-select:none;touch-action:auto}@media(max-width:600px){.erp-artwork-dialog{top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.erp-artwork-dialog .erp-artwork-dialog__header>h2{font-size:15px}}@media(hover:none),(pointer:coarse){.erp-artwork-magnifier{display:none!important}}@media(prefers-reduced-motion:reduce){.erp-artwork-trigger,.erp-artwork-dialog,.erp-artwork-dialog__viewport{animation:none;transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/erp-artwork-zoom.css.map */
