.x6{grid-column:1/-1;min-width:0}.x6__body{display:grid;gap:var(--s12)}.x6__body>*{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.x6__bar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.x6 .x6__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--v6-type-label,.75rem);line-height:1rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--c-dim,#595855)}.x6__btn{all:unset;box-sizing:border-box;flex:0 0 auto;min-height:32px;padding:6px 14px;border:1px solid var(--c-fg,#111);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--v6-type-label,.75rem);line-height:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-fg,#111);cursor:pointer;transition:background .12s ease,color .12s ease}.x6__btn:hover{background:var(--c-fg,#111);color:var(--c-bg,#fff)}.x6__btn:focus-visible{outline:2px solid var(--c-fg,#111);outline-offset:2px}.x6[data-expanded]{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:clamp(16px,2.5vw,28px) clamp(16px,3vw,44px);background:var(--c-bg,#fff);overflow-y:auto;overscroll-behavior:contain}.x6[data-expanded]:focus{outline:none}.x6[data-expanded] .x6__bar{position:sticky;top:0;z-index:1;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--c-fg,#111);background:var(--c-bg,#fff)}.x6[data-expanded] .x6__body{flex:1 1 auto;min-height:0}@media (prefers-reduced-motion:reduce){.x6__btn{transition:none}}