/* Component looks — generated from tools/variants/catalog.json. Do not edit this file:
   edit the row and run python3 tools/variants/generate.py.

   Every rule is scoped to body.ef-v-<component>-<variant>, so one piece's look cannot reach
   another piece. Every colour is a token, and every fill is written with the ink that belongs
   to it, so a look follows the owner's own colours and both schemes. */

/* --- card: Product card */

/* Bare */
	body.ef-v-card-bare.ef-v-card-bare.ef-v-card-bare .ef-card { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 0.45); padding-inline: calc(var(--ef-card-pad, 14px) * 0.45); text-align: left }

/* Soft */
	body.ef-v-card-soft.ef-v-card-soft.ef-v-card-soft .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Outlined */
	body.ef-v-card-outlined.ef-v-card-outlined.ef-v-card-outlined .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Bold outline */
	body.ef-v-card-bold-outline.ef-v-card-bold-outline.ef-v-card-bold-outline .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Elevated */
	body.ef-v-card-elevated.ef-v-card-elevated.ef-v-card-elevated .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }
	body.ef-v-card-elevated.ef-v-card-elevated.ef-v-card-elevated .ef-card:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Inset */
	body.ef-v-card-inset.ef-v-card-inset.ef-v-card-inset .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Capsule */
	body.ef-v-card-capsule.ef-v-card-capsule.ef-v-card-capsule .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: center }
	body.ef-v-card-capsule.ef-v-card-capsule.ef-v-card-capsule .ef-card-actions { justify-content: center }

/* Block */
	body.ef-v-card-block.ef-v-card-block.ef-v-card-block .ef-card { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }

/* Floating */
	body.ef-v-card-floating.ef-v-card-floating.ef-v-card-floating .ef-card { background: var(--ef-card-fill); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }

/* Overlay */
	body.ef-v-card-overlay.ef-v-card-overlay.ef-v-card-overlay .ef-card { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }
	body.ef-v-card-overlay.ef-v-card-overlay.ef-v-card-overlay .ef-card:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }


/* --- card-media: Card photo */

/* Bare */
	body.ef-v-card-media-bare.ef-v-card-media-bare.ef-v-card-media-bare .ef-card-media { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left }

/* Outlined */
	body.ef-v-card-media-outlined.ef-v-card-media-outlined.ef-v-card-media-outlined .ef-card-media { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; text-align: left }

/* Bold outline */
	body.ef-v-card-media-bold-outline.ef-v-card-media-bold-outline.ef-v-card-media-bold-outline .ef-card-media { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; text-align: left }

/* Soft */
	body.ef-v-card-media-soft.ef-v-card-media-soft.ef-v-card-media-soft .ef-card-media { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); text-align: left }

/* Capsule */
	body.ef-v-card-media-capsule.ef-v-card-media-capsule.ef-v-card-media-capsule .ef-card-media { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; text-align: center }

/* Inset */
	body.ef-v-card-media-inset.ef-v-card-media-inset.ef-v-card-media-inset .ef-card-media { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); text-align: left }

/* Floating */
	body.ef-v-card-media-floating.ef-v-card-media-floating.ef-v-card-media-floating .ef-card-media { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); text-align: left }

/* Tinted */
	body.ef-v-card-media-tinted.ef-v-card-media-tinted.ef-v-card-media-tinted .ef-card-media { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; text-align: left }

/* Plain */
	body.ef-v-card-media-plain.ef-v-card-media-plain.ef-v-card-media-plain .ef-card-media { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; text-align: left }

/* Paper */
	body.ef-v-card-media-paper.ef-v-card-media-paper.ef-v-card-media-paper .ef-card-media { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow); text-align: left }


/* --- badge: Badge (Sale / New) */

/* Sticker */
	body.ef-v-badge-sticker.ef-v-badge-sticker.ef-v-badge-sticker .ef-badge { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Tag */
	body.ef-v-badge-tag.ef-v-badge-tag.ef-v-badge-tag .ef-badge { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Plate */
	body.ef-v-badge-plate.ef-v-badge-plate.ef-v-badge-plate .ef-badge { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Outlined */
	body.ef-v-badge-outlined.ef-v-badge-outlined.ef-v-badge-outlined .ef-badge { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.4em; padding-inline: calc(0.4em * 1.6); text-align: left }

/* Bare */
	body.ef-v-badge-bare.ef-v-badge-bare.ef-v-badge-bare .ef-badge { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: left }

/* Accent block */
	body.ef-v-badge-accent-block.ef-v-badge-accent-block.ef-v-badge-accent-block .ef-badge { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0; box-shadow: none; padding-block: 0.4em; padding-inline: calc(0.4em * 1.6); text-align: center }

/* Capsule */
	body.ef-v-badge-capsule.ef-v-badge-capsule.ef-v-badge-capsule .ef-badge { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.4em; padding-inline: calc(0.4em * 1.6); text-align: center }

/* Quiet */
	body.ef-v-badge-quiet.ef-v-badge-quiet.ef-v-badge-quiet .ef-badge { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: center }

/* Uppercase */
	body.ef-v-badge-uppercase.ef-v-badge-uppercase.ef-v-badge-uppercase .ef-badge { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Line only */
	body.ef-v-badge-line-only.ef-v-badge-line-only.ef-v-badge-line-only .ef-badge { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 1.6); text-align: left }


/* --- price: Price */

/* Plain */
	body.ef-v-price-plain.ef-v-price-plain.ef-v-price-plain .ef-price { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: 0.2em; padding-inline: 0.2em; text-align: left }

/* Dense */
	body.ef-v-price-dense.ef-v-price-dense.ef-v-price-dense .ef-price { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: left; letter-spacing: -0.02em }

/* Tracked */
	body.ef-v-price-tracked.ef-v-price-tracked.ef-v-price-tracked .ef-price { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.2em; padding-inline: 0.2em; text-align: left; letter-spacing: 0.06em }

/* Tabular */
	body.ef-v-price-tabular.ef-v-price-tabular.ef-v-price-tabular .ef-price { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }

/* Uppercase */
	body.ef-v-price-uppercase.ef-v-price-uppercase.ef-v-price-uppercase .ef-price { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Centred */
	body.ef-v-price-centred.ef-v-price-centred.ef-v-price-centred .ef-price { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(0.2em * 1.6); padding-inline: calc(0.2em * 1.6); text-align: center }

/* Quiet */
	body.ef-v-price-quiet.ef-v-price-quiet.ef-v-price-quiet .ef-price { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: center }

/* Serif */
	body.ef-v-price-serif-quiet.ef-v-price-serif-quiet.ef-v-price-serif-quiet .ef-price { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: 0.2em; padding-inline: 0.2em; text-align: left; font-family: var(--ef-font-heading); letter-spacing: 0.01em }

/* Line only */
	body.ef-v-price-line-only.ef-v-price-line-only.ef-v-price-line-only .ef-price { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: left }

/* Bare */
	body.ef-v-price-bare.ef-v-price-bare.ef-v-price-bare .ef-price { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45); text-align: left }


/* --- rating: Star rating */

/* Plain */
	body.ef-v-rating-plain.ef-v-rating-plain.ef-v-rating-plain .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: 0.2em; padding-inline: calc(0.2em * 1.5); text-align: left }

/* Dense */
	body.ef-v-rating-dense.ef-v-rating-dense.ef-v-rating-dense .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45 * 1.5); text-align: left; letter-spacing: -0.02em }

/* Tracked */
	body.ef-v-rating-tracked.ef-v-rating-tracked.ef-v-rating-tracked .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.2em; padding-inline: calc(0.2em * 1.5); text-align: left; letter-spacing: 0.06em }

/* Tabular */
	body.ef-v-rating-tabular.ef-v-rating-tabular.ef-v-rating-tabular .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45 * 1.5); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }

/* Centred */
	body.ef-v-rating-centred.ef-v-rating-centred.ef-v-rating-centred .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(0.2em * 1.6); padding-inline: calc(0.2em * 1.6 * 1.5); text-align: center }

/* Quiet */
	body.ef-v-rating-quiet.ef-v-rating-quiet.ef-v-rating-quiet .ef-card-rating { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45 * 1.5); text-align: center }

/* Soft */
	body.ef-v-rating-soft.ef-v-rating-soft.ef-v-rating-soft .ef-card-rating { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 0.2em; padding-inline: calc(0.2em * 1.5); text-align: left }

/* Capsule */
	body.ef-v-rating-capsule.ef-v-rating-capsule.ef-v-rating-capsule .ef-card-rating { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.2em; padding-inline: calc(0.2em * 1.5); text-align: center }

/* Line only */
	body.ef-v-rating-line-only.ef-v-rating-line-only.ef-v-rating-line-only .ef-card-rating { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45 * 1.5); text-align: left }

/* Bare */
	body.ef-v-rating-bare.ef-v-rating-bare.ef-v-rating-bare .ef-card-rating { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.2em * 0.45); padding-inline: calc(0.2em * 0.45 * 1.5); text-align: left }


/* --- stock-line: Stock line */

/* Bare */
	body.ef-v-stock-line-bare.ef-v-stock-line-bare.ef-v-stock-line-bare .ef-card-stock { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 0.45); padding-inline: calc(0.25em * 0.45 * 2); text-align: left }

/* Dense */
	body.ef-v-stock-line-dense.ef-v-stock-line-dense.ef-v-stock-line-dense .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 0.45); padding-inline: calc(0.25em * 0.45 * 2); text-align: left; letter-spacing: -0.02em }

/* Uppercase */
	body.ef-v-stock-line-uppercase.ef-v-stock-line-uppercase.ef-v-stock-line-uppercase .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 0.45); padding-inline: calc(0.25em * 0.45 * 2); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Centred */
	body.ef-v-stock-line-centred.ef-v-stock-line-centred.ef-v-stock-line-centred .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(0.25em * 1.6); padding-inline: calc(0.25em * 1.6 * 2); text-align: center }

/* Soft */
	body.ef-v-stock-line-soft.ef-v-stock-line-soft.ef-v-stock-line-soft .ef-card-stock { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 0.25em; padding-inline: calc(0.25em * 2); text-align: left }

/* Capsule */
	body.ef-v-stock-line-capsule.ef-v-stock-line-capsule.ef-v-stock-line-capsule .ef-card-stock { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.25em; padding-inline: calc(0.25em * 2); text-align: center }

/* Block */
	body.ef-v-stock-line-block.ef-v-stock-line-block.ef-v-stock-line-block .ef-card-stock { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 1.6); padding-inline: calc(0.25em * 1.6 * 2); text-align: left }

/* Line only */
	body.ef-v-stock-line-line-only.ef-v-stock-line-line-only.ef-v-stock-line-line-only .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 0.45); padding-inline: calc(0.25em * 0.45 * 2); text-align: left }

/* Outlined */
	body.ef-v-stock-line-outlined.ef-v-stock-line-outlined.ef-v-stock-line-outlined .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.25em; padding-inline: calc(0.25em * 2); text-align: left }

/* Tabular */
	body.ef-v-stock-line-tabular.ef-v-stock-line-tabular.ef-v-stock-line-tabular .ef-card-stock { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.25em * 0.45); padding-inline: calc(0.25em * 0.45 * 2); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }


/* --- add-button: Add to cart button */

/* Brand */
	body.ef-v-add-button-brand.ef-v-add-button-brand.ef-v-add-button-brand .ef-card-actions .ef-btn-add { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Brand pill */
	body.ef-v-add-button-brand-pill.ef-v-add-button-brand-pill.ef-v-add-button-brand-pill .ef-card-actions .ef-btn-add { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Bold outline */
	body.ef-v-add-button-bold-outline.ef-v-add-button-bold-outline.ef-v-add-button-bold-outline .ef-card-actions .ef-btn-add { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }

/* Outlined */
	body.ef-v-add-button-outlined.ef-v-add-button-outlined.ef-v-add-button-outlined .ef-card-actions .ef-btn-add { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }

/* Ghost */
	body.ef-v-add-button-ghost.ef-v-add-button-ghost.ef-v-add-button-ghost .ef-card-actions .ef-btn-add { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Capsule */
	body.ef-v-add-button-capsule.ef-v-add-button-capsule.ef-v-add-button-capsule .ef-card-actions .ef-btn-add { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Accent block */
	body.ef-v-add-button-accent-block.ef-v-add-button-accent-block.ef-v-add-button-accent-block .ef-card-actions .ef-btn-add { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0; box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Bare */
	body.ef-v-add-button-bare.ef-v-add-button-bare.ef-v-add-button-bare .ef-card-actions .ef-btn-add { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: left }

/* Uppercase */
	body.ef-v-add-button-uppercase.ef-v-add-button-uppercase.ef-v-add-button-uppercase .ef-card-actions .ef-btn-add { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Plain */
	body.ef-v-add-button-plain.ef-v-add-button-plain.ef-v-add-button-plain .ef-card-actions .ef-btn-add { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }


/* --- view-button: View button */

/* Outlined */
	body.ef-v-view-button-outlined.ef-v-view-button-outlined.ef-v-view-button-outlined .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }

/* Ghost */
	body.ef-v-view-button-ghost.ef-v-view-button-ghost.ef-v-view-button-ghost .ef-card-actions .ef-btn-view { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Bold outline */
	body.ef-v-view-button-bold-outline.ef-v-view-button-bold-outline.ef-v-view-button-bold-outline .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }

/* Capsule */
	body.ef-v-view-button-capsule.ef-v-view-button-capsule.ef-v-view-button-capsule .ef-card-actions .ef-btn-view { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: center }

/* Plain */
	body.ef-v-view-button-plain.ef-v-view-button-plain.ef-v-view-button-plain .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left }

/* Quiet */
	body.ef-v-view-button-quiet.ef-v-view-button-quiet.ef-v-view-button-quiet .ef-card-actions .ef-btn-view { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: center }

/* Tracked */
	body.ef-v-view-button-tracked.ef-v-view-button-tracked.ef-v-view-button-tracked .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.55em; padding-inline: calc(0.55em * 2); text-align: left; letter-spacing: 0.06em }

/* Tabular */
	body.ef-v-view-button-tabular.ef-v-view-button-tabular.ef-v-view-button-tabular .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }

/* Bare */
	body.ef-v-view-button-bare.ef-v-view-button-bare.ef-v-view-button-bare .ef-card-actions .ef-btn-view { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: left }

/* Line only */
	body.ef-v-view-button-line-only.ef-v-view-button-line-only.ef-v-view-button-line-only .ef-card-actions .ef-btn-view { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.55em * 0.45); padding-inline: calc(0.55em * 0.45 * 2); text-align: left }


/* --- category-tile: Category tile */

/* Bare */
	body.ef-v-category-tile-bare.ef-v-category-tile-bare.ef-v-category-tile-bare .ef-cat-card { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 0.45); padding-inline: calc(var(--ef-card-pad, 14px) * 0.45); text-align: left }

/* Soft */
	body.ef-v-category-tile-soft.ef-v-category-tile-soft.ef-v-category-tile-soft .ef-cat-card { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Outlined */
	body.ef-v-category-tile-outlined.ef-v-category-tile-outlined.ef-v-category-tile-outlined .ef-cat-card { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Elevated */
	body.ef-v-category-tile-elevated.ef-v-category-tile-elevated.ef-v-category-tile-elevated .ef-cat-card { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }
	body.ef-v-category-tile-elevated.ef-v-category-tile-elevated.ef-v-category-tile-elevated .ef-cat-card:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Inset */
	body.ef-v-category-tile-inset.ef-v-category-tile-inset.ef-v-category-tile-inset .ef-cat-card { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }

/* Capsule */
	body.ef-v-category-tile-capsule.ef-v-category-tile-capsule.ef-v-category-tile-capsule .ef-cat-card { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: center }

/* Block */
	body.ef-v-category-tile-block.ef-v-category-tile-block.ef-v-category-tile-block .ef-cat-card { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }

/* Floating */
	body.ef-v-category-tile-floating.ef-v-category-tile-floating.ef-v-category-tile-floating .ef-cat-card { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }

/* Overlay */
	body.ef-v-category-tile-overlay.ef-v-category-tile-overlay.ef-v-category-tile-overlay .ef-cat-card { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px); text-align: left }
	body.ef-v-category-tile-overlay.ef-v-category-tile-overlay.ef-v-category-tile-overlay .ef-cat-card:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Paper */
	body.ef-v-category-tile-paper.ef-v-category-tile-paper.ef-v-category-tile-paper .ef-cat-card { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6); text-align: left }


/* --- toast: Toast (added to cart) */

/* Overlay */
	body.ef-v-toast-overlay.ef-v-toast-overlay.ef-v-toast-overlay .ef-toast { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: left }
	body.ef-v-toast-overlay.ef-v-toast-overlay.ef-v-toast-overlay .ef-toast:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Block */
	body.ef-v-toast-block.ef-v-toast-block.ef-v-toast-block .ef-toast { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(12px * 1.6); padding-inline: calc(12px * 1.6 * 1.4); text-align: left }

/* Floating */
	body.ef-v-toast-floating.ef-v-toast-floating.ef-v-toast-floating .ef-toast { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(12px * 1.6); padding-inline: calc(12px * 1.6 * 1.4); text-align: left }

/* Soft */
	body.ef-v-toast-soft.ef-v-toast-soft.ef-v-toast-soft .ef-toast { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: left }

/* Outlined */
	body.ef-v-toast-outlined.ef-v-toast-outlined.ef-v-toast-outlined .ef-toast { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: left }

/* Elevated */
	body.ef-v-toast-elevated.ef-v-toast-elevated.ef-v-toast-elevated .ef-toast { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow); padding-block: calc(12px * 1.6); padding-inline: calc(12px * 1.6 * 1.4); text-align: left }
	body.ef-v-toast-elevated.ef-v-toast-elevated.ef-v-toast-elevated .ef-toast:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Capsule */
	body.ef-v-toast-capsule.ef-v-toast-capsule.ef-v-toast-capsule .ef-toast { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: center }

/* Brand */
	body.ef-v-toast-brand.ef-v-toast-brand.ef-v-toast-brand .ef-toast { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: center }

/* Brand pill */
	body.ef-v-toast-brand-pill.ef-v-toast-brand-pill.ef-v-toast-brand-pill .ef-toast { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: center }

/* Accent block */
	body.ef-v-toast-accent-block.ef-v-toast-accent-block.ef-v-toast-accent-block .ef-toast { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0; box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.4); text-align: center }


/* --- dialog: Dialog (quick add) */

/* Plain */
	body.ef-v-dialog-plain.ef-v-dialog-plain.ef-v-dialog-plain .ef-quick { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 16px; box-shadow: none }

/* Soft */
	body.ef-v-dialog-soft.ef-v-dialog-soft.ef-v-dialog-soft .ef-quick { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow) }

/* Outlined */
	body.ef-v-dialog-outlined.ef-v-dialog-outlined.ef-v-dialog-outlined .ef-quick { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Bold outline */
	body.ef-v-dialog-bold-outline.ef-v-dialog-bold-outline.ef-v-dialog-bold-outline .ef-quick { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none }

/* Elevated */
	body.ef-v-dialog-elevated.ef-v-dialog-elevated.ef-v-dialog-elevated .ef-quick { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow) }
	body.ef-v-dialog-elevated.ef-v-dialog-elevated.ef-v-dialog-elevated .ef-quick:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Floating */
	body.ef-v-dialog-floating.ef-v-dialog-floating.ef-v-dialog-floating .ef-quick { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow) }

/* Paper */
	body.ef-v-dialog-paper.ef-v-dialog-paper.ef-v-dialog-paper .ef-quick { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow) }

/* Strong edge */
	body.ef-v-dialog-card-strong.ef-v-dialog-card-strong.ef-v-dialog-card-strong .ef-quick { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Tinted */
	body.ef-v-dialog-tinted.ef-v-dialog-tinted.ef-v-dialog-tinted .ef-quick { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none }

/* Lift */
	body.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft .ef-quick { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow) }
	body.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft .ef-quick:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }


/* --- switch: Switch */

/* Capsule */
	body.ef-v-switch-capsule.ef-v-switch-capsule.ef-v-switch-capsule .ef-switch { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none }

/* Outlined */
	body.ef-v-switch-outlined.ef-v-switch-outlined.ef-v-switch-outlined .ef-switch { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Bold outline */
	body.ef-v-switch-bold-outline.ef-v-switch-bold-outline.ef-v-switch-bold-outline .ef-switch { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none }

/* Soft */
	body.ef-v-switch-soft.ef-v-switch-soft.ef-v-switch-soft .ef-switch { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow) }

/* Floating */
	body.ef-v-switch-floating.ef-v-switch-floating.ef-v-switch-floating .ef-switch { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow) }

/* Lift */
	body.ef-v-switch-lift-soft.ef-v-switch-lift-soft.ef-v-switch-lift-soft .ef-switch { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow) }
	body.ef-v-switch-lift-soft.ef-v-switch-lift-soft.ef-v-switch-lift-soft .ef-switch:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Elevated */
	body.ef-v-switch-elevated.ef-v-switch-elevated.ef-v-switch-elevated .ef-switch { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 12px 30px -18px var(--ef-shadow) }
	body.ef-v-switch-elevated.ef-v-switch-elevated.ef-v-switch-elevated .ef-switch:hover { box-shadow: 0 18px 40px -20px var(--ef-shadow); transform: translateY(-2px) }

/* Bare */
	body.ef-v-switch-bare.ef-v-switch-bare.ef-v-switch-bare .ef-switch { border: 0; border-radius: 0; box-shadow: none }

/* Plain */
	body.ef-v-switch-plain.ef-v-switch-plain.ef-v-switch-plain .ef-switch { border: 0; border-radius: 999px; box-shadow: none }

/* Inset */
	body.ef-v-switch-inset.ef-v-switch-inset.ef-v-switch-inset .ef-switch { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6) }


/* --- announcement: Announcement bar */

/* Bare */
	body.ef-v-announcement-bare.ef-v-announcement-bare.ef-v-announcement-bare .ef-announcement { background: transparent; color: inherit; text-align: left }

/* Plain */
	body.ef-v-announcement-plain.ef-v-announcement-plain.ef-v-announcement-plain .ef-announcement { background: var(--ef-background); color: var(--ef-text); text-align: left }

/* Soft */
	body.ef-v-announcement-soft.ef-v-announcement-soft.ef-v-announcement-soft .ef-announcement { background: var(--ef-surface); color: var(--ef-text); text-align: left }

/* Block */
	body.ef-v-announcement-block.ef-v-announcement-block.ef-v-announcement-block .ef-announcement { background: var(--ef-inverse); color: var(--ef-inverse-text); text-align: left }

/* Plate */
	body.ef-v-announcement-plate.ef-v-announcement-plate.ef-v-announcement-plate .ef-announcement { background: var(--ef-inverse); color: var(--ef-inverse-text); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Accent block */
	body.ef-v-announcement-accent-block.ef-v-announcement-accent-block.ef-v-announcement-accent-block .ef-announcement { background: var(--ef-accent); color: var(--ef-on-accent); text-align: center }

/* Sticker */
	body.ef-v-announcement-sticker.ef-v-announcement-sticker.ef-v-announcement-sticker .ef-announcement { background: var(--ef-accent); color: var(--ef-on-accent); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Tag */
	body.ef-v-announcement-tag.ef-v-announcement-tag.ef-v-announcement-tag .ef-announcement { background: var(--ef-accent); color: var(--ef-on-accent); text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Brand */
	body.ef-v-announcement-brand.ef-v-announcement-brand.ef-v-announcement-brand .ef-announcement { background: var(--ef-primary); color: var(--ef-on-primary); text-align: center }

/* Quiet */
	body.ef-v-announcement-quiet.ef-v-announcement-quiet.ef-v-announcement-quiet .ef-announcement { background: transparent; color: inherit; text-align: center }


/* --- nav: Header menu */

/* Bare */
	body.ef-v-nav-bare.ef-v-nav-bare.ef-v-nav-bare .ef-nav { border: 0; border-radius: 0; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 2) }

/* Plain */
	body.ef-v-nav-plain.ef-v-nav-plain.ef-v-nav-plain .ef-nav { border: 0; border-radius: var(--ef-radius, 12px); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Soft */
	body.ef-v-nav-soft.ef-v-nav-soft.ef-v-nav-soft .ef-nav { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Outlined */
	body.ef-v-nav-outlined.ef-v-nav-outlined.ef-v-nav-outlined .ef-nav { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Inset */
	body.ef-v-nav-inset.ef-v-nav-inset.ef-v-nav-inset .ef-nav { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Capsule */
	body.ef-v-nav-capsule.ef-v-nav-capsule.ef-v-nav-capsule .ef-nav { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Ghost */
	body.ef-v-nav-ghost.ef-v-nav-ghost.ef-v-nav-ghost .ef-nav { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.4em; padding-inline: calc(0.4em * 2) }

/* Uppercase */
	body.ef-v-nav-uppercase.ef-v-nav-uppercase.ef-v-nav-uppercase .ef-nav { border: 0; border-radius: 0; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 2); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Tracked */
	body.ef-v-nav-tracked.ef-v-nav-tracked.ef-v-nav-tracked .ef-nav { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.4em; padding-inline: calc(0.4em * 2); letter-spacing: 0.06em }

/* Tabular */
	body.ef-v-nav-tabular.ef-v-nav-tabular.ef-v-nav-tabular .ef-nav { border: 1px solid var(--ef-hairline); border-radius: 0; padding-block: calc(0.4em * 0.45); padding-inline: calc(0.4em * 0.45 * 2); font-variant-numeric: tabular-nums; letter-spacing: 0.02em }


/* --- header: Header */

/* Bare */
	body.ef-v-header-bare.ef-v-header-bare.ef-v-header-bare .ef-header { border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-header-pad, 12px) * 0.45); padding-inline: calc(var(--ef-header-pad, 12px) * 0.45 * 2) }

/* Plain */
	body.ef-v-header-plain.ef-v-header-plain.ef-v-header-plain .ef-header { border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Soft */
	body.ef-v-header-soft.ef-v-header-soft.ef-v-header-soft .ef-header { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Outlined */
	body.ef-v-header-outlined.ef-v-header-outlined.ef-v-header-outlined .ef-header { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Bold outline */
	body.ef-v-header-bold-outline.ef-v-header-bold-outline.ef-v-header-bold-outline .ef-header { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Inset */
	body.ef-v-header-inset.ef-v-header-inset.ef-v-header-inset .ef-header { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Capsule */
	body.ef-v-header-capsule.ef-v-header-capsule.ef-v-header-capsule .ef-header { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }

/* Floating */
	body.ef-v-header-floating.ef-v-header-floating.ef-v-header-floating .ef-header { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(var(--ef-header-pad, 12px) * 1.6); padding-inline: calc(var(--ef-header-pad, 12px) * 1.6 * 2) }

/* Paper */
	body.ef-v-header-paper.ef-v-header-paper.ef-v-header-paper .ef-header { border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow); padding-block: calc(var(--ef-header-pad, 12px) * 1.6); padding-inline: calc(var(--ef-header-pad, 12px) * 1.6 * 2) }

/* Ghost */
	body.ef-v-header-ghost.ef-v-header-ghost.ef-v-header-ghost .ef-header { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-header-pad, 12px); padding-inline: calc(var(--ef-header-pad, 12px) * 2) }


/* --- footer: Footer */

/* Plain */
	body.ef-v-footer-plain.ef-v-footer-plain.ef-v-footer-plain .ef-footer { border: 0; text-align: left }

/* Centred */
	body.ef-v-footer-centred.ef-v-footer-centred.ef-v-footer-centred .ef-footer { border: 0; text-align: center }

/* Outlined */
	body.ef-v-footer-outlined.ef-v-footer-outlined.ef-v-footer-outlined .ef-footer { border: 1px solid var(--ef-hairline); text-align: left }

/* Bold outline */
	body.ef-v-footer-bold-outline.ef-v-footer-bold-outline.ef-v-footer-bold-outline .ef-footer { border: var(--ef-border-w, 1px) solid var(--ef-border); text-align: left }

/* Inset */
	body.ef-v-footer-inset.ef-v-footer-inset.ef-v-footer-inset .ef-footer { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); text-align: left }

/* Ghost */
	body.ef-v-footer-ghost.ef-v-footer-ghost.ef-v-footer-ghost .ef-footer { border: var(--ef-border-w, 1px) solid var(--ef-border); text-align: center }

/* Uppercase */
	body.ef-v-footer-uppercase.ef-v-footer-uppercase.ef-v-footer-uppercase .ef-footer { border: 0; text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Dense */
	body.ef-v-footer-dense.ef-v-footer-dense.ef-v-footer-dense .ef-footer { border: 0; text-align: left; letter-spacing: -0.02em }

/* Serif */
	body.ef-v-footer-serif-quiet.ef-v-footer-serif-quiet.ef-v-footer-serif-quiet .ef-footer { border: 0; text-align: left; font-family: var(--ef-font-heading); letter-spacing: 0.01em }

/* Tracked */
	body.ef-v-footer-tracked.ef-v-footer-tracked.ef-v-footer-tracked .ef-footer { border: 1px solid var(--ef-hairline); text-align: left; letter-spacing: 0.06em }


/* --- newsletter: Newsletter band */

/* Bare */
	body.ef-v-newsletter-bare.ef-v-newsletter-bare.ef-v-newsletter-bare .ef-newsletter { border: 0; border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-nl-pad, 28px) * 0.45); padding-inline: calc(var(--ef-nl-pad, 28px) * 0.45) }

/* Plain */
	body.ef-v-newsletter-plain.ef-v-newsletter-plain.ef-v-newsletter-plain .ef-newsletter { border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Soft */
	body.ef-v-newsletter-soft.ef-v-newsletter-soft.ef-v-newsletter-soft .ef-newsletter { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Outlined */
	body.ef-v-newsletter-outlined.ef-v-newsletter-outlined.ef-v-newsletter-outlined .ef-newsletter { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Bold outline */
	body.ef-v-newsletter-bold-outline.ef-v-newsletter-bold-outline.ef-v-newsletter-bold-outline .ef-newsletter { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Inset */
	body.ef-v-newsletter-inset.ef-v-newsletter-inset.ef-v-newsletter-inset .ef-newsletter { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Capsule */
	body.ef-v-newsletter-capsule.ef-v-newsletter-capsule.ef-v-newsletter-capsule .ef-newsletter { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: var(--ef-nl-pad, 28px); padding-inline: var(--ef-nl-pad, 28px) }

/* Floating */
	body.ef-v-newsletter-floating.ef-v-newsletter-floating.ef-v-newsletter-floating .ef-newsletter { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(var(--ef-nl-pad, 28px) * 1.6); padding-inline: calc(var(--ef-nl-pad, 28px) * 1.6) }

/* Paper */
	body.ef-v-newsletter-paper.ef-v-newsletter-paper.ef-v-newsletter-paper .ef-newsletter { border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow); padding-block: calc(var(--ef-nl-pad, 28px) * 1.6); padding-inline: calc(var(--ef-nl-pad, 28px) * 1.6) }

/* Strong edge */
	body.ef-v-newsletter-card-strong.ef-v-newsletter-card-strong.ef-v-newsletter-card-strong .ef-newsletter { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(var(--ef-nl-pad, 28px) * 1.6); padding-inline: calc(var(--ef-nl-pad, 28px) * 1.6) }


/* --- title-band: Page title band */

/* Plain */
	body.ef-v-title-band-plain.ef-v-title-band-plain.ef-v-title-band-plain .ef-page-band { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px) }

/* Block */
	body.ef-v-title-band-block.ef-v-title-band-block.ef-v-title-band-block .ef-page-band { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0 }

/* Plate */
	body.ef-v-title-band-plate.ef-v-title-band-plate.ef-v-title-band-plate .ef-page-band { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Brand */
	body.ef-v-title-band-brand.ef-v-title-band-brand.ef-v-title-band-brand .ef-page-band { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Accent block */
	body.ef-v-title-band-accent-block.ef-v-title-band-accent-block.ef-v-title-band-accent-block .ef-page-band { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0 }

/* Quiet */
	body.ef-v-title-band-quiet.ef-v-title-band-quiet.ef-v-title-band-quiet .ef-page-band { background: transparent; color: inherit; border: 0; border-radius: 0 }

/* Tinted */
	body.ef-v-title-band-tinted.ef-v-title-band-tinted.ef-v-title-band-tinted .ef-page-band { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0 }

/* Outlined */
	body.ef-v-title-band-outlined.ef-v-title-band-outlined.ef-v-title-band-outlined .ef-page-band { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Strong edge */
	body.ef-v-title-band-card-strong.ef-v-title-band-card-strong.ef-v-title-band-card-strong .ef-page-band { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Uppercase */
	body.ef-v-title-band-uppercase.ef-v-title-band-uppercase.ef-v-title-band-uppercase .ef-page-band { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }


/* --- filter-panel: Shop filter panel */

/* Plain */
	body.ef-v-filter-panel-plain.ef-v-filter-panel-plain.ef-v-filter-panel-plain .ef-filter { border: 0; border-radius: var(--ef-radius, 16px); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Soft */
	body.ef-v-filter-panel-soft.ef-v-filter-panel-soft.ef-v-filter-panel-soft .ef-filter { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Outlined */
	body.ef-v-filter-panel-outlined.ef-v-filter-panel-outlined.ef-v-filter-panel-outlined .ef-filter { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Bold outline */
	body.ef-v-filter-panel-bold-outline.ef-v-filter-panel-bold-outline.ef-v-filter-panel-bold-outline .ef-filter { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Inset */
	body.ef-v-filter-panel-inset.ef-v-filter-panel-inset.ef-v-filter-panel-inset .ef-filter { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Capsule */
	body.ef-v-filter-panel-capsule.ef-v-filter-panel-capsule.ef-v-filter-panel-capsule .ef-filter { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Floating */
	body.ef-v-filter-panel-floating.ef-v-filter-panel-floating.ef-v-filter-panel-floating .ef-filter { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6) }

/* Tinted */
	body.ef-v-filter-panel-tinted.ef-v-filter-panel-tinted.ef-v-filter-panel-tinted .ef-filter { border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: var(--ef-card-pad, 14px); padding-inline: var(--ef-card-pad, 14px) }

/* Strong edge */
	body.ef-v-filter-panel-card-strong.ef-v-filter-panel-card-strong.ef-v-filter-panel-card-strong .ef-filter { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6) }

/* Hairline block */
	body.ef-v-filter-panel-hairline-block.ef-v-filter-panel-hairline-block.ef-v-filter-panel-hairline-block .ef-filter { border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(var(--ef-card-pad, 14px) * 1.6); padding-inline: calc(var(--ef-card-pad, 14px) * 1.6) }


/* --- sort-menu: Sort menu */

/* Plain */
	body.ef-v-sort-menu-plain.ef-v-sort-menu-plain.ef-v-sort-menu-plain .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px) }

/* Outlined */
	body.ef-v-sort-menu-outlined.ef-v-sort-menu-outlined.ef-v-sort-menu-outlined .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Bold outline */
	body.ef-v-sort-menu-bold-outline.ef-v-sort-menu-bold-outline.ef-v-sort-menu-bold-outline .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0 }

/* Capsule */
	body.ef-v-sort-menu-capsule.ef-v-sort-menu-capsule.ef-v-sort-menu-capsule .woocommerce-ordering select { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px) }

/* Brand pill */
	body.ef-v-sort-menu-brand-pill.ef-v-sort-menu-brand-pill.ef-v-sort-menu-brand-pill .woocommerce-ordering select { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px) }

/* Ghost */
	body.ef-v-sort-menu-ghost.ef-v-sort-menu-ghost.ef-v-sort-menu-ghost .woocommerce-ordering select { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Tracked */
	body.ef-v-sort-menu-tracked.ef-v-sort-menu-tracked.ef-v-sort-menu-tracked .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); letter-spacing: 0.06em }

/* Uppercase */
	body.ef-v-sort-menu-uppercase.ef-v-sort-menu-uppercase.ef-v-sort-menu-uppercase .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Dense */
	body.ef-v-sort-menu-dense.ef-v-sort-menu-dense.ef-v-sort-menu-dense .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; letter-spacing: -0.02em }

/* Tabular */
	body.ef-v-sort-menu-tabular.ef-v-sort-menu-tabular.ef-v-sort-menu-tabular .woocommerce-ordering select { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }


/* --- icon-button: Icon button */

/* Capsule */
	body.ef-v-icon-button-capsule.ef-v-icon-button-capsule.ef-v-icon-button-capsule .ef-icon-btn { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none }

/* Brand */
	body.ef-v-icon-button-brand.ef-v-icon-button-brand.ef-v-icon-button-brand .ef-icon-btn { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Brand pill */
	body.ef-v-icon-button-brand-pill.ef-v-icon-button-brand-pill.ef-v-icon-button-brand-pill .ef-icon-btn { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none }

/* Accent block */
	body.ef-v-icon-button-accent-block.ef-v-icon-button-accent-block.ef-v-icon-button-accent-block .ef-icon-btn { background: var(--ef-accent); color: var(--ef-on-accent); border: 0; border-radius: 0; box-shadow: none }

/* Block */
	body.ef-v-icon-button-block.ef-v-icon-button-block.ef-v-icon-button-block .ef-icon-btn { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none }

/* Outlined */
	body.ef-v-icon-button-outlined.ef-v-icon-button-outlined.ef-v-icon-button-outlined .ef-icon-btn { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Ghost */
	body.ef-v-icon-button-ghost.ef-v-icon-button-ghost.ef-v-icon-button-ghost .ef-icon-btn { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Soft */
	body.ef-v-icon-button-soft.ef-v-icon-button-soft.ef-v-icon-button-soft .ef-icon-btn { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow) }

/* Bare */
	body.ef-v-icon-button-bare.ef-v-icon-button-bare.ef-v-icon-button-bare .ef-icon-btn { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none }

/* Tinted */
	body.ef-v-icon-button-tinted.ef-v-icon-button-tinted.ef-v-icon-button-tinted .ef-icon-btn { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none }


/* --- text-field: Text field */

/* Plain */
	body.ef-v-text-field-plain.ef-v-text-field-plain.ef-v-text-field-plain .ef-input { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Soft */
	body.ef-v-text-field-soft.ef-v-text-field-soft.ef-v-text-field-soft .ef-input { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Outlined */
	body.ef-v-text-field-outlined.ef-v-text-field-outlined.ef-v-text-field-outlined .ef-input { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Bold outline */
	body.ef-v-text-field-bold-outline.ef-v-text-field-bold-outline.ef-v-text-field-bold-outline .ef-input { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Inset */
	body.ef-v-text-field-inset.ef-v-text-field-inset.ef-v-text-field-inset .ef-input { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Dense */
	body.ef-v-text-field-dense.ef-v-text-field-dense.ef-v-text-field-dense .ef-input { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.7em * 0.45); padding-inline: calc(0.7em * 0.45 * 1.4); text-align: left; letter-spacing: -0.02em }

/* Capsule */
	body.ef-v-text-field-capsule.ef-v-text-field-capsule.ef-v-text-field-capsule .ef-input { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: center }

/* Tinted */
	body.ef-v-text-field-tinted.ef-v-text-field-tinted.ef-v-text-field-tinted .ef-input { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: 0.7em; padding-inline: calc(0.7em * 1.4); text-align: left }

/* Floating */
	body.ef-v-text-field-floating.ef-v-text-field-floating.ef-v-text-field-floating .ef-input { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(0.7em * 1.6); padding-inline: calc(0.7em * 1.6 * 1.4); text-align: left }

/* Bare */
	body.ef-v-text-field-bare.ef-v-text-field-bare.ef-v-text-field-bare .ef-input { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.7em * 0.45); padding-inline: calc(0.7em * 0.45 * 1.4); text-align: left }


/* --- checkbox: Checkbox */

/* Bare */
	body.ef-v-checkbox-bare.ef-v-checkbox-bare.ef-v-checkbox-bare .ef-check { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 0.45); padding-inline: calc(0.6em * 0.45 * 1.2); text-align: left }

/* Plain */
	body.ef-v-checkbox-plain.ef-v-checkbox-plain.ef-v-checkbox-plain .ef-check { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Soft */
	body.ef-v-checkbox-soft.ef-v-checkbox-soft.ef-v-checkbox-soft .ef-check { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Outlined */
	body.ef-v-checkbox-outlined.ef-v-checkbox-outlined.ef-v-checkbox-outlined .ef-check { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Bold outline */
	body.ef-v-checkbox-bold-outline.ef-v-checkbox-bold-outline.ef-v-checkbox-bold-outline .ef-check { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Inset */
	body.ef-v-checkbox-inset.ef-v-checkbox-inset.ef-v-checkbox-inset .ef-check { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Tinted */
	body.ef-v-checkbox-tinted.ef-v-checkbox-tinted.ef-v-checkbox-tinted .ef-check { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }

/* Quiet */
	body.ef-v-checkbox-quiet.ef-v-checkbox-quiet.ef-v-checkbox-quiet .ef-check { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 0.45); padding-inline: calc(0.6em * 0.45 * 1.2); text-align: center }

/* Uppercase */
	body.ef-v-checkbox-uppercase.ef-v-checkbox-uppercase.ef-v-checkbox-uppercase .ef-check { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 0.45); padding-inline: calc(0.6em * 0.45 * 1.2); text-align: left }
	body.ef-v-checkbox-uppercase.ef-v-checkbox-uppercase.ef-v-checkbox-uppercase .ef-check span { text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Tracked */
	body.ef-v-checkbox-tracked.ef-v-checkbox-tracked.ef-v-checkbox-tracked .ef-check { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 1.2); text-align: left }
	body.ef-v-checkbox-tracked.ef-v-checkbox-tracked.ef-v-checkbox-tracked .ef-check span { letter-spacing: 0.06em }


/* --- quantity-stepper: Quantity field */

/* Plain */
	body.ef-v-quantity-stepper-plain.ef-v-quantity-stepper-plain.ef-v-quantity-stepper-plain div.product form.cart .quantity .qty { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px); box-shadow: none; text-align: left }

/* Outlined */
	body.ef-v-quantity-stepper-outlined.ef-v-quantity-stepper-outlined.ef-v-quantity-stepper-outlined div.product form.cart .quantity .qty { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; text-align: left }

/* Bold outline */
	body.ef-v-quantity-stepper-bold-outline.ef-v-quantity-stepper-bold-outline.ef-v-quantity-stepper-bold-outline div.product form.cart .quantity .qty { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; text-align: left }

/* Capsule */
	body.ef-v-quantity-stepper-capsule.ef-v-quantity-stepper-capsule.ef-v-quantity-stepper-capsule div.product form.cart .quantity .qty { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; text-align: center }

/* Brand pill */
	body.ef-v-quantity-stepper-brand-pill.ef-v-quantity-stepper-brand-pill.ef-v-quantity-stepper-brand-pill div.product form.cart .quantity .qty { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; text-align: center }

/* Ghost */
	body.ef-v-quantity-stepper-ghost.ef-v-quantity-stepper-ghost.ef-v-quantity-stepper-ghost div.product form.cart .quantity .qty { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; text-align: center }

/* Block */
	body.ef-v-quantity-stepper-block.ef-v-quantity-stepper-block.ef-v-quantity-stepper-block div.product form.cart .quantity .qty { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; text-align: left }

/* Inset */
	body.ef-v-quantity-stepper-inset.ef-v-quantity-stepper-inset.ef-v-quantity-stepper-inset div.product form.cart .quantity .qty { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); text-align: left }

/* Tabular */
	body.ef-v-quantity-stepper-tabular.ef-v-quantity-stepper-tabular.ef-v-quantity-stepper-tabular div.product form.cart .quantity .qty { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }

/* Bare */
	body.ef-v-quantity-stepper-bare.ef-v-quantity-stepper-bare.ef-v-quantity-stepper-bare div.product form.cart .quantity .qty { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left }


/* --- search-field: Search field */

/* Plain */
	body.ef-v-search-field-plain.ef-v-search-field-plain.ef-v-search-field-plain .ef-search input { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; text-align: left }

/* Capsule */
	body.ef-v-search-field-capsule.ef-v-search-field-capsule.ef-v-search-field-capsule .ef-search input { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; text-align: center }

/* Outlined */
	body.ef-v-search-field-outlined.ef-v-search-field-outlined.ef-v-search-field-outlined .ef-search input { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; text-align: left }

/* Bold outline */
	body.ef-v-search-field-bold-outline.ef-v-search-field-bold-outline.ef-v-search-field-bold-outline .ef-search input { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; text-align: left }

/* Soft */
	body.ef-v-search-field-soft.ef-v-search-field-soft.ef-v-search-field-soft .ef-search input { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); text-align: left }

/* Inset */
	body.ef-v-search-field-inset.ef-v-search-field-inset.ef-v-search-field-inset .ef-search input { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); text-align: left }

/* Bare */
	body.ef-v-search-field-bare.ef-v-search-field-bare.ef-v-search-field-bare .ef-search input { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: left }

/* Quiet */
	body.ef-v-search-field-quiet.ef-v-search-field-quiet.ef-v-search-field-quiet .ef-search input { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; text-align: center }

/* Floating */
	body.ef-v-search-field-floating.ef-v-search-field-floating.ef-v-search-field-floating .ef-search input { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); text-align: left }

/* Tracked */
	body.ef-v-search-field-tracked.ef-v-search-field-tracked.ef-v-search-field-tracked .ef-search input { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; text-align: left; letter-spacing: 0.06em }


/* --- alert: Alert */

/* Plain */
	body.ef-v-alert-plain.ef-v-alert-plain.ef-v-alert-plain .ef-cf-notice { border-radius: 10px; box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.2); text-align: left }

/* Quiet */
	body.ef-v-alert-quiet.ef-v-alert-quiet.ef-v-alert-quiet .ef-cf-notice { border-radius: 0; box-shadow: none; padding-block: calc(12px * 0.45); padding-inline: calc(12px * 0.45 * 1.2); text-align: center }

/* Soft */
	body.ef-v-alert-soft.ef-v-alert-soft.ef-v-alert-soft .ef-cf-notice { border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 12px; padding-inline: calc(12px * 1.2); text-align: left }

/* Centred */
	body.ef-v-alert-centred.ef-v-alert-centred.ef-v-alert-centred .ef-cf-notice { border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(12px * 1.6); padding-inline: calc(12px * 1.6 * 1.2); text-align: center }

/* Dense */
	body.ef-v-alert-dense.ef-v-alert-dense.ef-v-alert-dense .ef-cf-notice { border-radius: 0; box-shadow: none; padding-block: calc(12px * 0.45); padding-inline: calc(12px * 0.45 * 1.2); text-align: left; letter-spacing: -0.02em }

/* Tracked */
	body.ef-v-alert-tracked.ef-v-alert-tracked.ef-v-alert-tracked .ef-cf-notice { border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.2); text-align: left; letter-spacing: 0.06em }

/* Tabular */
	body.ef-v-alert-tabular.ef-v-alert-tabular.ef-v-alert-tabular .ef-cf-notice { border-radius: 0; box-shadow: none; padding-block: calc(12px * 0.45); padding-inline: calc(12px * 0.45 * 1.2); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }

/* Uppercase */
	body.ef-v-alert-uppercase.ef-v-alert-uppercase.ef-v-alert-uppercase .ef-cf-notice { border-radius: 0; box-shadow: none; padding-block: calc(12px * 0.45); padding-inline: calc(12px * 0.45 * 1.2); text-align: left; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Bare */
	body.ef-v-alert-bare.ef-v-alert-bare.ef-v-alert-bare .ef-cf-notice { border-radius: 0; box-shadow: none; padding-block: calc(12px * 0.45); padding-inline: calc(12px * 0.45 * 1.2); text-align: left }

/* Outlined */
	body.ef-v-alert-outlined.ef-v-alert-outlined.ef-v-alert-outlined .ef-cf-notice { border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 12px; padding-inline: calc(12px * 1.2); text-align: left }


/* --- dropdown: Menu dropdown */

/* Bare */
	body.ef-v-dropdown-bare.ef-v-dropdown-bare.ef-v-dropdown-bare .ef-nav-list .sub-menu { border: 0; border-radius: 0; box-shadow: none; padding-block: calc(8px * 0.45); padding-inline: calc(8px * 0.45 * 1.5) }

/* Plain */
	body.ef-v-dropdown-plain.ef-v-dropdown-plain.ef-v-dropdown-plain .ef-nav-list .sub-menu { border: 0; border-radius: 14px; box-shadow: none; padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Soft */
	body.ef-v-dropdown-soft.ef-v-dropdown-soft.ef-v-dropdown-soft .ef-nav-list .sub-menu { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Outlined */
	body.ef-v-dropdown-outlined.ef-v-dropdown-outlined.ef-v-dropdown-outlined .ef-nav-list .sub-menu { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Tracked */
	body.ef-v-dropdown-tracked.ef-v-dropdown-tracked.ef-v-dropdown-tracked .ef-nav-list .sub-menu { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 8px; padding-inline: calc(8px * 1.5) }
	body.ef-v-dropdown-tracked.ef-v-dropdown-tracked.ef-v-dropdown-tracked .ef-nav-list .sub-menu a { letter-spacing: 0.06em }

/* Inset */
	body.ef-v-dropdown-inset.ef-v-dropdown-inset.ef-v-dropdown-inset .ef-nav-list .sub-menu { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Capsule */
	body.ef-v-dropdown-capsule.ef-v-dropdown-capsule.ef-v-dropdown-capsule .ef-nav-list .sub-menu { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Ghost */
	body.ef-v-dropdown-ghost.ef-v-dropdown-ghost.ef-v-dropdown-ghost .ef-nav-list .sub-menu { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 8px; padding-inline: calc(8px * 1.5) }

/* Strong edge */
	body.ef-v-dropdown-card-strong.ef-v-dropdown-card-strong.ef-v-dropdown-card-strong .ef-nav-list .sub-menu { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: calc(8px * 1.6); padding-inline: calc(8px * 1.6 * 1.5) }

/* Floating */
	body.ef-v-dropdown-floating.ef-v-dropdown-floating.ef-v-dropdown-floating .ef-nav-list .sub-menu { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow); padding-block: calc(8px * 1.6); padding-inline: calc(8px * 1.6 * 1.5) }


/* --- language-switcher: Language switcher */

/* Bare */
	body.ef-v-language-switcher-bare.ef-v-language-switcher-bare.ef-v-language-switcher-bare .ef-lang-current:not([aria-expanded="true"]) { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(6px * 0.45); padding-inline: calc(6px * 0.45 * 1.7) }

/* Plain */
	body.ef-v-language-switcher-plain.ef-v-language-switcher-plain.ef-v-language-switcher-plain .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px); box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Soft */
	body.ef-v-language-switcher-soft.ef-v-language-switcher-soft.ef-v-language-switcher-soft .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Outlined */
	body.ef-v-language-switcher-outlined.ef-v-language-switcher-outlined.ef-v-language-switcher-outlined .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Bold outline */
	body.ef-v-language-switcher-bold-outline.ef-v-language-switcher-bold-outline.ef-v-language-switcher-bold-outline .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Inset */
	body.ef-v-language-switcher-inset.ef-v-language-switcher-inset.ef-v-language-switcher-inset .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Capsule */
	body.ef-v-language-switcher-capsule.ef-v-language-switcher-capsule.ef-v-language-switcher-capsule .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Tinted */
	body.ef-v-language-switcher-tinted.ef-v-language-switcher-tinted.ef-v-language-switcher-tinted .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }

/* Block */
	body.ef-v-language-switcher-block.ef-v-language-switcher-block.ef-v-language-switcher-block .ef-lang-current:not([aria-expanded="true"]) { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(6px * 1.6); padding-inline: calc(6px * 1.6 * 1.7) }

/* Ghost */
	body.ef-v-language-switcher-ghost.ef-v-language-switcher-ghost.ef-v-language-switcher-ghost .ef-lang-current:not([aria-expanded="true"]) { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 6px; padding-inline: calc(6px * 1.7) }


/* --- breadcrumb: Breadcrumb */

/* Bare */
	body.ef-v-breadcrumb-bare.ef-v-breadcrumb-bare.ef-v-breadcrumb-bare .woocommerce-breadcrumb { border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.35em * 0.45); padding-inline: calc(0.35em * 0.45 * 2); text-align: left }

/* Plain */
	body.ef-v-breadcrumb-plain.ef-v-breadcrumb-plain.ef-v-breadcrumb-plain .woocommerce-breadcrumb { border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Soft */
	body.ef-v-breadcrumb-soft.ef-v-breadcrumb-soft.ef-v-breadcrumb-soft .woocommerce-breadcrumb { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow); padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Outlined */
	body.ef-v-breadcrumb-outlined.ef-v-breadcrumb-outlined.ef-v-breadcrumb-outlined .woocommerce-breadcrumb { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Bold outline */
	body.ef-v-breadcrumb-bold-outline.ef-v-breadcrumb-bold-outline.ef-v-breadcrumb-bold-outline .woocommerce-breadcrumb { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Inset */
	body.ef-v-breadcrumb-inset.ef-v-breadcrumb-inset.ef-v-breadcrumb-inset .woocommerce-breadcrumb { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Capsule */
	body.ef-v-breadcrumb-capsule.ef-v-breadcrumb-capsule.ef-v-breadcrumb-capsule .woocommerce-breadcrumb { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: center }

/* Ghost */
	body.ef-v-breadcrumb-ghost.ef-v-breadcrumb-ghost.ef-v-breadcrumb-ghost .woocommerce-breadcrumb { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: center }

/* Tinted */
	body.ef-v-breadcrumb-tinted.ef-v-breadcrumb-tinted.ef-v-breadcrumb-tinted .woocommerce-breadcrumb { border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left }

/* Tracked */
	body.ef-v-breadcrumb-tracked.ef-v-breadcrumb-tracked.ef-v-breadcrumb-tracked .woocommerce-breadcrumb { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.35em; padding-inline: calc(0.35em * 2); text-align: left; letter-spacing: 0.06em }


/* --- pagination: Pagination */

/* Plain */
	body.ef-v-pagination-plain.ef-v-pagination-plain.ef-v-pagination-plain .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-btn-radius, 999px); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: left }

/* Outlined */
	body.ef-v-pagination-outlined.ef-v-pagination-outlined.ef-v-pagination-outlined .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: left }

/* Bold outline */
	body.ef-v-pagination-bold-outline.ef-v-pagination-bold-outline.ef-v-pagination-bold-outline .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: left }

/* Capsule */
	body.ef-v-pagination-capsule.ef-v-pagination-capsule.ef-v-pagination-capsule .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-surface); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: center }

/* Brand pill */
	body.ef-v-pagination-brand-pill.ef-v-pagination-brand-pill.ef-v-pagination-brand-pill .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-primary); color: var(--ef-on-primary); border: 0; border-radius: min(var(--ef-btn-radius, 999px), 999px); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: center }

/* Ghost */
	body.ef-v-pagination-ghost.ef-v-pagination-ghost.ef-v-pagination-ghost .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: transparent; color: inherit; border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none; padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: center }

/* Block */
	body.ef-v-pagination-block.ef-v-pagination-block.ef-v-pagination-block .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 1.6); padding-inline: calc(0.6em * 1.6 * 2); text-align: left }

/* Inset */
	body.ef-v-pagination-inset.ef-v-pagination-inset.ef-v-pagination-inset .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 0.6em; padding-inline: calc(0.6em * 2); text-align: left }

/* Bare */
	body.ef-v-pagination-bare.ef-v-pagination-bare.ef-v-pagination-bare .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 0.45); padding-inline: calc(0.6em * 0.45 * 2); text-align: left }

/* Tabular */
	body.ef-v-pagination-tabular.ef-v-pagination-tabular.ef-v-pagination-tabular .page-numbers:not(ul):not(.current):not(.next):not(.prev) { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: 0; box-shadow: none; padding-block: calc(0.6em * 0.45); padding-inline: calc(0.6em * 0.45 * 2); text-align: left; font-variant-numeric: tabular-nums; letter-spacing: 0.02em }


/* --- tabs: Product tabs */

/* Bare */
	body.ef-v-tabs-bare.ef-v-tabs-bare.ef-v-tabs-bare div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; border-radius: 0; padding-block: calc(10px * 0.45); padding-inline: calc(10px * 0.45 * 1.8) }

/* Plain */
	body.ef-v-tabs-plain.ef-v-tabs-plain.ef-v-tabs-plain div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; border-radius: var(--ef-btn-radius, 999px); padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Soft */
	body.ef-v-tabs-soft.ef-v-tabs-soft.ef-v-tabs-soft div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Outlined */
	body.ef-v-tabs-outlined.ef-v-tabs-outlined.ef-v-tabs-outlined div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Bold outline */
	body.ef-v-tabs-bold-outline.ef-v-tabs-bold-outline.ef-v-tabs-bold-outline div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Inset */
	body.ef-v-tabs-inset.ef-v-tabs-inset.ef-v-tabs-inset div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Capsule */
	body.ef-v-tabs-capsule.ef-v-tabs-capsule.ef-v-tabs-capsule div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 1px solid var(--ef-hairline); border-radius: min(var(--ef-btn-radius, 999px), 999px); padding-block: 10px; padding-inline: calc(10px * 1.8) }

/* Tracked */
	body.ef-v-tabs-tracked.ef-v-tabs-tracked.ef-v-tabs-tracked div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); padding-block: 10px; padding-inline: calc(10px * 1.8); letter-spacing: 0.06em }

/* Uppercase */
	body.ef-v-tabs-uppercase.ef-v-tabs-uppercase.ef-v-tabs-uppercase div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; border-radius: 0; padding-block: calc(10px * 0.45); padding-inline: calc(10px * 0.45 * 1.8); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700 }

/* Dense */
	body.ef-v-tabs-dense.ef-v-tabs-dense.ef-v-tabs-dense div.product .woocommerce-tabs ul.tabs li:not(.active) a { border: 0; border-radius: 0; padding-block: calc(10px * 0.45); padding-inline: calc(10px * 0.45 * 1.8); letter-spacing: -0.02em }


/* --- accordion: Accordion */

/* Bare */
	body.ef-v-accordion-bare.ef-v-accordion-bare.ef-v-accordion-bare .wp-block-details { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none }

/* Plain */
	body.ef-v-accordion-plain.ef-v-accordion-plain.ef-v-accordion-plain .wp-block-details { background: var(--ef-background); color: var(--ef-text); border: 0; border-radius: var(--ef-radius, 12px); box-shadow: none }

/* Soft */
	body.ef-v-accordion-soft.ef-v-accordion-soft.ef-v-accordion-soft .wp-block-details { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 1px 2px var(--ef-shadow) }

/* Outlined */
	body.ef-v-accordion-outlined.ef-v-accordion-outlined.ef-v-accordion-outlined .wp-block-details { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: none }

/* Bold outline */
	body.ef-v-accordion-bold-outline.ef-v-accordion-bold-outline.ef-v-accordion-bold-outline .wp-block-details { background: var(--ef-background); color: var(--ef-text); border: var(--ef-border-w, 1px) solid var(--ef-border); border-radius: 0; box-shadow: none }

/* Inset */
	body.ef-v-accordion-inset.ef-v-accordion-inset.ef-v-accordion-inset .wp-block-details { background: var(--ef-surface); color: var(--ef-text); border: 0; box-shadow: inset 0 0 0 var(--ef-border-w, 1px) var(--ef-border); border-radius: calc(var(--ef-radius, 12px) * 0.6) }

/* Block */
	body.ef-v-accordion-block.ef-v-accordion-block.ef-v-accordion-block .wp-block-details { background: var(--ef-inverse); color: var(--ef-inverse-text); border: 0; border-radius: 0; box-shadow: none }

/* Floating */
	body.ef-v-accordion-floating.ef-v-accordion-floating.ef-v-accordion-floating .wp-block-details { background: var(--ef-background); color: var(--ef-text); border: 1px solid var(--ef-hairline); border-radius: calc(var(--ef-radius, 12px) * 0.6); box-shadow: 0 18px 44px -24px var(--ef-shadow) }

/* Paper */
	body.ef-v-accordion-paper.ef-v-accordion-paper.ef-v-accordion-paper .wp-block-details { background: var(--ef-surface); color: var(--ef-text); border: 0; border-radius: 0; box-shadow: 0 1px 2px var(--ef-shadow) }

/* Serif */
	body.ef-v-accordion-serif-quiet.ef-v-accordion-serif-quiet.ef-v-accordion-serif-quiet .wp-block-details { background: transparent; color: inherit; border: 0; border-radius: 0; box-shadow: none }
	body.ef-v-accordion-serif-quiet.ef-v-accordion-serif-quiet.ef-v-accordion-serif-quiet .wp-block-details > summary { font-family: var(--ef-font-heading); letter-spacing: 0.01em }


/* Every state a look adds, switched off for a visitor who asked for less motion. */
@media (prefers-reduced-motion: reduce) {
	body.ef-v-card-elevated.ef-v-card-elevated.ef-v-card-elevated .ef-card:hover { transition: none; transform: none }
	body.ef-v-card-overlay.ef-v-card-overlay.ef-v-card-overlay .ef-card:hover { transition: none; transform: none }
	body.ef-v-category-tile-elevated.ef-v-category-tile-elevated.ef-v-category-tile-elevated .ef-cat-card:hover { transition: none; transform: none }
	body.ef-v-category-tile-overlay.ef-v-category-tile-overlay.ef-v-category-tile-overlay .ef-cat-card:hover { transition: none; transform: none }
	body.ef-v-toast-overlay.ef-v-toast-overlay.ef-v-toast-overlay .ef-toast:hover { transition: none; transform: none }
	body.ef-v-toast-elevated.ef-v-toast-elevated.ef-v-toast-elevated .ef-toast:hover { transition: none; transform: none }
	body.ef-v-dialog-elevated.ef-v-dialog-elevated.ef-v-dialog-elevated .ef-quick:hover { transition: none; transform: none }
	body.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft.ef-v-dialog-lift-soft .ef-quick:hover { transition: none; transform: none }
	body.ef-v-switch-lift-soft.ef-v-switch-lift-soft.ef-v-switch-lift-soft .ef-switch:hover { transition: none; transform: none }
	body.ef-v-switch-elevated.ef-v-switch-elevated.ef-v-switch-elevated .ef-switch:hover { transition: none; transform: none }
}