@media (min-width:721px){html[data-three=on] .xp .mecard{width:min(300px,100% - 32px)}html[data-three=on] .xp .mecard:not(:hover):not(:focus-within) :is(.mecard-eyebrow,.mecard-intro,.mecard-foot){display:none}html[data-three=on] .xp nav[data-shortcuts]{direction:ltr;flex-direction:column;gap:4px;width:auto;height:auto;display:flex}html[data-three=on] .xp nav[data-shortcuts]>button{opacity:.5;border-radius:9px;width:36px;height:36px;padding:0;transition:opacity .16s;display:block;position:relative}html[data-three=on] .xp nav[data-shortcuts]>button:hover,html[data-three=on] .xp nav[data-shortcuts]>button:focus-visible,html[data-three=on] .xp nav[data-shortcuts]>button[aria-pressed=true]{opacity:1}html[data-three=on] .xp nav[data-shortcuts]>button>span:first-child{border-radius:9px;width:36px;height:36px;display:block}html[data-three=on] .xp nav[data-shortcuts]>button>span:first-child img{width:100%;height:100%}html[data-three=on] .xp nav[data-shortcuts]>button>span:last-child{background:var(--paper);width:max-content;max-width:min(18rem,100vw - 80px);box-shadow:0 0 0 1px var(--line-soft), 0 4px 12px -6px var(--shade-deep);color:var(--ink);white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;line-height:1.3;transition:opacity .14s,transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:calc(100% + 8px);overflow:visible;transform:translate(4px,-50%)}html[data-three=on] .xp nav[data-shortcuts]>button:hover>span:last-child,html[data-three=on] .xp nav[data-shortcuts]>button:focus-visible>span:last-child{opacity:1;transform:translateY(-50%)}}