/* VAULT · the marketing page · 7 · donors — Anna's gift card (the braid of light, its words) and last night's seal (m-donors.js). */
.don-r{display:flex;flex-direction:column;gap:28px;min-width:0}
.don-r .dg{padding:24px 24px 22px}
.don-r .dh{display:flex;align-items:center;gap:14px}
.don-r .av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#F5F5F7;color:#000;font-size:12.5px;font-weight:600;letter-spacing:.02em;
 box-shadow:0 0 0 4px rgba(245,245,247,.06)}
.don-r .dh b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.don-r .dh small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--f)}
.don-r .mt{white-space:nowrap;color:#5be37f}
.don-r .mt .tk{display:inline-block;width:11px;height:11px;margin-right:4px;vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.don-r .mt path{stroke-dasharray:1}
.don-r .rv{position:relative;margin:14px 0 4px}
.don-r .rh{position:relative;height:300px}
.don-r .lb{position:absolute;inset:0;pointer-events:none}
.don-r .lb>div{position:absolute;white-space:nowrap}
.don-r .day,.don-r .now{transform:translateX(-50%);font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--f)}
.don-r .now{color:var(--t)}
.don-r .pl{transform:translateY(-50%)}
.don-r .pl b{display:block;font-size:13px;font-weight:500;letter-spacing:-.005em;color:rgba(245,245,247,.92)}
.don-r .pl span{display:block;margin-top:2px;font-size:12px;color:rgba(245,245,247,.5)}
.don-r .eu{font-style:normal;font-variant-numeric:tabular-nums;color:rgba(245,245,247,.82)}
.don-r .hl{text-align:right}
.don-r .hl b{position:absolute;right:0;bottom:12px;font-size:13px;font-weight:500;color:rgba(245,245,247,.92)}
.don-r .hl b .eu{color:var(--t)}
.don-r .hl span{position:absolute;right:0;top:12px;font-size:12px;color:rgba(245,245,247,.5)}
.don-r .lg{display:none;list-style:none;margin:6px 0 0;padding:0}
.don-r .lg li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:rgba(245,245,247,.8)}
.don-r .lg li:first-child{border-top:0}
.don-r .lg li i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.don-r .lg li b{margin-left:auto;font-weight:500;white-space:nowrap}
.don-r .lg li.h span{color:rgba(245,245,247,.55)}
.don-r .dg .demo{margin-top:12px}

/* last night's seal */
.don-r .ds{display:flex;align-items:center;gap:26px;padding:22px 26px}
.don-r .ds .fp{position:relative;flex:none;filter:drop-shadow(0 0 14px rgba(180,210,255,.3))}
.don-r .ds .fp .gl{position:absolute;inset:3px 7px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 0 22px rgba(160,190,255,.06);opacity:0}
.don-r .ds .sx{min-width:0}
.don-r .ds .code{margin:9px 0 6px;font:500 24px/1.25 var(--mono);letter-spacing:.08em;color:var(--t);white-space:nowrap;min-height:1.25em}
.don-r .caret{display:inline-block;width:.5em;height:1em;margin-left:3px;vertical-align:-.14em;border-radius:1px;background:rgba(245,245,247,.8);opacity:0}
.don-r.typing .caret{animation:dnBlink 1s steps(1) infinite}
@keyframes dnBlink{0%{opacity:1}50%{opacity:0}}
.don-r .ds small{display:block;font-size:13.5px;line-height:1.45;color:var(--m)}
.don-r .ds .n{font-variant-numeric:tabular-nums;color:var(--t)}
.don-r .chip{position:absolute;right:22px;top:20px;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;
 font-size:12.5px;font-weight:500;white-space:nowrap;background:rgba(48,209,88,.13);color:#5be37f}
.don-r .chip i{width:6px;height:6px;border-radius:50%;background:currentColor}

@media (max-width:1000px){.don-r{max-width:680px}}
.don-r.ph .lg{display:block}
.don-r.ph .rh{height:168px}
@media (max-width:640px){
 .don-r{gap:18px}
 .don-r .dg{padding:20px 18px 18px}
 .don-r .dh b{font-size:18px}
 .don-r .ds{gap:16px;padding:20px 18px;align-items:flex-start}
 .don-r .ds .fp svg{width:64px;height:auto}
 .don-r .ds .code{font-size:16.5px;letter-spacing:.06em;margin:7px 0 5px}
 .don-r .ds small{font-size:13px}
 .don-r .chip{position:static;margin:12px 0 0}
}
