/* The finished email is one generated image; controls remain outside its artwork. */
.image-email-presentation{width:100%;max-width:100%;color:#fff9f2;font:400 16px/1.6 'DM Sans',Arial,sans-serif}
.image-email-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:#202020}
.image-email-controls button{font:600 14px/1.5 'DM Sans',Arial,sans-serif;border:1px solid #8d898f;border-radius:6px;min-height:44px;padding:10px 14px;color:#fff9f2;background:#202020;cursor:pointer}
.image-email-controls button:disabled{opacity:.6;cursor:default}
.image-email-controls button:focus-visible,.image-email-reader summary:focus-visible{outline:3px solid #d9ff67;outline-offset:3px}
.image-email-reader{background:#202020;color:#fff9f2;padding:0 16px 12px}
.image-email-reader>summary{width:fit-content;max-width:100%;font-size:16px;line-height:1.5;min-height:44px;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.image-email-reader-body{padding:10px 0 18px;overflow-wrap:anywhere}
.image-email-reader-body h2{font-size:24px;line-height:1.2;margin:20px 0 12px;letter-spacing:-.03em}
.image-email-reader-body h3{font-size:20px;line-height:1.3;margin:20px 0 10px}
.image-email-reader-body p{font-size:16px;line-height:1.6;margin:12px 0}
.image-email-reader-body .image-reader-action{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:48px;padding:12px 18px;border:0;border-radius:6px;background:#fff9f2;color:#202020;font:600 16px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer;margin:14px 0}
.image-reader-action:focus-visible{outline:3px solid #d9ff67;outline-offset:3px}
.image-email-failure{padding:16px;margin:0;background:#202020;color:#fff9f2;font-size:16px;line-height:1.6}
.image-email-failure[hidden]{display:none}
.image-email-viewport{max-width:100%;width:100%;overflow:auto;overscroll-behavior:contain;background:#141414}
.concept-email.image-email{position:relative;width:100%;max-width:100%;background:#f5f0e3;font-size:16px;line-height:0;overflow:visible}
.image-email-art{display:block;width:100%;height:auto;max-width:none;margin:0;background:#fff9f2;color:#202020;font:400 16px/1.5 'DM Sans',Arial,sans-serif}
.image-email-hotspot{position:absolute;transform:translateY(-50%);margin:0;padding:0;border:0;border-radius:4px;background:transparent;min-width:44px;min-height:44px;cursor:pointer}
.image-email-hotspot:focus-visible{outline:3px solid #202020;outline-offset:-4px;box-shadow:inset 0 0 0 2px #fff9f2}
.image-email-zoomed .image-email{width:var(--image-native-width);max-width:none}
.image-email-failed .image-email-viewport{display:none}
.image-email-aeren{--image-native-width:820px}.image-email-dayfield{--image-native-width:820px}.image-email-rove{--image-native-width:793px}
/* Coordinates are tied to the immutable artwork selected in email-examples.js. */
.image-link-aeren-0{left:20.7%;top:40.5%;width:58.6%;height:4.1%}
.image-link-aeren-1{left:26.8%;top:90.2%;width:46.4%;height:4.1%}
.image-link-dayfield-0{left:22.2%;top:55.4%;width:55.6%;height:4.3%}
.image-link-dayfield-1{left:22.2%;top:91.9%;width:55.6%;height:4.3%}
.image-link-rove-0{left:6%;top:44.5%;width:47%;height:3.6%}
.image-link-rove-1{left:63%;top:91.4%;width:30%;height:2.9%}
.image-email-hotspot.image-link-footer-preferences{left:17%;top:97.9%;width:31%;height:2%}
.image-email-hotspot.image-link-footer-unsubscribe{left:52%;top:97.9%;width:31%;height:2%}
@media(max-width:600px){.viewer-canvas:has(.image-email-presentation){padding-inline:0}.example-page-main:has(.image-email-presentation){padding-inline:0}}
.image-email-zoomed .image-email-viewport{max-height:75dvh}

.image-link-aeren-0{left:11.4%;top:47.0%;width:76.6%;height:6.88%}
.image-link-aeren-1{left:11.0%;top:87.1%;width:78.0%;height:7.30%}
.image-email-aeren .image-link-footer-preferences{left:25%;top:96.2%;width:24%;height:3.4%}
.image-email-aeren .image-link-footer-unsubscribe{left:51%;top:96.2%;width:24%;height:3.4%}
.image-link-aeren-0{left:10.3%;width:79.6%}
.image-link-aeren-1{left:10.1%;width:80.7%}
.image-email-aeren .image-link-footer-preferences{left:24%;width:25%}
.image-email-aeren .image-link-footer-unsubscribe{left:52%;width:25%}
.image-email-dayfield{--image-native-width:759px}
.image-link-dayfield-0{left:6.0%;top:64.85%;width:88.0%;height:6.81%}
.image-link-dayfield-1{left:5.8%;top:90.82%;width:88.3%;height:5.94%}
.image-email-dayfield .image-link-footer-preferences{left:16%;top:97.2%;width:33%;height:3.6%}
.image-email-dayfield .image-link-footer-unsubscribe{left:52%;top:97.2%;width:33%;height:3.6%}
.image-email-rove{--image-native-width:729px}
.image-link-rove-0{left:5.3%;top:43.42%;width:90.2%;height:5.70%}
.image-link-rove-1{left:5.2%;top:89.06%;width:90.1%;height:6.12%}
.image-email-rove .image-link-footer-preferences{left:3%;top:96.65%;width:47%;height:4%}
.image-email-rove .image-link-footer-unsubscribe{left:53%;top:96.65%;width:44%;height:4%}