.tp-sheet{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.tp-sheet[data-staged]{position:absolute;z-index:0}.tp-scrim{position:absolute;inset:0;background:var(--mobile-navigation-scrim);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease-out}.tp-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;height:min(560px,calc(100dvh - 32px));overflow:hidden;border-radius:24px;color:oklch(var(--ink));box-shadow:var(--shadow-raised);opacity:0;transform:scale(.96);transform-origin:50% 40%;transition:opacity .2s ease-out,transform .2s var(--ease-system)}.tp-panel[data-wide]{max-width:560px}.tp-sheet[data-staged] .tp-panel{height:min(560px,100%)}.tp-sheet[data-active] .tp-panel,.tp-sheet[data-active] .tp-scrim{opacity:1;transform:none}@media (max-width:767px){.tp-sheet{align-items:flex-end;padding:0}.tp-panel,.tp-panel[data-wide],.tp-sheet[data-staged] .tp-panel{max-width:none;height:min(88dvh,640px);border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(32px);box-shadow:var(--shadow-overlay)}}.tp-sheet[data-phone]{align-items:flex-end;padding:0}.tp-sheet[data-phone] .tp-panel{max-width:none;height:min(88%,640px);border-radius:24px 24px 0 0;transform:translateY(32px);box-shadow:var(--shadow-overlay)}.tp-sheet[data-active] .tp-panel,.tp-sheet[data-phone][data-active] .tp-panel{transform:none}@media (prefers-reduced-motion:reduce){.tp-panel,.tp-panel[data-wide],.tp-sheet[data-phone] .tp-panel,.tp-sheet[data-staged] .tp-panel{transform:none;transition:opacity .12s ease-out}}.tp-head{justify-content:space-between;gap:12px;padding:16px 16px 12px}.tp-head,.tp-search{display:flex;flex-shrink:0;align-items:center}.tp-search{gap:8px;height:40px;margin:0 16px;padding:0 6px 0 16px;border-radius:999px;cursor:text}.tp-search>svg{flex-shrink:0;color:oklch(var(--ink-muted))}.tp-input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;font-size:14px;line-height:20px;font-weight:500;color:oklch(var(--ink));caret-color:oklch(var(--ink))}.tp-input::placeholder{color:oklch(var(--ink-muted));font-weight:400}.tp-input::-webkit-search-cancel-button,.tp-input::-webkit-search-decoration{appearance:none}.tp-clear{position:relative;display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:999px;color:oklch(var(--ink-muted));transition:color .15s ease-out,background-color .15s ease-out,scale .15s ease-out}.tp-clear:before{content:"";position:absolute;inset:-6px}.tp-clear:active{scale:.96}@media (hover:hover) and (pointer:fine){.tp-clear:hover{color:oklch(var(--ink));background:oklch(var(--ink)/.07)}}.tp-clear:focus-visible{outline:2px solid oklch(var(--select));outline-offset:0}@media (max-width:767px),(pointer:coarse){.tp-search{height:44px}.tp-input{font-size:16px;line-height:24px}.tp-clear:before{inset:-8px}}.tp-quick{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.tp-chip{position:relative;display:inline-flex;height:32px;align-items:center;gap:8px;padding:0 12px 0 4px;border-radius:999px;background:oklch(var(--surface-chip));box-shadow:inset 0 0 0 1px oklch(var(--line));font-size:14px;line-height:20px;font-weight:500;color:oklch(var(--ink));transition:background-color .15s ease-out,scale .15s ease-out}.tp-chip:before{content:"";position:absolute;inset:-4px}.tp-chip:active{scale:.97}@media (hover:hover) and (pointer:fine){.tp-chip:hover{background:oklch(var(--surface-raised-hi))}}.tp-chip:focus-visible{outline:2px solid oklch(var(--select));outline-offset:2px}@media (max-width:767px),(pointer:coarse){.tp-chip:before{inset:-6px -4px}}.tp-rule{flex-shrink:0;height:1px;margin:12px 0 0;background:oklch(var(--line-raised))}.tp-heading{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;height:32px;padding:4px 16px 0;font-size:12px;line-height:16px;font-weight:500;color:oklch(var(--ink-muted));white-space:nowrap}.tp-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 8px;scrollbar-width:thin}.tp-row{display:flex;width:100%;min-height:56px;align-items:center;gap:12px;padding:8px;border-radius:12px;text-align:left;color:inherit;cursor:pointer;scroll-margin:8px;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease-out}.tp-row:active,.tp-row[data-active]{background:oklch(var(--surface-raised-hi))}@media (hover:none){.tp-row[data-active]:not(:active){background:transparent}}.tp-row:disabled{cursor:default;opacity:.5}.tp-note{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center}@media (prefers-reduced-motion:reduce){.tp-chip,.tp-clear,.tp-row,.tp-scrim{transition:none}}.tp-sheet[data-phone] .tp-search{height:44px}.tp-sheet[data-phone] .tp-input{font-size:16px;line-height:24px}