/* Eddie Vault 1.9.29 — consolidated mobile workspace. This replaces the stacked 1.9.10–1.9.27 mobile override layers with one intentional layout: fixed top navigation, Library/Details drawers, a top-anchored crop shelf, and a media stage that fits without page scroll. */ .eddie-vault-shell__mobile-actions, .eddie-vault-shell__mobile-overlay, .eddie-my-vault-viewer__side-close, .eddie-vault-shell__mobile-cropbar { display: none; } @media (max-width: 860px) { html.eddie-vault-mobile-layout-active, html.eddie-vault-mobile-layout-active body.eddie-my-vault-page, body.eddie-my-vault-page.eddie-vault-mobile-layout-active, body.eddie-my-vault-page { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; overflow: hidden !important; overscroll-behavior: none !important; } html.eddie-vault-mobile-drawer-open, html.eddie-vault-mobile-drawer-open body.eddie-my-vault-page, body.eddie-my-vault-page.eddie-vault-mobile-drawer-open, body.eddie-my-vault-page.eddie-vault-menu-open { overflow: hidden !important; overscroll-behavior: none !important; touch-action: none; } body.eddie-my-vault-page .eddie-my-vault-route, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-route { width: 100% !important; max-width: 100% !important; height: 100svh !important; height: 100dvh !important; min-height: 100svh !important; min-height: 100dvh !important; padding: 0 !important; overflow: hidden !important; background: radial-gradient(circle at 15% -8%, rgba(33, 113, 181, 0.18), transparent 38%), linear-gradient(180deg, #05080d 0%, #06101d 100%) !important; } body.eddie-my-vault-page .eddie-my-vault, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault, body.eddie-my-vault-page .eddie-my-vault--shell, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell { --eddie-vault-mobile-mainbar-h: 52px; --eddie-vault-mobile-panelbar-h: 42px; --eddie-vault-mobile-nav-h: calc(var(--eddie-vault-mobile-mainbar-h) + var(--eddie-vault-mobile-panelbar-h)); --eddie-vault-mobile-cropbar-h: 0px; width: 100% !important; max-width: none !important; height: 100svh !important; height: 100dvh !important; min-height: 0 !important; max-height: 100svh !important; max-height: 100dvh !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /* Top navigation: simple text/icons, no stacked pill-box look. */ body.eddie-my-vault-page .eddie-my-vault__nav, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav, body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__nav, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__nav { position: relative !important; top: auto !important; z-index: 310 !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: max(4px, env(safe-area-inset-top, 0px)) 10px 0 !important; border: 0 !important; border-radius: 0 !important; border-bottom: 1px solid rgba(145, 203, 255, 0.12) !important; background: radial-gradient(circle at 12% 0%, rgba(33, 113, 181, 0.14), transparent 40%), rgba(5, 10, 17, 0.985) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; box-sizing: border-box !important; } body.eddie-my-vault-page .eddie-my-vault__toprow, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__toprow, body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__toprow, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__toprow { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; min-height: var(--eddie-vault-mobile-mainbar-h) !important; height: var(--eddie-vault-mobile-mainbar-h) !important; min-width: 0 !important; box-sizing: border-box !important; } body.eddie-my-vault-page .eddie-my-vault__brand, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__brand { flex: 1 1 auto !important; min-width: 0 !important; gap: 9px !important; } body.eddie-my-vault-page .eddie-my-vault__brand-title, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__brand-title { display: inline-block !important; min-width: 0 !important; max-width: 46vw !important; overflow: hidden !important; color: #f8fbff !important; font-size: 16px !important; font-weight: 950 !important; line-height: 1 !important; letter-spacing: -0.035em !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-decoration: none !important; } body.eddie-my-vault-page .eddie-my-vault__menu-btn, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__menu-btn { flex: 0 0 auto !important; display: inline-flex !important; flex-direction: column !important; justify-content: center !important; gap: 4px !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #eef6ff !important; box-shadow: none !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent; } body.eddie-my-vault-page .eddie-my-vault__menu-btn span, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__menu-btn span { display: block !important; width: 22px !important; height: 2px !important; margin: 0 auto !important; border-radius: 999px !important; background: currentColor !important; } body.eddie-my-vault-page .eddie-my-vault__nav-actions, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: nowrap !important; gap: 8px !important; min-width: 0 !important; max-width: 54vw !important; overflow: hidden !important; } body.eddie-my-vault-page .eddie-my-vault__nav-link, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link, body.eddie-my-vault-page .eddie-my-vault__member-badge, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__member-badge { flex: 0 1 auto !important; min-width: 0 !important; min-height: 34px !important; height: 34px !important; max-width: 118px !important; padding: 0 2px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(238, 246, 255, 0.78) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: -0.015em !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-decoration: none !important; } body.eddie-my-vault-page .eddie-my-vault__nav-link--primary, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link--primary, body.eddie-my-vault-page .eddie-my-vault__nav-link--upgrade, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link--upgrade { color: #9fd0ff !important; } body.eddie-my-vault-page .eddie-my-vault__nav-link:hover, body.eddie-my-vault-page .eddie-my-vault__nav-link:focus-visible, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link:hover, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link:focus-visible { color: #ffffff !important; outline: none !important; } /* Library / Details rail directly below the main bar. */ body.eddie-my-vault-page .eddie-my-vault__workspace-row, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-row, body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__workspace-row, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__workspace-row { display: block !important; width: 100% !important; min-height: var(--eddie-vault-mobile-panelbar-h) !important; height: var(--eddie-vault-mobile-panelbar-h) !important; margin: 0 !important; padding: 4px 0 6px !important; border-top: 1px solid rgba(145, 203, 255, 0.08) !important; background: transparent !important; box-sizing: border-box !important; } body.eddie-my-vault-page .eddie-my-vault__workspace-switch, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-switch { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; height: 100% !important; min-width: 0 !important; } body.eddie-my-vault-page .eddie-my-vault__workspace-btn, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 0 !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(238, 246, 255, 0.72) !important; box-shadow: none !important; font: inherit !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: -0.02em !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent; } body.eddie-my-vault-page .eddie-my-vault__workspace-btn::after, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn::after { content: '' !important; position: absolute !important; left: 14px !important; right: 14px !important; bottom: -6px !important; height: 2px !important; border-radius: 999px !important; background: #4da3ff !important; opacity: 0 !important; transform: scaleX(.3) !important; transition: opacity 170ms ease, transform 170ms ease !important; } body.eddie-my-vault-page .eddie-my-vault__workspace-btn.is-active, body.eddie-my-vault-page .eddie-my-vault__workspace-btn:focus-visible, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn.is-active, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn:focus-visible { color: #ffffff !important; outline: none !important; } body.eddie-my-vault-page .eddie-my-vault__workspace-btn.is-active::after, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn.is-active::after { opacity: 1 !important; transform: scaleX(1) !important; } body.eddie-my-vault-page .eddie-my-vault__workspace-btn span, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__workspace-btn span { display: inline-grid !important; place-items: center !important; width: 18px !important; height: 18px !important; color: #9fd0ff !important; line-height: 1 !important; font-size: 13px !important; } /* The older bottom duplicate actions stay hidden; the top rail is the source of truth. */ body.eddie-my-vault-page .eddie-vault-shell__mobile-actions, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-actions, body.eddie-my-vault-page .eddie-vault-shell__browse, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__browse { display: none !important; pointer-events: none !important; } /* Main workspace. */ body.eddie-my-vault-page .eddie-vault-shell, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell { position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; min-height: 0 !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; display: block !important; overflow: hidden !important; background: #050910 !important; border-radius: 0 !important; } body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-mobile-vault-layout, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-mobile-vault-layout { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #050910 !important; overflow: hidden !important; --eddie-vault-mobile-cropbar-h: 0px; } body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-mobile-cropbar-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-mobile-cropbar-open { --eddie-vault-mobile-cropbar-h: var(--eddie-vault-mobile-cropbar-measured-h, 124px); } /* Top crop shelf. It is part of the layout, not a floating bubble. */ body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar, body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline > .eddie-vault-shell__mobile-cropbar, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline > .eddie-vault-shell__mobile-cropbar { order: 0 !important; flex: 0 0 auto !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) minmax(118px, auto) !important; grid-template-areas: "close copy download" "ratios ratios ratios" !important; align-items: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 max(10px, env(safe-area-inset-right, 0px)) 0 max(10px, env(safe-area-inset-left, 0px)) !important; border: 0 !important; border-radius: 0 !important; border-bottom: 0 solid rgba(145, 203, 255, 0.12) !important; background: radial-gradient(circle at 18% 0%, rgba(33, 113, 181, 0.16), transparent 48%), linear-gradient(180deg, rgba(5, 10, 17, 0.995), rgba(5, 9, 16, 0.98)) !important; box-shadow: none !important; color: #f7fbff !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow: hidden !important; transform: translate3d(0, -100%, 0) !important; transform-origin: top center !important; box-sizing: border-box !important; transition: max-height 300ms cubic-bezier(.22, .61, .36, 1), padding-top 300ms cubic-bezier(.22, .61, .36, 1), padding-bottom 300ms cubic-bezier(.22, .61, .36, 1), opacity 210ms ease, transform 300ms cubic-bezier(.22, .61, .36, 1), border-bottom-width 300ms ease, visibility 0ms linear 300ms !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar.is-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar.is-open, body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile > .eddie-vault-shell__mobile-cropbar.is-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile > .eddie-vault-shell__mobile-cropbar.is-open { max-height: 180px !important; padding-top: 9px !important; padding-bottom: 10px !important; border-bottom-width: 1px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(0, 0, 0) !important; transition: max-height 300ms cubic-bezier(.22, .61, .36, 1), padding-top 300ms cubic-bezier(.22, .61, .36, 1), padding-bottom 300ms cubic-bezier(.22, .61, .36, 1), opacity 210ms ease, transform 300ms cubic-bezier(.22, .61, .36, 1), border-bottom-width 300ms ease, visibility 0ms linear 0ms !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-close, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-close { grid-area: close !important; display: inline-grid !important; place-items: center !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(238, 246, 255, 0.74) !important; box-shadow: none !important; font-size: 24px !important; line-height: 1 !important; cursor: pointer !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy { grid-area: copy !important; min-width: 0 !important; overflow: hidden !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy span, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy span { display: block !important; color: #8cc9ff !important; font-size: 9px !important; font-weight: 950 !important; letter-spacing: .13em !important; line-height: 1 !important; text-transform: uppercase !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy strong, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy strong { display: block !important; margin-top: 3px !important; overflow: hidden !important; color: #ffffff !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-download, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-download { grid-area: download !important; justify-self: end !important; min-width: 0 !important; min-height: 34px !important; height: 34px !important; padding: 0 12px !important; border-radius: 999px !important; font-size: 11px !important; white-space: nowrap !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios { grid-area: ratios !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 7px !important; width: 100% !important; min-width: 0 !important; padding-top: 2px !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios[hidden], body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios[hidden] { display: none !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; min-width: 0 !important; min-height: 34px !important; padding: 5px 4px !important; border: 1px solid rgba(145, 203, 255, 0.14) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.045) !important; color: rgba(238, 246, 255, 0.76) !important; font: inherit !important; cursor: pointer !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button strong, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button strong { font-size: 11px !important; font-weight: 950 !important; line-height: 1 !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button span, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button span { font-size: 8.5px !important; font-weight: 900 !important; line-height: 1 !important; opacity: .72 !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button.is-active, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button.is-active { border-color: rgba(77, 163, 255, 0.55) !important; background: rgba(33, 113, 181, 0.22) !important; color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(145, 203, 255, 0.08) !important; } body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-cropbar, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-cropbar { max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; opacity: 0 !important; pointer-events: none !important; transform: translate3d(0, -100%, 0) !important; } /* Media stage. */ body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline > .eddie-my-vault-viewer__stage, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline > .eddie-my-vault-viewer__stage { order: 1 !important; position: relative !important; flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; height: calc(100% - var(--eddie-vault-mobile-cropbar-h, 0px)) !important; min-height: 0 !important; max-height: calc(100% - var(--eddie-vault-mobile-cropbar-h, 0px)) !important; margin: 0 !important; padding: 8px !important; border: 0 !important; border-radius: 0 !important; background: radial-gradient(circle at 50% 18%, rgba(33, 113, 181, 0.10), transparent 34%), #050910 !important; overflow: hidden !important; transition: height 300ms cubic-bezier(.22, .61, .36, 1), max-height 300ms cubic-bezier(.22, .61, .36, 1) !important; box-sizing: border-box !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__stage > .eddie-my-vault-viewer__image-frame, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__stage > .eddie-my-vault-viewer__image-frame, body.eddie-my-vault-page .eddie-my-vault-viewer__image-frame, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__image-frame, body.eddie-my-vault-page .eddie-my-vault-viewer__image-frame--full, body.eddie-my-vault-page .eddie-my-vault-viewer__image-frame--crop, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__image-frame--full, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__image-frame--crop { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 13px !important; overflow: hidden !important; background: #02060e !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.065) !important; box-sizing: border-box !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame img, body.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame--full img, body.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame--crop img, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame img, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame--full img, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__stage .eddie-my-vault-viewer__image-frame--crop img { display: block !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; user-select: none !important; -webkit-user-select: none !important; pointer-events: none !important; transform-origin: center center !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__crop-layer, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-layer { z-index: 50 !important; overflow: hidden !important; pointer-events: auto !important; touch-action: none !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__crop-box, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-box { z-index: 51 !important; min-width: 48px !important; min-height: 48px !important; border: 2px solid rgba(255, 255, 255, 0.96) !important; box-shadow: 0 0 0 9999px rgba(2, 6, 14, 0.57), 0 0 0 1px rgba(77, 163, 255, 0.78), 0 18px 42px rgba(0, 0, 0, 0.38) !important; cursor: grab !important; touch-action: none !important; user-select: none !important; -webkit-user-select: none !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__crop-box::before, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-box::before { transition: opacity 700ms ease 3.5s !important; } body.eddie-my-vault-page .eddie-my-vault-viewer.is-crop-guides-idle .eddie-my-vault-viewer__crop-box::before, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer.is-crop-guides-idle .eddie-my-vault-viewer__crop-box::before { opacity: 0 !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__crop-box i, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-box i { width: 30px !important; height: 30px !important; pointer-events: auto !important; touch-action: none !important; transition: opacity 500ms ease .2s !important; } body.eddie-my-vault-page .eddie-my-vault-viewer.is-nav-idle .eddie-my-vault-viewer__crop-box i, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer.is-nav-idle .eddie-my-vault-viewer__crop-box i { opacity: .01 !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied, body.eddie-my-vault-page .eddie-my-vault-viewer__image-label, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__image-label { display: none !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__zoom, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__zoom { position: absolute !important; z-index: 80 !important; top: max(10px, env(safe-area-inset-top, 0px)) !important; right: max(10px, env(safe-area-inset-right, 0px)) !important; left: auto !important; bottom: auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px !important; border: 1px solid rgba(145, 203, 255, 0.15) !important; border-radius: 999px !important; background: rgba(3, 7, 14, 0.74) !important; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.32) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__zoom[hidden], body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__zoom[hidden] { display: none !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__zoom button, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__zoom button { display: inline-grid !important; place-items: center !important; min-width: 34px !important; height: 30px !important; padding: 0 9px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; color: #f7fbff !important; font-size: 12px !important; font-weight: 950 !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__nav, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__nav { z-index: 76 !important; width: 38px !important; height: 46px !important; border-radius: 999px !important; background: rgba(3, 7, 14, 0.62) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__counter, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__counter { z-index: 76 !important; top: 10px !important; left: 10px !important; right: auto !important; bottom: auto !important; max-width: calc(100% - 160px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Drawers slide beneath the top rail so the rail remains stable. */ body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay { position: fixed !important; z-index: 230 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.58) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; transition: opacity 220ms ease, visibility 220ms ease !important; } body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { position: fixed !important; z-index: 240 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; left: 0 !important; right: auto !important; bottom: 0 !important; width: min(91vw, 390px) !important; max-width: min(91vw, 390px) !important; height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border: 0 !important; border-right: 1px solid rgba(145, 203, 255, 0.14) !important; border-radius: 0 20px 0 0 !important; background: rgba(7, 13, 22, 0.992) !important; box-shadow: 30px 0 82px rgba(0, 0, 0, 0.52) !important; transform: translate3d(-106%, 0, 0) !important; transition: transform 270ms cubic-bezier(.22, 1, .36, 1) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; will-change: transform !important; overscroll-behavior: contain !important; touch-action: pan-y !important; } body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transform: translate3d(0, 0, 0) !important; } body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { z-index: 242 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 12px 14px max(22px, env(safe-area-inset-bottom, 0px)) !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__side-close, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side-close, body.eddie-my-vault-page .eddie-vault-shell__library-close, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-close { display: inline-grid !important; place-items: center !important; flex: 0 0 auto !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; border: 1px solid rgba(145, 203, 255, 0.16) !important; border-radius: 13px !important; background: rgba(255, 255, 255, 0.055) !important; color: #f7fbff !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer !important; } body.eddie-my-vault-page .eddie-my-vault-viewer__side-close, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side-close { position: sticky !important; top: 0 !important; z-index: 8 !important; margin: 0 0 6px auto !important; } body.eddie-my-vault-page .eddie-vault-shell__library-head, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-head { flex: 0 0 auto !important; padding-top: 14px !important; } body.eddie-my-vault-page .eddie-vault-shell__controls, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__controls, body.eddie-my-vault-page .eddie-vault-shell__tabs, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__tabs, body.eddie-my-vault-page .eddie-vault-shell__typebar, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__typebar, body.eddie-my-vault-page .eddie-vault-shell__stats, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stats { flex: 0 0 auto !important; } body.eddie-my-vault-page .eddie-vault-shell__list, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__list { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.eddie-my-vault-page .eddie-vault-shell__item, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__item { touch-action: manipulation !important; } /* Crop picker modal launched from the mobile crop tool. */ body.eddie-my-vault-page .eddie-my-vault-crop-picker, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-crop-picker { position: fixed !important; z-index: 420 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: grid !important; align-items: start !important; justify-items: center !important; padding: 12px max(12px, env(safe-area-inset-right, 0px)) max(18px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)) !important; overflow-y: auto !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.52) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; transition: opacity 220ms ease, visibility 220ms ease !important; } body.eddie-my-vault-page .eddie-my-vault-crop-picker.is-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-crop-picker.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault-crop-picker__panel, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-crop-picker__panel { width: min(100%, 430px) !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 28px) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 28px) !important; overflow-y: auto !important; border-radius: 20px !important; } body.eddie-my-vault-page .eddie-my-vault-menu, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu { z-index: 500 !important; } body.eddie-light.eddie-my-vault-page .eddie-my-vault__nav, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__nav { background: rgba(255, 255, 255, 0.97) !important; border-bottom-color: rgba(15, 23, 42, 0.10) !important; color: #0f172a !important; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important; } body.eddie-light.eddie-my-vault-page .eddie-my-vault__brand-title, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__brand-title, body.eddie-light.eddie-my-vault-page .eddie-my-vault__menu-btn, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__menu-btn, body.eddie-light.eddie-my-vault-page .eddie-my-vault__workspace-btn, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__workspace-btn { color: #0f172a !important; } body.eddie-light.eddie-my-vault-page .eddie-my-vault__nav-link, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__nav-link, body.eddie-light.eddie-my-vault-page .eddie-my-vault__member-badge, html.eddie-light body.eddie-my-vault-page .eddie-my-vault__member-badge { color: #475569 !important; } body.eddie-light.eddie-my-vault-page .eddie-vault-shell, body.eddie-light.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline { background: #eef2f7 !important; } body.eddie-light.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-light.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__library, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { background: rgba(255, 255, 255, 0.992) !important; border-right-color: rgba(15, 23, 42, 0.10) !important; color: #111827 !important; } body.eddie-light.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar { background: rgba(255, 255, 255, 0.97) !important; border-bottom-color: rgba(15, 23, 42, 0.10) !important; color: #0f172a !important; } body.eddie-light.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy strong, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-copy strong, body.eddie-light.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-close, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-close { color: #0f172a !important; } body.eddie-light.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button, html.eddie-light body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios button { background: rgba(15, 23, 42, 0.045) !important; border-color: rgba(15, 23, 42, 0.10) !important; color: #334155 !important; } } @media (max-width: 390px) { body.eddie-my-vault-page .eddie-my-vault__nav-actions, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions { gap: 6px !important; max-width: 50vw !important; } body.eddie-my-vault-page .eddie-my-vault__nav-link, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-link, body.eddie-my-vault-page .eddie-my-vault__member-badge, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__member-badge { max-width: 84px !important; font-size: 10.5px !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar { grid-template-columns: 32px minmax(0, 1fr) !important; grid-template-areas: "close copy" "download download" "ratios ratios" !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar.is-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar.is-open { max-height: 222px !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-download, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-download { width: 100% !important; justify-self: stretch !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-cropbar-ratios { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Eddie Vault 1.9.29.1 — mobile drawer layering correction. Retires the older pseudo-backdrop that can cover the drawer, restores side-specific drawers, and keeps the real overlay behind the panels. */ @media (max-width: 860px) { body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after, body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after, body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay { z-index: 640 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; background: rgba(0, 0, 0, 0.50) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; } body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { z-index: 700 !important; opacity: 1 !important; visibility: hidden !important; pointer-events: none !important; will-change: transform !important; } body.eddie-my-vault-page .eddie-vault-shell__library, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library { left: 0 !important; right: auto !important; border-right: 1px solid rgba(145, 203, 255, 0.14) !important; border-left: 0 !important; border-radius: 0 20px 0 0 !important; box-shadow: 30px 0 82px rgba(0, 0, 0, 0.52) !important; transform: translate3d(-106%, 0, 0) !important; } body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { left: auto !important; right: 0 !important; border-left: 1px solid rgba(145, 203, 255, 0.14) !important; border-right: 0 !important; border-radius: 20px 0 0 0 !important; box-shadow: -30px 0 82px rgba(0, 0, 0, 0.52) !important; transform: translate3d(106%, 0, 0) !important; } body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transform: translate3d(0, 0, 0) !important; visibility: visible !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault__nav, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav { z-index: 760 !important; } } /* Eddie Vault 1.9.29.2 — mobile drawer stacking-context fix. The drawer panels were correctly above the overlay by z-index, but their parent shell/stage containers created lower stacking contexts. That let the blurred overlay cover the panels anyway. Keep the page structure flat on mobile so overlay, drawers, and nav share the same z-index ladder. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault--shell, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell, html body.eddie-my-vault-page .eddie-vault-shell, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell, html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline { isolation: auto !important; z-index: auto !important; transform: none !important; filter: none !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::before, html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::before, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after, html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::before, html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after, html body.eddie-my-vault-page .eddie-vault-shell::before, html body.eddie-my-vault-page .eddie-vault-shell::after, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell::after, html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::before, html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::after, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay, html body.eddie-my-vault-page .eddie-my-vault--shell .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell .eddie-vault-shell__mobile-overlay { position: fixed !important; z-index: 620 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.50) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } html body.eddie-my-vault-page .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library, html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { position: fixed !important; z-index: 720 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; bottom: 0 !important; opacity: 1 !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html body.eddie-my-vault-page .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library { left: 0 !important; right: auto !important; transform: translate3d(-106%, 0, 0) !important; } html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { left: auto !important; right: 0 !important; transform: translate3d(106%, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transform: translate3d(0, 0, 0) !important; visibility: visible !important; pointer-events: auto !important; } html body.eddie-my-vault-page .eddie-my-vault__nav, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav { z-index: 760 !important; } html body.eddie-my-vault-page .eddie-my-vault-menu, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu { z-index: 820 !important; } } /* Eddie Vault 1.9.29.3 — right drawer escape hatch. The Details panel lives inside the media stage, while Library is a direct shell child. Some mobile browsers keep fixed children trapped inside their parent stacking context, so the Details drawer can end up beneath the shared blur overlay even when its own z-index is higher. When Details is open, lift the stage context above the shared overlay and add an internal dimmer underneath only the Details drawer. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline { position: relative !important; z-index: 700 !important; isolation: isolate !important; overflow: visible !important; transform: none !important; filter: none !important; opacity: 1 !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before { content: "" !important; position: fixed !important; z-index: 710 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.50) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { position: fixed !important; z-index: 760 !important; top: var(--eddie-vault-mobile-nav-h, 94px) !important; right: 0 !important; left: auto !important; bottom: 0 !important; width: min(91vw, 390px) !important; max-width: min(91vw, 390px) !important; height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important; transform: translate3d(0, 0, 0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay { z-index: 620 !important; opacity: 1 !important; visibility: visible !important; } } /* Eddie Vault 1.9.29.4 — mobile Details style 2. Keep the Details panel as a right-side drawer, but borrow the compact bottom-sheet aesthetics: thumbnail header, condensed detail rows, tighter action buttons, and a lighter crop preset deck. */ .eddie-my-vault-viewer__mobile-hero { display: contents; } .eddie-my-vault-viewer__mobile-thumb, .eddie-my-vault-viewer__mobile-meta-line, .eddie-my-vault-viewer__smart-rows { display: none; } @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { right: 0 !important; left: auto !important; width: min(92vw, 414px) !important; max-width: min(92vw, 414px) !important; padding: 14px 12px max(16px, env(safe-area-inset-bottom, 0px)) !important; border: 0 !important; border-left: 1px solid rgba(139, 202, 255, 0.19) !important; border-radius: 28px 0 0 28px !important; background: radial-gradient(circle at 8% 0%, rgba(33, 113, 181, 0.24), transparent 34%), linear-gradient(155deg, rgba(11, 22, 35, 0.985), rgba(4, 9, 16, 0.992) 58%, rgba(5, 11, 19, 0.985)) !important; box-shadow: -30px 0 90px rgba(0, 0, 0, 0.56), inset 1px 0 0 rgba(255, 255, 255, 0.035) !important; color: #f8fbff !important; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: rgba(145, 203, 255, 0.26) transparent; transform: translate3d(106%, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transform: translate3d(0, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before { background: rgba(0, 0, 0, 0.44) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; } html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details], html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] { display: flex !important; flex-direction: column !important; gap: 10px !important; min-height: 0 !important; padding: 50px 2px 8px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__side-close, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side-close { position: fixed !important; top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 16px) !important; right: max(16px, env(safe-area-inset-right, 0px)) !important; z-index: 780 !important; width: 44px !important; height: 44px !important; margin: 0 !important; border: 1px solid rgba(145, 203, 255, 0.22) !important; border-radius: 18px !important; background: rgba(17, 29, 45, 0.94) !important; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; color: #f8fbff !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; min-height: 76px !important; padding: 0 52px 2px 0 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb { display: block !important; width: 72px !important; height: 72px !important; border-radius: 16px !important; object-fit: cover !important; border: 1px solid rgba(145, 203, 255, 0.22) !important; background: rgba(255, 255, 255, 0.045) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-title, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-title { min-width: 0 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__eyebrow, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__eyebrow { display: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__side h2, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side h2 { margin: 0 0 6px !important; font-size: clamp(1.65rem, 8.4vw, 2.2rem) !important; line-height: 0.96 !important; letter-spacing: -0.065em !important; color: #ffffff !important; text-shadow: 0 8px 28px rgba(0, 0, 0, 0.32) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 !important; color: #a8d2ff !important; font-weight: 850 !important; font-size: 0.86rem !important; line-height: 1.25 !important; letter-spacing: -0.015em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span { display: inline-flex !important; align-items: center !important; gap: 5px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before { content: "•" !important; color: rgba(168, 210, 255, 0.54) !important; margin-right: 2px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__position, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__position, html body.eddie-my-vault-page .eddie-my-vault-viewer__package-line, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__package-line, html body.eddie-my-vault-page .eddie-my-vault-viewer__direct, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__direct { display: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__summary, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__summary { margin: 0 !important; color: rgba(235, 244, 255, 0.78) !important; font-size: 0.95rem !important; line-height: 1.42 !important; max-height: 2.84em !important; overflow: hidden !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__notice, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__notice { display: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__notice--blocked, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__notice--blocked { display: block !important; margin: 0 !important; padding: 10px 12px !important; border-radius: 16px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-rows, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-rows { display: grid !important; gap: 7px !important; margin: 0 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) 22px !important; align-items: center !important; gap: 10px !important; min-height: 58px !important; padding: 9px 10px !important; border: 1px solid rgba(145, 203, 255, 0.14) !important; border-radius: 17px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.028)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border-radius: 14px !important; color: #65b8ff !important; border: 1px solid rgba(77, 163, 255, 0.36) !important; background: rgba(33, 113, 181, 0.18) !important; font-size: 17px !important; line-height: 1 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--lock, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--lock { color: #7ee787 !important; border-color: rgba(126, 231, 135, 0.28) !important; background: rgba(55, 181, 90, 0.12) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--receipt, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--receipt { color: #d9b5ff !important; border-color: rgba(217, 181, 255, 0.28) !important; background: rgba(142, 85, 220, 0.12) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row strong { display: block !important; margin: 0 0 2px !important; color: #f8fbff !important; font-size: 0.93rem !important; line-height: 1.12 !important; letter-spacing: -0.018em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row em { display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: rgba(235, 244, 255, 0.66) !important; font-style: normal !important; font-size: 0.82rem !important; line-height: 1.22 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-caret, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-caret { color: rgba(248, 251, 255, 0.82) !important; font-size: 19px !important; transform: translateY(-1px) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__actions, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions { display: grid !important; grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.92fr) minmax(72px, 0.68fr) !important; gap: 8px !important; margin: 2px 0 0 !important; padding: 9px !important; border: 1px solid rgba(145, 203, 255, 0.10) !important; border-radius: 19px !important; background: rgba(255, 255, 255, 0.027) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button, html body.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button { min-width: 0 !important; min-height: 48px !important; padding: 0 10px !important; border-radius: 15px !important; font-size: 0.83rem !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; white-space: normal !important; text-align: center !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:first-child, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:first-child { background: linear-gradient(180deg, #46adff, #1687df) !important; border-color: rgba(130, 210, 255, 0.58) !important; box-shadow: 0 16px 32px rgba(19, 133, 222, 0.32) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles { margin: 0 !important; padding: 12px !important; border: 1px solid rgba(145, 203, 255, 0.14) !important; border-radius: 22px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.024)) !important; box-shadow: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 0 9px !important; gap: 10px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head span { color: #a8d2ff !important; font-size: 0.76rem !important; letter-spacing: 0.16em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head strong { color: #f8fbff !important; font-size: 0.88rem !important; letter-spacing: -0.018em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-height: 42px !important; margin: 0 0 9px !important; padding: 7px 9px !important; border-radius: 16px !important; border: 1px solid rgba(145, 203, 255, 0.12) !important; background: rgba(255, 255, 255, 0.035) !important; color: #f8fbff !important; text-align: left !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch span { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; border-radius: 10px !important; background: rgba(77, 163, 255, 0.14) !important; color: #91cbff !important; font-size: 14px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch strong { font-size: 0.92rem !important; line-height: 1 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch em { color: rgba(235, 244, 255, 0.56) !important; font-size: 0.78rem !important; font-style: italic !important; line-height: 1 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profile-grid, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile-grid { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(102px, 34%) !important; grid-template-columns: none !important; gap: 8px !important; margin: 0 !important; padding: 0 0 4px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x proximity !important; scrollbar-width: thin !important; scrollbar-color: rgba(145, 203, 255, 0.24) transparent !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profile, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile { min-width: 0 !important; min-height: 76px !important; padding: 11px 10px !important; border-radius: 17px !important; scroll-snap-align: start !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profile strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile strong { font-size: 0.88rem !important; line-height: 1.08 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profile span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile span { font-size: 0.68rem !important; letter-spacing: 0.12em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__profile-note, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile-note { margin: 5px 2px 0 !important; font-size: 0.82rem !important; line-height: 1.3 !important; color: rgba(235, 244, 255, 0.67) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__crop-actions, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-actions, html body.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied { margin-top: 7px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__meta, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__meta { display: none !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { width: min(94vw, 380px) !important; max-width: min(94vw, 380px) !important; padding-left: 10px !important; padding-right: 10px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero { grid-template-columns: 58px minmax(0, 1fr) !important; gap: 10px !important; min-height: 62px !important; padding-right: 46px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb { width: 58px !important; height: 58px !important; border-radius: 14px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__actions, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions { grid-template-columns: 1fr 1fr !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:nth-child(3), html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:nth-child(3), html body.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button:nth-child(3), html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button:nth-child(3) { grid-column: 1 / -1 !important; } } /* Eddie Vault 1.9.29.5 — mobile Details top tightening. The Details drawer should feel attached to the Library/Details rail, not start below the zoom controls. Keep it as a right-side drawer while letting it cover the zoom cluster when open. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 6px) !important; bottom: 0 !important; height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important; height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important; border-radius: 24px 0 0 0 !important; z-index: 820 !important; } html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details], html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] { padding-top: 16px !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close { top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 18px) !important; z-index: 840 !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__zoom, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__zoom, html.eddie-vault-details-open body.eddie-my-vault-page .eddie-my-vault-viewer__zoom, html.eddie-vault-details-open body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__zoom, body.eddie-my-vault-page.eddie-vault-details-open .eddie-my-vault-viewer__zoom, body.eddie-standalone-page.eddie-my-vault-page.eddie-vault-details-open .eddie-my-vault-viewer__zoom { z-index: 120 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(0, -4px, 0) !important; transition: opacity 140ms ease, visibility 140ms ease, transform 140ms ease !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 4px) !important; height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important; height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important; max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important; max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close { top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 14px) !important; } } /* Eddie Vault 1.9.29.6 — mobile Details drawer gap fix. The Details drawer lives inside the media stage. On several mobile browsers that stage becomes the containing block for the drawer, so using the full page nav height as the drawer top creates a second, fake header gap. Anchor the Details drawer to the top of the stage instead; the stage already begins directly below the Library / Details rail. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline { position: relative !important; overflow: visible !important; isolation: isolate !important; z-index: 700 !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before { position: absolute !important; z-index: 710 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; height: auto !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { position: absolute !important; z-index: 820 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(91vw, 390px) !important; max-width: min(91vw, 390px) !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; border-radius: 24px 0 0 0 !important; transform: translate3d(0, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details], html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] { padding-top: 18px !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close { position: absolute !important; top: 16px !important; right: max(14px, env(safe-area-inset-right, 0px)) !important; z-index: 840 !important; margin: 0 !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { width: min(94vw, 380px) !important; max-width: min(94vw, 380px) !important; top: 0 !important; height: 100% !important; max-height: 100% !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close { top: 14px !important; right: max(12px, env(safe-area-inset-right, 0px)) !important; } } /* Eddie Vault 1.9.29.7 — mobile Details access summary consolidation. Replace the three action-looking detail rows with one informational card so the real actions live only in the button row below. */ .eddie-my-vault-viewer__access-card { margin: 16px 0 0; padding: 14px; border: 1px solid rgba(145, 203, 255, 0.16); border-radius: 18px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); } .eddie-my-vault-viewer__access-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; } .eddie-my-vault-viewer__access-card-head span, .eddie-my-vault-viewer__access-card-row span { color: #9ed3ff; font-size: 10px; font-weight: 1000; letter-spacing: 0.13em; text-transform: uppercase; } .eddie-my-vault-viewer__access-card-head strong { min-width: 0; color: rgba(248, 251, 255, 0.92); font-size: 12px; font-weight: 900; line-height: 1.25; text-align: right; } .eddie-my-vault-viewer__access-card-grid { display: grid; gap: 8px; } .eddie-my-vault-viewer__access-card-row { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: start; gap: 10px; min-width: 0; } .eddie-my-vault-viewer__access-card-row em { display: block; min-width: 0; margin: 0; color: rgba(235, 244, 255, 0.74); font-size: 13px; font-style: normal; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; } @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card { margin: 0 !important; padding: 10px 11px !important; border-radius: 17px !important; border-color: rgba(145, 203, 255, 0.13) !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.020)) !important; box-shadow: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head { margin-bottom: 7px !important; padding-bottom: 7px !important; border-bottom: 1px solid rgba(145, 203, 255, 0.09) !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head span { font-size: 0.66rem !important; letter-spacing: 0.18em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head strong { display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: rgba(248, 251, 255, 0.88) !important; font-size: 0.76rem !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-grid, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-grid { gap: 5px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row { grid-template-columns: 62px minmax(0, 1fr) !important; gap: 8px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row span { color: rgba(158, 211, 255, 0.76) !important; font-size: 0.61rem !important; letter-spacing: 0.15em !important; padding-top: 2px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row em { display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: rgba(235, 244, 255, 0.70) !important; font-size: 0.77rem !important; line-height: 1.28 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row:nth-child(2) em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row:nth-child(2) em { -webkit-line-clamp: 2 !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row { grid-template-columns: 56px minmax(0, 1fr) !important; } } /* Eddie Vault 1.9.29.8 — mobile Details header/access cleanup. Make the title/header easier to scan, remove the vague rights paragraph on mobile, and keep the License & Access card from crowding or overlapping. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault-viewer__side h2, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side h2 { margin: 0 0 7px !important; font-size: clamp(1.38rem, 6.8vw, 1.86rem) !important; line-height: 1.04 !important; letter-spacing: -0.052em !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 10px !important; min-height: 68px !important; align-items: center !important; padding-right: 50px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb { width: 64px !important; height: 64px !important; border-radius: 15px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin: 0 !important; line-height: 1.1 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span { display: inline-flex !important; align-items: center !important; max-width: 100% !important; min-height: 24px !important; padding: 4px 8px !important; border: 1px solid rgba(145, 203, 255, 0.14) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.045) !important; color: #b7dbff !important; font-size: 0.67rem !important; font-weight: 850 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before { content: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__summary, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__summary { display: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card { padding: 11px 12px !important; border-radius: 18px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 8px !important; padding-bottom: 8px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-head strong { max-width: 58% !important; font-size: 0.72rem !important; line-height: 1.18 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-grid, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-grid { gap: 6px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row { grid-template-columns: 74px minmax(0, 1fr) !important; align-items: baseline !important; gap: 10px !important; min-width: 0 !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row span { min-width: 0 !important; font-size: 0.55rem !important; letter-spacing: 0.105em !important; line-height: 1.15 !important; padding-top: 0 !important; white-space: nowrap !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row em, html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row:nth-child(2) em, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row:nth-child(2) em { display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: rgba(235, 244, 255, 0.76) !important; font-size: 0.74rem !important; line-height: 1.2 !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__access-card-row { grid-template-columns: 68px minmax(0, 1fr) !important; gap: 8px !important; } } /* Eddie Vault mobile rights modal fit fix Keep the View Rights panel inside the visible mobile viewport and keep a close control pinned at the top so it is never trapped below the browser chrome. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault-rights, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights, html body .eddie-my-vault-rights { align-items: flex-start !important; justify-content: center !important; padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom)) !important; overflow: hidden !important; background: rgba(0, 0, 0, 0.68) !important; z-index: 2147483000 !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__panel, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__panel, html body .eddie-my-vault-rights__panel { width: min(100%, 430px) !important; max-width: calc(100vw - 20px) !important; height: auto !important; max-height: calc(100svh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom))) !important; max-height: calc(100dvh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom))) !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; padding: 0 !important; border-radius: 18px !important; background: rgba(8, 19, 35, 0.98) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__bar, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__bar, html body .eddie-my-vault-rights__bar { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 54px !important; padding: 12px 14px 10px !important; border-bottom: 1px solid rgba(143, 197, 255, 0.16) !important; background: linear-gradient(180deg, rgba(15, 35, 60, 0.98), rgba(8, 19, 35, 0.96)) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__bar strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__bar strong, html body .eddie-my-vault-rights__bar strong { color: #ffffff !important; font-size: 0.92rem !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: 0.01em !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__x, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__x, html body .eddie-my-vault-rights__x { appearance: none !important; -webkit-appearance: none !important; width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 14px !important; border: 1px solid rgba(173, 211, 255, 0.24) !important; background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 1.5rem !important; line-height: 1 !important; font-weight: 500 !important; cursor: pointer !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__body, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__body, html body .eddie-my-vault-rights__body { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding: 14px !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__footer, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__footer, html body .eddie-my-vault-rights__footer { flex: 0 0 auto !important; display: flex !important; padding: 10px 14px 14px !important; border-top: 1px solid rgba(143, 197, 255, 0.14) !important; background: rgba(8, 19, 35, 0.98) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__footer .eddie-my-vault__button, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__footer .eddie-my-vault__button, html body .eddie-my-vault-rights__footer .eddie-my-vault__button { width: 100% !important; min-height: 42px !important; padding: 10px 14px !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__panel h2, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__panel h2, html body .eddie-my-vault-rights__panel h2 { margin: 0 0 6px !important; font-size: clamp(1.35rem, 7vw, 1.85rem) !important; line-height: 1.05 !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__panel p, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__panel p, html body .eddie-my-vault-rights__panel p { margin: 8px 0 !important; font-size: 0.92rem !important; line-height: 1.45 !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list, html body .eddie-my-vault-rights__list { gap: 0 !important; margin: 12px 0 !important; border: 1px solid rgba(143, 197, 255, 0.16) !important; border-radius: 16px !important; overflow: hidden !important; background: rgba(255, 255, 255, 0.035) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list div, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list div, html body .eddie-my-vault-rights__list div { display: grid !important; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.18fr) !important; gap: 10px !important; align-items: center !important; padding: 10px 12px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list div:last-child, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list div:last-child, html body .eddie-my-vault-rights__list div:last-child { border-bottom: 0 !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list span, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list span, html body .eddie-my-vault-rights__list span { font-size: 0.64rem !important; letter-spacing: 0.105em !important; line-height: 1.2 !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list strong, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list strong, html body .eddie-my-vault-rights__list strong { min-width: 0 !important; text-align: right !important; overflow-wrap: anywhere !important; font-size: 0.9rem !important; line-height: 1.25 !important; } } @media (max-width: 390px) { html body.eddie-my-vault-page .eddie-my-vault-rights__list div, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list div, html body .eddie-my-vault-rights__list div { grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important; padding: 9px 10px !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__body, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__body, html body .eddie-my-vault-rights__body { padding: 12px !important; } } /* Eddie Vault 1.9.29.10 — smooth mobile receipt/rights popovers Keep modal options launched from Details feeling attached to the right drawer: fade/scale them in instead of snapping open, and let closing reveal Details. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-my-vault-rights, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights, html body .eddie-my-vault-rights { display: flex !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 220ms ease, visibility 0s linear 240ms !important; will-change: opacity !important; } html body.eddie-my-vault-page .eddie-my-vault-rights.is-open, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights.is-open, html body .eddie-my-vault-rights.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition-delay: 0s !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__panel, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__panel, html body .eddie-my-vault-rights__panel { opacity: 0 !important; transform: translate3d(0, 14px, 0) scale(0.975) !important; transition: opacity 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1) !important; will-change: transform, opacity !important; } html body.eddie-my-vault-page .eddie-my-vault-rights.is-open .eddie-my-vault-rights__panel, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights.is-open .eddie-my-vault-rights__panel, html body .eddie-my-vault-rights.is-open .eddie-my-vault-rights__panel { opacity: 1 !important; transform: translate3d(0, 0, 0) scale(1) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights.is-closing .eddie-my-vault-rights__panel, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights.is-closing .eddie-my-vault-rights__panel, html body .eddie-my-vault-rights.is-closing .eddie-my-vault-rights__panel { transform: translate3d(0, 10px, 0) scale(0.985) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights.is-receipt-view .eddie-my-vault-rights__bar, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights.is-receipt-view .eddie-my-vault-rights__bar, html body .eddie-my-vault-rights.is-receipt-view .eddie-my-vault-rights__bar { background: linear-gradient(180deg, rgba(13, 37, 64, 0.99), rgba(7, 17, 31, 0.98)) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__lede, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__lede, html body .eddie-my-vault-rights__lede { margin-top: 4px !important; color: rgba(221, 234, 249, 0.76) !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__receipt-link, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__receipt-link, html body .eddie-my-vault-rights__receipt-link { appearance: none !important; -webkit-appearance: none !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; background: transparent !important; cursor: pointer !important; font: inherit !important; padding: 0 0 2px !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; overflow-wrap: anywhere !important; text-align: left !important; } html body.eddie-my-vault-page .eddie-my-vault-rights__list--receipt div:first-child, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-rights__list--receipt div:first-child, html body .eddie-my-vault-rights__list--receipt div:first-child { background: rgba(68, 170, 255, 0.055) !important; } /* Mobile Details panel: crop choices now live only in the slide-down crop shelf. Keep the right drawer focused on the single action that starts crop mode. */ html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profile-grid, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profile-grid, html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profile-note, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profile-note, html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__crop-actions, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__crop-actions, html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__crop-applied, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__crop-applied { display: none !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profiles, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profiles { padding: 10px !important; border-radius: 18px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profiles-head, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__profiles-head { margin-bottom: 8px !important; } html body.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__mobile-crop-launch, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side [data-vault-viewer-details] .eddie-my-vault-viewer__mobile-crop-launch { margin: 0 !important; } } /* Eddie Vault 1.9.29.13 — smooth mobile drawer close. Keep the drawer visible long enough to animate off-screen before removing the open state, so Library and Details do not vanish abruptly. */ @media (max-width: 860px) { html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay { transition: opacity 240ms ease, visibility 0s linear 240ms !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay { transition: opacity 240ms ease, visibility 0s linear 0s !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__mobile-overlay, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__mobile-overlay { opacity: 0 !important; visibility: visible !important; pointer-events: none !important; transition: opacity 240ms ease, visibility 0s linear 300ms !important; } html body.eddie-my-vault-page .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library, html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transition: transform 300ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 300ms !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library, html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transition: transform 300ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 0s !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__library, html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { visibility: visible !important; pointer-events: none !important; transition: transform 300ms cubic-bezier(.4, 0, .2, 1), visibility 0s linear 300ms !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-library-closing .eddie-vault-shell__library, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-library-closing .eddie-vault-shell__library { transform: translate3d(-106%, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-details-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-details-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side { transform: translate3d(106%, 0, 0) !important; } html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-details-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-closing.is-details-closing .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before { opacity: 0 !important; visibility: visible !important; pointer-events: none !important; transition: opacity 240ms ease, visibility 0s linear 300ms !important; } } /* Eddie Vault 1.9.29.18 — restore mobile top menu actions. */ .eddie-my-vault__nav-label--mobile { display: none; } .eddie-my-vault-menu__quick-actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 12px; } .eddie-my-vault-menu__quick-action { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 11px 13px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 14px; background: rgba(255, 255, 255, 0.04); color: #edf6ff !important; text-decoration: none !important; font-size: 0.92rem; font-weight: 900; line-height: 1.1; } .eddie-my-vault-menu__quick-action span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 10px; background: rgba(145, 203, 255, 0.12); color: #9fd0ff; } .eddie-my-vault-menu__quick-action strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eddie-my-vault-menu__quick-action.is-primary { background: linear-gradient(135deg, #2171b5, #42a5ff); border-color: rgba(164, 216, 255, 0.38); color: #ffffff !important; box-shadow: 0 16px 34px rgba(33, 113, 181, 0.28); } .eddie-my-vault-menu__quick-action.is-primary span { background: rgba(255, 255, 255, 0.18); color: #ffffff; } .eddie-my-vault-menu__quick-action.is-status { cursor: default; color: rgba(237, 246, 255, 0.76) !important; } @media (max-width: 860px) { body.eddie-my-vault-page .eddie-my-vault__nav, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav, html body.eddie-my-vault-page .eddie-my-vault__nav, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav { z-index: 1200 !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault__brand, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__brand { flex: 0 1 auto !important; width: auto !important; } body.eddie-my-vault-page .eddie-my-vault__brand-title, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__brand-title { max-width: 32vw !important; } body.eddie-my-vault-page .eddie-my-vault__nav-actions, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions { flex: 1 1 auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 7px !important; max-width: none !important; overflow: visible !important; pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link, body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--feed, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--feed, body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--logout, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--logout, body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__member-badge, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__member-badge { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 34px !important; height: 34px !important; padding: 0 3px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: rgba(238, 246, 255, 0.80) !important; font-size: 10.75px !important; font-weight: 950 !important; letter-spacing: -0.02em !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; pointer-events: auto !important; -webkit-tap-highlight-color: transparent; } body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--primary, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--primary, body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--upgrade, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link--upgrade { color: #9fd0ff !important; } body.eddie-my-vault-page .eddie-my-vault__nav-label--full, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-label--full { display: none !important; } body.eddie-my-vault-page .eddie-my-vault__nav-label--mobile, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-label--mobile { display: inline !important; } body.eddie-my-vault-page .eddie-my-vault-menu, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu, html body.eddie-my-vault-page .eddie-my-vault-menu, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu { z-index: 14000 !important; pointer-events: none !important; } body.eddie-my-vault-page .eddie-my-vault-menu.is-open, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu.is-open, html body.eddie-my-vault-page .eddie-my-vault-menu.is-open, html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu.is-open { pointer-events: auto !important; } body.eddie-my-vault-page .eddie-my-vault-menu__inner, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu__inner { width: min(100%, 430px) !important; max-height: min(86svh, 620px) !important; max-height: min(86dvh, 620px) !important; padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important; background: linear-gradient(180deg, rgba(9, 22, 37, 0.98), rgba(6, 11, 18, 0.995)) !important; border-color: rgba(145, 203, 255, 0.16) !important; box-shadow: 0 -24px 80px rgba(0, 0, 0, 0.62) !important; } } @media (max-width: 390px) { body.eddie-my-vault-page .eddie-my-vault__toprow, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__toprow { gap: 5px !important; } body.eddie-my-vault-page .eddie-my-vault__brand-title, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__brand-title { max-width: 28vw !important; font-size: 14px !important; } body.eddie-my-vault-page .eddie-my-vault__nav-actions, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions { gap: 5px !important; } body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__nav-link, body.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__member-badge, body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav-actions .eddie-my-vault__member-badge { font-size: 9.75px !important; padding-inline: 2px !important; } }