@layer components{@keyframes pocket-loading-sweep{0%,15%{transform:translate(-110%)}75%,to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.pocket-skeleton:after{animation:none}}.pocket-skeleton{isolation:isolate;background:color-mix(in srgb, var(--pf-rim) 45%, var(--pf-display));min-height:10px;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--p-ink) 7%, transparent);border-radius:9px;display:block;position:relative;overflow:hidden}.pocket-skeleton:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg, transparent 15%, transparent 28%, color-mix(in srgb, var(--p-shell) 70%, transparent) 50%, transparent 72%, transparent 85%);animation:2.8s ease-in-out infinite pocket-loading-sweep;position:absolute;inset:0;transform:translate(-110%)}.pocket-skeleton:nth-child(2n):after{animation-delay:.16s}@media (prefers-reduced-motion:reduce){.pocket-skeleton:after{animation:none}}.pocket-sheet{border:1.5px solid var(--ps-line);border-radius:var(--r-sheet);background:var(--p-sheet);min-width:0;color:var(--p-ink);padding:24px}@media (width<=600px){.pocket-sheet{padding:18px}}}.page-loading{background:var(--p-shell);width:100%;min-width:0;min-height:100dvh;color:var(--p-ink)}.page-loading--workspace{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.page-loading.page-loading--focus{flex-direction:column;flex:auto;height:100dvh;min-height:0;display:flex;overflow:hidden}.page-loading--focus>.page-loading-content{flex-direction:column;flex:auto;max-width:none;min-height:0;padding:0;display:flex}.page-loading-rail{background:var(--p-cobalt);flex-direction:column;grid-row:1/-1;gap:24px;padding:36px 24px;display:flex}.page-loading-rail .pocket-skeleton{background:color-mix(in srgb, var(--p-shell) 22%, var(--p-cobalt));height:32px}.page-loading-rail .page-loading-brand{margin-bottom:48px}.page-loading-header{border-bottom:1px solid var(--ps-line);justify-content:space-between;align-items:center;gap:24px;padding:20px 30px;display:flex}.page-loading-header .pocket-skeleton{width:140px;height:28px}.page-loading-content{width:100%;min-width:0;min-height:0;max-width:var(--content-max);margin-inline:auto;padding:24px 28px}.page-loading--public>.page-loading-content{max-width:var(--public-max);padding-block:48px}.page-loading-navigation{display:none}.page-loading.page-loading--content{background:0 0;min-height:0}.page-loading--content>.page-loading-content{padding:0}.loading-table-heading,.loading-table-row{grid-template-columns:minmax(0, 2fr) repeat(calc(var(--loading-columns) - 1), minmax(0, 1fr));border-bottom:1px solid var(--ps-line);align-items:center;gap:20px;padding:20px 16px;display:grid}.loading-table-heading{background:var(--pf-display);border-radius:var(--r-field) var(--r-field) 0 0}.loading-dashboard-films{container:loading-films/inline-size}.loading-dashboard-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.loading-featured-film{border:2px solid var(--ps-line);border-radius:var(--r-dialog);grid-column:span 2;gap:14px;min-width:0;padding:12px;display:grid}@container loading-films (width>=480px){.loading-featured-film{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:18px}.loading-featured-film>.pocket-skeleton{aspect-ratio:auto;min-height:200px}}@container loading-films (width>=660px){.loading-dashboard-film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899.98px){.page-loading--workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr) calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}.page-loading-rail{display:none}.page-loading-header{padding-inline:20px}.page-loading-content{padding:24px}.page-loading-navigation{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--p-cobalt);justify-content:space-around;align-items:center;display:flex}.page-loading-navigation .pocket-skeleton{background:color-mix(in srgb, var(--p-shell) 22%, var(--p-cobalt));width:36px;height:36px}}@media (width<=600px){.loading-dashboard-film-grid{gap:12px}.loading-featured-film{border-radius:var(--r-sheet);padding:10px}.page-loading-content{padding:24px 16px}.loading-table-heading{display:none}.loading-table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.loading-table-row>:first-child{grid-column:1/-1}}