.liquid-dither-card{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--surface-experiment-canvas, #fafafa);touch-action:pan-y}.liquid-dither-card__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:pan-y}@media(max-width:720px){.liquid-dither-card[data-liquid-dither-mode=expanded][data-reduced-motion=false],.liquid-dither-card[data-liquid-dither-mode=expanded][data-reduced-motion=false] .liquid-dither-card__canvas{touch-action:none}}.bc-demo{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;container:bc-stage / size;padding:16px calc(5% + 14.4px);background:var(--surface-experiment-canvas, #fafafa);font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;font-weight:400;--bc-ms: .48s;--bc-ease: cubic-bezier(.25, .8, .25, 1);--bc-ink: #fff;--bc-dim: #929292;--bc-slash: #656565;--bc-off: #4e4e4e;--bc-bar: #141414}.bc-demo,.bc-demo *{box-sizing:border-box}.bc-demo button{font-family:inherit;-webkit-tap-highlight-color:transparent}.bc-demo .bc-bar{display:flex;align-items:center;width:100%;min-width:0;height:48px;padding:0 18px;border-radius:8px;background:var(--bc-bar)}.bc-demo .bc-arrows{display:flex;align-items:center;gap:8px;margin-right:32px;flex:none}.bc-demo .bc-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--bc-ink);cursor:pointer;transition:background .14s ease,color .14s ease}.bc-demo .bc-arrow svg{width:14px;height:14px;flex:none}.bc-demo .bc-arrow:hover:not(:disabled){background:#ffffff14}.bc-demo .bc-arrow:active:not(:disabled){background:#ffffff24}.bc-demo .bc-arrow:disabled{color:var(--bc-off);cursor:default}.bc-demo .bc-trail{display:flex;align-items:center;margin:0;padding:0;list-style:none;min-width:0;flex:1}.bc-demo .bc-crumb{display:inline-flex;align-items:center;min-width:0}.bc-demo .bc-crumb[data-last=false]{flex:0 1 auto}.bc-demo .bc-crumb[data-last=true]{flex:0 0 auto;max-width:100%;z-index:2}.bc-demo .bc-sep{color:var(--bc-slash);margin:0 7px;font-size:12px;font-weight:400;-webkit-user-select:none;user-select:none}.bc-demo .bc-mid,.bc-demo .bc-current{position:relative;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;height:28px;font-size:12px;line-height:1.45;white-space:nowrap;cursor:pointer;min-width:0;transition:color .18s ease}.bc-demo .bc-mid{color:var(--bc-dim);font-weight:400}.bc-demo .bc-mid:hover{color:var(--bc-ink)}.bc-demo .bc-mid:before,.bc-demo .bc-current:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:#242424;opacity:0;transition:opacity .2s ease}.bc-demo .bc-mid:hover:before,.bc-demo .bc-mid:focus-visible:before,.bc-demo .bc-current:hover:before,.bc-demo .bc-current:focus-visible:before,.bc-demo .bc-current[aria-expanded=true]:before{opacity:1}.bc-demo .bc-current{position:relative;color:var(--bc-ink);font-weight:500;z-index:2}.bc-demo[data-menu-overlap=true] .bc-current{transition:color .18s ease,opacity .16s ease .16s}.bc-demo[data-menu-overlap=true][data-open=true] .bc-current{opacity:0;transition:color .18s ease,opacity 80ms ease 90ms}.bc-demo .bc-current>svg{color:var(--bc-ink);width:10px;height:10px;flex:none;transition:transform var(--bc-ms) var(--bc-ease)}.bc-demo .bc-current[aria-expanded=true]>svg{transform:rotate(180deg)}.bc-demo .bc-arrow:focus-visible,.bc-demo .bc-mid:focus-visible,.bc-demo .bc-current:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:none}.bc-demo .bc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.bc-demo .bc-value{position:relative;display:inline-block;overflow:hidden;height:1.45em}.bc-demo .bc-value-sizer{display:block;visibility:hidden}.bc-demo .bc-value-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.bc-demo .bc-last{position:relative;display:inline-flex;min-width:0}.bc-demo .bc-morph-shape{position:absolute;top:0;left:0;z-index:1;pointer-events:none;width:var(--bc-trigger-width);height:var(--bc-trigger-height);border-radius:6px;background:var(--bc-bar);transform:translate(0);border:1px solid transparent;box-shadow:0 0 0 transparent;opacity:1;transition:width calc(var(--bc-ms) * .72) var(--bc-ease) 80ms,height calc(var(--bc-ms) * .72) var(--bc-ease) 80ms,transform calc(var(--bc-ms) * .8) var(--bc-ease) 80ms,border-radius calc(var(--bc-ms) * .72) var(--bc-ease) 80ms,background-color .16s ease .16s,border-color .2s ease .1s,box-shadow .22s ease}.bc-demo[data-open=true] .bc-morph-shape{width:var(--bc-panel-width);height:var(--bc-panel-height);transform:translate(var(--bc-panel-x),var(--bc-panel-y));border-radius:10px;background:#202020;border-color:#ffffff14;box-shadow:0 12px 32px #00000024,0 2px 5px #00000014;transition:width var(--bc-ms) var(--bc-ease) 60ms,height var(--bc-ms) var(--bc-ease) 60ms,transform var(--bc-ms) var(--bc-ease) 30ms,border-radius var(--bc-ms) var(--bc-ease) 60ms,background-color 90ms ease,border-color .18s ease 90ms,box-shadow .3s ease 90ms}.bc-demo .bc-menu{position:absolute;top:var(--bc-panel-y);left:var(--bc-panel-x);z-index:4;width:var(--bc-panel-width);height:var(--bc-panel-height);padding:6px;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;border-radius:10px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 80ms ease,visibility 0s linear 80ms}.bc-demo[data-open=true] .bc-menu{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .18s ease .17s,visibility 0s}.bc-demo .bc-highlight{position:absolute;top:6px;left:6px;right:6px;height:var(--bc-row-height);border-radius:6px;background:#ffffff13;pointer-events:none;transition:transform .18s var(--bc-ease),opacity .1s ease}.bc-demo .bc-option{position:relative;display:flex;flex:0 0 var(--bc-row-height);align-items:center;justify-content:space-between;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;background:transparent;border-radius:6px;padding:0 8px;font-size:12px;font-weight:400;text-align:left;color:#d6d6d6;cursor:pointer;white-space:nowrap}.bc-demo .bc-option>span{opacity:0;transform:translateY(6px);transition:opacity 80ms ease,transform .18s var(--bc-ease)}.bc-demo[data-open=true] .bc-option>span{opacity:1;transform:translateY(0);transition:opacity .16s ease calc(.21s + var(--bc-index, 0) * 30ms),transform .26s var(--bc-ease) calc(.21s + var(--bc-index, 0) * 30ms)}.bc-demo .bc-option:hover,.bc-demo .bc-option:focus-visible{color:#fff}.bc-demo .bc-menu .bc-option:focus-visible{outline:1px solid #ffffff80;outline-offset:-2px;box-shadow:none}.bc-demo .bc-option:active{background:#ffffff0a}.bc-demo .bc-option--empty{color:#a0a0a0;cursor:default}.bc-demo .bc-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@container bc-stage (max-width: 560px){.bc-demo .bc-bar{padding:0 10px}.bc-demo .bc-arrows{gap:4px;margin-right:12px}.bc-demo .bc-arrow{width:28px;height:34px}.bc-demo .bc-mid,.bc-demo .bc-current{font-size:11px;height:34px}.bc-demo .bc-sep{margin:0 4px;font-size:11px}.bc-demo .bc-text{max-width:100px}}@container bc-stage (max-width: 380px){.bc-demo .bc-bar{padding:0 6px}.bc-demo .bc-arrows{gap:0;margin-right:6px}.bc-demo .bc-arrow{width:24px}.bc-demo .bc-crumb[data-last=false]{flex:0 1 auto}.bc-demo .bc-crumb[data-last=false]:not(:nth-last-child(2)){display:none}.bc-demo .bc-crumb[data-last=false] .bc-sep{display:none}.bc-demo .bc-mid{width:100%}.bc-demo .bc-text{max-width:100%}.bc-demo .bc-sep{margin:0 3px}}@container bc-stage (max-height: 200px){.bc-demo .bc-bar{height:40px}.bc-demo .bc-mid,.bc-demo .bc-current{height:28px}}@media(prefers-reduced-motion:reduce){.bc-demo *,.bc-demo *:before,.bc-demo *:after{animation:none!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}}.bc-demo[data-reduced=true] *,.bc-demo[data-reduced=true] *:before,.bc-demo[data-reduced=true] *:after{animation:none!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}.snv-demo{--snv-canvas: var(--surface-experiment-canvas, #fafafa);--snv-surface: #0f0f0f;--snv-control: #121212;--snv-hover: #181818;--snv-pressed: #212121;--snv-line: rgb(30 30 30 / .5);--snv-text: #ffffff;--snv-dim: #b3b3b3;--snv-faint: #989898;--snv-icon: 44px;--snv-pad: 6px;position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-width:0;padding-bottom:48px;color:var(--snv-text);background:var(--snv-canvas);font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:17px;font-synthesis:none;-webkit-font-smoothing:antialiased;container-type:size}.snv-demo,.snv-demo *{box-sizing:border-box}.snv-demo :where(button,input){font:inherit;-webkit-tap-highlight-color:transparent}.snv-demo button{touch-action:manipulation}.snv-box{position:relative;display:flex;flex-direction:column;width:min(336px,calc(100% - 16px));border:1px solid var(--snv-line);border-radius:8px;background:var(--snv-surface);transition:border-radius .44s cubic-bezier(.22,1,.36,1)}.snv-demo[data-expanded=true] .snv-box{border-radius:4px}.snv-scope-notice{position:absolute;z-index:4;bottom:56px;left:8px;right:8px;padding:10px 12px;border:1px solid #333333;border-radius:4px;background:var(--snv-surface);color:var(--snv-dim);font-size:12px;line-height:16px;box-shadow:0 4px 12px #0000001f;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.snv-scope-notice[data-visible=true]{opacity:1;transform:translateY(0)}.snv-elevation{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 8px 24px #00000029;opacity:0;pointer-events:none;transition:opacity .44s cubic-bezier(.22,1,.36,1)}.snv-demo[data-expanded=true] .snv-elevation{opacity:1}.snv-panel{overflow:hidden;transition:height .44s cubic-bezier(.22,1,.36,1)}.snv-panel-inner{padding:12px 8px 8px}.snv-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;padding:0 8px 4px;color:var(--snv-faint);opacity:0;filter:blur(4px);transition:opacity .44s cubic-bezier(.22,1,.36,1),filter .44s cubic-bezier(.22,1,.36,1)}.snv-panel-heading h2{margin:0;font-size:10px;line-height:18px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.snv-panel-heading>span{font-size:11px;line-height:16px;white-space:nowrap}.snv-demo[data-expanded=true] .snv-panel-heading{opacity:1;filter:blur(0)}.snv-panel-body{max-height:calc(var(--snv-panel-max) - 44px);min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333333 transparent;scroll-padding:4px}.snv-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.snv-item{opacity:0;transform:translateY(8px);filter:blur(4px);transition:opacity .44s cubic-bezier(.22,1,.36,1),transform .44s cubic-bezier(.22,1,.36,1),filter .44s cubic-bezier(.22,1,.36,1);transition-delay:0ms}.snv-demo[data-expanded=true] .snv-item{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:calc(var(--snv-index, 0) * 40ms)}.snv-demo[data-expanded=true] .snv-state-content{animation:snv-content-in .44s cubic-bezier(.22,1,.36,1) both}.snv-demo[data-expanded=true] .snv-state-content .snv-item{animation:snv-content-in .44s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--snv-index, 0) * 40ms)}@keyframes snv-content-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.snv-suggestion,.snv-result{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--snv-dim);font-size:13px;line-height:18px;text-align:left;cursor:pointer;transition:background-color .16s,color .16s}.snv-result{min-height:56px}.snv-suggestion:hover,.snv-result:hover{background:var(--snv-hover);color:var(--snv-text)}.snv-suggestion:focus-visible,.snv-result:focus-visible{background:var(--snv-hover);outline:1px solid var(--snv-dim);outline-offset:-1px;color:var(--snv-text)}.snv-row-icon{display:inline-flex;flex:none;color:var(--snv-faint)}.snv-suggestion-label{flex:1;min-width:0;overflow-wrap:anywhere}.snv-trailing{display:inline-flex;flex:none;margin-left:auto;color:var(--snv-faint);opacity:.45;transform:translate(-3px);transition:opacity .16s,transform .16s}.snv-result:hover .snv-trailing,.snv-suggestion:hover .snv-trailing,.snv-result:focus-visible .snv-trailing,.snv-suggestion:focus-visible .snv-trailing{opacity:1;transform:translate(0)}.snv-result-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.snv-result-title{color:var(--snv-text);font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snv-result-meta{color:var(--snv-faint);font-size:11px;line-height:14px}.snv-result-meta>span{margin:0 3px}.snv-keycap{display:inline-flex;flex:none;color:var(--snv-faint);font-size:13px}.snv-ready>p{margin:3px 8px 8px;color:var(--snv-faint);font-size:12px;line-height:17px}.snv-empty{padding:8px}.snv-empty>p{margin:0 0 5px;color:var(--snv-dim);font-size:12px;line-height:17px;overflow-wrap:anywhere}.snv-empty>span{display:block;color:var(--snv-faint);font-size:11px;line-height:14px}.snv-action,.snv-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--snv-line);border-radius:4px;background:var(--snv-control);color:var(--snv-dim);font-size:11px;line-height:14px;cursor:pointer;transition:color .16s,background-color .16s}.snv-action{margin-top:12px}.snv-action:hover,.snv-text-button:hover{background:var(--snv-hover);color:var(--snv-text)}.snv-action:focus-visible,.snv-text-button:focus-visible{outline:1px solid var(--snv-text);outline-offset:-2px}.snv-text-button{min-height:44px;border:0;padding:0 4px;background:transparent}.snv-detail{padding:0 8px 8px}.snv-detail h3{margin:3px 0 10px;color:var(--snv-text);font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.02em}.snv-detail p{margin:0 0 12px;color:var(--snv-dim);font-size:12px;line-height:17px}.snv-back{color:var(--snv-faint);margin:-4px 0 4px}.snv-place-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}.snv-place-actions .snv-action{margin:0;padding:0 10px;gap:6px}.snv-demo a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.snv-map-link,.snv-website{text-decoration:none}.snv-detail .snv-address{color:var(--snv-faint);overflow-wrap:anywhere}.snv-website{text-decoration:underline;text-underline-offset:3px}.snv-save[aria-pressed=true]{color:var(--snv-text);background:var(--snv-hover)}.snv-loading-copy{display:flex;align-items:center;gap:8px;padding:8px;min-height:35px;color:var(--snv-faint);font-size:11px;line-height:14px}.snv-loading-copy>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snv-spinner{display:block;flex:none;color:var(--snv-dim);animation:snv-spin .8s linear infinite}@keyframes snv-spin{to{transform:rotate(360deg)}}.snv-skeleton-row{display:flex;align-items:center;gap:10px;height:56px;padding:8px;animation:snv-pulse 1.2s ease-in-out infinite;animation-delay:calc(var(--snv-index) * 90ms)}.snv-skeleton-icon{width:14px;height:18px;border-radius:3px;background:#ffffff12}.snv-skeleton-copy{display:flex;flex:1;flex-direction:column;gap:8px}.snv-skeleton-copy>span{width:74%;height:8px;border-radius:3px;background:#fff1}.snv-skeleton-copy>span:last-child{width:42%;height:6px;background:#ffffff0a}.snv-skeleton-row:nth-child(2) .snv-skeleton-copy>span:first-child{width:86%}.snv-skeleton-row:nth-child(3) .snv-skeleton-copy>span:first-child{width:64%}@keyframes snv-pulse{0%,to{opacity:.5}50%{opacity:1}}.snv-previous-label{margin:4px 8px;color:var(--snv-faint);font-size:10px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snv-bar{position:relative;flex:none;height:48px}.snv-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0 100px 0 54px;border:0;border-radius:4px;background:transparent;color:var(--snv-text);font-size:13px;line-height:18px;outline:none;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.snv-input::placeholder{color:var(--snv-faint)}.snv-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.snv-input:focus-visible{box-shadow:inset 0 0 0 1px #ffffff1a}.snv-demo[data-open=true] .snv-input{opacity:1;transform:translate(0);pointer-events:auto}.snv-row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--snv-pad);pointer-events:none}.snv-icon-button{position:relative;display:grid;flex:none;place-items:center;width:var(--snv-icon);height:var(--snv-icon);padding:0;border:0;border-radius:4px;background:transparent;color:var(--snv-faint);cursor:pointer;pointer-events:auto;transition:background-color .15s,color .15s,scale .15s}.snv-icon-button:hover{background:var(--snv-hover);color:var(--snv-text)}.snv-icon-button:active{scale:.96;background:var(--snv-pressed)}.snv-icon-button:focus-visible{outline:1px solid var(--snv-text);outline-offset:-2px}.snv-nav[aria-expanded=true]{color:var(--snv-text);background:var(--snv-hover)}.snv-nav{transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),filter .4s cubic-bezier(.22,1,.36,1),background-color .15s,color .15s}.snv-demo[data-open=true] .snv-nav{opacity:0;transform:translate(-6.4px) scale(.96);filter:blur(3px);pointer-events:none}.snv-search{z-index:2;color:var(--snv-text);transition:transform .4s cubic-bezier(.76,0,.24,1),color .2s,background-color .15s}.snv-demo[data-open=true] .snv-search{color:var(--snv-dim)}.snv-search[aria-disabled=true]{color:var(--snv-faint)}.snv-close,.snv-clear{position:absolute;z-index:2;top:50%;right:var(--snv-pad);translate:0 -50%;opacity:0;scale:.6;pointer-events:none;transition:opacity .4s cubic-bezier(.22,1,.36,1),scale .4s cubic-bezier(.22,1,.36,1),background-color .15s,color .15s}.snv-clear{right:calc(var(--snv-pad) + 44px);width:44px;height:44px;color:var(--snv-faint)}.snv-clear-label{font-size:11px;line-height:1}.snv-demo[data-open=true] .snv-close,.snv-clear[data-visible=true]{opacity:1;scale:1;pointer-events:auto}.snv-saved-dot{position:absolute;top:10px;right:10px;width:4px;height:4px;border-radius:50%;background:var(--snv-dim)}.snv-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.snv-demo--compact{position:absolute;top:0;right:0;bottom:0;left:0;padding-bottom:0;align-items:center;pointer-events:none}.snv-demo--compact .snv-box{scale:var(--snv-scale)}.snv-demo--compact .snv-icon-button,.snv-demo--compact .snv-input{pointer-events:none}@media(prefers-reduced-motion:reduce){.snv-demo *,.snv-demo *:before,.snv-demo *:after{animation:none!important;transition-duration:0ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}.snv-demo[data-reduced-motion=true] *,.snv-demo[data-reduced-motion=true] *:before,.snv-demo[data-reduced-motion=true] *:after{animation:none!important;transition-duration:0ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.vault-page,.vault-page__main{min-height:100vh;min-height:100dvh;background:var(--page-canvas)}.vault-page__main{min-width:0;min-height:100vh;min-height:100dvh;margin-left:360px;padding:12px;color:#f5f5f5;font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:400}.vault-page__mobile-introduction,.vault-page__collection-count{display:none}.vault-page__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0}.vault-page__grid{display:grid;grid-template-columns:repeat(var(--vault-column-count),minmax(0,1fr));align-items:start;column-gap:12px}.vault-page__column{display:flex;min-width:0;flex-direction:column;gap:8px}.vault-card{display:block;min-width:0;order:var(--vault-card-order)}.vault-card__link,.vault-card__content{display:block;width:100%;min-width:0}.vault-card__link{color:inherit;cursor:pointer;text-decoration:none}.vault-card__link:focus-visible{outline:none}.vault-card__link:focus-visible .vault-card__media{outline:1px solid #ffffff;outline-offset:3px}.vault-card__media{position:relative;display:block;width:100%;aspect-ratio:var(--vault-card-media-ratio);overflow:hidden;border-radius:var(--project-media-radius);background:var(--surface-experiment-canvas, #fafafa)}.vault-card__media>.bc-demo{position:absolute;top:0;right:0;bottom:0;left:0}.vault-card__link--caption:focus-visible{outline:1px solid #fff;outline-offset:3px}.vault-card__copy{display:grid;min-width:0;margin-top:4px;grid-template-columns:minmax(0,1fr)}.vault-card__topline{display:contents}.vault-card__title,.vault-card__type{margin:0;font:inherit;font-size:14px;line-height:17px}.vault-card__title{min-width:0;grid-row:1;grid-column:1 / -1;color:#f5f5f5}.vault-card__type{min-width:0;grid-row:2;grid-column:1;color:var(--text-secondary);transition:color .5s ease}@media(min-width:961px){.vault-page__grid[data-column-count="2"]{align-items:stretch}.vault-page__grid[data-column-count="2"]>.vault-page__column>.vault-card:only-child{display:flex;flex:1 1 auto}.vault-page__grid[data-column-count="2"]>.vault-page__column>.vault-card:only-child>:is(.vault-card__link,.vault-card__content){display:flex;flex:1 1 auto;flex-direction:column}.vault-page__grid[data-column-count="2"]>.vault-page__column>.vault-card:only-child .vault-card__media{flex:1 1 auto;aspect-ratio:auto}}@media(hover:hover){.vault-card[data-vault-available=true]:is(:hover,:focus-within) .vault-card__type{color:#f5f5f5}}.vault-sidebar__landing-intro{max-width:100%}.vault-sidebar__body{position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--text-muted) transparent;scrollbar-width:thin}.vault-stack{--vault-root-inactive-color: var(--text-muted);--vault-child-inactive-color: var(--text-disabled);--vault-nav-active-color: #F5F5F5;--vault-nav-hover-color: var(--text-subdued);--vault-hairline-color: var(--divider-color);position:relative;width:100%;min-height:0;flex:1 1 auto;isolation:isolate}.vault-stack__panel{min-width:0;background:var(--page-canvas)}.vault-stack__panel-content{width:100%;height:auto;min-height:191px;flex:0 0 auto}.vault-sidebar__filters{height:auto}.vault-sidebar__filters>ul{height:auto}.vault-sidebar__filters>ul>.vault-stack__category{height:auto}.vault-sidebar__filters button,.vault-stack__child-list a{display:block;width:100%;height:19px}.vault-sidebar__filters button,.vault-stack__child-list a{display:flex;margin:0;padding:0;border:0;align-items:center;justify-content:flex-start;background:transparent;font:inherit;font-size:16px;font-weight:400;line-height:19px;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-decoration:none;transition:color .15s ease-out}.vault-sidebar__filters button{color:var(--vault-root-inactive-color);gap:8px}.vault-stack__chevron{flex:0 0 auto;transition:transform .26s cubic-bezier(.22,1,.36,1)}.vault-sidebar__filters button[aria-expanded=true] .vault-stack__chevron{transform:rotate(180deg)}.vault-stack__branch{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),margin-top .26s cubic-bezier(.22,1,.36,1),opacity .15s ease-out}.vault-stack__branch[data-open=true]{grid-template-rows:1fr;opacity:1}.vault-stack__branch[data-open=true]{margin-top:4px}.vault-stack[data-reduced=true] .vault-stack__branch,.vault-stack[data-reduced=true] .vault-stack__chevron{transition:none}.vault-stack__empty{margin:0;color:var(--vault-child-inactive-color);font:inherit;font-size:16px;line-height:19px}.vault-stack__branch-inner{position:relative;min-height:0;padding-left:16px;overflow:hidden}.vault-stack__branch[data-has-items=true] .vault-stack__branch-inner:before{position:absolute;top:0;left:0;width:1px;height:19px;background:var(--vault-hairline-color);content:""}.vault-sidebar__filters .vault-stack__child-list{width:100%;height:auto}.vault-sidebar__filters .vault-stack__child-list>.vault-stack__item{height:auto}.vault-stack__child-list>.vault-stack__item>a{color:var(--vault-child-inactive-color)}.vault-sidebar__filters button[aria-expanded=true],.vault-stack__child-list a[aria-current=page]{color:var(--vault-nav-active-color)}.vault-sidebar__filters button:focus-visible,.vault-stack__child-list a:focus-visible{outline:1px solid #ffffff;outline-offset:3px}.vault-sidebar__filters button:focus-visible:not([aria-expanded=true]),.vault-stack__child-list a:focus-visible:not([aria-current]){color:var(--vault-nav-hover-color)}@media(hover:hover){.vault-sidebar__filters button:hover:not([aria-expanded=true]),.vault-stack__child-list a:hover:not([aria-current]){color:var(--vault-nav-hover-color)}}.vault-experiment-page,.vault-experiment-page__main{min-height:100vh;min-height:100dvh;background:var(--page-canvas)}.vault-experiment-page__main{min-width:0;margin-left:360px;padding:22px 16px 12px 14px;color:#f5f5f5;font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;font-style:normal;font-weight:400}.vault-page__main:focus,.vault-experiment-page__main:focus{outline:none}.vault-experiment-workspace{display:grid;min-width:0;height:calc(100vh - 34px);height:calc(100dvh - 34px);min-height:560px;grid-template-columns:minmax(0,1fr) 313px;gap:16px}.vault-experiment-preview{display:flex;min-width:0;min-height:0;overflow:hidden}.vault-experiment-preview__canvas,.vault-experiment-preview__slot{width:100%;height:100%}.vault-experiment-preview__canvas{min-width:0;min-height:0;overflow:hidden;border-radius:var(--project-media-radius);background:var(--surface-experiment-canvas, #fafafa)}.vault-experiment-preview__slot{background:var(--surface-experiment-canvas, #fafafa)}.vault-experiment-fullscreen{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;padding:16px;flex-direction:column;gap:12px;background:var(--surface-control)}.vault-experiment-fullscreen__canvas{min-width:0;min-height:0;overflow:hidden;flex:1 1 auto;border-radius:var(--project-media-radius);background:var(--surface-experiment-canvas, #fafafa)}.vault-experiment-fullscreen__actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:6px}.vault-experiment-inspector{display:flex;min-width:0;min-height:0;flex-direction:column;gap:16px}.vault-experiment-inspector__surface{min-width:0;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:8px;background:var(--surface-navigation);scrollbar-color:var(--text-muted) transparent;scrollbar-width:thin}.vault-experiment-panel{min-width:0;padding:0;background:transparent}.vault-experiment-panel h2{margin:0 0 16px;color:#f5f5f5;font:inherit;font-size:16px;font-weight:400;line-height:19px}.vault-experiment-controls{display:flex;min-width:0;flex-direction:column;gap:8px}.vault-experiment-control{position:relative;display:flex;width:100%;height:36px;min-width:0;align-items:center;overflow:hidden;border:0;border-radius:4px;background:var(--surface-control);color:var(--text-emphasis);font-size:12px;line-height:14px}.vault-experiment-control__label,.vault-experiment-control__value{position:relative;z-index:2}.vault-experiment-control__label{padding-left:12px}.vault-experiment-control__value{margin-left:auto;padding-right:12px;color:#e6e6e6;font:inherit;font-variant-numeric:normal}.vault-experiment-control--range{overflow:hidden}.vault-experiment-control__fill{position:absolute;z-index:0;inset:0 auto 0 0;width:var(--vault-control-progress);background:var(--surface-menu-row-active);pointer-events:none}.vault-experiment-control--range input{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.vault-experiment-control--select{padding:0;justify-content:space-between;gap:8px;overflow:visible}.vault-experiment-control__select-field{width:min(164px,58%);height:100%;flex:0 1 min(164px,58%)}.vault-experiment-control__select-field .vault-select__trigger{height:100%;background:transparent;justify-content:flex-end}.vault-experiment-control:has(input:focus-visible){outline:1px solid #ffffff;outline-offset:2px}.vault-experiment-panel--code{min-height:0;margin-top:24px;padding-top:24px;border-top:1px solid var(--divider-color)}.vault-experiment-panel--code:first-child{margin-top:0;padding-top:0;border-top:0}.vault-experiment-credits p{margin:0;color:var(--text-emphasis);font-size:12px;line-height:17px}.vault-experiment-credits{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--divider-color)}.vault-experiment-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}.vault-experiment-credits a:focus-visible{outline:1px solid #ffffff;outline-offset:3px}.vault-experiment-page__main[data-experiment-kind=search-expand-nav] .vault-experiment-preview{min-height:460px}.vault-experiment-code{min-width:0;display:flex;flex-direction:column;gap:12px}.vault-experiment-code__help,.vault-experiment-code__filename{color:var(--text-emphasis);font-size:11px;line-height:16px;overflow-wrap:anywhere}.vault-experiment-code__help{margin:-4px 0 16px}.vault-experiment-code__filename{margin:0 0 -6px}.vault-experiment-code__header{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:8px;color:var(--text-emphasis);font-size:12px;line-height:14px}.vault-select{position:relative;min-width:0;font:inherit}.vault-select__trigger{display:flex;width:100%;min-height:28px;padding:0 12px;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:4px;background:var(--surface-menu-toggle);color:inherit;font:inherit;cursor:pointer}.vault-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-select__chevron{flex:0 0 auto;color:var(--text-emphasis)}.vault-select__menu{position:absolute;z-index:10;top:calc(100% + 6px);left:0;min-width:max(100%,120px);margin:0;padding:4px;border:1px solid var(--stroke-control);border-radius:4px;background:var(--surface-navigation);list-style:none}.vault-select__option{display:flex;min-height:28px;padding:0 8px;align-items:center;justify-content:space-between;gap:12px;border-radius:2px;color:var(--text-emphasis);cursor:pointer}.vault-select__option[aria-selected=true]{color:#e6e6e6}.vault-select__option[data-active=true]{background:var(--surface-menu-row-active);color:#e6e6e6}.vault-experiment-code__select{min-width:88px;max-width:calc(100% - 84px)}.vault-experiment-code__copy{display:flex;height:28px;min-width:76px;padding:0 12px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;background:var(--surface-menu-toggle);color:var(--text-emphasis);font:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease}.vault-experiment-code__copy-label{position:relative;display:grid;align-items:center;justify-items:center}.vault-experiment-code__copy-reserve,.vault-experiment-code__copy-text{grid-area:1 / 1}.vault-experiment-code__copy-reserve{visibility:hidden}.vault-experiment-code__copy-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}.vault-experiment-code__copy:focus-visible{background:var(--surface-menu-toggle-hover)}.vault-experiment-code__copy:focus-visible,.vault-select__trigger:focus-visible{outline:1px solid #ffffff;outline-offset:2px}.vault-experiment-code pre{height:128px;margin:0;padding:12px;overflow-x:hidden;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;background:var(--surface-control);color:var(--text-emphasis);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:400;line-height:16px;-moz-tab-size:2;tab-size:2;scrollbar-color:var(--text-muted) transparent;scrollbar-width:thin;animation:vault-code-enter .16s ease-out both}@keyframes vault-code-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.vault-experiment-panel--code[data-reduced=true] pre{animation:none}.vault-experiment-panel--code[data-reduced=true] .vault-experiment-code__copy{transition:none}.vault-experiment-code__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.vault-experiment-actions{display:flex;width:100%;min-width:0;margin-top:auto;align-items:stretch;justify-content:flex-end;gap:8px}.vault-experiment-actions__scale,.vault-experiment-action{display:flex;height:32px;align-items:center;justify-content:center;border-radius:4px;font:inherit;font-size:12px;line-height:14px}.vault-experiment-actions__scale{margin-right:auto;color:var(--text-subdued);font-size:11px}.vault-experiment-action{padding:0 10px;gap:8px;border:0;background:var(--surface-menu-toggle);color:#bdbdbd;cursor:pointer;transition:background-color .14s ease}.vault-experiment-action--replay{min-width:84px}.vault-experiment-action--fullscreen{min-width:104px}.vault-experiment-action kbd{display:flex;min-width:14px;height:14px;padding:0 2px;align-items:center;justify-content:center;border:1px solid #333333;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:10px}.vault-experiment-action:disabled{cursor:not-allowed;opacity:.45}.vault-experiment-action:focus-visible{outline:1px solid #ffffff;outline-offset:2px}.vault-experiment-action:not(:disabled):focus-visible{background:var(--surface-menu-toggle-hover)}.vault-experiment-page__main[data-reduced=true] .vault-experiment-action,.vault-experiment-fullscreen[data-reduced=true] .vault-experiment-action{transition:none}@media(hover:hover){.vault-experiment-control--range:hover{color:#e6e6e6}.vault-experiment-code__copy:hover,.vault-experiment-action:not(:disabled):hover{background:var(--surface-menu-toggle-hover)}.vault-experiment-control--range:hover .vault-experiment-control__fill{background:var(--surface-menu-toggle-hover)}.vault-experiment-code__copy:hover,.vault-select__trigger:hover{color:#f5f5f5}}@media(max-width:1199px){.vault-experiment-workspace{height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}.vault-experiment-preview{height:min(720px,calc(100dvh - 44px));min-height:480px}.vault-experiment-inspector{gap:12px}.vault-experiment-inspector__surface{overflow:visible}.vault-experiment-actions{margin-top:0}}@media(prefers-reduced-motion:reduce){.vault-experiment-code pre{animation:none}.vault-stack__branch,.vault-sidebar__filters button,.vault-stack__child-list a,.vault-card__type,.vault-experiment-code__copy,.vault-experiment-action{transition:none}}@media(max-width:720px){.vault-card__media{border-radius:var(--mobile-media-radius)}.desktop-sidebar>.vault-sidebar__body{display:none}.vault-page__main{margin-left:0;padding:114px var(--mobile-page-gutter) 24px}.vault-page__mobile-introduction{display:block;margin:0;color:#f5f5f7;font-size:16px;line-height:19px}.vault-page__collection-heading{display:flex;align-items:center;justify-content:space-between;margin-top:120px;margin-bottom:12px;color:var(--text-secondary);font-size:12px;line-height:14px}.vault-page__collection-title{margin:0;font:inherit}.vault-page__collection+.vault-page__collection .vault-page__collection-heading{margin-top:48px}.vault-page__collection-count{display:block}.vault-page__column{gap:24px}.vault-card__copy{margin-top:12px}.vault-card[data-vault-item-id=search-button] .vault-card__media{aspect-ratio:1 / 1}.vault-experiment-page__main{margin-left:0;padding:94px var(--mobile-page-gutter) 24px}.vault-experiment-workspace{gap:24px}.vault-experiment-preview{height:min(54svh,560px);min-height:360px}.vault-experiment-preview__canvas{border-radius:var(--mobile-media-radius)}.vault-experiment-panel h2{margin-bottom:16px;font-size:16px;line-height:19px}.vault-experiment-controls{gap:16px}.vault-experiment-control{height:40px}.vault-experiment-control--range{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.vault-experiment-control--range input{pointer-events:none}.vault-experiment-control__label{padding-left:12px}.vault-experiment-control__value{padding-right:12px}.vault-experiment-control__select-field{width:min(190px,58%);height:100%;flex-basis:min(190px,58%)}.vault-experiment-control__select-field .vault-select__trigger{min-height:40px}.vault-experiment-code__header{min-height:44px}.vault-experiment-code__copy{height:32px;min-width:0;padding:0 10px;font-size:12px}.vault-experiment-code__select{min-width:0;max-width:calc(100% - 84px)}.vault-select__trigger,.vault-select__option{min-height:48px}.vault-experiment-code__select .vault-select__trigger{min-height:32px;padding:0 10px;gap:8px}.vault-experiment-code__select .vault-select__trigger,.vault-experiment-code__copy,.vault-experiment-action{position:relative}.vault-experiment-code__select .vault-select__trigger:after,.vault-experiment-code__copy:after,.vault-experiment-action:after{position:absolute;top:-6px;right:0;bottom:-6px;left:0;content:""}.vault-experiment-code pre{height:144px}.vault-experiment-actions{display:flex;min-height:44px;align-items:center;gap:8px}.vault-experiment-actions__scale,.vault-experiment-action{width:auto;min-width:0;height:32px;font-size:12px;line-height:14px}.vault-experiment-action{flex:0 0 auto}.vault-experiment-fullscreen{padding:8px var(--mobile-page-gutter);gap:8px}.vault-experiment-fullscreen__canvas{border-radius:var(--mobile-media-radius)}.vault-experiment-fullscreen__actions{min-height:44px;align-items:center;gap:8px}.vault-card__title,.vault-card__type{font-size:14px;line-height:17px;letter-spacing:normal}.vault-card[data-vault-available=true]:hover .vault-card__type{color:var(--text-secondary)}.vault-card[data-vault-available=true]:focus-within .vault-card__type{color:#f5f5f5}}