.item-drawer{z-index:80;background:color-mix(in srgb, var(--ink) 22%, transparent);position:fixed;inset:0}.item-drawer-panel{background:var(--surface);color:var(--ink);outline:none;flex-direction:column;display:flex;position:absolute;inset:0}@media (min-width:1024px){.item-drawer-panel{border-left:1px solid var(--hairline);width:min(480px,100vw);left:auto;box-shadow:-30px 0 60px -40px #00000080}}.item-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.item-drawer-nav{width:32px;height:32px;color:var(--ink-2);border-radius:999px;place-items:center;transition:background-color .14s ease-out,color .14s ease-out;display:grid}.item-drawer-nav:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.item-drawer-nav:disabled{opacity:.35;cursor:not-allowed}.item-drawer-kv{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:12.5px;display:flex}.item-drawer-kv:last-child{border-bottom:0}.item-drawer-kv>span:first-child{color:var(--ink-3)}.item-drawer-kv>span:last-child{text-align:right;color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.item-drawer-enter{animation:.18s cubic-bezier(.22,1,.36,1) both x1id-drawer-backdrop-in}.item-drawer-exit{animation:.18s cubic-bezier(.22,1,.36,1) both x1id-drawer-backdrop-out}.item-drawer-panel-enter{animation:.22s cubic-bezier(.22,1,.36,1) both x1id-sheet-in}.item-drawer-panel-exit{animation:.2s cubic-bezier(.22,1,.36,1) both x1id-sheet-out}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.item-drawer-panel-enter{animation:.22s cubic-bezier(.22,1,.36,1) both x1id-drawer-panel-in}.item-drawer-panel-exit{animation:.2s cubic-bezier(.22,1,.36,1) both x1id-drawer-panel-out}}