fictioneer/css/properties.css
Tetrakern 533037911e Revert "Use background colors for range input thumbs"
This reverts commit 28b599f7a601cc436d125d713d096eb2aab2c6f7.
2024-03-07 12:22:39 +01:00

2 lines
37 KiB
CSS

:root{--site-width: 960px;--lightness-offset: 0;--darken: (1 + var(--lightness-offset));--saturation-offset: 0;--saturation: (1 + var(--saturation-offset));--font-saturation-offset: 0;--font-saturation: (1 + var(--font-saturation-offset));--font-lightness-offset: 0;--font-lightness: (1 + var(--font-lightness-offset));--hue-offset: 0deg;--hue-rotate: 0deg + var(--hue-offset);--wp--style--block-gap: 1.5rem;--navigation-height: 48px;--ff-system: "-apple-system", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--ff-base: "Open Sans", var(--ff-system);--ff-heading: "Open Sans", var(--ff-base);--ff-note: "Lato", var(--ff-base);--ff-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--ff-input: var(--ff-base);--ff-card-title: var(--ff-heading);--ff-site-title: var(--ff-heading);--ff-story-title: var(--ff-heading);--ff-chapter-title: var(--ff-heading);--ff-chapter-list-title: var(--ff-base);--ff-card-body: var(--ff-note);--ff-card-list-link: inherit;--ff-nav-item: var(--ff-base);--header-image-height: clamp(210px, 42.1875vw + 75px, 480px);--header-height: calc(clamp(190px, 29.6875vw + 95px, 380px) - var(--page-inset-top));--header-logo-height: 210px;--site-title-font-size: clamp(32px, 4.375vw + 18px, 60px);--site-title-tagline-font-size: clamp(13px, 0.78125vw + 10.5px, 18px);--site-title-heading-color: var(--fg-400);--site-title-tagline-color: var(--fg-400);--site-title-text-shadow: 0 0 4px rgb(0 0 0 / 80%), 0 0 2px rgb(0 0 0 / 60%);--data-image-2x2-black: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAAAAACMmsGiAAAAC0lEQVQI12NgwAQAABQAAeWGsEoAAAAASUVORK5CYII=")}@media only screen and (min-width: 1024px){:root{--navigation-height: 40px}}:root[data-mode=dark] body{--wp--preset--color--vivid-red: var(--red-400);--wp--preset--color--vivid-cyan-blue: #26aeeb;--wp--preset--color--vivid-purple: #c792fc}:root[data-mode=dark] body ::selection{background-color:var(--text-selection-background);color:var(--text-selection-color);text-shadow:none}:root,:root[data-theme=base]{--theme-color-base: 219 15 17;--body-bg-color: var(--bg-900);--site-bg-color: var(--bg-800);--fullscreen-background: var(--page-bg-color);--dark-shade-rgb: 0 0 0;--read-ribbon-background: var(--bg-50);--read-ribbon-color: var(--fg-inverted);--read-ribbon-box-shadow: 0 0 2px rgb(0 0 0 / 30%);--code-background: rgb(var(--dark-shade-rgb) / 25%);--code-background-inline: rgb(var(--dark-shade-rgb) / 25%);--code-color: var(--fg-700);--spoiler-background: var(--bg-100);--spoiler-color-visible: var(--fg-inverted);--ins-background: var(--green-400);--ins-color: var(--fg-inverted);--del-background: var(--red-400);--del-color: var(--fg-inverted);--caption-overlay-background: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 40%) 70%, transparent);--caption-overlay-color: #fff;--caption-padding: .3rem .5rem .5rem;--progress-bar-background: var(--navigation-background);--progress-bar-color: var(--bg-200);--skeleton-shape-color: var(--bg-300);--skeleton-cutout-color: var(--page-bg-color);--embed-background: var(--disabled-pattern);--embed-box-shadow: 0 0 1px rgb(var(--dark-shade-rgb) / 70%);--table-border-color: var(--fg-950);--table-border-color-striped: var(--fg-950);--table-background-striped: rgb(var(--dark-shade-rgb) / 15%);--paragraph-spacing: 1.5rem;--blockquote-background: rgb(var(--dark-shade-rgb) / 15%);--placeholder-background: var(--bg-900);--kbd-background: var(--bg-800);--infobox-background: var(--bg-800);--text-shadow: -1px -1px 1px rgb(0 0 0 / 12%);--checkmark-checked: var(--fg-600);--checkmark-not-checked: var(--bg-900);--tax-cloud-current: var(--primary-500);--disabled-pattern: rgb(var(--dark-shade-rgb) / 8%) repeating-linear-gradient(-45deg, rgb(var(--dark-shade-rgb) / 8%), rgb(var(--dark-shade-rgb) / 8%) 2px, transparent 2px, transparent 5px);--strong-filter: brightness(1.05);--invert-filter: invert(0);--litrpg-background: var(--bg-50);--litrpg-color: var(--fg-inverted);--litrpg-ins: var(--green-600);--litrpg-del: var(--red-600);--litrpg-polygon: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);--litrpg-drop-shadow: var(--drop-shadow-m);--content-li-background: var(--content-li-background-gradient);--content-li-background-full: hsl(var(--bg-950-free) / 10%);--content-li-background-gradient: linear-gradient(to left, hsl(var(--bg-950-free) / 10%) 0%, hsl(var(--bg-950-free) / 10%) 55%, transparent 90%);--content-li-hr-border: 1.5px solid var(--hr-border-color, var(--layout-lineart-color));--primary-400: hsl(46deg 87% 75%);--primary-500: hsl(44deg 86% 70%);--primary-600: hsl(34deg 82% 70%);--green-400: #86a35f;--green-500: #78994d;--green-600: #6c8a45;--red-400: #f26666;--red-500: #f15555;--red-600: #d94d4d;--bg-50-free: calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(40%, 80% * var(--darken), 90%);--bg-100-free: calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(34%, 68% * var(--darken), 84%);--bg-200-free: calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(27%, 54% * var(--darken), 77%);--bg-300-free: calc(222deg + var(--hue-rotate)) calc(12% * var(--saturation)) clamp(19%, 38% * var(--darken), 69%);--bg-400-free: calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(15.5%, 31% * var(--darken), 65.5%);--bg-500-free: calc(222deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(13.25%, 26.5% * var(--darken), 63.25%);--bg-600-free: calc(222deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(11.75%, 23.5% * var(--darken), 61.75%);--bg-700-free: calc(221deg + var(--hue-rotate)) calc(16% * var(--saturation)) clamp(10%, 20% * var(--darken), 60%);--bg-800-free: calc(219deg + var(--hue-rotate)) calc(15% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);--bg-900-free: calc(222deg + var(--hue-rotate)) calc(25% * var(--saturation)) clamp(4%, 8% * var(--darken), 54%);--bg-950-free: calc(222deg + var(--hue-rotate)) calc(60% * var(--saturation)) clamp(2%, 4% * var(--darken), 52%);--bg-50: hsl(var(--bg-50-free));--bg-100: hsl(var(--bg-100-free));--bg-200: hsl(var(--bg-200-free));--bg-300: hsl(var(--bg-300-free));--bg-400: hsl(var(--bg-400-free));--bg-500: hsl(var(--bg-500-free));--bg-600: hsl(var(--bg-600-free));--bg-700: hsl(var(--bg-700-free));--bg-800: hsl(var(--bg-800-free));--bg-900: hsl(var(--bg-900-free));--bg-950: hsl(var(--bg-950-free));--layout-spacing-vertical: clamp(24px, 5vw - 0px, 48px);--layout-spacing-horizontal: clamp(20px, 12.5% - 40px, 80px);--layout-spacing-horizontal-small: clamp(10px, 12.5% - 30px, 20px);--layout-border-radius-large: 4px;--layout-border-radius-small: 2px;--layout-link-color: inherit;--layout-link-color-hover: inherit;--layout-lineart-color: var(--bg-300);--layout-hr-dots-color: var(--bg-200);--layout-hr-border: 2px solid var(--hr-border-color, var(--layout-lineart-color));--layout-hr-border-dashed: 2px dashed var(--hr-border-color, var(--layout-lineart-color));--minimal-page-box-shadow: 0 0 1px rgb(0 0 0 / 40%);--minimal-page-drop-shadow: drop-shadow(0 0 1px rgb(0 0 0 / 40%));--minimal-box-shadow: 0 0 1px rgb(0 0 0 / 40%);--minimal-drop-shadow: drop-shadow(0 0 1px rgb(0 0 0 / 40%));--header-image-drop-shadow: drop-shadow(0 0 2px rgb(0 0 0 / 40%));--page-inset-top: 3rem;--page-bg-color: var(--bg-700);--page-box-shadow: 0 0 3px rgb(0 0 0 / 20%);--page-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 14%)) drop-shadow(0 0 2px rgb(0 0 0 / 22%));--card-bg-color: var(--bg-600);--card-footer-bg-color: var(--bg-800);--card-overlay-bg-color: var(--bg-800);--card-content-li-background: var(--card-content-li-background-gradient);--card-content-li-background-full: hsl(var(--bg-950-free) / 16%);--card-content-li-background-gradient: linear-gradient(to left, hsl(var(--bg-950-free) / 16%) 0%, hsl(var(--bg-950-free) / 16%) 55%, transparent 90%);--card-label-color: var(--fg-inverted);--card-label-background: var(--fg-500);--card-unavailable-filter: grayscale(0.5) blur(1.5px);--card-frame-border-color: var(--bg-800);--focus-border-color: #ef4d4d;--focus-outline: 2px solid var(--focus-border-color);--focus-box-shadow: inset 0 0 0 2px rgb(0 0 0 / 75%);--navigation-background: var(--bg-900);--navigation-background-start-opacity: 0;--navigation-background-end-opacity: 1;--navigation-submenu-background: var(--bg-400);--navigation-item-background-hover: var(--bg-400);--navigation-subitem-background-hover: var(--bg-300);--navigation-color: var(--fg-400);--navigation-color-hover: var(--fg-300);--navigation-subitem-divider: 1px solid var(--bg-700);--navigation-submenu-box-shadow: 0 4px 3px -2px rgb(0 0 0 / 30%);--navigation-drop-shadow: drop-shadow(0 3px 2px rgb(0 0 0 / 20%));--navigation-new-follow-background: var(--primary-500);--navigation-new-follow-color: var(--fg-inverted);--tab-background: var(--bg-500);--tab-background-hover: var(--bg-400);--tab-background-active: var(--bg-100);--tab-color: var(--fg-600);--tab-color-hover: var(--fg-500);--tab-color-active: var(--fg-inverted);--tab-text-shadow: 0 0 1px rgb(0 0 0 / 70%);--pagination-background: var(--bg-500);--pagination-background-hover: var(--bg-400);--pagination-background-current: var(--bg-200);--pagination-color: var(--fg-600);--pagination-color-hover: var(--fg-500);--pagination-color-current: var(--fg-inverted);--fg-isolated-footer: var(--fg-700);--fg-isolated-footer-hover: var(--fg-300);--bg-isolated-footer: var(--bg-900);--modal-overlay: rgb(0 0 0 / 35%);--modal-bg-color: var(--bg-600);--box-shadow-border: 0 0 0 1.5px var(--card-frame-border-color, rgb(0 0 0 / 60%));--box-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 9%), 0 -1px 1px 0 rgb(0 0 0 / 3%);--box-shadow-s: 0 1px 3px 0 rgb(0 0 0 / 11%), 0 1px 2px -1px rgb(0 0 0 / 10%);--box-shadow: 0 3px 6px -1px rgb(0 0 0 / 12%), 0 -1px 4px -2px rgb(0 0 0 / 15%);--box-shadow-m: rgb(0 0 0 / 14%) 0 2px 5px 0, rgb(0 0 0 / 5%) 0 1px 1px 0;--box-shadow-l: rgb(0 0 0 / 10%) 0 5px 12px -2px, rgb(0 0 0 / 15%) 0 1px 7px -3px;--box-shadow-xl: 0 3px 8px -1px rgb(0 0 0 / 9%), 0 3px 12px -1px rgb(0 0 0 / 17%);--drop-shadow-border: drop-shadow(0 -1.5px 0 var(--card-frame-border-color,rgb(0 0 0/70%))) drop-shadow(0 1.5px 0 var(--card-frame-border-color,rgb(0 0 0/70%))) drop-shadow(1.5px 0 0 var(--card-frame-border-color,rgb(0 0 0/70%))) drop-shadow(-1.5px 0 0 var(--card-frame-border-color,rgb(0 0 0/70%)));--drop-shadow-xs: drop-shadow(0 1px 1px rgb(0 0 0 / 6%)) drop-shadow(0 0 1px rgb(0 0 0 / 6%));--drop-shadow-s: drop-shadow(0 1px 2px rgb(0 0 0 / 7%)) drop-shadow(0 1px 1px rgb(0 0 0 / 7%));--drop-shadow: drop-shadow(0 2px 2px rgb(0 0 0 / 10%)) drop-shadow(0 -1px 5px rgb(0 0 0 / 4%));--drop-shadow-m: drop-shadow(0 2px 3px rgb(0 0 0 / 10%)) drop-shadow(0 1px 1px rgb(0 0 0 / 10%));--drop-shadow-l: drop-shadow(0 4px 5px rgb(0 0 0 / 5%)) drop-shadow(0 3px 5px rgb(0 0 0 / 7%));--drop-shadow-xl: drop-shadow(0 3px 5px rgb(0 0 0 / 11%)) drop-shadow(0 3px 6px rgb(0 0 0 / 11%));--mobile-menu-background: var(--bg-700);--mobile-menu-advanced-background: color-mix(in srgb, var(--bg-900), white 3%);--mobile-menu-box-shadow: 2px 0 3px rgb(0 0 0 / 30%);--mobile-advanced-menu-site-box-shadow: inset -5px 0 3px -4px rgb(0 0 0 / 30%);--mobile-menu-overlay: rgb(0 0 0 / 50%);--mobile-menu-bookmark-progress-background: rgb(0 0 0 / 40%);--mobile-menu-current-chapter-color: var(--fg-400);--mobile-menu-current-chapter-background: rgb(0 0 0 / 25%);--font-smoothing-webkit: subpixel-antialiased;--font-smoothing-moz: auto;--font-weight-normal: 300;--font-weight-strong: 500;--font-weight-semi-strong: 400;--font-weight-medium: 400;--font-weight-heading: 600;--font-weight-badge: 600;--font-weight-post-meta: 300;--font-weight-read-ribbon: 600;--font-weight-card-label: 600;--font-weight-navigation: 400;--font-line-height-base: 1.7;--font-letter-spacing-base: 0.01em;--fs-xxxs: .625rem;--fs-xxs: .75rem;--fs-xs: .875rem;--fs-s: 1rem;--fs-m: 1.125rem;--fs-ml: 1.25rem;--fs-l: 1.5rem;--fs-xl: 1.75rem;--fs-xxl: 2.25rem;--fs-xxxl: 2.5rem;--fs-xxxxl: 3rem;--fs-dxxs: clamp(11px, 0.5434782609vw + 8.8260869565px, 13px);--fs-dxs: clamp(12px, 0.2717391304vw + 10.9130434783px, 13px);--fs-ds: clamp(13px, 0.2717391304vw + 11.9130434783px, 14px);--heading-link-color: var(--fg-400);--heading-link-color-hover: var(--fg-200);--inline-link-color: var(--primary-500);--inline-link-color-hover: var(--primary-400);--inline-link-color-visited: var(--primary-600);--inline-link-color-border: 1px solid transparent;--inline-link-color-border-hover: 1px solid currentColor;--bookmark-color-alpha: #7d8497;--bookmark-color-beta: #e06552;--bookmark-color-gamma: #77BFA3;--bookmark-color-delta: #3C91E6;--bookmark-line: var(--primary-500);--bookmark-button-color-active-alpha: var(--fg-inverted);--bookmark-button-color-active-beta: var(--fg-inverted);--bookmark-button-color-active-gamma: var(--fg-inverted);--bookmark-button-color-active-delta: var(--fg-inverted);--bookmark-progress-opacity: .15;--bookmark-progress-mobile-opacity: .75;--button-font-weight: 500;--button-box-shadow: none;--button-color-active: var(--fg-inverted);--button-background-active: var(--bg-100);--button-border-active: 1px solid transparent;--button-barberpole: var(--bg-500);--button-oauth-connected: var(--button-background-active);--button-primary-background: var(--bg-400);--button-primary-background-hover: var(--bg-300);--button-primary-background-disabled: var(--bg-500);--button-primary-color: var(--fg-400);--button-primary-color-hover: var(--fg-300);--button-primary-color-disabled: var(--fg-700);--button-primary-filter-disabled: saturate(.7) opacity(.3) brightness(1.4);--button-secondary-background: transparent;--button-secondary-background-hover: var(--bg-500);--button-secondary-background-disabled: repeating-linear-gradient(-45deg, rgb(255 255 255 / 6%), rgb(255 255 255 / 6%) 2px, transparent 2px, transparent 4px);--button-secondary-color: var(--fg-600);--button-secondary-color-hover: var(--fg-400);--button-secondary-color-disabled: var(--fg-800);--button-secondary-border: 1px solid var(--bg-300);--button-secondary-border-hover: 1px solid var(--bg-200);--button-secondary-border-disabled: 1px solid var(--bg-300);--button-warning-background: var(--red-500);--button-warning-background-hover: var(--red-600);--button-warning-color: #fff;--button-warning-color-hover: #fff;--button-suggestion-color: var(--fg-inverted);--button-suggestion-color-hover: var(--fg-inverted);--button-suggestion-background: var(--bg-100);--button-suggestion-background-hover: var(--bg-50);--button-quick-background: var(--bg-500);--button-quick-background-hover: var(--bg-300);--button-quick-color: var(--fg-600);--button-quick-color-hover: var(--fg-400);--button-file-block-color: var(--fg-inverted);--button-file-block-color-hover: var(--fg-inverted);--button-file-block-background: var(--bg-100);--button-file-block-background-hover: var(--bg-50);--post-password-background: var(--input-background);--post-password-cutout: var(--bg-700);--post-password-submit-color: var(--bg-500);--input-placeholder-color: var(--fg-950);--input-background: rgb(var(--dark-shade-rgb) / 32%);--input-background-disabled: rgb(var(--dark-shade-rgb) / 15%) repeating-linear-gradient(-45deg, rgb(var(--dark-shade-rgb) / 15%), rgb(var(--dark-shade-rgb) / 15%) 2px, transparent 2px, transparent 5px);--input-color: var(--fg-500);--input-color-disabled: var(--fg-800);--input-fill: var(--fg-700);--input-range-thumb: var(--fg-700);--input-range-thumb-hover: var(--fg-300);--input-token-background: var(--bg-500);--input-token-color: var(--fg-400);--popup-menu-background: var(--bg-50);--popup-menu-background-hover: var(--bg-100);--popup-menu-background-selected: var(--bg-100);--popup-menu-color: var(--fg-inverted);--popup-menu-color-hover: var(--fg-inverted);--micro-menu-background: var(--bg-900);--micro-menu-color: var(--fg-400);--micro-menu-color-hover: var(--fg-200);--micro-menu-box-shadow: var(--box-shadow-l);--tooltip-background: var(--bg-50);--tooltip-text: var(--fg-inverted);--notice-default-background: var(--bg-50);--notice-default-color: var(--fg-inverted);--notice-warning-background: var(--red-500);--notice-warning-color: #fff;--notice-success-background: var(--green-500);--notice-success-color: #fff;--notice-box-shadow: var(--box-shadow-l);--comment-background: rgb(var(--dark-shade-rgb) / 15%);--comment-background-private: var(--comment-background) repeating-linear-gradient(-45deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 10%) 3px, transparent 3px, transparent 6px);--comment-background-deleted: var(--comment-background) repeating-linear-gradient(-45deg, rgb(255 255 255 / 3%), rgb(255 255 255 / 3%) 3px, transparent 3px, transparent 6px);--comment-background-offensive: var(--comment-background) repeating-linear-gradient(45deg, rgb(255 255 255 / 3%), rgb(255 255 255 / 3%) 3px, transparent 3px, transparent 6px);--comment-background-sticky: rgb(var(--dark-shade-rgb) / 20%);--comment-border-sticky: 1px dashed rgb(255 255 255 / 20%);--load-comments-background: rgb(var(--dark-shade-rgb) / 15%);--load-comments-background-hover: rgb(var(--dark-shade-rgb) / 25%);--load-comments-color: var(--fg-700);--load-comments-color-hover: var(--fg-600);--transition-duration: .2s;--text-selection-background: rgb(255 255 255 / 20%);--text-selection-color: var(--fg-100);--scrollbar-background: rgb(var(--dark-shade-rgb) / 20%);--scrollbar-thumb: var(--fg-950);--scrollbar-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);--badge-generic-color: var(--fg-400);--badge-generic-background: #505062;--badge-supporter-color: var(--fg-100);--badge-supporter-background: #e4445e;--badge-moderator-color: var(--fg-200);--badge-moderator-background: #4d628f;--badge-admin-color: var(--fg-100);--badge-admin-background: #79518d;--badge-author-color: var(--fg-200);--badge-author-background: #b37819;--badge-override-color: var(--fg-300);--badge-override-background: #5a5a7f}:root,:root .chapter-formatting,:root[data-theme=base],:root[data-theme=base] .chapter-formatting{--fg-100: hsl(calc(222deg + var(--hue-rotate)) max(calc(40% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(93% * var(--font-lightness, 1)), 100%));--fg-200: hsl(calc(222deg + var(--hue-rotate)) max(calc(26% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(89% * var(--font-lightness, 1)), 100%));--fg-300: hsl(calc(224deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(85% * var(--font-lightness, 1)), 100%));--fg-400: hsl(calc(222deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(80.5% * var(--font-lightness, 1)), 100%));--fg-500: hsl(calc(222deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(76% * var(--font-lightness, 1)), 100%));--fg-600: hsl(calc(224deg + var(--hue-rotate)) max(calc(18% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(71% * var(--font-lightness, 1)), 100%));--fg-700: hsl(calc(224deg + var(--hue-rotate)) max(calc(16% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness, 1)), 100%));--fg-800: hsl(calc(222deg + var(--hue-rotate)) max(calc(12% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(61% * var(--font-lightness, 1)), 100%));--fg-900: hsl(calc(222deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(54% * var(--font-lightness, 1)), 100%));--fg-950: hsl(calc(222deg + var(--hue-rotate)) max(calc(9% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(49% * var(--font-lightness, 1)), 100%));--fg-tinted: hsl(calc(224deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(74% * var(--font-lightness, 1)), 100%));--fg-inverted: hsl(calc(222deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(5% * var(--font-lightness, 1)), 100%))}:root .consent-banner,:root[data-theme=base] .consent-banner{--consent-banner-color: var(--fg-600);--consent-banner-background: var(--bg-900)}:root .selected-paragraph,:root[data-theme=base] .selected-paragraph{--paragraph-selection-background: rgb(255 255 255 / 10%);--paragraph-tools-filter: drop-shadow(0 1px 4px rgb(0 0 0 / 33%));--button-bookmark-background-active: var(--primary-500)}:root .tts-interface,:root[data-theme=base] .tts-interface{--tts-background: var(--bg-900);--tts-button-active-background: var(--primary-500);--tts-button-active-text: var(--fg-inverted)}:root .current-reading,:root[data-theme=base] .current-reading{--tts-current-reading-background: rgb(255 255 255 / 5%)}:root .toggle,:root[data-theme=base] .toggle{--toggle-background: transparent;--toggle-background-checked: var(--bg-100);--toggle-background-hover: var(--bg-50);--toggle-color: var(--fg-600);--toggle-color-hover: var(--fg-300);--toggle-color-checked: var(--fg-inverted);--toggle-color-checked-hover: var(--fg-inverted);--toggle-border: var(--bg-100);--toggle-border-checked: var(--bg-100);--toggle-border-hover: var(--bg-50)}:root .tag-pill,:root[data-theme=base] .tag-pill{--tag-background: var(--bg-400);--tag-background-hover: var(--bg-300);--tag-color: var(--fg-400);--tag-color-hover: var(--fg-200);--tag-secondary-background: transparent;--tag-secondary-background-hover: var(--bg-400);--tag-secondary-color: var(--fg-800);--tag-secondary-color-hover: var(--fg-200);--tag-secondary-border: .5px solid var(--bg-300);--tag-secondary-border-hover: .5px solid transparent;--tag-inline-color: var(--fg-700);--tag-inline-color-hover: var(--fg-400);--tag-warning-background: rgb(246 96 85 / 5%);--tag-warning-background: color-mix(in srgb, var(--red-500), transparent 90%);--tag-warning-background-hover: rgb(246 96 85 / 50%);--tag-warning-background-hover: color-mix(in srgb, var(--red-500), transparent 35%);--tag-warning-color: var(--fg-800);--tag-warning-color-hover: var(--fg-100);--tag-warning-border: .5px solid var(--bg-300);--tag-warning-border-hover: .5px solid transparent}:root.minimal,:root[data-theme=base].minimal{--site-title-heading-color: var(--fg-300);--site-title-tagline-color: var(--fg-300);--site-title-text-shadow: none;--text-shadow: none;--mobile-menu-text-shadow: none;--paragraph-tools-filter: none;--content-li-background: var(--minimal-content-li-background, var(--content-li-background-full));--story-blog-li-background: var(--minimal-content-li-background, var(--content-li-background-full));--chapter-li-background: var(--minimal-content-li-background, var(--content-li-background-full));--card-content-li-background: var(--minimal-card-content-li-background, var(--card-content-li-background-full));--embed-box-shadow: var(--minimal-box-shadow);--box-shadow-xs: var(--minimal-box-shadow);--box-shadow-s: var(--minimal-box-shadow);--box-shadow: var(--minimal-box-shadow);--box-shadow-m: var(--minimal-box-shadow);--box-shadow-l: var(--minimal-box-shadow);--box-shadow-xl: var(--minimal-box-shadow);--drop-shadow-xs: var(--minimal-drop-shadow);--drop-shadow-s: var(--minimal-drop-shadow);--drop-shadow: var(--minimal-drop-shadow);--drop-shadow-m: var(--minimal-drop-shadow);--drop-shadow-l: var(--minimal-drop-shadow);--drop-shadow-xl: var(--minimal-drop-shadow);--page-box-shadow: var(--minimal-page-box-shadow);--page-drop-shadow: var(--minimal-page-drop-shadow);--card-box-shadow: 0 0 0 1px var(--card-frame-border-color, rgb(0 0 0 / 20%));--card-drop-shadow: 0 0 1px var(--card-frame-border-color, rgb(0 0 0 / 30%));--card-style-border-width: 1px}:root[data-font-weight=normal]:is(html){--font-smoothing-webkit: subpixel-antialiased;--font-smoothing-moz: auto;--font-weight-normal: 400;--font-weight-semi-strong: 600;--font-weight-strong: 600;--font-weight-medium: 500;--font-weight-heading: 700;--font-weight-badge: 600;--font-weight-post-meta: 400;--font-weight-read-ribbon: 700;--font-weight-card-label: 600;--font-weight-navigation: 400;--font-letter-spacing-base: 0em}:root[data-font-weight=thinner]:is(html){--font-weight-normal: 300;--font-weight-strong: 500;--font-weight-medium: 400;--font-weight-heading: 600;--font-weight-badge: 600;--font-weight-post-meta: 300;--font-weight-read-ribbon: 500;--font-weight-navigation: 400}:root[data-mode=light]{--theme-color-base: 210 13 91;--body-bg-color: var(--bg-400);--site-bg-color: var(--bg-200);--read-ribbon-background: var(--bg-100);--read-ribbon-color: var(--fg-400);--code-background: hsl(var(--bg-950-free) / 7%);--code-background-inline: hsl(var(--bg-950-free) / 7%);--code-color: var(--fg-600);--spoiler-background: var(--bg-800);--ins-background: var(--green-400);--ins-color: inherit;--del-background: var(--red-400);--del-color: inherit;--progress-bar-background: var(--bg-800);--skeleton-shape-color: var(--bg-400);--embed-box-shadow: 0 0 1px rgb(0 0 0 / 35%);--table-border-color: var(--fg-950);--table-border-color-striped: var(--fg-950);--table-background-striped: hsl(var(--bg-950-free) / 6%);--blockquote-background: hsl(var(--bg-950-free) / 8%);--kbd-background: var(--bg-300);--infobox-background: hsl(var(--bg-950-free) / 5%);--text-shadow: -1px -1px 1px rgb(0 0 0 / 2%);--checkmark-not-checked: var(--bg-400);--disabled-pattern: hsl(var(--bg-950-free) / 3%) repeating-linear-gradient(-45deg, hsl(var(--bg-950-free) / 6%), hsl(var(--bg-950-free) / 6%) 2px, transparent 2px, transparent 5px);--chapter-list-warning-color: var(--red-600);--chapter-infobox-warning-color: var(--red-600);--strong-filter: none;--invert-filter: invert(1);--litrpg-background: var(--bg-50);--litrpg-color: var(--fg-400);--litrpg-drop-shadow: var(--drop-shadow-xs);--content-li-background-full: hsl(var(--bg-950-free) / 3%);--content-li-background-gradient: linear-gradient(to left, hsl(var(--bg-950-free) / 3%) 0%, hsl(var(--bg-950-free) / 3%) 55%, transparent 90%);--primary-400: hsl(217deg 90% 70%);--primary-500: hsl(217deg 91% 60%);--primary-600: hsl(226deg 71% 40%);--green-400: #a4db8a;--green-500: #72bd51;--green-600: #5cac39;--red-400: #f98686;--red-500: #f15b5b;--red-600: #dd3c3c;--bg-50-free: calc(240deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(49.5%, 99% * var(--darken), 99.5%);--bg-100-free: calc(210deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(49%, 98% * var(--darken), 99%);--bg-200-free: calc(210deg + var(--hue-rotate)) calc(10% * var(--saturation)) clamp(48%, 96% * var(--darken), 98%);--bg-300-free: calc(210deg + var(--hue-rotate)) calc(13% * var(--saturation)) clamp(45.5%, 91% * var(--darken), 95.5%);--bg-400-free: calc(220deg + var(--hue-rotate)) calc(11% * var(--saturation)) clamp(42%, 84% * var(--darken), 92%);--bg-500-free: calc(219deg + var(--hue-rotate)) calc(11% * var(--saturation)) clamp(37.5%, 75% * var(--darken), 87.5%);--bg-600-free: calc(220deg + var(--hue-rotate)) calc(9% * var(--saturation)) clamp(23%, 46% * var(--darken), 73%);--bg-700-free: calc(215deg + var(--hue-rotate)) calc(14% * var(--saturation)) clamp(17%, 34% * var(--darken), 67%);--bg-800-free: calc(215deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);--bg-900-free: calc(221deg + var(--hue-rotate)) calc(39% * var(--saturation)) clamp(5.5%, 11% * var(--darken), 55.5%);--bg-950-free: calc(224deg + var(--hue-rotate)) calc(71% * var(--saturation)) clamp(2%, 4% * var(--darken), 52%);--layout-lineart-color: hsl(var(--bg-950-free) / 15%);--layout-hr-dots-color: hsl(var(--bg-950-free) / 40%);--page-bg-color: var(--bg-100);--card-bg-color: var(--bg-50);--card-footer-bg-color: hsl(var(--bg-950-free) / 5%);--card-overlay-bg-color: var(--bg-300);--card-content-li-background-full: hsl(var(--bg-950-free) / 3%);--card-content-li-background-gradient: linear-gradient(to left, hsl(var(--bg-950-free) / 3%) 50%, transparent 90%);--card-frame-border-color: var(--bg-300);--card-footer-color: var(--fg-600);--card-footer-icon-color: var(--fg-700);--card-text-icon-color: var(--fg-600);--focus-border-color: var(--red-500);--focus-box-shadow: inset 0 0 0 2px rgb(255 255 255 / 75%);--navigation-background: var(--bg-50);--navigation-submenu-background: var(--bg-300);--navigation-item-background-hover: var(--bg-300);--navigation-subitem-background-hover: var(--bg-400);--navigation-color: var(--fg-500);--navigation-color-hover: var(--fg-100);--navigation-subitem-divider: 1px solid var(--bg-500);--navigation-drop-shadow: drop-shadow(0 2px 1px rgba(0, 0, 0, 17%));--tab-background: var(--bg-300);--tab-background-hover: var(--bg-400);--tab-background-active: var(--bg-700);--tab-color: var(--fg-700);--tab-color-hover: var(--fg-500);--tab-color-active: var(--fg-inverted);--tab-text-shadow: none;--pagination-background: var(--bg-300);--pagination-background-current: var(--bg-700);--pagination-color: var(--fg-500);--pagination-color-hover: var(--fg-300);--pagination-color-current: var(--fg-inverted);--fg-isolated-footer: var(--fg-950);--fg-isolated-footer-hover: var(--fg-inverted);--modal-bg-color: var(--bg-50);--mobile-menu-background: var(--bg-100);--mobile-menu-advanced-background: var(--bg-400);--mobile-menu-box-shadow: 1px 0 3px rgb(0 0 0 / 30%);--mobile-menu-overlay: rgb(0 0 0 / 35%);--mobile-menu-bookmark-progress-background: hsl(var(--bg-950-free) / 10%);--mobile-menu-current-chapter-background: hsl(var(--bg-950-free) / 10%);--font-smoothing-webkit: subpixel-antialiased;--font-smoothing-moz: auto;--font-weight-normal: 400;--font-weight-semi-strong: 600;--font-weight-strong: 600;--font-weight-medium: 500;--font-weight-heading: 700;--font-weight-badge: 600;--font-weight-post-meta: 400;--font-weight-read-ribbon: 700;--font-weight-card-label: 600;--font-weight-navigation: 400;--font-line-height-base: 1.7;--font-letter-spacing-base: 0em;--heading-link-color-hover: var(--fg-500);--bookmark-color-alpha: #9ca3b0;--bookmark-color-beta: #f59e0b;--bookmark-color-gamma: #77BFA3;--bookmark-color-delta: #dd5960;--bookmark-button-color-active-alpha: var(--fg-inverted);--bookmark-button-color-active-beta: var(--fg-300);--bookmark-button-color-active-gamma: var(--fg-300);--bookmark-button-color-active-delta: var(--fg-300);--bookmark-progress-opacity: .25;--bookmark-progress-mobile-opacity: 1;--button-color-active: var(--fg-inverted);--button-background-active: var(--bg-700);--button-barberpole: var(--bg-300);--button-primary-background: var(--bg-600);--button-primary-background-hover: var(--bg-700);--button-primary-background-disabled: var(--bg-400);--button-primary-color: var(--fg-inverted);--button-primary-color-hover: var(--fg-inverted);--button-primary-color-disabled: var(--fg-700);--button-primary-filter-disabled: opacity(.6);--button-secondary-background-hover: var(--bg-300);--button-secondary-background-disabled: repeating-linear-gradient(-45deg, hsl(var(--bg-950-free) / 6%), hsl(var(--bg-950-free) / 6%) 2px, transparent 2px, transparent 4px);--button-secondary-border: 1px solid var(--bg-400);--button-secondary-border-hover: 1px solid var(--bg-500);--button-secondary-border-disabled: 1px solid var(--bg-400);--button-suggestion-background: var(--bg-600);--button-suggestion-background-hover: var(--bg-700);--button-quick-background: var(--bg-600);--button-quick-background-hover: var(--bg-700);--button-quick-color: var(--fg-inverted);--button-quick-color-hover: var(--fg-inverted);--button-file-block-color: var(--fg-inverted);--button-file-block-color-hover: var(--fg-inverted);--button-file-block-background: var(--bg-600);--button-file-block-background-hover: var(--bg-700);--post-password-cutout: var(--bg-100);--post-password-submit-color: var(--bg-100);--input-background: hsl(var(--bg-950-free) / 7%);--input-background-disabled: var(--disabled-pattern);--input-fill: var(--fg-800);--input-range-thumb: var(--fg-800);--input-range-thumb-hover: var(--fg-600);--input-token-background: var(--bg-600);--input-token-color: var(--fg-inverted);--popup-menu-background: var(--bg-800);--popup-menu-background-hover: var(--bg-700);--popup-menu-background-selected: var(--bg-700);--micro-menu-background: var(--bg-800);--micro-menu-color: var(--fg-inverted);--micro-menu-color-hover: var(--fg-inverted);--tooltip-background: var(--bg-800);--notice-default-background: var(--bg-800);--notice-default-color: #fff;--comment-background: hsl(var(--bg-950-free) / 6%);--comment-background-private: hsl(var(--bg-950-free) / 3%) repeating-linear-gradient(-45deg, rgb(0 0 0 / 4%), rgb(0 0 0 / 4%) 3px, transparent 3px, transparent 6px);--comment-background-deleted: hsl(var(--bg-950-free) / 2%) repeating-linear-gradient(-45deg, rgb(0 0 0 / 2%), rgb(0 0 0 / 2%) 3px, transparent 3px, transparent 6px);--comment-background-offensive: hsl(var(--bg-950-free) / 3%) repeating-linear-gradient(45deg, rgb(0 0 0 / 4%), rgb(0 0 0 / 4%) 3px, transparent 3px, transparent 6px);--comment-background-sticky: hsl(var(--bg-950-free) / 9%);--comment-border-sticky: 1px dashed hsl(var(--bg-950-free) / 30%);--comment-color-hidden: var(--fg-950);--load-comments-background: hsl(var(--bg-950-free) / 6%);--load-comments-background-hover: hsl(var(--bg-950-free) / 12%);--scrollbar-background: rgb(0 0 0 / 20%);--scrollbar-thumb: var(--fg-950);--scrollbar-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);--badge-generic-color: var(--fg-inverted);--badge-generic-background: #71717a;--badge-admin-color: var(--fg-inverted);--badge-admin-background: #7c3aed;--badge-moderator-color: var(--fg-inverted);--badge-moderator-background: #576eb2;--badge-author-color: var(--fg-inverted);--badge-author-background: #f59e0b;--badge-supporter-color: var(--fg-inverted);--badge-supporter-background: #ed5e76;--badge-override-color: var(--fg-inverted);--badge-override-background: #64748b}:root[data-mode=light],:root[data-mode=light] .chapter-formatting{--fg-100: hsl(calc(225deg + var(--hue-rotate)) max(calc(80% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(2% * var(--font-lightness, 1)), 100%));--fg-200: hsl(calc(224deg + var(--hue-rotate)) max(calc(71% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(4% * var(--font-lightness, 1)), 100%));--fg-300: hsl(calc(220deg + var(--hue-rotate)) max(calc(55% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(7% * var(--font-lightness, 1)), 100%));--fg-400: hsl(calc(221deg + var(--hue-rotate)) max(calc(39% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(11% * var(--font-lightness, 1)), 100%));--fg-500: hsl(calc(225deg + var(--hue-rotate)) max(calc(26% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(16% * var(--font-lightness, 1)), 100%));--fg-600: hsl(calc(217deg + var(--hue-rotate)) max(calc(19% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(27% * var(--font-lightness, 1)), 100%));--fg-700: hsl(calc(223deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(39% * var(--font-lightness, 1)), 100%));--fg-800: hsl(calc(220deg + var(--hue-rotate)) max(calc(9% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(46% * var(--font-lightness, 1)), 100%));--fg-900: hsl(calc(218deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(58% * var(--font-lightness, 1)), 100%));--fg-950: hsl(calc(218deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness, 1)), 100%));--fg-tinted: hsl(calc(217deg + var(--hue-rotate)) max(calc(33% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(17% * var(--font-lightness, 1)), 100%));--fg-inverted: hsl(calc(210deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(99% * var(--font-lightness, 1)), 100%))}:root[data-mode=light] .consent-banner{--inline-link-color: var(--primary-400);--inline-link-color-visited: var(--primary-400);--consent-banner-color: var(--fg-inverted);--button-primary-color: var(--fg-500);--button-primary-color-hover: var(--fg-500);--button-primary-background: var(--fg-inverted);--button-primary-background-hover: var(--fg-inverted)}:root[data-mode=light] .selected-paragraph{--paragraph-selection-background: hsl(var(--bg-950-free) / 10%);--paragraph-tools-filter: drop-shadow(0 -3px 6px rgb(0 0 0 / 8%))}:root[data-mode=light] .current-reading{--tts-current-reading-background: hsl(var(--bg-950-free) / 5%)}:root[data-mode=light] .toggle{--toggle-background: transparent;--toggle-background-checked: var(--bg-600);--toggle-background-hover: var(--bg-700);--toggle-color: var(--fg-700);--toggle-color-hover: var(--fg-400);--toggle-border: var(--bg-600);--toggle-border-checked: var(--bg-600);--toggle-border-hover: var(--bg-700)}:root[data-mode=light] .tag-pill{--tag-background-hover: var(--bg-600);--tag-color: var(--fg-600);--tag-color-hover: var(--fg-inverted);--tag-secondary-background-hover: var(--bg-600);--tag-secondary-color: var(--fg-900);--tag-secondary-color-hover: var(--fg-inverted);--tag-secondary-border: 1px solid var(--bg-400);--tag-secondary-border-hover: 1px solid transparent;--tag-warning-background-hover: var(--red-500);--tag-warning-color: var(--fg-800);--tag-warning-color-hover: var(--fg-inverted);--tag-warning-border: 1px solid var(--bg-400);--tag-warning-border-hover: 1px solid transparent}:root[data-mode=light].minimal{--site-title-heading-color: var(--fg-400);--site-title-tagline-color: var(--fg-400)}:root[data-font-weight=normal][data-mode=light]:is(html){--font-weight-heading: 700}