.film-modal[data-v-77f7998d]{--sheet-handle-padding:.75rem 0 1.25rem}.film-modal__card[data-v-77f7998d]{--film-h:var(--current-film-color-h);--film-s:var(--current-film-color-s);--sheet-overscroll:6rem;grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto var(--sheet-overscroll);width:100vw;height:calc(min(44rem, 100dvh - 1rem) + var(--sheet-overscroll));margin-bottom:calc(var(--sheet-overscroll)*-1);background:linear-gradient(to bottom,color-mix(in oklab,var(--current-film-color) 30%,transparent),transparent 60%),hsl(var(--film-h) var(--film-s) 7%/.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid color-mix(in oklab,var(--current-film-color) 50%,transparent);transition:background-color .3s;display:grid;position:relative;overflow:hidden}.film-modal__poster[data-v-77f7998d]{aspect-ratio:2/3;background:#ffffff14;border-radius:.5rem;grid-area:1/1;align-self:start;margin:2rem 0 0 1rem;overflow:hidden;box-shadow:0 8px 24px #00000080}.film-modal__main[data-v-77f7998d]{display:contents}.film-modal__header[data-v-77f7998d]{grid-area:1/2;padding:2rem 3rem .75rem 1rem}.film-modal__tabs[data-v-77f7998d]{grid-area:2/1/auto/-1}.film-modal__panel[data-v-77f7998d]{overscroll-behavior:contain;scrollbar-width:thin;grid-area:3/1/auto/-1;padding:1rem;overflow-y:auto}.film-modal__actions[data-v-77f7998d]{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;grid-area:4/1/auto/-1;gap:.5rem;display:flex}.film-modal__panel[data-v-77f7998d]:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:-2px}@media (width>=768px){.film-modal__card[data-v-77f7998d]{--card-h:min(36rem, calc(100dvh - 3rem));grid-template-columns:calc(var(--card-h)*2/3) minmax(0,1fr);width:min(56rem,100vw - 3rem);height:var(--card-h);outline:1px solid color-mix(in oklab,var(--current-film-color) 50%,transparent);outline-offset:-1px;border-top:0;border-radius:1rem;grid-template-rows:minmax(0,1fr);margin-bottom:0}.film-modal__poster[data-v-77f7998d]{aspect-ratio:auto;height:100%;box-shadow:none;border-right:1px solid #ffffff14;border-radius:0;grid-row:1;margin:0}.film-modal__main[data-v-77f7998d]{flex-direction:column;grid-area:1/2;min-height:0;display:flex}.film-modal__header[data-v-77f7998d]{padding:1.5rem 3.5rem 1rem 1.5rem}.film-modal__panel[data-v-77f7998d]{flex:1;padding:1.25rem 1.5rem 1.5rem}.film-modal__tabs[data-v-77f7998d]{padding-inline:1.5rem}.film-modal__actions[data-v-77f7998d]{padding:1rem 1.5rem}}.film-modal__close[data-v-77f7998d]{z-index:2;color:#fffc;cursor:pointer;background:#0006;border:0;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .15s;display:flex;position:absolute;top:.75rem;right:.75rem}.film-modal__close[data-v-77f7998d]:hover{background:#000000a6}.film-modal__tabs[data-v-77f7998d]{scrollbar-width:none;border-bottom:1px solid #ffffff1a;gap:.25rem;padding-inline:1rem;display:flex;overflow-x:auto}.film-modal__tab[data-v-77f7998d]{color:#ffffff8c;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:.375rem;padding:.75rem .625rem .6rem;font-size:.875rem;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.film-modal__tab[data-v-77f7998d]:hover{color:#ffffffd9}.film-modal__tab.is-active[data-v-77f7998d]{color:#fff}.film-modal__tab.is-active[data-v-77f7998d]:after{content:"";background:hsl(var(--film-h) var(--film-s) 70%);border-radius:2px;height:2px;position:absolute;inset:auto .375rem -1px}.film-modal__tab[data-v-77f7998d]:focus-visible{outline:2px solid var(--color-primary-300);outline-offset:-4px;border-radius:.5rem}.film-modal__tab-count[data-v-77f7998d]{color:#ffffff73;font-weight:400}.film-modal__empty[data-v-77f7998d]{color:#ffffff80;font-size:.875rem}.film-modal__group-heading[data-v-77f7998d]{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;gap:.375rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:flex}