/* Shared ordered message attachments: member website, app and composer preview. */
.wtm-gallery{--wtm-ink:#142d46;display:grid;gap:10px;margin:12px 0;min-width:0;isolation:isolate}
.wtm-gallery .wtm-item{position:relative;display:block;overflow:hidden;min-width:0;margin:0;border:1px solid #dce4ec;border-radius:14px;background:#e9eff5;color:#fff;text-decoration:none;box-shadow:0 3px 9px #142d4610;line-height:0;touch-action:manipulation}
.wtm-gallery .wtm-item:focus-visible{outline:3px solid #176bdd;outline-offset:3px}
.wtm-gallery img,.wtm-gallery video{display:block;box-sizing:border-box;width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:cover;max-width:none}
.wtm-layout-stack{grid-template-columns:minmax(0,1fr)}
.wtm-layout-stack .wtm-item{min-height:100px}
.wtm-layout-stack .wtm-photo{height:auto;max-height:620px;object-fit:contain;background:#e9eff5}
.wtm-layout-stack .wtm-video{aspect-ratio:16/9}
.wtm-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wtm-layout-grid .wtm-item{aspect-ratio:4/3}
.wtm-layout-feature{grid-template-columns:repeat(3,minmax(0,1fr))}
.wtm-layout-feature .wtm-item{aspect-ratio:4/3}
.wtm-layout-feature .wtm-item:first-child{grid-column:1/-1;aspect-ratio:16/9}
.wtm-gallery .wtm-video{background:linear-gradient(140deg,#233f5b,#102940)}
.wtm-gallery .wtm-preview{position:absolute;inset:0;object-fit:contain;pointer-events:none}
.wtm-gallery .wtm-poster{position:relative;z-index:1;transition:opacity .16s}
.wtm-gallery .is-previewing .wtm-poster{opacity:0}
.wtm-gallery .wtm-play{position:absolute;z-index:2;left:50%;top:50%;width:56px;height:56px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #ffffffc9;border-radius:50%;background:#102b47b8;box-shadow:0 3px 16px #07152455;backdrop-filter:blur(5px);pointer-events:none}
.wtm-gallery .wtm-play svg{width:29px;height:29px;margin-left:2px}
.wtm-gallery .wtm-type{position:absolute;z-index:2;left:10px;bottom:10px;border-radius:20px;padding:5px 9px;background:#102b47cc;font:600 11px/1.2 system-ui,sans-serif;color:#fff;letter-spacing:.02em;pointer-events:none}
.wtm-gallery .is-previewing .wtm-play{opacity:.28}
.wtm-viewer{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#071522f5;color:#fff;box-sizing:border-box;overflow:hidden;z-index:2147483000}
.wtm-viewer:not([open]){display:none}
.wtm-viewer::backdrop{background:#071522e8}
.wtm-viewer-bar{position:absolute;top:0;left:0;right:0;height:60px;padding:env(safe-area-inset-top,0) 18px 0;display:flex;justify-content:space-between;align-items:center;z-index:2;background:linear-gradient(#071522ee,transparent);font:600 14px/1.4 system-ui,sans-serif}
.wtm-viewer .wtm-viewer-content{height:100%;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:70px 64px max(28px,env(safe-area-inset-bottom,0))}
.wtm-viewer-content img,.wtm-viewer-content video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:7px}
.wtm-viewer button{appearance:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #ffffff44;border-radius:50%;background:#ffffff15;color:#fff;box-shadow:none;cursor:pointer;font:400 31px/1 system-ui,sans-serif}
.wtm-viewer button:hover{background:#ffffff30}.wtm-viewer button:focus-visible{outline:3px solid #83b7ff;outline-offset:3px}
.wtm-viewer .wtm-prev,.wtm-viewer .wtm-next{position:absolute;top:50%;transform:translateY(-50%)}
.wtm-viewer .wtm-prev{left:12px}.wtm-viewer .wtm-next{right:12px}.wtm-viewer .wtm-next svg{transform:rotate(180deg)}
.wtm-viewer button svg{width:24px;height:24px}.wtm-viewer [hidden]{display:none!important}
@media(max-width:420px){.wtm-gallery{gap:7px}.wtm-layout-feature{grid-template-columns:repeat(2,minmax(0,1fr))}.wtm-gallery .wtm-item{border-radius:10px}.wtm-gallery .wtm-play{width:42px;height:42px}.wtm-gallery .wtm-play svg{width:24px;height:24px}.wtm-viewer .wtm-viewer-content{padding:66px 5px 74px}.wtm-viewer .wtm-prev,.wtm-viewer .wtm-next{top:auto;bottom:16px;transform:none}.wtm-viewer .wtm-prev{left:calc(50% - 55px)}.wtm-viewer .wtm-next{right:calc(50% - 55px)}}
@media(prefers-reduced-motion:reduce){.wtm-gallery .wtm-poster{transition:none}}
.wtm-feed{max-width:1000px;margin:0 auto;padding:12px 0 32px;color:#173149;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wtm-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.wtm-feed-heading h1{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.035em;color:#142d46}.wtm-feed-heading p{margin:5px 0 0;color:#6c7d8f;font-size:14px}
.wtm-feed .wtm-refresh{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;min-height:42px;box-sizing:border-box;border:1px solid #d4dee8;border-radius:12px;background:#fff;color:#214663;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.wtm-feed-list{display:grid;gap:16px}.wtm-message{min-width:0;padding:20px 22px;border:1px solid #dfe6ec;border-bottom:3px solid #c7d4e1;border-right:3px solid #c7d4e1;border-radius:18px;background:#fff;box-shadow:0 6px 18px #17314906}.wtm-message>header{margin:0 0 12px;color:#6b7d90;font-size:12px;font-weight:650}.wtm-message-body{font-size:15px;line-height:1.65;overflow-wrap:anywhere}.wtm-message-body a{color:#1762b9}.wtm-message .wtm-gallery{margin-bottom:0}.wtm-feed-empty{padding:28px;border:1px dashed #cbd7e2;border-radius:16px;color:#617489;background:#f5f8fb}
@media(max-width:480px){.wtm-message{padding:16px 14px;border-radius:15px}.wtm-message-body{font-size:14px}.wtm-feed-heading{gap:10px}.wtm-feed .wtm-refresh{padding:9px 12px}.wtm-feed-heading p{font-size:12px}}
.wtm-gallery .wtm-item:only-child{grid-column:1/-1}