232 lines
8.1 KiB
CSS
232 lines
8.1 KiB
CSS
/* Generated from the locked TV token sources. */
|
|
:root {
|
|
--color-bg: #07070a;
|
|
--color-surface: #13131a;
|
|
--color-surface2: #1b1b25;
|
|
--color-surface3: #252532;
|
|
--color-fg: #f4f4f6;
|
|
--color-muted: #f4f4f6bd;
|
|
--color-dim: #f4f4f68f;
|
|
--color-border: #ffffff1a;
|
|
--color-accent: #cc9fff;
|
|
--color-accentSoft: #2c1a3f;
|
|
--color-accentText: #e4cbff;
|
|
--color-ok: #89da9b;
|
|
--color-warn: #f4c26a;
|
|
--color-fail: #f97770;
|
|
--color-onFocus: #0b0b10;
|
|
--color-buttonSecondary: #ffffff24;
|
|
--color-buttonSecondaryFocused: #ffffff42;
|
|
--color-titleButtonSecondary: #2c2c38c7;
|
|
--color-titleButtonSecondaryFocused: #464654e6;
|
|
--color-chipRest: #ffffff1a;
|
|
--color-navBlobRest: #ffffff1a;
|
|
--color-listRowRest: #ffffff0d;
|
|
--color-sheetScrim: #0000009e;
|
|
--color-badgeRest: #07070abf;
|
|
--color-badgeWatched: #f4f4f6d9;
|
|
--color-progressTrack: #ffffff38;
|
|
--color-railEmpty: #f4f4f638;
|
|
--personColor-justin: #62c4ff;
|
|
--personColor-mindel: #ff9d72;
|
|
--personColor-shared: #9be38f;
|
|
--gradient-heroScrim: linear-gradient(90deg,rgb(7 7 10 / .92) 0%,rgb(7 7 10 / .55) 42%,rgb(7 7 10 / 0) 70%),linear-gradient(0deg,var(--bg) 0%,rgb(7 7 10 / .6) 26%,rgb(7 7 10 / 0) 48%);
|
|
--gradient-detailScrim: linear-gradient(90deg,rgb(7 7 10 / .94) 0%,rgb(7 7 10 / .6) 46%,rgb(7 7 10 / .05) 75%),linear-gradient(0deg,var(--bg) 0%,rgb(7 7 10 / .35) 34%,rgb(7 7 10 / 0) 55%);
|
|
--gradient-navBand: linear-gradient(180deg,rgb(7 7 10 / .72),rgb(7 7 10 / 0));
|
|
--gradient-navBandSolid: linear-gradient(180deg,var(--bg) 0%,var(--bg) 84%,rgb(7 7 10 / 0) 100%);
|
|
--gradient-ratingPlate: linear-gradient(180deg,rgb(7 7 10 / .9) 0%,rgb(7 7 10 / .72) 52%,rgb(7 7 10 / 0) 100%);
|
|
--gradient-tileOverlay: linear-gradient(0deg,rgb(7 7 10 / .92),rgb(7 7 10 / 0));
|
|
--gradient-fallbackArt: linear-gradient(160deg,hsl(var(--h,260) 22% 22%),hsl(var(--h,260) 26% 10%));
|
|
--gradient-entryTile: linear-gradient(150deg,hsl(var(--h) 30% 26%),hsl(var(--h) 30% 12%));
|
|
--gradient-initialsCircle: linear-gradient(160deg,hsl(var(--h) 24% 30%),hsl(var(--h) 26% 14%));
|
|
--type-displayDetail: 88.0px;
|
|
--type-displayHero: 84.0px;
|
|
--type-screenTitle: 64.0px;
|
|
--type-sectionTitle: 56.0px;
|
|
--type-sheetTitle: 44.0px;
|
|
--type-wordmark: 36.0px;
|
|
--type-stateTitle: 36.0px;
|
|
--type-rowHeading: 34.0px;
|
|
--type-pickerName: 34.0px;
|
|
--type-nav: 30.0px;
|
|
--type-listTitle: 30.0px;
|
|
--type-body: 28.0px;
|
|
--type-button: 28.0px;
|
|
--type-label: 26.0px;
|
|
--type-caption: 24.0px;
|
|
--type-ratingPlate: 28.0px;
|
|
--radius-card: 16.0px;
|
|
--radius-button: 38.0px;
|
|
--radius-chip: 34.0px;
|
|
--radius-navItem: 32.0px;
|
|
--radius-listRow: 24.0px;
|
|
--radius-panel: 22.0px;
|
|
--radius-menu: 26.0px;
|
|
--radius-heroSheet: 18.0px;
|
|
--radius-cardSheet: 10.0px;
|
|
--radius-thumb: 12.0px;
|
|
--radius-pill: 22.0px;
|
|
--radius-progress: 4.0px;
|
|
--layout-safeSide: 96.0px;
|
|
--layout-contentWidth: 1728.0px;
|
|
--layout-safeTopPicker: 54.0px;
|
|
--layout-navBand: 150.0px;
|
|
--layout-navPaddingTop: 44.0px;
|
|
--layout-navItemHeight: 64.0px;
|
|
--layout-navItemPaddingX: 26.0px;
|
|
--layout-navItemGap: 12.0px;
|
|
--layout-wordmarkGap: 40.0px;
|
|
--layout-navUnderline: 4.0px;
|
|
--layout-navBlobAvatarPad: 8.0px;
|
|
--layout-navSolidAfter: 40.0px;
|
|
--layout-pinnedLine: 168.0px;
|
|
--layout-windowAhead: 700.0px;
|
|
--layout-rowHeadingBand: 60.0px;
|
|
--layout-rowGapAfter: 44.0px;
|
|
--layout-gridRowGap: 28.0px;
|
|
--layout-row_hero: 820.0px;
|
|
--layout-row_phero: 740.0px;
|
|
--layout-row_section: 150.0px;
|
|
--layout-row_chips: 104.0px;
|
|
--layout-row_note: 84.0px;
|
|
--layout-row_state: 300.0px;
|
|
--layout-row_lhead: 236.0px;
|
|
--layout-row_dhead: 900.0px;
|
|
--layout-row_phead: 470.0px;
|
|
--layout-row_gh: 84.0px;
|
|
--layout-row_endcta: 200.0px;
|
|
--layout-row_srow: 124.0px;
|
|
--layout-heroCopyLeft: 96.0px;
|
|
--layout-heroCopyBottom: 110.0px;
|
|
--layout-heroCopyWidth: 1000.0px;
|
|
--layout-heroOverviewMax: 960.0px;
|
|
--layout-detailCopyTop: 200.0px;
|
|
--layout-detailCopyWidth: 1060.0px;
|
|
--layout-buttonHeight: 76.0px;
|
|
--layout-buttonPaddingX: 38.0px;
|
|
--layout-buttonGap: 20.0px;
|
|
--layout-buttonIcon: 30.0px;
|
|
--layout-iconButton: 76.0px;
|
|
--layout-iconCaptionLine: 38.0px;
|
|
--layout-sheetWidth: 800.0px;
|
|
--layout-sheetRow: 100.0px;
|
|
--layout-stateWidth: 1100.0px;
|
|
--layout-captionOffset: 18.0px;
|
|
--layout-badge: 48.0px;
|
|
--layout-badgeInset: 14.0px;
|
|
--layout-progressBar: 8.0px;
|
|
--layout-pickerAvatar: 220.0px;
|
|
--layout-pickerGap: 90.0px;
|
|
--layout-pickerStackGap: 70.0px;
|
|
--layout-gear: 56.0px;
|
|
--layout-navAvatar: 64.0px;
|
|
--layout-castCircle: 200.0px;
|
|
--layout-personPortrait: 240.0px;
|
|
--motion-fast: 140ms;
|
|
--motion-base: 160ms;
|
|
--motion-scroll: 180ms;
|
|
--motion-ratingDwell: 350ms;
|
|
--motion-toast: 3200ms;
|
|
--shell-navLabelFade: 200ms;
|
|
--shell-zero: 0.0px;
|
|
--shell-stageWidth: 1920.0px;
|
|
--shell-stageHeight: 1080.0px;
|
|
--shell-wordmarkWidth: 169.0px;
|
|
--shell-wordmarkTop: 73.6px;
|
|
--shell-navHomeWidth: 149.0px;
|
|
--shell-navDiscoverWidth: 198.0px;
|
|
--shell-navMoviesWidth: 171.0px;
|
|
--shell-navShowsWidth: 161.0px;
|
|
--shell-navAnimeWidth: 158.0px;
|
|
--shell-navItemTop: 65.0px;
|
|
--shell-pickerTitleTop: 272.3px;
|
|
--shell-pickerPeopleTop: 425.5px;
|
|
--shell-pickerNameGap: 26.0px;
|
|
--shell-pickerGearTop: 751.7px;
|
|
--shell-pickerGearCaptionTop: 72.0px;
|
|
--shell-pickerLetter: 100.0px;
|
|
--shell-pickerSkeletonNameWidth: 140.0px;
|
|
--shell-pickerSkeletonNameHeight: 40.0px;
|
|
--shell-pickerLoadingTitleTop: 247.4px;
|
|
--shell-pickerLoadingPeopleTop: 400.6px;
|
|
--shell-pickerLoadingButtonTop: 756.6px;
|
|
--shell-pickerErrorTitleTop: 297.6px;
|
|
--shell-pickerErrorPanelTop: 450.8px;
|
|
--shell-pickerErrorPanelWidth: 980.0px;
|
|
--shell-pickerErrorPanelHeight: 185.6px;
|
|
--shell-pickerErrorButtonTop: 706.4px;
|
|
--shell-settingsHeaderTop: 150.0px;
|
|
--shell-settingsHeaderAvatar: 52.0px;
|
|
--shell-settingsHeaderGap: 24.0px;
|
|
--shell-settingsRowTop: 10.0px;
|
|
--shell-settingsRowPadding: 30.0px;
|
|
--shell-settingsRowGap: 24.0px;
|
|
--shell-settingsIcon: 36.0px;
|
|
--shell-settingsPillHeight: 40.0px;
|
|
--shell-settingsPillStroke: 2.0px;
|
|
--shell-settingsPillBorder: #ffffff38;
|
|
--shell-settingsPillFocusedBorder: #0b0b1066;
|
|
--shell-settingsPillPadding: 16.0px;
|
|
--shell-settingsPillGap: 12.0px;
|
|
--shell-settingsChevron: 30.0px;
|
|
--shell-settingsEndPadding: 620.0px;
|
|
--shell-panelPaddingX: 30.0px;
|
|
--shell-panelPaddingY: 28.0px;
|
|
--shell-panelGap: 10.0px;
|
|
--shell-panelHeadingGap: 14.0px;
|
|
--shell-panelIcon: 36.0px;
|
|
--shell-skeletonRadius: 10.0px;
|
|
--discover-sheetPaddingX: 64.0px;
|
|
--discover-sheetPaddingY: 80.0px;
|
|
--discover-sheetGap: 18.0px;
|
|
--discover-sheetSubGap: 14.0px;
|
|
--discover-sheetRowPadding: 26.0px;
|
|
--discover-sheetAvatar: 60.0px;
|
|
--discover-sheetRadio: 40.0px;
|
|
--discover-sheetRadioDot: 16.0px;
|
|
--discover-sheetPersonGap: 24.0px;
|
|
--discover-sheetButtonTop: 12.0px;
|
|
--discover-chipTop: 16.0px;
|
|
--discover-chipHeight: 68.0px;
|
|
--discover-chipPadding: 28.0px;
|
|
--discover-chipGap: 16.0px;
|
|
--discover-heroTitleGap: 16.0px;
|
|
--discover-heroKickerGap: 10.0px;
|
|
--discover-heroMetaGap: 14.0px;
|
|
--discover-heroOverviewGap: 30.0px;
|
|
--discover-heroFactsGap: 22.0px;
|
|
--discover-heroFactsHeight: 38.0px;
|
|
--discover-heroSheetRight: 180.0px;
|
|
--discover-heroSheetTop: 140.0px;
|
|
--discover-heroSheetWidth: 360.0px;
|
|
--discover-heroSheetHeight: 540.0px;
|
|
--discover-dotSize: 14.0px;
|
|
--discover-dotActive: 44.0px;
|
|
--discover-dotGap: 14.0px;
|
|
--discover-dotMargin: 18.0px;
|
|
--discover-dotChevron: 40.0px;
|
|
--discover-stateTop: 20.0px;
|
|
--discover-statePaddingX: 40.0px;
|
|
--discover-statePaddingY: 34.0px;
|
|
--discover-stateTextGap: 24.0px;
|
|
--discover-captionWidth: 640.0px;
|
|
--discover-plateTop: 14.0px;
|
|
--discover-plateSide: 16.0px;
|
|
--discover-plateFade: 46.0px;
|
|
--discover-noteTop: 14.0px;
|
|
--discover-headerTop: 150.0px;
|
|
--discover-headerGap: 24.0px;
|
|
--discover-captionFactsGap: 18.0px;
|
|
--discover-badgeRing: 3.0px;
|
|
--discover-badgeIcon: 28.0px;
|
|
--discover-entryPaddingX: 22.0px;
|
|
--discover-entryPaddingY: 20.0px;
|
|
--discover-entryText: 30.0px;
|
|
--discover-sheetRadioRing: 3.0px;
|
|
--discover-skeletonNameWidth: 260.0px;
|
|
--discover-skeletonNameHeight: 34.0px;
|
|
--discover-tailGap: 10.0px;
|
|
--discover-tailIcon: 44.0px;
|
|
--discover-seeAllGap: 8.0px;
|
|
--discover-tailDescription: 24.0px;
|
|
}
|