.product-screen{min-width:0}.product-screen-open{color:#17394b;background:#fff;border:1px solid #d7e4eb;border-radius:5px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 12px 30px -22px #17394b70}.product-screen-open:hover,.product-screen-open:focus-visible{border-color:#2f7f9d}.product-screen-region{width:100%;aspect-ratio:var(--capture-width) / var(--capture-height);background:#edf6fa;position:relative;overflow:hidden}.product-screen-region>img{width:calc(var(--source-width) / var(--capture-width) * 100%);max-width:none;height:auto;top:calc(var(--capture-y) / var(--capture-height) * -100%);left:calc(var(--capture-x) / var(--capture-width) * -100%);position:absolute}.product-screen-action{color:#526a77;background:#fff;border-top:1px solid #d7e4eb;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.product-screen-action>span{white-space:nowrap;color:#176985;font-weight:650}.screen-viewer-open{overflow:hidden}.screen-viewer-open body{padding-right:var(--screen-scrollbar-gap,0px)}.product-screen-dialog{color:#17394b;background:#fff;border:1px solid #b5cedc;border-radius:14px;width:min(1440px,100vw - 64px);max-width:none;height:min(880px,100dvh - 64px);max-height:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #06111f60}.product-screen-dialog[open]{flex-direction:column;animation:.24s cubic-bezier(.2,.8,.2,1) both screen-viewer-in;display:flex}.product-screen-dialog::backdrop{backdrop-filter:blur(4px);background:#0a1726b8;animation:.24s both screen-backdrop-in}.product-screen-dialog[data-closing=true]{animation:.18s both screen-viewer-out}.product-screen-dialog[data-closing=true]::backdrop{animation:.18s both screen-backdrop-out}.product-screen-toolbar{background:#fff;border-bottom:1px solid #d7e4eb;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.product-screen-toolbar p{color:#17394b;flex:1;min-width:120px;margin:0;font-size:16px;font-weight:650}.product-screen-toolbar p span{color:#526a77;font-size:12px;font-weight:400;display:block}.product-screen-controls{gap:8px;display:flex}.product-screen-controls button{min-height:44px;font:inherit;cursor:pointer;color:#17394b;background:#f1f7fa;border:1px solid #c7dce7;border-radius:6px;padding:10px 14px;font-size:13px;transition:background-color .15s}.product-screen-controls button:hover{background:#dfedf4}.product-screen-controls [data-screen-close]{color:#fff;background:#1c252b;border-color:#1c252b}.product-screen-controls [data-screen-close]:hover{background:#34464f}.product-screen-full{overscroll-behavior:contain;background:#edf3f7;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex;position:relative;overflow:auto}.product-screen-full img{object-fit:contain;cursor:zoom-in;opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .16s;display:block}.product-screen-full[data-loaded=true] img{opacity:1}.product-screen-loading{text-align:center;color:#526a77;font-size:14px;position:absolute;inset:50% 20px auto}.product-screen-dialog[data-zoomed=true] .product-screen-full{display:block}.product-screen-dialog[data-zoomed=true] .product-screen-full img{width:var(--screen-image-width);cursor:zoom-out;max-width:none;height:auto;max-height:none;margin-inline:auto}.product-screen-hint{color:#526a77;border-top:1px solid #d7e4eb;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:6px 18px;margin:0;padding:14px 20px;font-size:13px;line-height:1.6;display:flex}.product-screen-hint a{color:#176985;text-underline-offset:3px;text-decoration:underline}@keyframes screen-viewer-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes screen-viewer-out{to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes screen-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes screen-backdrop-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.product-screen-dialog,.product-screen-dialog::backdrop,.product-screen-dialog *,.product-screen-dialog[data-closing=true]::backdrop{transition:none!important;animation:none!important}}.billing-charge-capture{margin-top:36px}@media (width<=680px){.product-screen-action{gap:8px;padding:10px;font-size:11px}.product-screen-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.product-screen-toolbar{gap:12px;padding:12px}.product-screen-toolbar p span{font-size:11px}.product-screen-full{padding:12px}.product-screen-controls button{padding-inline:12px}.product-screen-hint{padding:12px;font-size:12px}}
