/*
 * CILI: the site's global styles from LeonaCreo's design tokens (roadmap F9, Q50, ADR-0018 D3).
 *
 * Grayscale and Geist, as the app: colour comes only from content (Q48). Every value below is a token
 * (design-tokens.css, generated from docs/design/tokens.json); ./scripts/verify.sh refuses a colour or a font
 * family written here by hand. The vendor's files are never edited: this stylesheet loads after them
 * (cili/design.php), and its rules carry `html body` before the vendor's own selectors, so they win also over a
 * vendor stylesheet that a template enqueues later.
 *
 * Heilz's own colour and font variables (--primary, --secondary, --system, --system-background, --listing-over,
 * --font-heading, --font-body, --marker, --marker-text) come from its options, which cili/design.php gives the
 * tokens' values on the front end.
 */

/* Geist 1.7.2, served from this theme (assets/fonts/geist, SIL Open Font License 1.1). */
@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/geist/Geist-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/geist/Geist-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/geist/Geist-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/geist/Geist-Bold.woff2") format("woff2");
}

/* Instrument Serif's italic, the accent of a heading's one or two words (ADR-0018's note of 2026-10-14): version 1.000
   from the official google/fonts repository (assets/fonts/instrument-serif, SIL Open Font License 1.1). Served from this
   theme: the site makes no request to Google for it. Its only face is the italic. */
@font-face {
	font-family: "Instrument Serif";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/instrument-serif/InstrumentSerif-Italic.woff2") format("woff2");
}

/* The vendor's other custom properties (Utillz Core's core.css, Heilz's theme.css), mapped to the tokens. */
html:root {
	/* Heilz's colour options, printed by its own `:root` block with the options' values (cili/design.php gives them the light
	   tokens' on the front end): here the tokens themselves, so that the dark mode reaches them (ADR-0045). */
	--primary: var(--lcr-color-ink);
	--secondary: var(--lcr-color-ink);
	--system: var(--lcr-color-ink);
	--system-background: var(--lcr-color-panel);
	--listing-over: var(--lcr-color-overlay);
	--marker: var(--lcr-color-background);
	--marker-text: var(--lcr-color-ink);
	--form-repeater-border: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider); /* Utillz's `0 0 15px 0 rgba(0,0,0,0.08)` */

	--form-background: var(--lcr-color-fill);
	--form-radius: var(--lcr-radius-field);
	--form-field-height: var(--lcr-size-field);
	--form-background-disabled: var(--lcr-color-panel);
	--form: var(--lcr-color-ink);
	--form-disabled: var(--lcr-color-muted);
	--form-placeholder: var(--lcr-color-muted);
	--form-repeater-row: var(--lcr-color-panel);
	--form-repeater-row-open: var(--lcr-color-ink);
	--error: var(--lcr-color-ink);
	--error-background: var(--lcr-color-panel);
	--success: var(--lcr-color-ink);
	--success-background: var(--lcr-color-panel);
	--border: var(--lcr-color-divider);
	--white: var(--lcr-color-background);
	--black: var(--lcr-color-ink);
	--dummy: var(--lcr-color-background);
	--dummy-background: var(--lcr-color-ink);

	/* WooCommerce's stylesheet (woocommerce.css, `:root`) names a purple, a green, a red, an orange, a blue and a
	   yellow for its buttons, notices and links, and colours every form field's border `rgba(32, 7, 7, 0.8)` through
	   `--wc-form-border-color`, a warm tint. */
	--woocommerce: var(--lcr-color-ink);
	--wc-green: var(--lcr-color-ink);
	--wc-red: var(--lcr-color-ink);
	--wc-orange: var(--lcr-color-ink);
	--wc-blue: var(--lcr-color-ink);
	--wc-primary: var(--lcr-color-ink);
	--wc-primary-text: var(--lcr-color-on-ink);
	--wc-secondary: var(--lcr-color-fill);
	--wc-secondary-text: var(--lcr-color-body);
	--wc-highlight: var(--lcr-color-ink);
	--wc-highligh-text: var(--lcr-color-on-ink); /* WooCommerce's own spelling of the variable */
	--wc-subtext: var(--lcr-color-muted);
	--wc-form-border-color: var(--lcr-color-outline);
	--wc-destructive: var(--lcr-color-ink);
}

html body {
	background-color: var(--lcr-color-background); /* Heilz's style.css `body { background: #fff }` */
	font-family: var(--lcr-font-family-sans);
	color: var(--lcr-color-ink);
}

/*
 * Every button is a pill and every icon button a circle, as the app's (ADR-0018 D3; the owner's request of 2026-10-09,
 * WEB-652): the vendors draw theirs with corners of 0 to 7px (Utillz's `.ulz-button` 7px and `.ulz-custom-upload-btn`
 * 5px, Heilz theme.css's WooCommerce and block buttons 0 and 7px). `.woocommerce .button` in the list gives every
 * selector its weight, two classes, which Heilz's `.woocommerce a.button` needs; the header search's button, under a
 * heavier Heilz selector, is layout-frame.css's.
 */
html body :is(.ulz-button, .ulz-custom-upload-btn, .wp-block-button__link, .wp-block-search__button, .woocommerce .button, input[type="submit"], input[type="button"], button[type="submit"]) {
	border-radius: var(--lcr-radius-pill);
}

/* The vendors' square icon buttons, each under a heavier selector of its own: the actions of the account's rows
   (Utillz account.css, 36px with 4px corners) and the notifications panel's icons (Heilz theme.css, 50px with 8px). */
html body .ulz-boxes .ulz-box .ulz--actions a:not(.ulz-button),
html body .ulz-npanel .ulz--site .ulz--icon i {
	border-radius: var(--lcr-radius-pill);
}

/* A button's label sits in its middle: Utillz's core.css drops it 5px, which an inline label ignores but a flex item,
   as in every pill this theme lays out, does not (the label sat 5px under the middle, WEB-652). */
html body .ulz-button > span {
	margin-top: 0 !important; /* Utillz core.css's `.ulz-button>i, .ulz-button>span { margin-top: 5px !important }` */
}

/* Text for screen readers only (`.lcr-visually-hidden`): the cards' counts' words, the first page's countries. */
html body .lcr-visually-hidden {
	position: absolute;
	width: var(--lcr-size-hairline);
	height: var(--lcr-size-hairline);
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Buttons and controls that the vendor colours by hand. */
html body .wp-block-search .wp-block-search__button,
html body .ulz-custom-upload-btn,
html body .ulz-custom-upload-btn:hover,
html body .ulz-plans input:checked + .ulz-plan .ulz-button {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-button.ulz-shade::before {
	background: radial-gradient(circle closest-side, var(--lcr-color-ink), transparent);
}

html body .flickity-button:focus {
	box-shadow: 0 0 0 5px var(--lcr-color-ink);
}

html body .ulz-table th a,
html body .ulz-radio-image:hover .ulz--label,
html body .ulz-upload-wrapper.dragging {
	border-color: var(--lcr-color-ink);
}

html body .ulz-upload-wrapper.dragging {
	background-color: var(--lcr-color-panel);
}

/* Badges, dots and stars: ink, so they still stand out without colour. */
html body .ulz-boxes .ulz-box.ulz-active {
	background-color: var(--lcr-color-panel);
	border-color: var(--lcr-color-ink);
}

html body .ulz-boxes .ulz-box.ulz-active .ulz--badge,
html body .ulz-listed li.ulz-active i::after,
html body .ulz-notifications .ulz-notification-icon span,
html body .ulz-flag-active,
html body .loader span {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-rating .ulz-rating-stars i.ulz-active,
html body .ulz-rating .ulz-rating-stars i.ulz-active ~ i {
	background-color: var(--lcr-color-ink);
	border-color: var(--lcr-color-ink);
}

html body .ulz-packages .ulz-package .ulz--radio input:checked + span::after,
html body .woocommerce-checkout #payment .wc_payment_method > input:checked + label::before {
	color: var(--lcr-color-ink);
}

/* Notices and statuses: said in words, on the panel gray. */
html body .ulz-notice.ulz-notice-info,
html body .ulz-notice.ulz-notice-success,
html body .ulz-action-success,
html body .ulz-form-group.ulz-input-shortcode input,
html body .woocommerce .woocommerce-error.woocommerce-error,
html body .woocommerce .woocommerce-info.woocommerce-error,
html body .woocommerce .woocommerce-message.woocommerce-error,
html body .woocommerce .woocommerce-error.woocommerce-info,
html body .woocommerce .woocommerce-info.woocommerce-info,
html body .woocommerce .woocommerce-message.woocommerce-info,
html body .ulz-post-status.ulz-status-approved a,
html body .ulz-post-status.ulz-status-approved span,
html body .ulz-post-status.ulz-status-publish a,
html body .ulz-post-status.ulz-status-publish span,
html body .ulz-post-status.ulz-status-pending a,
html body .ulz-post-status.ulz-status-pending span,
html body .ulz-post-status.ulz-status-used a,
html body .ulz-post-status.ulz-status-used span,
html body .ulz-post-status.ulz-status-cancelled a,
html body .ulz-post-status.ulz-status-cancelled span,
html body .ulz-post-status.ulz-status-declined a,
html body .ulz-post-status.ulz-status-declined span,
html body .ulz-post-status.ulz-status-expired a,
html body .ulz-post-status.ulz-status-expired span,
html body .ulz-post-status.ulz-status-trash a,
html body .ulz-post-status.ulz-status-trash span,
html body .ulz-plans input:checked + .ulz-plan,
html body .ulz-articles .ulz--item.ulz--sticky {
	background-color: var(--lcr-color-panel);
	color: var(--lcr-color-ink);
}

html body .ulz-articles .ulz--item.ulz--sticky {
	box-shadow: inset 0 0 0 1px var(--lcr-color-divider);
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item.ulz-item-hidden > .ulz-item-row {
	background-color: var(--lcr-color-panel) !important;
	color: var(--lcr-color-ink) !important;
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item.ulz-item-hidden > .ulz-item-row .ulz-item-name {
	background-color: var(--lcr-color-ink) !important;
	color: var(--lcr-color-on-ink) !important;
}

html body .mc4wp-response .mc4wp-error p,
html body .mc4wp-response .mc4wp-success p {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-standard-role .ulz--summary {
	color: var(--lcr-color-muted);
}

/* Utillz's explore cards print their score's word with an inline colour (templates/explore/listing/heading.php). */
html body .score-description[style] {
	color: var(--lcr-color-ink) !important;
}

/* The dashboard's chart: its script (ApexCharts) prints its own stylesheet inline, with blue-gray texts and tooltips,
   whose border is `rgb(144, 164, 174)` also while a tooltip is hidden, and a blue marker (an inline style) in the
   tooltip. The tooltips' arrows are two borders (`::before` the outline, `::after` the fill). */
html body .apexcharts-canvas .apexcharts-text,
html body .apexcharts-canvas .apexcharts-text tspan,
html body .apexcharts-canvas .apexcharts-legend-text {
	fill: var(--lcr-color-body);
	color: var(--lcr-color-body);
}

html body .apexcharts-xaxistooltip,
html body .apexcharts-yaxistooltip {
	border-color: var(--lcr-color-outline);
	background: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .apexcharts-xaxistooltip::before,
html body .apexcharts-xaxistooltip::after,
html body .apexcharts-yaxistooltip::before,
html body .apexcharts-yaxistooltip::after {
	border-color: transparent;
}

html body .apexcharts-xaxistooltip-bottom::before {
	border-bottom-color: var(--lcr-color-outline);
}

html body .apexcharts-xaxistooltip-bottom::after {
	border-bottom-color: var(--lcr-color-fill);
}

html body .apexcharts-xaxistooltip-top::before {
	border-top-color: var(--lcr-color-outline);
}

html body .apexcharts-xaxistooltip-top::after {
	border-top-color: var(--lcr-color-fill);
}

html body .apexcharts-yaxistooltip-left::before {
	border-left-color: var(--lcr-color-outline);
}

html body .apexcharts-yaxistooltip-left::after {
	border-left-color: var(--lcr-color-fill);
}

html body .apexcharts-yaxistooltip-right::before {
	border-right-color: var(--lcr-color-outline);
}

html body .apexcharts-yaxistooltip-right::after {
	border-right-color: var(--lcr-color-fill);
}

/* ApexCharts' own `.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title` has three classes. */
html body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
	border-bottom-color: var(--lcr-color-outline);
	background: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .apexcharts-tooltip-marker,
html body .apexcharts-legend-marker {
	background-color: var(--lcr-color-ink) !important; /* the script's inline `background-color: rgb(0, 143, 251)` */
}

/*
 * The modes (ADR-0045 D1, D4): what the vendors colour by hand, given the tokens' roles, so that the dark mode reaches it
 * as it does everything else. The vendors write a white ground, a near-black pill, a gray hairline or a gray text as
 * literals; each is here the role it plays, `background`, `ink` with `on-ink`, `outline`, `divider`, `panel`, `fill` or
 * `muted`, which in the light mode are the same values or the nearest gray of the scale. A drop shadow is a hairline of
 * the divider (the elevation is flat, ADR-0018 D3): a shadow of black cannot be seen on the dark ground. Every selector
 * is written out with `html body` (never `:is()`, which would take the weight of its heaviest member), so each keeps the
 * weight of the vendor's own and the restyle's rules, which load after this sheet, still win a tie. Colours over a picture
 * (the artwork's overlays, a video's play mark) are not here: they stay light on their dark veil in both modes (D5).
 *
 * The first part is derived from the vendors' own stylesheets of the versions in vendor-wp/ (Heilz 3.1.0's theme.css and
 * style.css, Utillz Core's core, form, layouts, explore, listing, account, submission, Flickity and Select2 sheets,
 * UtillzEnhance's enhance.css, Utillz Login's front.css), one rule at a time, by one rule of its own: a solid gray ground
 * becomes `background` (white), `panel` (the near-whites), `fill` (the light grays) or `divider` (the mid grays); a dark
 * gray text becomes `ink` or `body`, a mid gray one `muted`; a light gray border `divider`, a mid gray one `outline`; a
 * hairline ring, solid or translucent, the divider's; a near-black ground with a white text, or the ink variables
 * (`--primary`, `--error`...) under a white text, is a pill, `ink` with `on-ink`. A translucent colour, a gradient, a
 * picture and the surfaces that stay dark in both modes (the vendors' dark sign-in modal, collections, map controls, the
 * cover's veil, the sharing widgets' brand colours) are left as the vendor draws them. At a vendor update the sheets are
 * read again by the same rule; a vendor rule that gains a literal gray shows up as a white island in the dark mode (the
 * scenarios WEB-715 and WEB-716 look for them). The second part, by hand, is where the role is not the value's.
 */
/* ----- from the vendors' stylesheets, rule by rule (the rule is above) ----- */
/* theme.css */

html body code {
	background-color: var(--lcr-color-fill);
}

html body table {
	border-color: var(--lcr-color-outline);
}

html body table td,
html body table th {
	border-bottom-color: var(--lcr-color-outline);
}

html body input[type=email],
html body input[type=number],
html body input[type=password],
html body input[type=tel],
html body input[type=text],
html body input[type=url],
html body select,
html body textarea {
	border-color: var(--lcr-color-outline);
}

html body input[type=submit] {
	color: var(--lcr-color-on-ink);
}

html .woocommerce-account .ulz-mobile-header {
	background-color: var(--lcr-color-background);
}

html body .ulz-account-footer {
	color: var(--lcr-color-muted);
}

html body .ulz-account-bar {
	background-color: var(--lcr-color-background);
}

@media screen and (min-width:1199.98px) {
	html body nav.ulz-account-nav ul li a {
		color: var(--lcr-color-ink);
	}
}

html body .ulz-account-nav a {
	color: var(--lcr-color-ink);
}

html body .ulz-payouts {
	color: var(--lcr-color-on-ink);
}

html body .woocommerce .woocommerce-error,
html body .woocommerce .woocommerce-info,
html body .woocommerce .woocommerce-message {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .woocommerce .woocommerce-error.woocommerce-error,
html body .woocommerce .woocommerce-info.woocommerce-error,
html body .woocommerce .woocommerce-message.woocommerce-error {
	background-color: var(--lcr-color-panel);
}

html body .woocommerce .woocommerce-error.woocommerce-info,
html body .woocommerce .woocommerce-info.woocommerce-info,
html body .woocommerce .woocommerce-message.woocommerce-info {
	background-color: var(--lcr-color-panel);
}

html body .woocommerce table.shop_table {
	background-color: var(--lcr-color-background);
}

html body .woocommerce table.shop_table td,
html body .woocommerce table.shop_table th {
	border-top-color: var(--lcr-color-outline);
}

html body .woocommerce table.shop_table .order-total td,
html body .woocommerce table.shop_table .order-total th {
	background-color: var(--lcr-color-panel);
}

html body .woocommerce table.shop_table a:hover {
	color: var(--lcr-color-ink);
}

html body .woocommerce table.shop_table .woocommerce-button {
	color: var(--lcr-color-on-ink);
}

html .woocommerce-MyAccount-content ins,
html .woocommerce-MyAccount-content mark {
	color: var(--lcr-color-on-ink);
}

html body .woocommerce .col2-set .col-1,
html body .woocommerce .col2-set .col-2 {
	background-color: var(--lcr-color-background);
}

html .woocommerce-page form .form-row label,
html body .woocommerce form .form-row label {
	color: var(--lcr-color-muted);
}

html body .woocommerce form .form-row input.input-text,
html body .woocommerce form .form-row textarea {
	background-color: var(--lcr-color-divider);
}

html body .woocommerce #respond input#submit,
html .woocommerce-account .addresses .title .edit,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .woocommerce input.button {
	color: var(--lcr-color-on-ink) !important;
}

html body .woocommerce #respond input#submit[disabled],
html .woocommerce-account .addresses .title .edit[disabled],
html body .woocommerce a.button[disabled],
html body .woocommerce button.button[disabled],
html body .woocommerce input.button[disabled] {
	background-color: var(--lcr-color-divider) !important;
	color: var(--lcr-color-muted) !important;
}

html body .woocommerce .edit-account .ulz-image-preview .ulz-file-name a,
html body .woocommerce .woocommerce-address-fields .ulz-image-preview .ulz-file-name a {
	background-color: var(--lcr-color-background);
}

html body .woocommerce .edit-account em,
html body .woocommerce .woocommerce-address-fields em {
	color: var(--lcr-color-muted);
}

html .woocommerce-loop-product__title {
	color: var(--lcr-color-ink);
}

html body .ulz-wc-image .ulz-wc-price {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

html body .woocommerce div.product p.price,
html body .woocommerce div.product span.price {
	color: var(--lcr-color-ink);
}

html body .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--lcr-color-ink) !important;
}

html body .woocommerce table.shop_attributes {
	border-top-color: var(--lcr-color-outline);
}

html body .woocommerce table.shop_attributes td,
html body .woocommerce table.shop_attributes th {
	border-bottom-color: var(--lcr-color-outline);
}

html body #customer_details .input-text {
	background-color: var(--lcr-color-fill);
}

html .woocommerce-cart table.cart .product-thumbnail .remove:hover {
	background-color: var(--lcr-color-ink) !important;
	color: var(--lcr-color-on-ink) !important;
}

html .woocommerce-checkout .wc-stripe-elements-field,
html .woocommerce-checkout .wc-stripe-iban-element-field {
	background-color: var(--lcr-color-fill);
}

html body .ulz-table-checkout td,
html body .ulz-table-checkout th {
	border-bottom-color: var(--lcr-color-outline);
}

html body .ulz-table-checkout .product-image .ulz--image .ulz--remove {
	background-color: var(--lcr-color-fill);
}

@media (min-width:1025px) {
	html body .ulz-table-checkout .product-image .ulz--image .ulz--remove:hover {
		color: var(--lcr-color-ink);
	}
}

html body .ulz-checkout-totals {
	background-color: var(--lcr-color-panel);
}

html .woocommerce-checkout #payment {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-ink);
}

html .woocommerce-checkout #payment .woocommerce-notice {
	border-bottom-color: var(--lcr-color-outline);
}

html .woocommerce-checkout #payment .wc_payment_method {
	border-bottom-color: var(--lcr-color-outline);
}

html .woocommerce-checkout #payment .wc_payment_method>label:before {
	color: var(--lcr-color-muted);
}

html .woocommerce-checkout #payment .wc_payment_method div.payment_box {
	color: var(--lcr-color-ink);
}

html body .woocommerce .checkout_coupon .input-text {
	background-color: var(--lcr-color-fill) !important;
}

html .woocommerce-order-received .woocommerce-customer-details address {
	background-color: var(--lcr-color-panel);
}

html body .woocommerce ul.order_details {
	color: var(--lcr-color-on-ink);
}

html body .woocommerce .ulz-quantity .ulz--input .qty {
	border-color: var(--lcr-color-outline);
}

html body .woocommerce .ulz-quantity .ulz--actions span {
	color: var(--lcr-color-on-ink);
}

html .woocommerce-checkout .wc-stripe-elements-field,
html .woocommerce-checkout .wc-stripe-iban-element-field {
	border-color: var(--lcr-color-outline);
}

html body .woocommerce .select2-container .select2-selection--single {
	background-color: var(--lcr-color-fill);
}

html body .ulz-header {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

html body .ulz-header .ulz-search {
	color: var(--lcr-color-ink);
}

html .ulz--is-sticky .ulz-header {
	background-color: var(--lcr-color-background) !important;
	color: var(--lcr-color-ink) !important;
}

html body .ulz-site-nav .ulz-navigation.ulz--secondary {
	border-left-color: var(--lcr-color-outline);
}

html body .ulz-site-nav .ulz-mutted a {
	color: var(--lcr-color-muted);
}

html body .ulz-site-icon .ulz--icon {
	background-color: var(--lcr-color-divider);
}

html body .ulz-site-icon.ulz--active .ulz--icon {
	color: var(--lcr-color-on-ink);
}

html body .ulz-upanel {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-upanel li.ulz--separator:after {
	background-color: var(--lcr-color-divider);
}

html body .ulz-nav .ulz-megamenu .ulz-megamenu-container {
	background-color: var(--lcr-color-background) !important;
}

html body .ulz-nav .ulz-megamenu .ulz-megamenu-container .ulz-row>.sub-menu li a {
	color: var(--lcr-color-ink);
}

html body .ulz-nav .ulz-megamenu .ulz-megamenu-container .ulz-row>.sub-menu>li>a[href="#"] {
	color: var(--lcr-color-muted);
}

html body .ulz-nav .ulz-megamenu .ulz-megamenu-container .ulz-row>.sub-menu .sub-menu>.menu-item-has-children>a {
	color: var(--lcr-color-muted) !important;
}

html body .ulz-footer {
	color: var(--lcr-color-ink);
}

html body .ulz-button.ulz--disabled {
	background-color: var(--lcr-color-panel);
	color: var(--lcr-color-muted);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-button.ulz--secondary {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

/* `utillz` is a class of <body> itself (Utillz Core's assets.php), so the vendor's `.utillz .x` rules are matched on body.utillz:
   `html body .utillz` would name a descendant and never apply (the author's box kept the vendor's black on the dark panel). */
html body.utillz .ulz-author {
	color: var(--lcr-color-ink);
}

@media (min-width:1025px) {
	html body.utillz .ulz-author.ulz--is-image .ulz-button:hover {
		background-color: var(--lcr-color-ink);
		color: var(--lcr-color-on-ink);
	}
}

html body .ulz-listing-tags.ulz-listing-details a,
html body .ulz-listing-tags.ulz-listing-details span,
html body .ulz-listing-tags a,
html body .ulz-listing-tags span {
	background-color: var(--lcr-color-panel);
	color: var(--lcr-color-body);
	border-color: var(--lcr-color-divider);
}

@media (min-width:1025px) {
	html body .ulz-listing-tags.ulz-listing-details a:hover,
	html body .ulz-listing-tags a:hover {
		background-color: var(--lcr-color-background);
		color: var(--lcr-color-ink);
	}
}

html body .ulz-cover-default {
	background-color: var(--lcr-color-panel);
}

html body .ulz-cover-adaptive .ulz--image {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body.utillz .ulz-listing-image .ulz-image.ulz--is-video>i {
	border-color: var(--lcr-color-divider);
}

html body .ulz-listing-cover .ulz--action .ulz--download a {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

@media (max-width:767.98px) {
	html body .ulz-listing-cover .ulz--action .ulz--download a {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-listing-preview {
	background-color: var(--lcr-color-background);
}

html body .ulz-close span {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

@media (min-width:1025px) {
	html body .ulz-close:hover span {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-button-accent {
	color: var(--lcr-color-on-ink);
}

html body .ulz-featured {
	background-color: var(--lcr-color-panel);
}

html body .ulz-submission-info {
	color: var(--lcr-color-on-ink);
}

html body.utillz .ulz-search-filter--inline .ulz-filter-tab .ulz-tab-title:after,
html body.utillz .ulz-search-filter--inline .ulz-select:after {
	color: var(--lcr-color-muted);
}

html body .ulz-mod-action {
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-paging ul li a,
html body .ulz-paging ul li span {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

html body .ulz-paging ul li a.current,
html body .ulz-paging ul li span.current {
	border-color: var(--lcr-color-ink);
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-paging ul li a:hover {
	background-color: var(--lcr-color-fill);
}

html body .ulz-no-results-outer .ulz--input {
	background-color: var(--lcr-color-divider);
}

html body .ulz-standard-role a {
	background-color: var(--lcr-color-panel);
}

@media (min-width:1025px) {
	html body .ulz-standard-role a:hover {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-standard-role .ulz--summary {
	color: var(--lcr-color-muted);
}

html body .ulz-signin-tabs li.ulz-active a,
html body .ulz-signin-tabs li:hover a {
	background-color: var(--lcr-color-divider);
}

html body .ulz-signin-tabs a {
	background-color: var(--lcr-color-panel);
}

html body .ulz-npanel {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-npanel .ulz-close span {
	color: var(--lcr-color-on-ink);
}

html body .ulz-npanel .ulz--list {
	background-color: var(--lcr-color-background);
	border-top-color: var(--lcr-color-outline);
}

html body .ulz-npanel .ulz--actions>a {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-npanel .ulz--actions>a:hover {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-npanel .ulz--actions>a.ulz-ajaxing {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-npanel .ulz--site .ulz--text {
	color: var(--lcr-color-ink);
}

@media (min-width:1025px) {
	html body .ulz-npanel .ulz--site:hover>* {
		background-color: var(--lcr-color-background);
	}
}

@media (min-width:1025px) {
	html body .ulz-npanel .ulz--site:hover .ulz--text {
		color: var(--lcr-color-ink);
	}
}

html body .ulz-npanel .ulz--footer {
	border-top-color: var(--lcr-color-outline);
}

html body .ulz-npanel .ulz--footer .ulz-button.ulz--mutted {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-muted);
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-header {
		color: var(--lcr-color-ink);
	}
}

@media (max-width:1199.98px) {
	html .ulz-mobile-search--visible .ulz-mobile-header {
		color: var(--lcr-color-on-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-filters-toggle {
		color: var(--lcr-color-on-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav {
		background-color: var(--lcr-color-background);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav .ulz--header .ulz-site-logo a {
		color: var(--lcr-color-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav .ulz--footer .ulz--avatar .ulz-avatar-placeholder {
		background-color: var(--lcr-color-ink);
		color: var(--lcr-color-on-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav .ulz--footer .ulz--meta span a {
		color: var(--lcr-color-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav .ulz--footer .ulz--sign-out {
		background-color: var(--lcr-color-fill);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-mobile-nav .ulz--footer .ulz--close {
		background-color: var(--lcr-color-background);
		color: var(--lcr-color-body);
		box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-nav-mobile>ul>li>a {
		color: var(--lcr-color-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-nav-mobile>ul>li ul {
		background-color: var(--lcr-color-panel);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-nav-mobile>ul>li ul a {
		color: var(--lcr-color-ink);
	}
}

@media (max-width:1199.98px) {
	html body .ulz-nav-mobile>ul>li ul ul {
		background-color: var(--lcr-color-fill);
	}
}

html body .ulz-panel-notifications .ulz--header a.ulz-clear span {
	color: var(--lcr-color-on-ink);
}

html body .ulz-header .ulz-site-header .ulz-site-cta .ulz-button {
	color: var(--lcr-color-ink);
}

@media (max-width: 1199.98px) {
	html body .ulz-header .ulz-site-header .ulz-header-container {
		color: var(--lcr-color-ink);
	}
}

@media (max-width: 1199.98px) {
	html .ulz-mobile-search--visible .ulz-mobile-header .ulz--site-search a {
		color: var(--lcr-color-ink);
	}
}

@media (max-width: 991.98px) {
	html body .ulz-modal .ulz-checkbox input:checked+.ulz--toggle {
		color: var(--lcr-color-ink) !important;
	}
}

@media (max-width: 767.98px) {
	html body .ulz-mobile-header .ulz--site-name a {
		color: var(--lcr-color-ink) !important;
	}
}

html body .ulz-nav .ulz-megamenu .ulz-megamenu-container .ulz-row>.sub-menu>li>a {
	color: var(--lcr-color-muted) !important;
}

html body .ulz-avatar-placeholder {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

/* style.css */

html body pre {
	background-color: var(--lcr-color-fill);
}

html body hr {
	border-top-color: var(--lcr-color-outline);
}

html .woocommerce-order table td {
	border-bottom-color: var(--lcr-color-outline);
}

/* core.css */

html body .flickity-button {
	color: var(--lcr-color-ink);
}

html body .flickity-button:hover {
	background-color: var(--lcr-color-background);
}

html body .ulz-outer {
	color: var(--lcr-color-ink);
}

html body .ulz-skeleton .-e {
	background-color: var(--lcr-color-divider);
}

html body .ulz-button {
	color: var(--lcr-color-on-ink);
}

html body .ulz-button.ulz--white {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

@media (min-width:1025px) {
	html body .ulz-button.ulz--white:hover {
		background-color: var(--lcr-color-fill);
	}
}

html body .ulz-button.ulz--mutted,
html body .ulz-button.ulz--mutted:hover {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-muted);
}

html body .ulz-button.ulz--mutted:hover,
html body .ulz-button.ulz--mutted:hover:hover {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-muted);
}

html body .ulz-button.ulz--mutted .ulz-preloader,
html body .ulz-button.ulz--mutted:hover .ulz-preloader {
	color: var(--lcr-color-muted);
}

html body .ulz-notice {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-preloader {
	color: var(--lcr-color-ink);
}

html body .ulz-post-status a,
html body .ulz-post-status span {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-post-status.ulz-status-draft a,
html body .ulz-post-status.ulz-status-draft span,
html body .ulz-post-status.ulz-status-pending_payment a,
html body .ulz-post-status.ulz-status-pending_payment span {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-muted);
}

html body .ulz-overlay {
	background-color: var(--lcr-color-panel);
}

html body .ulz-modal {
	background-color: var(--lcr-color-background);
}

@media (max-width:991.98px) {
	html body .ulz-modal .ulz-modal-heading {
		border-bottom-color: var(--lcr-color-divider);
	}
}

html body .ulz-modal .ulz-modal-content .ulz--empty {
	color: var(--lcr-color-ink);
}

html body .ulz-modal .ulz--icon p {
	color: var(--lcr-color-ink);
}

html body .ulz-table tbody tr:nth-child(2n) {
	background-color: var(--lcr-color-panel);
}

html body .ulz-table.ulz--reverse tbody tr:nth-child(odd) {
	background-color: var(--lcr-color-panel);
}

html body .ulz-table a {
	border-bottom-color: var(--lcr-color-outline);
}

html body .ulz-image {
	background-color: var(--lcr-color-fill);
}

html body .ulz-listed li.ulz-active {
	background-color: var(--lcr-color-panel);
}

html body .ulz-listed li.ulz-active i:after {
	border-color: var(--lcr-color-divider);
}

html body .ulz-listed li a .ulz-auto-icon i,
html body .ulz-listed li em .ulz-auto-icon i {
	color: var(--lcr-color-muted);
}

@media (min-width:1025px) {
	html body .ulz-listed li:hover a {
		color: var(--lcr-color-muted);
	}
}

html body .ulz-link {
	color: var(--lcr-color-ink);
}

html body .ulz-notification-list {
	background-color: var(--lcr-color-background);
}

html body .ulz-notification-list .ulz-listed li a i,
html body .ulz-notification-list .ulz-listed li em i {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-ink);
}

html body .ulz-error-holder .ulz-error {
	color: var(--lcr-color-on-ink);
}

html body .ulz-close {
	color: var(--lcr-color-ink);
}

html body .ulz-close i {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline);
}

@media (min-width:1025px) {
	html body .ulz-close:hover i {
		box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-ink);
		background-color: var(--lcr-color-ink);
		color: var(--lcr-color-on-ink);
	}
}

/* A close glyph the line icons draw (line-icons.js names it, `[data-lcr-icon]`) is painted with its background through the
   icon's mask, so the vendor's round tile above would paint the glyph in the page's ground: in the notifications panel it
   vanished (1.24:1 in the dark mode). It is drawn in ink instead, at rest and under the pointer, with no tile. */
html body .ulz-close i[data-lcr-icon],
html body .ulz-close:hover i[data-lcr-icon] {
	background-color: var(--lcr-color-ink);
	box-shadow: none;
}

html body .ulz-handle {
	color: var(--lcr-color-ink);
}

html body .ulz-handle i {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline);
}

@media (min-width:1025px) {
	html body .ulz-handle:hover i {
		box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-ink);
		background-color: var(--lcr-color-ink);
		color: var(--lcr-color-on-ink);
	}
}

html body .ulz-handle.ulz-disabled i {
	background-color: var(--lcr-color-panel) !important;
	color: var(--lcr-color-muted) !important;
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline) !important;
}

html body .ulz-favorites-list li .ulz--content .ulz--title a {
	color: var(--lcr-color-ink);
}

html body .ulz-favorites-list .ulz-remove {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-messages .ulz-message-date .ulz--date {
	background-color: var(--lcr-color-fill);
}

html body .ulz-messages .ulz-message .ulz--content .ulz--time {
	color: var(--lcr-color-muted);
}

html body .ulz-messages .ulz-message .ulz--text {
	background-color: var(--lcr-color-fill);
}

html body .ulz-messages .ulz-message.ulz-message-me .ulz--text {
	color: var(--lcr-color-on-ink);
}

html body .ulz-conversation-input textarea {
	background-color: var(--lcr-color-background);
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-conversation-input textarea:focus {
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-conversation-input textarea::-webkit-input-placeholder {
	color: var(--lcr-color-muted);
}

html body .ulz-conversation-input textarea::-webkit-input-placeholder,
html body .ulz-conversation-input textarea::placeholder {
	color: var(--lcr-color-muted);
}

@media (min-width:1025px) {
	html body .ulz-standard-role a:hover {
		background-color: var(--lcr-color-fill);
	}
}

html body .ulz-signin-or span {
	background-color: var(--lcr-color-background);
}

html body .ulz-flag-active {
	border-color: var(--lcr-color-divider);
}

html body .ulz-dashboard .ulz--box {
	background-color: var(--lcr-color-background);
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-dashboard .ulz--box>i {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-dashboard .ulz--box.ulz--colored {
	border-color: var(--lcr-color-outline);
}

@media (min-width:1025px) {
	html body .ulz-packages>label:hover {
		background-color: var(--lcr-color-fill);
	}
}

html body .ulz-packages .ulz-package {
	background-color: var(--lcr-color-panel);
}

html body .ulz-packages .ulz-package .ulz--radio span:after {
	color: var(--lcr-color-muted);
}

html body .ulz-rating .ulz-rating-stars i {
	border-color: var(--lcr-color-outline);
}

html body .ulz-rating .ulz-rating-stars i:hover,
html body .ulz-rating .ulz-rating-stars i:hover~i {
	color: var(--lcr-color-ink);
}

/* form.css */

html body .ulz-form-group input[type=email][readonly],
html body .ulz-form-group input[type=number][readonly],
html body .ulz-form-group input[type=password][readonly],
html body .ulz-form-group input[type=tel][readonly],
html body .ulz-form-group input[type=text][readonly],
html body .ulz-form-group select[multiple][readonly],
html body .ulz-form-group select[readonly],
html body .ulz-form-group textarea[readonly] {
	color: var(--lcr-color-muted);
}

html body .ulz-form-group select[multiple]::-webkit-scrollbar-track {
	background-color: var(--lcr-color-divider);
}

html body .ulz-checkbox input:disabled+.ulz--toggle {
	background-color: var(--lcr-color-divider);
}

html body .ulz-toggle input:checked+span:after {
	background-color: var(--lcr-color-background);
}

html body .ulz-toggle span:after {
	background-color: var(--lcr-color-background);
}

html body .ulz-toggle em {
	color: var(--lcr-color-ink);
}

html body .ulz-radio-image .ulz--label {
	border-color: var(--lcr-color-divider);
}

html body .ulz-radio-image span {
	color: var(--lcr-color-ink);
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item .ulz-item-row .ulz-item-label .ulz-item-name {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-body);
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item .ulz-repeater-content {
	background-color: var(--lcr-color-background);
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item[data-id=tab_break]>.ulz-item-row {
	background-color: var(--lcr-color-background);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-repeater .ulz-repeater-items .ulz-repeater-item.ulz-expand>.ulz-repeater-content {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-repeater .ulz-repeater-select .ulz-repeater-action {
	background-color: var(--lcr-color-panel);
}

html body .ulz-map {
	background-color: var(--lcr-color-panel);
}

html body .ulz-icon .ulz--toggle {
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline);
}

html body .ulz-icon .ulz--preview {
	background-color: var(--lcr-color-divider);
}

html body .ulz-icon .ulz--label {
	background-color: var(--lcr-color-fill);
}

html body .ulz-icon-content .ulz--list li:hover {
	background-color: var(--lcr-color-fill);
}

html body .ulz-icon-content .ulz--list li.ulz--active {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-icon-content .ulz--list li.ulz--selected {
	color: var(--lcr-color-on-ink);
}

html body .ulz-image-preview .ulz-file-name a {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-image-preview .ulz-file-name a:hover {
	background-color: var(--lcr-color-ink) !important;
	color: var(--lcr-color-on-ink) !important;
}

html body .ulz-image-prv {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .ulz-image-prv .ulz-image-prv-outer .ulz-image-prv-inner {
	background-color: var(--lcr-color-fill);
}

html body .ulz-image-prv .ulz-image-prv-outer .ulz-image-prv-inner>i {
	color: var(--lcr-color-ink);
}

html body .ulz-image-prv:hover .ulz-image-remove:hover {
	color: var(--lcr-color-on-ink);
}

html body .ulz-image-prv .ulz-image-missing {
	color: var(--lcr-color-muted);
}

html body .ulz-image-prv>p {
	color: var(--lcr-color-muted);
}

html body .ulz-field-info span {
	color: var(--lcr-color-muted);
}

html body .ulz-stepper.ulz--v2 .ulz-stepper-button {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-ink);
}

@media (min-width:1025px) {
	html body .ulz-stepper.ulz--v2 .ulz-stepper-button:hover {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-stepper.ulz--v2 .ulz-stepper-button[data-action=increase] {
	border-left-color: var(--lcr-color-outline);
}

html body .ulz-editor {
	border-color: var(--lcr-color-outline);
}

html body .ulz-order-list {
	background-color: var(--lcr-color-fill);
}

html body .ulz-order-list .ulz-list-values {
	border-left-color: var(--lcr-color-outline);
}

html body .ulz-order-list ul li {
	background-color: var(--lcr-color-background);
}

html body .ulz-order-list ul li .ulz-list-drag {
	background-color: var(--lcr-color-panel);
}

html body .ulz-order-list ul:empty:before {
	color: var(--lcr-color-muted);
	border-color: var(--lcr-color-outline);
}

html body .ulz-price-menu .ulz--tabs li.ulz-active {
	border-bottom-color: var(--lcr-color-ink);
}

html body .ulz-price-menu .ulz--tabs a {
	color: var(--lcr-color-ink);
}

html body .ulz-price-menu .ulz--section li {
	background-color: var(--lcr-color-panel);
}

html body .ulz-price-menu .ulz--section li.ulz--is-focus {
	color: var(--lcr-color-on-ink);
}

html body .ulz-price-menu .ulz--section li.ulz--is-focus .ulz--heading .ulz--name:after {
	border-color: var(--lcr-color-divider);
}

html body .ulz-price-menu .ulz--section .ulz--heading .ulz--name h4 {
	background-color: var(--lcr-color-panel);
}

html body .ulz-price-menu .ulz--section .ulz--focus {
	background-color: var(--lcr-color-background);
}

html body .ulz-autosuggest .ulz--clear {
	color: var(--lcr-color-ink);
}

html body .ulz-autosuggest .ulz--clear:hover {
	color: var(--lcr-color-ink);
}

html body .ulz-autosuggest .ulz--results {
	background-color: var(--lcr-color-background);
}

html body .ulz-geo-field .ulz-geo-get {
	color: var(--lcr-color-ink);
}

html body .ulz-color .ulz--preview {
	background-color: var(--lcr-color-divider);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-upload-wrapper {
	border-color: var(--lcr-color-outline);
}

html body .ulz-upload-wrapper.dragging {
	background-color: var(--lcr-color-panel);
}

/* layouts.css */

html body .ulz-dump {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-body);
}

html body .ulz-text-black {
	color: var(--lcr-color-ink);
}

html body .ulz-scrollbar::-webkit-scrollbar-track {
	background-color: var(--lcr-color-fill);
}

/* explore.css */

html body .ulz-listing-image .ulz-image {
	background-color: var(--lcr-color-panel);
}

html body .ulz-slider-nav span {
	background-color: var(--lcr-color-background);
}

html body .ulz-slider-nav span i {
	color: var(--lcr-color-ink);
}

html body .ulz-listing-footer ul {
	border-left-color: var(--lcr-color-outline);
	border-top-color: var(--lcr-color-outline);
}

html body .ulz-listing-footer ul li {
	border-color: var(--lcr-color-outline);
}

html body .ulz-geo-sync {
	background-color: var(--lcr-color-background);
}

html body .ulz-geo-sync:hover {
	background-color: var(--lcr-color-fill);
}

html body .ulz-marker {
	color: var(--lcr-color-ink);
}

html body .ulz-marker.ulz-marker-field,
html body .ulz-marker.ulz-marker-icon {
	background-color: var(--lcr-color-background);
}

html body .ulz-marker .ulz--fav {
	background-color: var(--lcr-color-background);
}

html body .ulz-infobox-outer {
	background-color: var(--lcr-color-background);
}

html body .ulz-infobox:after {
	background-color: var(--lcr-color-background);
}

html body .ulz-filter-tab .ulz-tab-flyout {
	background-color: var(--lcr-color-background);
	border-top-color: var(--lcr-color-divider);
}

html body .ulz-filter-tab .ulz-tab-flyout .ulz-tab-footer {
	border-top-color: var(--lcr-color-divider);
}

html body .ulz-more-filters .ulz--active {
	color: var(--lcr-color-on-ink);
}

/* listing.css */

html body .ulz-single-summary {
	border-color: var(--lcr-color-outline);
}

html body .ulz-author .ulz--date {
	color: var(--lcr-color-muted);
}

html body .ulz-user-avatar .ulz-user-avatar-img {
	background-color: var(--lcr-color-fill);
}

html body .ulz-user-avatar .ulz-user-avatar-img i {
	color: var(--lcr-color-ink);
}

html body .ulz-mod-listing-location .ulz-map-outer .ulz--address i {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-ink);
}

html body .ulz-mod-listing-location .ulz-map-outer .ulz--address a {
	color: var(--lcr-color-ink);
}

html body .ulz-mod-listing-marker {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-reviews-progress .ulz-progress {
	background-color: var(--lcr-color-divider);
}

html body .ulz-action-location .ulz-action-map {
	background-color: var(--lcr-color-panel);
}

html .ulz--listing-promoted {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
	border-color: var(--lcr-color-outline);
}

html body .ulz-nearby .ulz-distance {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

/* account.css */

html body .ulz-boxes .ulz-box {
	background-color: var(--lcr-color-background);
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

html body .ulz-boxes .ulz-box .ulz--overlap {
	background-color: var(--lcr-color-background);
}

html body .ulz-boxes .ulz-box.ulz-active {
	background-color: var(--lcr-color-background);
}

html body .ulz-boxes .ulz-box .ulz--heading {
	color: var(--lcr-color-on-ink);
}

html body .ulz-boxes .ulz-box .ulz--heading-list {
	border-bottom-color: var(--lcr-color-divider);
}

html body .ulz-boxes .ulz-box .ulz--heading-list .ulz--title h4 a {
	color: var(--lcr-color-ink);
}

html body .ulz-boxes .ulz-box .ulz--content table tr {
	background-color: var(--lcr-color-background);
}

html body .ulz-boxes .ulz-box .ulz--content table tr:nth-child(odd) {
	background-color: var(--lcr-color-panel);
}

@media (max-width:767.98px) {
	html body .ulz-boxes-table table tr td {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-boxes-table table {
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

@media (min-width:1025px) {
	html body .ulz-boxes-table tr:hover td {
		background-color: var(--lcr-color-panel);
	}
}

html body .ulz-boxes-table tr.ulz--active .ulz--image:after {
	border-color: var(--lcr-color-divider);
}

html body .ulz-boxes-table td {
	background-color: var(--lcr-color-background);
}

html body .ulz-boxes-table .ulz--time {
	color: var(--lcr-color-muted);
}

html body .ulz-boxes-table .ulz--actions ul li a {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-boxes-table .ulz--actions ul li a:hover {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-box-list .ulz--item {
	background-color: var(--lcr-color-background);
}

html body .ulz-box-list .ulz--icon {
	background-color: var(--lcr-color-fill);
	color: var(--lcr-color-ink);
}

html body .ulz-account-payout .ulz-account-balance {
	background-color: var(--lcr-color-fill);
}

html body .ulz-boxes-action .ulz-form-group select {
	background-color: var(--lcr-color-background);
}

html body .ulz-boxes-tabs ul li.ulz--active a {
	color: var(--lcr-color-ink);
}

html body .ulz-boxes-tabs ul a {
	color: var(--lcr-color-muted);
}

/* submission.css */

html body .ulz-submission .ulz--icon {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

html body .ulz-submission-types .ulz--type {
	background-color: var(--lcr-color-panel);
}

html body .ulz-submission-types .ulz--type .ulz--radio span:after {
	color: var(--lcr-color-muted);
}

html body .ulz-submission-bar .ulz--inner {
	background-color: var(--lcr-color-background);
}

html body .ulz-submission-bar:before {
	background-color: var(--lcr-color-background);
}

html body .ulz-plans .ulz-plan {
	background-color: var(--lcr-color-background);
}

html body .ulz-plans .ulz-plan.ulz-highlight {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-ink);
}

html body .ulz-plans .ulz-plan .ulz--badge {
	color: var(--lcr-color-on-ink);
}

html body .ulz-plans input:checked+.ulz-plan {
	color: var(--lcr-color-ink) !important;
}

html body .ulz-select-plan-error .ulz-error {
	color: var(--lcr-color-on-ink);
}

/* select2.css */

html body .select2-dropdown {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .select2-close-mask {
	background-color: var(--lcr-color-background);
}

html body .select2-container--default .select2-selection--single {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--lcr-color-body);
}

html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--lcr-color-muted);
}

html body .select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: var(--lcr-color-fill);
}

html body .select2-container--default .select2-selection--multiple {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--lcr-color-divider);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--lcr-color-muted);
}

html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--lcr-color-ink);
}

html body .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: var(--lcr-color-ink);
}

html body .select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: var(--lcr-color-fill);
}

html body .select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: var(--lcr-color-outline);
}

html body .select2-container--default .select2-results__option[aria-disabled=true] {
	color: var(--lcr-color-muted);
}

html body .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: var(--lcr-color-divider);
}

html body .select2-container--classic .select2-selection--single {
	background-color: var(--lcr-color-panel);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: var(--lcr-color-body);
}

html body .select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: var(--lcr-color-muted);
}

html body .select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: var(--lcr-color-divider);
	border-left-color: var(--lcr-color-outline);
}

html body .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border-right-color: var(--lcr-color-outline);
}

html body .select2-container--classic .select2-selection--multiple {
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: var(--lcr-color-divider);
	border-color: var(--lcr-color-outline);
}

html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--lcr-color-muted);
}

html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--lcr-color-body);
}

html body .select2-container--classic .select2-search--dropdown .select2-search__field {
	border-color: var(--lcr-color-outline);
}

html body .select2-container--classic .select2-dropdown {
	background-color: var(--lcr-color-background);
}

/* enhance.css */

html body .ulz-search .ulz-search-type {
	color: var(--lcr-color-ink);
}

html body .ulz-search .ulz-search-form .ulz--form {
	background-color: var(--lcr-color-fill);
}

@media (max-width:767.98px) {
	html body .ulz-search .ulz-search-form .ulz-search-mods>.ulz-mod {
		border-bottom-color: var(--lcr-color-outline);
	}
}

@media (max-width:767.98px) {
	html body .ulz-search .ulz-search-form .ulz-search-mods>.ulz-mod[data-col="6"]:after {
		background-color: var(--lcr-color-divider);
	}
}

html body .ulz-nav-shadow .ulz--button {
	color: var(--lcr-color-ink);
	background-color: var(--lcr-color-background);
}

@media (min-width:1025px) {
	html body .ulz-nav-shadow:hover .ulz--button {
		background-color: var(--lcr-color-ink);
		color: var(--lcr-color-on-ink);
	}
}

html body .ulz-section-toggle .ulz--toggle span:after {
	background-color: var(--lcr-color-background);
}

html body .ulz-focus-point .ulz--inner {
	color: var(--lcr-color-on-ink);
}

/* front.css (Utillz Login) */

html body #the_champ_sharing_more_providers {
	background-color: var(--lcr-color-panel);
}

html body #the_champ_sharing_more_providers .title {
	border-bottom-color: var(--lcr-color-outline) !important;
}

html body #the_champ_sharing_more_providers #the_champ_sharing_more_content {
	background-color: var(--lcr-color-panel);
	color: var(--lcr-color-body);
}

html body #the_champ_sharing_more_providers .close-button {
	color: var(--lcr-color-body) !important;
}

html body #the_champ_sharing_more_providers .filter input.search {
	border-color: var(--lcr-color-outline) !important;
	color: var(--lcr-color-ink);
	background-color: var(--lcr-color-background) !important;
}

html body #the_champ_sharing_more_providers .footer-panel {
	background-color: var(--lcr-color-background);
	border-top-color: var(--lcr-color-outline);
}

html body #the_champ_sharing_more_providers .footer-panel p {
	color: var(--lcr-color-ink);
}

html body #the_champ_sharing_more_providers .all-services ul li a {
	color: var(--lcr-color-muted) !important;
}

html body .the_champ_share_count {
	border-color: var(--lcr-color-divider) !important;
}

html body .theChampLiveJournalBackground {
	background-color: var(--lcr-color-fill);
}

html body .theChampYoutubeBackground {
	background-color: var(--lcr-color-background);
}

html body .theChampGoogleBackground {
	background-color: var(--lcr-color-background);
}

html body div.the_champ_sharing_ul .theChampTCBackground {
	color: var(--lcr-color-muted);
}

html body .theChampSharingTotalsharesButton {
	color: var(--lcr-color-muted);
}

html body .theChampCommentingTabs li {
	color: var(--lcr-color-muted);
}

html body li.theChampSelectedTab {
	color: var(--lcr-color-ink);
}

@media screen and (max-width:783px) {
	html body #the_champ_sharing_more_providers .filter input.search {
		border-color: var(--lcr-color-outline);
	}
}

html body #ss_openid input.openid_login {
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
	background-color: var(--lcr-color-background);
	border-color: var(--lcr-color-outline);
}

html body .heateor_ms_subscribe_option input.heateor_ms_checkbox,
html body .heateor_ms_subscribe_option label.heateor_ms_checkbox_label {
	color: var(--lcr-color-muted);
}

html body div.theChampFacebookLogoContainer {
	background-color: var(--lcr-color-background);
}
/* ----- by hand, where the role is not the value's ----- */
/* text */
html body nav.ulz-account-nav ul li a,
html body .woocommerce-loop-product__title,
html body .ulz--listing-promoted,
html body .ulz-favorites-list .ulz--content .ulz--title a,
html body .ulz-subscribe .ulz-input input,
html body .woocommerce-checkout #payment .wc_payment_method div.payment_box,
html body .ulz-mobile-nav .ulz--footer .ulz--meta span a,
html body .ulz-nav-mobile>ul>li>a,
html body .ulz-nav-mobile>ul>li ul a,
html body .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--lcr-color-ink);
}

/* muted text */ html body .ulz-account-footer,
html body .comment-respond .comment-notes,
html body .ulz-widget ul .rss-date,
html body .ulz-comment-date,
html body .ulz-comment-media>p,
html body .ulz-widget-listings .ulz--geo,
html body .woocommerce-page form .form-row label,
html body .ulz-messages .ulz-message .ulz-dummy-image i,
html body .ulz-skeleton .ulz--image,
html body .comments-area .comment-author .ulz-comment-meta .ulz--date,
html body .ulz-form-group input[type=url][readonly] {
	color: var(--lcr-color-muted);
}

/* buttons */ html body .ulz-button,
html body .ulz-button:active,
html body .ulz-button:focus,
html body .ulz-button:hover,
html body .ulz-button .ulz-preloader,
html body .ulz-button.ulz--secondary:hover {
	color: var(--lcr-color-on-ink);
}

/* picture grounds */ html body .ulz-listing-image .ulz-image {
	background-color: var(--lcr-color-panel);
}

/* picture grounds (fill) */ html body .ulz-image {
	background-color: var(--lcr-color-fill);
}

/* tag borders */ html body .ulz-listing-tags a {
	border-color: var(--lcr-color-divider);
}

/* notice text */ html body .ulz-notice {
	color: var(--lcr-color-ink);
}

/* body text */ html body .ulz-listing-tags a,
html body .woocommerce-checkout #payment .wc_payment_method>label:before {
	color: var(--lcr-color-body);
}

/* grounds */ html body .ulz-account-bar,
html body .ulz-mobile-nav .ulz--footer .ulz--close,
html body .ulz--listing-promoted,
html body .woocommerce-checkout #payment,
html body .ulz-mobile-nav,
html body .woocommerce-account .ulz-mobile-header,
html body .ulz-modal-gallery.ulz-is-stack .ulz-gallery-nav i {
	background-color: var(--lcr-color-background);
}

/* panels */ html body .woocommerce table.shop_table .order-total td,
html body .ulz-sidebar .ulz-widget,
html body .woocommerce-order-received .woocommerce-customer-details address,
html body .wp-block-pullquote:before,
html body .ulz-nav-mobile>ul>li ul {
	background-color: var(--lcr-color-panel);
}

/* fills */ html body code,
html body .ulz-skeleton .-e,
html body .ulz-mobile-nav .ulz--footer .ulz--sign-out,
html body .ulz-single-heading .ulz--cell-action a,
html body .woocommerce form .form-row input.input-text,
html body .woocommerce form .form-row textarea,
html body .comment-respond .comment-form input[type=text],
html body .comment-respond .comment-form textarea,
html body .woocommerce .ulz-quantity .ulz--input {
	background-color: var(--lcr-color-fill);
}

/* dividers */ html body .ulz-icon .ulz--preview,
html body .ulz-listing-preview-skeleton .ulz--image {
	background-color: var(--lcr-color-divider);
}

/* scrollbar */ html body .ulz-scrollbar::-webkit-scrollbar-track {
	background: var(--lcr-color-fill);
}

/* ink pills */ html body .comments-area .comment-reply-title a,
html body .ulz-taxonomy-heading .ulz--action .ulz--close,
html body .ulz-gallery-actions a,
html body .ulz-dashboard .ulz--box.ulz--colored i,
html body .ulz-repeater .ulz-repeater-items .ulz-item-dummy,
html body .ulz-marker-field.ulz-marker-over,
html body .ulz-marker-icon.ulz-marker-over,
html body .ulz-stepper .ulz-stepper-button,
html body .ulz-tab,
html body .ulz-social-icons ul a,
html body .woocommerce-cart table.cart .product-thumbnail .remove:hover,
html body .ulz-nav ul .sub-menu,
html body .ulz-nav ul .sub-menu>li>a,
html body .ulz-npanel .ulz-close:hover span,
html body .woocommerce-table--order-details thead,
html body .woocommerce .ulz-quantity .ulz--actions span {
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

/* panel buttons */ html body .ulz-npanel .ulz--header .ulz-button,
html body .ulz-npanel .ulz--footer .ulz-button {
	background: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

/* panel buttons (muted) */ html body .ulz-npanel .ulz--footer .ulz-button.ulz--mutted {
	background: var(--lcr-color-fill);
	color: var(--lcr-color-muted);
}

/* toggle */ html body .ulz-toggle input:checked+span {
	background-color: var(--lcr-color-ink);
}

/* toggle knob */ html body .ulz-toggle input:checked+span:after {
	background-color: var(--lcr-color-on-ink);
}

/* toggle off */ html body .ulz-toggle span {
	background-color: var(--lcr-color-background);
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline);
}

/* toggle off knob */ html body .ulz-toggle span:after {
	background-color: var(--lcr-color-muted);
}

/* ink border */ html body .ulz-paging ul li a.current {
	border-color: var(--lcr-color-ink);
	background-color: var(--lcr-color-ink);
	color: var(--lcr-color-on-ink);
}

/* page links */ html body .ulz-paging ul li a.next,
html body .ulz-paging ul li a.prev,
html body .ulz-paging ul li span.next,
html body .ulz-paging ul li span.prev {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline) !important;
	background-color: var(--lcr-color-background);
	color: var(--lcr-color-ink);
}

/* page numbers */ html body .ulz-paging ul li span {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-outline) !important;
}

/* page hover */ html body .ulz-paging ul li a:hover {
	background-color: var(--lcr-color-fill);
}

/* borders */ html body table,
html body .wp-block-search .wp-block-search__input,
html body .comments-area .comment,
html body .comment-respond,
html body .woocommerce table.shop_attributes,
html body .woocommerce #reviews #comments ol.commentlist li .comment-text,
html body .woocommerce-checkout .wc-stripe-elements-field,
html body .ulz-site-nav .ulz-navigation.ulz--secondary,
html body .ulz-listing-footer ul,
html body .ulz--listing-promoted,
html body .ulz-stepper.ulz--v2 .ulz-stepper-button[data-action=increase] {
	border-color: var(--lcr-color-outline);
}

/* hairlines */ html body td,
html body th,
html body hr,
html body .ulz-modal .ulz-modal-heading,
html body .ulz-boxes .ulz-box .ulz--heading-list,
html body .ulz-order-list .ulz-list-values,
html body .ulz-order-list ul:empty:before,
html body .ulz-filter-tab .ulz-tab-flyout,
html body .ulz-filter-tab .ulz-tab-flyout .ulz-tab-footer,
html body .ulz-npanel .ulz--list,
html body .ulz-npanel .ulz--footer,
html body .ulz-table-checkout td,
html body .ulz-table-checkout th,
html body .woocommerce table.shop_table td,
html body .woocommerce table.shop_table th,
html body .woocommerce table.shop_attributes td,
html body .woocommerce table.shop_attributes th,
html body .woocommerce-checkout #payment .wc_payment_method,
html body .woocommerce-checkout #payment .woocommerce-notice,
html body .ulz-widget #recentcomments li,
html body .comments-area .comment,
html body .woocommerce-order table td {
	border-color: var(--lcr-color-divider);
}

/* table borders */ html body table td,
html body table th,
html body .ulz-table td,
html body .ulz-table th {
	border-bottom-color: var(--lcr-color-divider);
	border-top-color: var(--lcr-color-divider);
}

/* elevation */ html body .ulz-account-bar,
html body .ulz-notification-list,
html body .ulz-autosuggest .ulz--results,
html body .ulz-geo-sync,
html body .ulz-infobox-outer,
html body .ulz-filter-tab .ulz-tab-flyout,
html body .ulz-tab,
html body .ulz-order-list ul li.ui-sortable-helper,
html body .ulz-nav ul .sub-menu,
html body .ulz-npanel,
html body .ulz-listing-grid ul li .ulz--item,
html body .woocommerce ul.products li.product a img,
html body .ulz-collections--wall .ulz--item:hover,
html body .ulz-collections--stack .ulz--item:hover .ulz--gallery,
html body .ulz-bx-item,
html body .ulz-bx-item:hover,
html body .ulz-slider-nav span,
html body .ulz-marker.ulz-marker-field,
html body .ulz-marker.ulz-marker-icon,
html body .ulz-marker .ulz--fav,
html body .ulz-marker-off,
html body .ulz-comment-media ul li img {
	box-shadow: 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

/* table rings */ html body .woocommerce table.shop_table,
html body .woocommerce .col2-set .col-1,
html body .woocommerce .col2-set .col-2,
html body .ulz-table-checkout,
html body .ulz-articles .ulz--item,
html body .ulz-handle i,
html body .ulz-handle.ulz-disabled i,
html body .ulz-modal-gallery.ulz-is-stack .ulz-gallery-nav i,
html body .ulz-mobile-nav .ulz--footer .ulz--close {
	box-shadow: inset 0 0 0 var(--lcr-size-hairline) var(--lcr-color-divider);
}

/* fade to ground */ html body .ulz-checklist .ulz--shadow,
html body .ulz-mod-listing-content .ulz--shadow {
	background: linear-gradient(0deg, var(--lcr-color-background), var(--lcr-color-background) 3%, transparent);
}

/* fade to ground (nav) */ html body .ulz-nav-shadow {
	background: linear-gradient(90deg, transparent, var(--lcr-color-background) 95%);
}

/* fade to ground (nav prev) */ html body .ulz-nav-shadow[data-direction=prev] {
	background: linear-gradient(270deg, transparent, var(--lcr-color-background) 95%);
}

/* nav button */ html body .ulz-nav-shadow .ulz--button {
	color: var(--lcr-color-ink);
	background-color: var(--lcr-color-background);
}

/* disabled */ html body .ulz-button.ulz--disabled,
html body .ulz-handle.ulz-disabled i {
	background-color: var(--lcr-color-panel);
	color: var(--lcr-color-muted);
}

/* ApexCharts' own stylesheet, the tooltip's body, the grid, the axes and the menu, which are white and light gray (ADR-0045). */
html body .apexcharts-tooltip,
html body .apexcharts-tooltip.apexcharts-theme-light,
html body .apexcharts-menu {
	border-color: var(--lcr-color-outline);
	background: var(--lcr-color-fill);
	box-shadow: none;
	color: var(--lcr-color-ink);
}

html body .apexcharts-tooltip-text,
html body .apexcharts-tooltip-text-y-label,
html body .apexcharts-tooltip-text-y-value,
html body .apexcharts-tooltip-text-z-value,
html body .apexcharts-menu-item {
	color: var(--lcr-color-ink);
}

html body .apexcharts-menu-item:hover {
	background: var(--lcr-color-divider);
}

html body .apexcharts-canvas .apexcharts-gridline,
html body .apexcharts-canvas .apexcharts-xaxis-tick,
html body .apexcharts-canvas .apexcharts-xaxis line,
html body .apexcharts-canvas .apexcharts-yaxis line {
	stroke: var(--lcr-color-divider);
}

html body .apexcharts-canvas .apexcharts-xcrosshairs,
html body .apexcharts-canvas .apexcharts-ycrosshairs {
	fill: var(--lcr-color-divider);
	stroke: var(--lcr-color-outline);
}

html body .apexcharts-canvas .apexcharts-svg {
	background: transparent !important; /* the script's `style.background = #fff` */
}

/* The accent: one or two words of a heading in the accent family's italic, set at the regular weight and at the size of
   the words around it, which it takes whatever heading it stands in (`lcr_accent()` prints it, cili/design.php). The
   weight is the face's only one, so the browser has nothing to fake; the tracking is the font's own. */
html body .lcr-accent {
	font-family: var(--lcr-font-family-accent);
	font-style: var(--lcr-font-style-accent);
	font-weight: var(--lcr-font-weight-regular);
	font-synthesis: none;
	letter-spacing: normal;
}

/* A member without a picture: the person icon, as wide as the circle it stands in times the token (about half; the owner's
   request of 2026-10-14, WEB-677), whatever the circle's size. Utillz prints Material Icons' "person" in
   `.ulz-avatar-placeholder` (cards, an artwork's author, the mobile menu), Heilz's cover prints Font Awesome's `fa-user-alt`
   in `.ulz--cover-avatar` (an artist's /u/ page, the member's dashboard); line-icons.js makes both a `[data-lcr-icon]`,
   sized by `--lcr-icon-size`, here a percentage of the circle: the placeholder's icon is absolutely positioned in it, the
   cover's is a flex item of it. The header's own round buttons draw `lcr_icon( 'person' )` at the icon size, about half of
   theirs already. */
html body :is(.ulz-avatar-placeholder, .ulz--cover-avatar) [data-lcr-icon="person"] {
	--lcr-icon-size: calc(100% * var(--lcr-web-avatar-placeholder-icon));
}

/* ... on a visible disc (the integrator's decision of 2026-10-14): the divider gray, grayscale, the ink icon on it at 15:1.
   Utillz's placeholder carries a hard-coded #eee (a #fff in a card's author line), here the token; the cards keep their own
   fill (layout-cards.css) and the mobile menu's its ink disc (Heilz's, higher selector). The cover's circle has none today
   (the artist's page paints it with `background: none` over its gray panel): it gets the disc, round, only when it holds
   the icon (a picture fills its own circle). Both selectors name the page, `.author` or `.woocommerce-account`, to rank
   above layout-artist.css's `background: none`. */
html body .ulz-avatar-placeholder {
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-ink);
}

html body:is(.author, .woocommerce-account) .ulz-author-cover .ulz--cover-avatar:has(> [data-lcr-icon="person"]) {
	border-radius: var(--lcr-radius-pill);
	background-color: var(--lcr-color-divider);
	color: var(--lcr-color-ink);
}