.panel{display: none;width: var(--rail-width);border-right: 1px solid var(--line)}.panel[data-open]{display: grid}@media (min-width: 700px){.panel{position: absolute;inset-block: 0;left: var(--rail-width);z-index: var(--z-panel);display: grid;background: var(--surface);translate: -100% 0;visibility: hidden;transition: translate var(--dur-slow) var(--ease-out), visibility var(--dur-slow) allow-discrete}.panel[data-open]{translate: 0 0;visibility: visible;@starting-style{translate: -100% 0}}}@media (max-width: 699px){.panel{position: fixed;inset: auto 0 var(--nav-height) 0;z-index: var(--z-panel);display: grid;height: fit-content;grid-template-rows: minmax(0, 1fr);width: 100%;max-height: calc(100dvh - var(--nav-height) - var(--space-7));background: var(--surface);border-right: none;border-top: 1px solid var(--line);overflow: hidden;translate: 0 100%;visibility: hidden;transition: translate var(--dur-slow) var(--ease-out), visibility var(--dur-slow) allow-discrete}.panel[data-open]{translate: 0 0;visibility: visible;@starting-style{translate: 0 100%}}.panel[data-height-swap]{transition: height var(--dur-base) var(--ease-out), translate var(--dur-slow) var(--ease-out), visibility var(--dur-slow) allow-discrete}.panel-view{overflow-y: auto;overscroll-behavior: contain}.shell-inner:has(.panel[data-open])::before{content: "";position: fixed;inset: 0 0 var(--nav-height);z-index: var(--z-panel);background: transparent;touch-action: none}.rail-dither{transition: opacity var(--dur-base) var(--ease-out)}tp-shell:has(.panel[data-open]) .rail-dither{opacity: 0.5}tp-shell:has(.panel[data-open]) .rail-profile, tp-shell:has(.panel[data-open]) .rail-foot, tp-shell:has(.panel[data-open]) .stage{opacity: 0.5;touch-action: none}tp-shell:has(.panel[data-open]) .rail-nav{touch-action: none}}.panel-view{grid-area: 1 / 1;display: none;opacity: 0;translate: 0 calc(-1 * var(--panel-swap));scrollbar-width: none}.panel-view::-webkit-scrollbar{display: none}.panel-view[data-open]{display: block;opacity: 1;translate: 0 0;z-index: 1}@media (min-width: 700px){.panel-view{padding-top: max(0px, calc(var(--panel-offset, 0px) - 1px));overflow-y: auto}.panel[data-swap] .panel-view{transition: display var(--dur-base) allow-discrete, opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out)}.panel[data-swap="next"] .panel-view:not([data-open]){translate: 0 calc(-1 * var(--panel-swap))}.panel[data-swap="next"] .panel-view[data-open]{@starting-style{opacity: 0;translate: 0 var(--panel-swap)}}.panel[data-swap="prev"] .panel-view:not([data-open]){translate: 0 var(--panel-swap)}.panel[data-swap="prev"] .panel-view[data-open]{@starting-style{opacity: 0;translate: 0 calc(-1 * var(--panel-swap))}}}@media (max-width: 699px){.panel[data-swap] .panel-view{transition: display var(--dur-base) allow-discrete, opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out)}.panel[data-swap] .panel-view:not([data-open]){translate: 0 var(--panel-swap-mobile)}.panel[data-swap] .panel-view[data-open]{@starting-style{opacity: 0;translate: 0 var(--panel-swap-mobile)}}.panel[data-swap] .panel-view:not([data-open]){position: absolute;inset: 0 0 auto 0;height: 100%;overflow: hidden}}.panel-list{display: flex;flex-direction: column;border-top: 1px solid var(--line)}@media (max-width: 699px){.panel-list{border-top: none}}.panel-item{display: flex;align-items: center;gap: var(--space-4);width: 100%;min-height: var(--row-height);padding: var(--space-5);border-bottom: 1px solid var(--line);color: var(--text);text-align: left;letter-spacing: var(--tracking-item);transition: background var(--dur-fast) var(--ease-out)}.panel-item .icon{color: var(--icon)}@media (max-width: 699px){.panel-list > .panel-item:last-child{border-bottom: none}}@media (hover: hover){.panel-item:is(a, button):hover{background: var(--surface-hover)}.panel-item:is(a, button):hover .icon{color: var(--icon-active)}.panel-item:is(a, button):hover .panel-favicon-image{filter: grayscale(0);opacity: 1}}.panel-item:is(a, button):active{background: var(--surface-pressed)}@media (max-width: 699px){.panel-item:is(a, button):active .icon{color: var(--icon-active)}.panel-item:is(a, button):active .panel-favicon-image{filter: grayscale(0);opacity: 1}}.panel-favicon{flex: none;width: var(--favicon-size);height: var(--favicon-size);border-radius: var(--favicon-radius);transition: background var(--dur-fast) var(--ease-out)}.panel-favicon[data-favicon]:not([data-loaded]){background: var(--favicon-surface)}.panel-favicon-image{display: block;width: 100%;height: 100%;border-radius: var(--favicon-radius);object-fit: contain;filter: grayscale(1) sepia(0.2);opacity: 0.5;transition: filter var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.panel-label{flex: 1}.panel-meta{color: var(--text-muted);font-variant-numeric: tabular-nums;white-space: nowrap}.award-title{display: block}.award-detail{display: block;font-size: var(--text-sm);color: var(--text-muted)}.panel-item-icons{position: relative;flex: none;width: var(--icon-size);height: var(--icon-size)}.panel-item-icons .icon{position: absolute;inset: 0;transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out)}.icon-check{opacity: 0;transform: scale(0.5);filter: blur(var(--blur-swap))}.panel-item[data-copy-state="done"] .icon-copy{opacity: 0;transform: scale(0.5);filter: blur(var(--blur-swap))}.panel-item[data-copy-state="done"] .icon-check{opacity: 1;transform: scale(1);filter: blur(0)}