.film-list{list-style:none;margin:0;padding:0;border-top:2px solid rgb(var(--ink))}.film-list>li{border-bottom:1px solid rgb(var(--line))}.film-pick{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.5rem;width:100%;min-height:2.75rem;padding:.875rem .75rem .875rem .625rem;border-left:2px solid transparent;text-align:left;text-decoration:none;color:rgb(var(--ink));transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.film-pick:hover{background-color:rgb(var(--sunken))}.film-pick[aria-pressed=true],.film-pick[data-on]{border-left-color:rgb(var(--brand));background-color:rgb(var(--brand-soft))}.film-pick-n{font-family:var(--font-sans);font-weight:500;font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.5rem;color:rgb(var(--ink-muted))}.film-pick-title{display:block;font-weight:500;line-height:1.5rem}.film-pick-meta{display:block;margin-top:.125rem;font-family:var(--font-sans);font-weight:500;font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.125rem;color:rgb(var(--ink-muted))}.film-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-bottom:.75rem}.film-panel-link{font-size:var(--fs-small)}.film-panel+.film-panel{margin-top:3rem;padding-top:2rem;border-top:1px solid rgb(var(--line))}.js .film-panel:not([data-active]){display:none}.js .film-panel+.film-panel{margin-top:0;padding-top:0;border-top:0}@media (min-width:768px){.film-picker .film-steps{-moz-columns:2;column-count:2;-moz-column-gap:1.5rem;column-gap:1.5rem}.film-picker .film-step{-moz-column-break-inside:avoid;break-inside:avoid}}