@clayui/css 3.163.0 → 3.164.0

package/src/scss/cadmin/variables/_c-root.scss

@@ -0,0 +1,426 @@
+// This map outputs custom properties in the `:root` selector (consumed by cadmin-scoped components): use the Sass `map-merge` function to add additional custom properties.
+
+$cadmin-c-root: () !default;
+$cadmin-c-root: map-merge(
+	(
+		color-scheme: light dark,
+
+		--cadmin-black: light-dark(#000, #fff),
+		--cadmin-white: light-dark(#fff, #111116),
+		--cadmin-gray-100: light-dark(#f7f8f9, #272833),
+		--cadmin-gray-200: light-dark(#f1f2f5, #393a4a),
+		--cadmin-gray-300: light-dark(#e7e7ed, #495057),
+		--cadmin-gray-400: light-dark(#cdced9, #6b6c7e),
+		--cadmin-gray-500: light-dark(#a7a9bc, #a7a9bc),
+		--cadmin-gray-600: light-dark(#6b6c7e, #cdced9),
+		--cadmin-gray-700: light-dark(#495057, #e7e7ed),
+		--cadmin-gray-800: light-dark(#393a4a, #f1f2f5),
+		--cadmin-gray-900: light-dark(#272833, #f7f8f9),
+		--cadmin-blue-d1: light-dark(#006be6, #70b1ff),
+		--cadmin-blue-d2: light-dark(#005fcc, #94c4ff),
+		--cadmin-blue-d3: light-dark(#0053b3, #b8d8ff),
+		--cadmin-blue-d4: light-dark(#004799, #e5f1ff),
+		--cadmin-blue-l1: light-dark(#338fff, #2487ff),
+		--cadmin-blue-l2: light-dark(#66abff, #006be6),
+		--cadmin-blue-l3: light-dark(#97c5ff, #0056b8),
+		--cadmin-blue-l4: light-dark(#cce3ff, #004799),
+		--cadmin-blue-l5: light-dark(#e5f1ff, #002147),
+		--cadmin-blue: light-dark(#006eff, #429aff),
+		--cadmin-cyan-d1: light-dark(#069, #38bdff),
+		--cadmin-cyan-d2: light-dark(#005580, #70cfff),
+		--cadmin-cyan-d3: light-dark(#046, #99ddff),
+		--cadmin-cyan-d4: light-dark(#00334d, #d1efff),
+		--cadmin-cyan-l1: light-dark(#0099e6, #0095e0),
+		--cadmin-cyan-l2: light-dark(#3bf, #007ebd),
+		--cadmin-cyan-l3: light-dark(#6cf, #006699),
+		--cadmin-cyan-l4: light-dark(#9df, #004e75),
+		--cadmin-cyan-l5: light-dark(#e5f6ff, #00334d),
+		--cadmin-cyan: light-dark(#0077b3, #05acff),
+		--cadmin-green-d1: light-dark(#397010, #79e029),
+		--cadmin-green-d2: light-dark(#2e590d, #9ae85f),
+		--cadmin-green-d3: light-dark(#22430a, #bcf094),
+		--cadmin-green-d4: light-dark(#162d06, #ddf8c9),
+		--cadmin-green-l1: light-dark(#53a117, #4a8f14),
+		--cadmin-green-l2: light-dark(#67c91d, #397010),
+		--cadmin-green-l3: light-dark(#81e236, #2c550c),
+		--cadmin-green-l4: light-dark(#9de963, #22430a),
+		--cadmin-green-l5: light-dark(#f1fce9, #162d06),
+		--cadmin-green: light-dark(#458613, #5cb21a),
+		--cadmin-indigo-d1: light-dark(#3347ff, #a8b1ff),
+		--cadmin-indigo-d2: light-dark(#1a30ff, #bdc3ff),
+		--cadmin-indigo-d3: light-dark(#001aff, #d1d6ff),
+		--cadmin-indigo-d4: light-dark(#0017e5, #f0f1ff),
+		--cadmin-indigo-l1: light-dark(#808cff, #5c6dff),
+		--cadmin-indigo-l2: light-dark(#99a3ff, #384cff),
+		--cadmin-indigo-l3: light-dark(#b2baff, #0019fa),
+		--cadmin-indigo-l4: light-dark(#ccd1ff, #0013c2),
+		--cadmin-indigo-l5: light-dark(#e5e8ff, #000a66),
+		--cadmin-indigo: light-dark(#4d5fff, #8a95ff),
+		--cadmin-orange-d1: light-dark(#b34400, #ff8a42),
+		--cadmin-orange-d2: light-dark(#993b00, #ffa770),
+		--cadmin-orange-d3: light-dark(#803100, #ffc099),
+		--cadmin-orange-d4: light-dark(#662700, #ffe7d6),
+		--cadmin-orange-l1: light-dark(#ff6200, #e55800),
+		--cadmin-orange-l2: light-dark(#ff8133, #b84600),
+		--cadmin-orange-l3: light-dark(#ffa166, #8f3700),
+		--cadmin-orange-l4: light-dark(#ffc099, #6b2900),
+		--cadmin-orange-l5: light-dark(#fff0e5, #3d1700),
+		--cadmin-orange: light-dark(#cc4e00, #ff6e14),
+		--cadmin-pink-d1: light-dark(#cc0074, #ff8acc),
+		--cadmin-pink-d2: light-dark(#b30065, #ffb2de),
+		--cadmin-pink-d3: light-dark(#990057, #ffd6ed),
+		--cadmin-pink-d4: light-dark(#800048, #fff0f9),
+		--cadmin-pink-l1: light-dark(#ff4db2, #ff33a7),
+		--cadmin-pink-l2: light-dark(#ff80c8, #fa008e),
+		--cadmin-pink-l3: light-dark(#ff99d3, #c2006d),
+		--cadmin-pink-l4: light-dark(#ffb3de, #85004b),
+		--cadmin-pink-l5: light-dark(#ffe5f4, #570031),
+		--cadmin-pink: light-dark(#e50082, #ff5cb8),
+		--cadmin-purple-d1: light-dark(#9f1aff, #d499ff),
+		--cadmin-purple-d2: light-dark(#9500ff, #e1b8ff),
+		--cadmin-purple-d3: light-dark(#8600e6, #ecd1ff),
+		--cadmin-purple-d4: light-dark(#70c, #f5ebff),
+		--cadmin-purple-l1: light-dark(#bf66ff, #b54dff),
+		--cadmin-purple-l2: light-dark(#ca80ff, #9f1aff),
+		--cadmin-purple-l3: light-dark(#d499ff, #8c00f0),
+		--cadmin-purple-l4: light-dark(#dfb3ff, #6800b2),
+		--cadmin-purple-l5: light-dark(#f2e5ff, #47007a),
+		--cadmin-purple: light-dark(#a3f, #c87aff),
+		--cadmin-red-d1: light-dark(#c00, #ff8f8f),
+		--cadmin-red-d2: light-dark(#b30000, #ffb2b2),
+		--cadmin-red-d3: light-dark(#900, #ffcccc),
+		--cadmin-red-d4: light-dark(#800000, #ffe5e5),
+		--cadmin-red-l1: light-dark(#ff4d4d, #ff2e2e),
+		--cadmin-red-l2: light-dark(#f66, #f50000),
+		--cadmin-red-l3: light-dark(#ff8080, #c70000),
+		--cadmin-red-l4: light-dark(#f99, #8f0000),
+		--cadmin-red-l5: light-dark(#ffe5e5, #420000),
+		--cadmin-red: light-dark(#e60000, #ff6666),
+		--cadmin-teal-d1: light-dark(#16695b, #4ad9c0),
+		--cadmin-teal-d2: light-dark(#125449, #7ce4d2),
+		--cadmin-teal-d3: light-dark(#0d3f37, #abede2),
+		--cadmin-teal-d4: light-dark(#092a25, #ddf8f4),
+		--cadmin-teal-l1: light-dark(#24a892, #22a08b),
+		--cadmin-teal-l2: light-dark(#42d7be, #1b7e6e),
+		--cadmin-teal-l3: light-dark(#6ce0cc, #156154),
+		--cadmin-teal-l4: light-dark(#96e9db, #0e443b),
+		--cadmin-teal-l5: light-dark(#eafbf8, #0a2e29),
+		--cadmin-teal: light-dark(#1b7e6e, #28bda4),
+		--cadmin-yellow-d1: light-dark(#e6a800, #ffcc42),
+		--cadmin-yellow-d2: light-dark(#cc9600, #ffdc7a),
+		--cadmin-yellow-d3: light-dark(#b38900, #ffeab2),
+		--cadmin-yellow-d4: light-dark(#997000, #fff8e5),
+		--cadmin-yellow-l1: light-dark(#ffc933, #d69c00),
+		--cadmin-yellow-l2: light-dark(#ffd666, #b88600),
+		--cadmin-yellow-l3: light-dark(#ffe499, #8a6500),
+		--cadmin-yellow-l4: light-dark(#fff1cc, #664e00),
+		--cadmin-yellow-l5: light-dark(#fff8e5, #473400),
+		--cadmin-yellow: light-dark(#fb0, #ffc524),
+		--cadmin-danger-d1: light-dark(#c31212, #f69d9d),
+		--cadmin-danger-d2: light-dark(#ab1010, #fde2e2),
+		--cadmin-danger-d3: light-dark(#ab1010, #fef1f1),
+		--cadmin-danger-l1: light-dark(#f48989, #ec2d2d),
+		--cadmin-danger-l2: light-dark(#feefef, #470606),
+		--cadmin-danger-l3: light-dark(#feefef, #420606),
+		--cadmin-danger: light-dark(#da1414, #f67474),
+		--cadmin-dark-d1: light-dark(#1c1c24, #f7f8f9),
+		--cadmin-dark-d2: light-dark(#111116, #ffffff),
+		--cadmin-dark-l1: light-dark(#30313f, #e2e4ea),
+		--cadmin-dark-l2: light-dark(#393a4a, #e2e4ea),
+		--cadmin-dark: light-dark(#272833, #f1f2f5),
+		--cadmin-info-d1: light-dark(#294f98, #9eb7e6),
+		--cadmin-info-d2: light-dark(#234584, #dce4f5),
+		--cadmin-info-d3: light-dark(#234584, #f3f6fc),
+		--cadmin-info-l1: light-dark(#89a7e0, #4e7bd0),
+		--cadmin-info-l2: light-dark(#eef2fa, #142648),
+		--cadmin-info-l3: light-dark(#eef2fa, #0c172c),
+		--cadmin-info: light-dark(#2e5aac, #7e9fdd),
+		--cadmin-light-d1: light-dark(#e2e4ea, #30313f),
+		--cadmin-light-d2: light-dark(#d3d6e0, #30313f),
+		--cadmin-light-l1: light-dark(#f7f8f9, #1c1c24),
+		--cadmin-light-l2: light-dark(#fff, #111116),
+		--cadmin-light: light-dark(#f1f2f5, #272833),
+		--cadmin-primary-d1: light-dark(#0053f0, #7aa8ff),
+		--cadmin-primary-d2: light-dark(#004ad7, #d6e4ff),
+		--cadmin-primary-d3: light-dark(#004ad7, #f0f5ff),
+		--cadmin-primary-l0: light-dark(#5791ff, #0f62ff),
+		--cadmin-primary-l1: light-dark(#80acff, #004cdb),
+		--cadmin-primary-l2: light-dark(#b3cdff, #003aa8),
+		--cadmin-primary-l3: light-dark(#f0f5ff, #001a4d),
+		--cadmin-primary: light-dark(#0b5fff, #6198ff),
+		--cadmin-secondary-d1: light-dark(#393a4a, #a5a7bb),
+		--cadmin-secondary-d2: light-dark(#30313f, #8b8da7),
+		--cadmin-secondary-l0: light-dark(#9b92a5, #7d7f9c),
+		--cadmin-secondary-l1: light-dark(#a7a9bc, #636682),
+		--cadmin-secondary-l2: light-dark(#cdced9, #525361),
+		--cadmin-secondary-l3: light-dark(#e7e7ed, #34343d),
+		--cadmin-secondary: light-dark(#6b6c7e, #a2a2b9),
+		--cadmin-success-d1: light-dark(#226a33, #59c974),
+		--cadmin-success-d2: light-dark(#1c5629, #bae8c6),
+		--cadmin-success-d3: light-dark(#1c5629, #d9f2df),
+		--cadmin-success-l1: light-dark(#5aca75, #2a8340),
+		--cadmin-success-l2: light-dark(#edf9f0, #13391b),
+		--cadmin-success-l3: light-dark(#edf9f0, #102e16),
+		--cadmin-success: light-dark(#287d3c, #3bb959),
+		--cadmin-warning-d1: light-dark(#9f4500, #ff9a4d),
+		--cadmin-warning-d2: light-dark(#863a00, #ffdfc7),
+		--cadmin-warning-d3: light-dark(#863a00, #fff4ec),
+		--cadmin-warning-l1: light-dark(#ff8f39, #d15b00),
+		--cadmin-warning-l2: light-dark(#fff4ec, #4d2100),
+		--cadmin-warning-l3: light-dark(#fff4ec, #331600),
+		--cadmin-warning: light-dark(#b95000, #ff7a14),
+		--cadmin-border-color: var(--cadmin-gray-200),
+		--cadmin-box-shadow-lg:
+			unquote('0 1rem 3rem hsl(from var(--cadmin-black) h s l / 0.175)'),
+		--cadmin-box-shadow-sm:
+			unquote(
+				'0 0.125rem 0.25rem hsl(from var(--cadmin-black) h s l / 0.075)'
+			),
+		--cadmin-box-shadow:
+			unquote('0 0.5rem 1rem hsl(from var(--cadmin-black) h s l / 0.15)'),
+		--cadmin-component-active-background-color: var(--cadmin-primary),
+		--cadmin-component-active-bg:
+			var(--cadmin-component-active-background-color),
+		--cadmin-component-active-color: var(--cadmin-white),
+		--cadmin-component-focus-box-shadow:
+			unquote(
+				'0 0 0 0.125rem var(--cadmin-white), 0 0 0 0.25rem var(--cadmin-primary-l1)'
+			),
+		--cadmin-component-focus-inset-box-shadow:
+			unquote(
+				'inset 0 0 0 0.125rem var(--cadmin-primary-l1), inset 0 0 0 0.25rem var(--cadmin-white)'
+			),
+		--cadmin-body-background-color: var(--cadmin-white),
+		--cadmin-body-bg: var(--cadmin-body-background-color),
+		--cadmin-body-color: var(--cadmin-dark-d1),
+		--cadmin-link-color: var(--cadmin-primary),
+		--cadmin-link-hover-color: var(--cadmin-primary-d2),
+		--cadmin-text-muted: var(--cadmin-gray-500),
+		--cadmin-blockquote-small-color: var(--cadmin-gray-600),
+		--cadmin-hr-border-color:
+			unquote('hsl(from var(--cadmin-black) h s l / 0.1)'),
+		--cadmin-code-color: var(--cadmin-pink),
+		--cadmin-focus-ring-animation-from-box-shadow:
+			unquote(
+				'0 0 0 0.25rem var(--cadmin-white), 0 0 0 0.75rem var(--cadmin-primary-l2)'
+			),
+		--cadmin-focus-ring-animation-to-box-shadow:
+			unquote(
+				'0 0 0 0.125rem var(--cadmin-white), 0 0 0 0.25rem var(--cadmin-primary-l0)'
+			),
+		--cadmin-btn-outline-secondary-border-color:
+			light-dark(var(--cadmin-secondary-l2), var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-hover-border-color:
+			light-dark(transparent, var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-hover-color:
+			light-dark(var(--cadmin-gray-900), var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-active-border-color:
+			light-dark(var(--cadmin-secondary-l2), var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-active-color:
+			light-dark(var(--cadmin-gray-900), var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-disabled-border-color:
+			light-dark(var(--cadmin-secondary-l2), var(--cadmin-secondary)),
+		--cadmin-btn-outline-secondary-disabled-color:
+			light-dark(var(--cadmin-secondary), var(--cadmin-secondary)),
+		--cadmin-modal-backdrop-background-color:
+			light-dark(var(--cadmin-gray-800), var(--cadmin-gray-200)),
+		--cadmin-modal-backdrop-opacity: 0.8,
+	),
+	$cadmin-c-root
+);
+
+$cadmin-c-dark: () !default;
+$cadmin-c-dark: map-deep-merge(
+	(
+		color-scheme: dark,
+
+		--cadmin-breadcrumb-divider-svg-icon:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M375.2 239.2 173.3 37c-23.6-23-59.9 11.9-36 35.1l183 183.9-182.9 183.8c-24 23.5 12.5 58.2 36.1 35.2l201.7-202.1c10.2-10.1 9.3-24.4 0-33.7z" fill="%23cdced9"/></svg>'),
+		--cadmin-custom-checkbox-indicator-icon-checked:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M220.9 377.2c-8 0-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1 14.8-71 42.9-42.9l68.2 68.2 139.8-157.2c26.4-30 72 10.1 45.6 40.1L243.7 366.9c-5.5 6.3-13.4 10-21.8 10.3h-1z" fill="%23111116"/></svg>'),
+		--cadmin-custom-checkbox-indicator-icon-checked-readonly:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M220.9 377.2c-8 0-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1 14.8-71 42.9-42.9l68.2 68.2 139.8-157.2c26.4-30 72 10.1 45.6 40.1L243.7 366.9c-5.5 6.3-13.4 10-21.8 10.3h-1z" fill="%23525361"/></svg>'),
+		--cadmin-custom-checkbox-indicator-icon-indeterminate:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M384 288H128c-42.7 0-42.7-64 0-64h256c42.7 0 42.7 64 0 64z" fill="%23111116"/></svg>'),
+		--cadmin-custom-checkbox-indicator-icon-indeterminate-readonly:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M384 288H128c-42.7 0-42.7-64 0-64h256c42.7 0 42.7 64 0 64z" fill="%236b6c7e"/></svg>'),
+		--cadmin-custom-radio-indicator-icon-checked:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><circle class="lexicon-icon-outline" cx="256" cy="256" r="256" fill="%23111116"/></svg>'),
+		--cadmin-input-select-icon:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23cdced9"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23cdced9"></path></svg>'),
+		--cadmin-input-select-icon-focus:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23cdced9"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23cdced9"></path></svg>'),
+		--cadmin-input-select-icon-disabled:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23a7a9bc"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23a7a9bc"></path></svg>'),
+		--cadmin-input-danger-select-icon:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23ec2d2d"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23ec2d2d"></path></svg>'),
+		--cadmin-input-success-select-icon:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%232a8340"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%232a8340"></path></svg>'),
+		--cadmin-input-warning-select-icon:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23d15b00"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23d15b00"></path></svg>'),
+		--cadmin-form-control-select-secondary-icon-focus:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23f7f8f9"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23f7f8f9"></path></svg>'),
+		--cadmin-form-control-select-secondary-icon-show:
+			url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline caret-double-l-top" d="M347.913 199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6 0l-81.538 85c-8.731 9.101-2.548 24.664 9.8 24.664h163.077c12.348 0 18.531-15.563 9.8-24.664z" fill="%23f7f8f9"></path><path class="lexicon-icon-outline caret-double-l-bottom" d="M165.236 312.664l81.538 85c5.412 5.642 14.188 5.642 19.6 0l81.538-85c8.731-9.101 2.548-24.664-9.8-24.664h-163.077c-12.347 0-18.531 15.563-9.8 24.664z" fill="%23f7f8f9"></path></svg>'),
+		--cadmin-multi-step-item-error-icon:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M300.4 256 467 89.4c29.6-29.6-14.8-74.1-44.4-44.4L256 211.6 89.4 45C59.8 15.3 15.3 59.8 45 89.4L211.6 256 45 422.6c-29.7 29.7 14.7 74.1 44.4 44.4L256 300.4 422.6 467c29.7 29.7 74.1-14.7 44.4-44.4L300.4 256z" fill="%23111116"/></svg>'),
+		--cadmin-multi-step-icon-complete-icon:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M192.9 429.5c-8.3 0-16.4-3.3-22.3-9.2L44.5 294.1C15 263.2 62.7 222 89.1 249.5L191.5 352l230-258.9c27.2-30.5 74.3 11.5 47.1 41.9L216.4 418.9c-5.8 6.5-14 10.3-22.6 10.6h-.9z" fill="%23111116"/></svg>'),
+		--cadmin-multi-step-dropdown-indicator-complete-icon:
+			url('data:image/svg+xml;charset=utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M192.9 429.5c-8.3 0-16.4-3.3-22.3-9.2L44.5 294.1C15 263.2 62.7 222 89.1 249.5L191.5 352l230-258.9c27.2-30.5 74.3 11.5 47.1 41.9L216.4 418.9c-5.8 6.5-14 10.3-22.6 10.6h-.9z" fill="%23f7f8f9"/></svg>'),
+	),
+	$cadmin-c-dark
+);
+
+$cadmin-c-dark-high-contrast: () !default;
+$cadmin-c-dark-high-contrast: map-deep-merge(
+	(
+		color-scheme: dark,
+
+		--cadmin-white: #111116,
+
+		--cadmin-blue-d1: #a8cfff,
+		--cadmin-blue-d2: #c2ddff,
+		--cadmin-blue-d3: #d6e9ff,
+		--cadmin-blue-d4: #f0f7ff,
+		--cadmin-blue-l1: #006cf0,
+		--cadmin-blue-l2: #005dc7,
+		--cadmin-blue-l3: #004594,
+		--cadmin-blue-l4: #002f66,
+		--cadmin-blue-l5: #002147,
+		--cadmin-blue: #94c4ff,
+		--cadmin-cyan-d1: #94dbff,
+		--cadmin-cyan-d2: #ade4ff,
+		--cadmin-cyan-d3: #c7ecff,
+		--cadmin-cyan-d4: #e5f6ff,
+		--cadmin-cyan-l1: #0095e0,
+		--cadmin-cyan-l2: #0073ad,
+		--cadmin-cyan-l3: #005f8f,
+		--cadmin-cyan-l4: #00476b,
+		--cadmin-cyan-l5: #00334d,
+		--cadmin-cyan: #75d1ff,
+		--cadmin-green-d1: #92e651,
+		--cadmin-green-d2: #a6ea70,
+		--cadmin-green-d3: #cff4b3,
+		--cadmin-green-d4: #f1fce9,
+		--cadmin-green-l1: #57aa18,
+		--cadmin-green-l2: #498f14,
+		--cadmin-green-l3: #3a6f10,
+		--cadmin-green-l4: #29500c,
+		--cadmin-green-l5: #162d06,
+		--cadmin-green: #79e029,
+		--cadmin-indigo-d1: #d6daff,
+		--cadmin-indigo-d2: #d6daff,
+		--cadmin-indigo-d3: #d6daff,
+		--cadmin-indigo-d4: #f0f1ff,
+		--cadmin-indigo-l1: #051fff,
+		--cadmin-indigo-l2: #0015d1,
+		--cadmin-indigo-l3: #0012b2,
+		--cadmin-indigo-l4: #000d85,
+		--cadmin-indigo-l5: #000a66,
+		--cadmin-indigo: #bdc3ff,
+		--cadmin-orange-d1: #ffc39e,
+		--cadmin-orange-d2: #ffd6bd,
+		--cadmin-orange-d3: #ffe6d6,
+		--cadmin-orange-d4: #fff6f0,
+		--cadmin-orange-l1: #eb5a00,
+		--cadmin-orange-l2: #c24a00,
+		--cadmin-orange-l3: #a33f00,
+		--cadmin-orange-l4: #803100,
+		--cadmin-orange-l5: #3d1700,
+		--cadmin-orange: #ffb385,
+		--cadmin-pink-d1: #ffc7e7,
+		--cadmin-pink-d2: #ffd6ed,
+		--cadmin-pink-d3: #ffe5f4,
+		--cadmin-pink-d4: #fff5fb,
+		--cadmin-pink-l1: #f5008b,
+		--cadmin-pink-l2: #c2006e,
+		--cadmin-pink-l3: #940053,
+		--cadmin-pink-l4: #610037,
+		--cadmin-pink-l5: #3d0022,
+		--cadmin-pink: #ffaddc,
+		--cadmin-purple-d1: #ecd1ff,
+		--cadmin-purple-d2: #ecd1ff,
+		--cadmin-purple-d3: #ecd1ff,
+		--cadmin-purple-d4: #f5ebff,
+		--cadmin-purple-l1: #9b0fff,
+		--cadmin-purple-l2: #7f00db,
+		--cadmin-purple-l3: #6e00bd,
+		--cadmin-purple-l4: #590099,
+		--cadmin-purple-l5: #3c0066,
+		--cadmin-purple: #e1b8ff,
+		--cadmin-red-d1: #ffc7c7,
+		--cadmin-red-d2: #ffd6d6,
+		--cadmin-red-d3: #ffe0e0,
+		--cadmin-red-d4: #fff5f5,
+		--cadmin-red-l1: #f50000,
+		--cadmin-red-l2: #c20000,
+		--cadmin-red-l3: #990000,
+		--cadmin-red-l4: #700000,
+		--cadmin-red-l5: #420000,
+		--cadmin-red: #ffadad,
+		--cadmin-teal-d1: #96e9db,
+		--cadmin-teal-d2: #b3efe5,
+		--cadmin-teal-d3: #ccf4ed,
+		--cadmin-teal-d4: #eafbf8,
+		--cadmin-teal-l1: #28bea4,
+		--cadmin-teal-l2: #1f9380,
+		--cadmin-teal-l3: #197667,
+		--cadmin-teal-l4: #12594e,
+		--cadmin-teal-l5: #0d3b34,
+		--cadmin-teal: #67dfca,
+		--cadmin-yellow-d1: #ffcc42,
+		--cadmin-yellow-d2: #ffdc7a,
+		--cadmin-yellow-d3: #ffeab2,
+		--cadmin-yellow-d4: #fff8e5,
+		--cadmin-yellow-l1: #d69c00,
+		--cadmin-yellow-l2: #b88600,
+		--cadmin-yellow-l3: #8a6500,
+		--cadmin-yellow-l4: #664e00,
+		--cadmin-yellow-l5: #473400,
+		--cadmin-yellow: #ffc524,
+
+		--cadmin-danger-d1: #fac7c7,
+		--cadmin-danger-d2: #fef1f1,
+		--cadmin-danger-l1: #b61111,
+		--cadmin-danger-l2: #420606,
+		--cadmin-danger: #f8b0b0,
+		--cadmin-dark-d1: #f7f8f9,
+		--cadmin-dark-d2: #ffffff,
+		--cadmin-dark-l1: #e2e4ea,
+		--cadmin-dark-l2: #e2e4ea,
+		--cadmin-dark: #f1f2f5,
+		--cadmin-info-d1: #cad8f1,
+		--cadmin-info-d2: #f3f6fc,
+		--cadmin-info-l1: #254a8d,
+		--cadmin-info-l2: #0c172c,
+		--cadmin-info: #b6c9ec,
+		--cadmin-light-d1: #30313f,
+		--cadmin-light-d2: #30313f,
+		--cadmin-light-l1: #111116,
+		--cadmin-light: #272833,
+		--cadmin-primary-d1: #c7daff,
+		--cadmin-primary-d2: #f0f5ff,
+		--cadmin-primary-l0: #003eb2,
+		--cadmin-primary-l1: #00318f,
+		--cadmin-primary-l2: #002366,
+		--cadmin-primary-l3: #001a4d,
+		--cadmin-primary: #b3cdff,
+		--cadmin-secondary-l0: #d9d9e3,
+		--cadmin-secondary-l1: #bcbdcc,
+		--cadmin-secondary-l2: #a5a7bb,
+		--cadmin-secondary-l3: #8b8da7,
+		--cadmin-secondary: #f6f6f8,
+		--cadmin-success-d1: #a2e1b2,
+		--cadmin-success-d2: #d9f2df,
+		--cadmin-success-l1: #26783a,
+		--cadmin-success-l2: #102e16,
+		--cadmin-success: #8cd99e,
+		--cadmin-warning-d1: #ffcba3,
+		--cadmin-warning-d2: #fff4ec,
+		--cadmin-warning-l1: #b24d00,
+		--cadmin-warning-l2: #331600,
+		--cadmin-warning: #ffb780,
+	),
+	$cadmin-c-dark-high-contrast
+);