.og-share-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.og-share-metrics>div{padding:12px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff04}.og-share-metrics b{display:block;font-size:17px;color:inherit}.og-share-metrics span{display:block;font-size:9px;letter-spacing:.04em;color:#a6b39d;margin-top:6px}.og-share-metrics small{grid-column:1/-1;font-size:10px;line-height:1.6;color:#a6b39d}.og-share-preview{position:fixed;inset:0;z-index:100200;display:flex;align-items:center;justify-content:center;background:#000b;padding:20px;font:14px system-ui;color:#eee;overscroll-behavior:contain}.og-share-box{width:min(520px,100%);max-height:92dvh;overflow:auto;background:#141814;border:1px solid #ffffff25;border-radius:22px;padding:18px}.og-share-box header{display:flex;align-items:center;justify-content:space-between;gap:12px}.og-share-box h2{font-size:18px;font-weight:750}.og-share-box button{padding:10px 16px;min-height:44px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff08;color:inherit;font:650 13px system-ui;cursor:pointer}.og-share-box .og-share-close{font-size:24px;padding:2px 15px}.og-share-status{font-size:12px;line-height:1.5;color:#b6c2ad;margin:10px 0}.og-share-image{display:block;width:100%;border-radius:12px;min-height:0}.og-share-image:not([src]){display:none}.og-share-box footer{position:sticky;bottom:-18px;display:flex;gap:10px;padding:14px 0;background:inherit;margin-top:10px}.og-share-box footer button{flex:1}.og-share-box .og-share-send{background:#D19A4A;color:#152013;border-color:#D19A4A}.og-share-box button:disabled{opacity:.45;cursor:default}.og-share-box small{display:block;font-size:10px;line-height:1.5;color:#9cad92}.og-share-box :focus-visible{outline:2px solid #D19A4A;outline-offset:3px}html[data-offgrid-theme=light] .og-share-box{background:#fff;color:#243025;border-color:#dce4d8}html[data-offgrid-theme=light] .og-share-box button,html[data-offgrid-theme=light] .og-share-metrics>div{background:#edf3e7;color:#0B2A3A;border-color:#cfddc6}html[data-offgrid-theme=light] .og-share-box .og-share-send{background:#0B2A3A;color:#fff;border-color:#0B2A3A}html[data-offgrid-theme=light] .og-share-status,html[data-offgrid-theme=light] .og-share-box small,html[data-offgrid-theme=light] .og-share-metrics span,html[data-offgrid-theme=light] .og-share-metrics small{color:#61715f}@media(max-width:520px){.og-share-preview{padding:10px}.og-share-box{padding:14px;max-height:94dvh;border-radius:18px}.og-share-box footer{bottom:-14px}}
/* Keep the complete card and its actions inside the available screen. */
.og-share-preview{box-sizing:border-box;padding:16px}.og-share-box{box-sizing:border-box;display:flex;flex-direction:column;height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;gap:10px}.og-share-box header,.og-share-status,.og-share-box footer,.og-share-box>small{flex-shrink:0}.og-share-box h2{margin:0}.og-share-status{margin:0}.og-share-image{flex:1 1 0;height:0;min-height:0;object-fit:contain;border-radius:8px}.og-share-box footer{position:static;bottom:auto;margin:0;padding:10px 0 0;border-top:1px solid #ffffff20;background:inherit;z-index:1}.og-share-box footer button{min-height:50px;font-size:14px}.og-share-box .og-share-send{font-weight:800;box-shadow:0 3px 12px #0003}.og-share-box>small{margin:0}#og-trail-details [data-trail-action=share]{display:block;width:100%;margin:12px 0 6px;background:#D19A4A;color:#152013;border-color:#D19A4A;min-height:50px;font-size:14px;font-weight:800}html[data-offgrid-theme=light] #og-trail-details [data-trail-action=share]{background:#0B2A3A;color:#fff;border-color:#0B2A3A}html[data-offgrid-theme=light] .og-share-box footer{border-color:#cfddc6}@media(max-width:520px){.og-share-preview{padding:10px}.og-share-box{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:14px;gap:8px}.og-share-box footer{bottom:auto;padding-bottom:env(safe-area-inset-bottom,0px)}}
@supports not (height:100dvh){.og-share-box{height:calc(100vh - 32px);max-height:calc(100vh - 32px)}@media(max-width:520px){.og-share-box{height:calc(100vh - 20px);max-height:calc(100vh - 20px)}}}
.og-share-preview{background:#0b2a3a55!important;backdrop-filter:blur(12px)}.og-share-box{background:#f8f5ef!important;color:#0b2a3a!important;border:1px solid #0b2a3a20!important;box-shadow:0 24px 80px #0b2a3a38!important}.og-share-box header{background:transparent!important;border:0!important}.og-share-box h2,.og-share-box p,.og-share-box small{color:#0b2a3a!important}.og-share-box button{background:#fffdf8!important;color:#0b2a3a!important;border-color:#0b2a3a20!important}.og-share-box .og-share-transparent{background:#eadcc8!important;color:#0b2a3a!important;font-weight:800}.og-share-box .og-share-send{background:#0b2a3a!important;color:#fff!important;border-color:#0b2a3a!important}.og-share-box footer{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;border-color:#0b2a3a20!important}.og-share-image{background:#fffdf8!important;border:1px solid #0b2a3a18!important}@media(max-width:520px){.og-share-box footer{grid-template-columns:1fr 1fr!important}.og-share-box .og-share-send{grid-column:1/-1}}
.og-trail-mode{border:0;padding:0;margin:4px 0 14px}.og-trail-mode legend{font-size:18px;font-weight:800;margin-bottom:12px;color:inherit}.og-trail-mode>div{display:flex;gap:8px;flex-wrap:wrap}#og-trail-details .og-trail-mode button{flex:1;margin:0;min-width:85px;min-height:50px;font-size:14px}#og-trail-details .og-trail-mode button[aria-pressed=true]{background:#D19A4A;color:#152013;border-color:#D19A4A}.og-trail-photo-reminder{padding:12px;border:1px solid #D19A4A44;border-radius:12px;background:#D19A4A0b;line-height:1.6}.og-trail-mode-label{font-weight:800}html[data-offgrid-theme=light] #og-trail-details .og-trail-mode button{background:#edf3e7;color:#0B2A3A;border-color:#cfddc6}html[data-offgrid-theme=light] #og-trail-details .og-trail-mode button[aria-pressed=true]{background:#0B2A3A;color:#fff;border-color:#0B2A3A}html[data-offgrid-theme=light] .og-trail-photo-reminder{background:#edf3e7;border-color:#cfddc6;color:#0B2A3A}

html[data-offgrid-brand='200'] body .og-share-box>header{background:transparent!important;color:#0b2a3a!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-offgrid-brand='200'] body .og-share-box>header h2{color:#0b2a3a!important}