/* LOCKET: a glass rail, ceramic fittings and a lime-lit tumbler. */
.locket-nav{--ln-ease:cubic-bezier(.16,1,.3,1);position:fixed;inset:20px 24px auto;z-index:100;width:auto;background:none;backdrop-filter:none;transform:none;filter:none}
.locket-nav::after{display:none}
.locket-nav .nav-bar{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;container-type:normal;width:100%;max-width:1392px;min-height:68px;gap:24px;margin:0 auto;padding:10px 20px;border:0;border-radius:18px;background:none;box-shadow:none;transition:none}
.locket-nav .ln-glass{position:absolute;z-index:-1;inset:0;border:1px solid #fff;border-radius:18px;background:linear-gradient(115deg,#ffffffd9,#eff8f2b8 55%,#ffffffec);backdrop-filter:none;box-shadow:inset 0 -3px 2px #54706115,0 2px 0 #a7bbb166,0 12px 26px -18px #243e3866;transition:transform 460ms var(--ln-ease)}
.locket-nav .ln-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#f6faf7;opacity:0;transition:opacity 460ms var(--ln-ease)}
.locket-nav .ln-glass::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:#8ee303;box-shadow:0 1px 7px #8ee30388}
.locket-nav.ln-tight .ln-glass{transform:scaleY(.85)}
.locket-nav.ln-tight .ln-glass::before{opacity:.78}
.locket-nav .nav-brand{display:flex;align-items:center;gap:16px;flex:none}
.locket-nav .nav-wordmark{display:flex;align-items:center;gap:10px;flex:none;min-height:44px;color:var(--ink);font:700 21px/1 var(--font-display);letter-spacing:-.06em;text-decoration:none}
.locket-nav .nav-wordmark .brand-ground{position:relative;display:block;width:36px;height:40px;margin:0;border:1px solid #b5c9ba;border-radius:10px;background:linear-gradient(#fff,#e3eee6);box-shadow:inset 0 1px 0 #fff,0 2px 0 #aabbb2;overflow:hidden}
.locket-nav .brand-ground::after{display:none}
.locket-nav .nav-wordmark .brand-ground img,.locket-nav.is-tight .nav-wordmark .brand-ground img{position:static;width:36px;height:36px;max-width:100%;filter:none;transform:none}
.locket-nav .nav-privacy-badge{display:none}
.locket-nav .nav-links{position:static;display:flex;align-items:center;flex:0 1 auto;width:auto;gap:8px;inset:auto;padding:0;overflow:visible;background:none;box-shadow:none}
.locket-nav .nav-links a{position:relative;display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:8px 11px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink-soft);font:400 14px/1.4 var(--font-body);text-decoration:none;white-space:nowrap}
.locket-nav .nav-links a[aria-current],.locket-nav .nav-links a:hover{color:var(--ink);background:none}
.locket-nav .nav-links a::after{content:"";position:absolute;bottom:-3px;left:calc(50% - 3px);width:6px;height:10px;border-radius:4px;background:#8ee303;box-shadow:0 0 0 2px #648e2422,inset 0 1px 1px #fff,0 0 8px #8ee303aa;opacity:0;transform:translateY(3px);transition:opacity 300ms var(--ln-ease),transform 300ms var(--ln-ease)}
.locket-nav .nav-links a[aria-current]::after{opacity:1;transform:none}
.locket-nav .nav-indicator,.locket-nav .page-progress{display:none}
.locket-nav #navCa{display:none}
.locket-nav .wallet-instrument{display:flex;align-items:center;gap:8px;flex:none;max-width:none;margin:0}
.locket-nav #navWalletIcon img{width:24px;height:24px}
.locket-nav .nav-connect,.locket-nav .nav-sheet .nav-connect{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:166px;min-height:44px;height:44px;margin:0;padding:8px 14px 8px 33px!important;border:1px solid #b5c4b3;border-radius:9px 13px 13px 9px!important;background:linear-gradient(120deg,#f8ffd9,#d9efb7);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #78975422,0 3px 0 #b4c4a9,0 7px 10px -8px #0f191466;color:var(--ink);font:500 13px/1.25 var(--font-body)!important;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:transform 260ms var(--ln-ease)}
.locket-nav .nav-connect::before{content:"";position:absolute;left:13px;top:calc(50% - 7px);width:8px;height:14px;background:radial-gradient(circle at 50% 4px,#35483d 2.6px,transparent 3.2px),linear-gradient(#35483d,#35483d) 50% 6px/2.4px 6px no-repeat}
.locket-nav .nav-connect:hover{transform:translateY(-2px)}
.locket-nav .nav-connect:active{transform:translateY(1px)}
.locket-nav .nav-menu{display:none;align-items:center;justify-content:center;gap:8px;flex:none;order:3;min-height:44px;margin:0;padding:0 12px;border:1px solid #b7c7bd;border-radius:10px;background:linear-gradient(#fff,#e8f0eb);color:var(--ink);font:500 13px/1 var(--font-body);cursor:pointer;box-shadow:inset 0 -2px 0 #829f8c22}
.locket-nav .nav-menu::before{content:"";width:4px;height:18px;border-radius:3px;background:#4c5a63;box-shadow:inset 0 1px 2px #0f1419}
.locket-nav :focus-visible{outline:2px solid #067a56;outline-offset:4px}
.locket-nav .nav-sheet{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;gap:24px;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px max(24px,calc((100vw - 680px)/2)) calc(28px + env(safe-area-inset-bottom));overflow:auto;border:0;border-radius:0;background:radial-gradient(ellipse at 95% 70%,#d9ebca,transparent 55%),linear-gradient(125deg,#fff,#edf5ef 65%,#e1ece5);box-shadow:inset 0 4px 0 #8ee303}
.locket-nav .nav-sheet[hidden]{display:none}
.ln-menu-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #baccc0}
.ln-menu-brand{font:700 24px/1 var(--font-display);letter-spacing:-.05em}
.locket-nav .nav-sheet #navClose{display:flex;align-items:center;justify-content:center;gap:12px;width:auto;min-height:44px;padding:8px 14px;border:1px solid #b7c7bd;border-radius:10px;background:#fff;color:var(--ink);font:500 13px/1 var(--font-body);cursor:pointer}
.locket-nav #navClose::after{content:"×";font:400 23px/1 var(--font-body)}
.ln-menu-note{margin:0;color:var(--ink-soft);font:400 14px/1.6 var(--font-body)}
.ln-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;counter-reset:locker}
.locket-nav .nav-sheet .ln-menu-links a{display:flex;align-items:center;gap:12px;width:auto;min-height:72px;padding:12px 0;border:0;border-bottom:1px solid #c3d2c7;border-radius:0;background:none;color:var(--ink);font:500 clamp(18px,4vw,27px)/1.25 var(--font-display);text-decoration:none}
.ln-menu-links a::before{counter-increment:locker;content:counter(locker,decimal-leading-zero);color:#526a5c;font:400 11px/1 var(--font-mono)}
.locket-nav .nav-sheet a:hover{background:none;color:var(--accent-deep)}
.ln-menu-foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:auto;padding-top:24px;border-top:1px solid #baccc0}
.ln-menu-utility{display:flex;gap:20px;flex-wrap:wrap}
.locket-nav .nav-sheet .ln-menu-utility a{display:inline-flex;width:auto;min-height:44px;padding:8px 0;font:400 14px/1.5 var(--font-body);color:var(--ink-soft);background:none}
body.ln-open{overflow:hidden}
.locket-nav~.phone-tabs{display:none!important}
/* The docs use the same wallet picker without the landing page layout sheet. */
body[data-docs-page] .wallet-picker{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;background:#0f191455}
body[data-docs-page] .wallet-picker__card{width:min(100%,440px);max-height:85dvh;overflow:auto;padding:28px;border:1px solid #fff;border-radius:20px;background:#f4f8f6;box-shadow:0 24px 80px #0f191433}
body[data-docs-page] .wallet-picker__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
body[data-docs-page] .wallet-picker__head h2{margin:0;font-size:24px}
body[data-docs-page] .wallet-picker button,body[data-docs-page] .wallet-picker__row{display:flex;align-items:center;gap:16px;min-height:44px;padding:12px;border:1px solid #b7c7bd;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}
body[data-docs-page] .wallet-picker__row{width:100%;margin-top:8px;text-align:left;text-decoration:none}
body[data-docs-page] .wallet-picker__row-text{display:grid;gap:4px}
body[data-docs-page] .wallet-glyph{width:24px}
body[data-docs-page] .wallet-picker__note,body[data-docs-page] .wallet-picker__install{font-size:14px;line-height:1.6}
@media(max-width:1239px){.locket-nav .nav-links{display:none}.locket-nav .nav-menu{display:flex}.locket-nav .nav-brand{margin-right:auto}}
@media(max-width:767px){.locket-nav{inset:12px 12px auto}.locket-nav .nav-bar{min-height:62px;gap:10px;padding:8px 12px}.locket-nav .nav-wordmark{gap:8px;font-size:19px}.locket-nav .nav-wordmark .brand-ground{width:29px;height:34px}.locket-nav .nav-wordmark .brand-ground img{width:29px;height:29px}.locket-nav .wallet-instrument{display:none}.locket-nav .nav-menu{margin-left:auto}.locket-nav .nav-sheet{gap:24px}.locket-nav .nav-sheet .nav-connect{width:100%;height:52px}.ln-menu-foot{display:grid;grid-template-columns:1fr;width:100%}.ln-menu-note{max-width:27ch}}
@media(prefers-reduced-motion:reduce){.locket-nav *,.locket-nav *::after{transition:none!important;animation:none!important}}
.locket-nav .nav-links a::after{display:block}
.locket-nav .nav-wordmark>span:last-child{display:block;transform:none}
.locket-nav.is-tight .nav-bar{padding-block:10px}
.locket-nav.is-tight .nav-wordmark span{transform:none}
@media(max-width:767px){.locket-nav.is-tight .nav-bar{padding-block:8px}}
@media(max-width:1023px){body[data-docs-page] .docs-sidebar:not(:has(#docsSearch:not(:placeholder-shown))) .docs-sidebar-list{display:none}body[data-docs-page] .docs-shell{gap:24px}}
@media(min-width:768px){.locket-nav #navCa:not([hidden]){display:flex;max-width:200px}.locket-nav .nav-bar:has(#navCa:not([hidden])) .nav-links{display:none}.locket-nav .nav-bar:has(#navCa:not([hidden])) .nav-menu{display:flex}}