npm - @withlayers/mixins - Versions diffs - 0.15.2 → 0.16.0 - Mend

@withlayers/mixins 0.15.2 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.css +1 -1
package/package.json +2 -2

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin is-color-code{background-color: var(--l--theme--color--code--background--on-default); color: var(--l--theme--color--code--content--on-default);}@define-mixin is-color-feedback-destructive{background-color: var(--l--theme--color--feedback--background--destructive--on-default); border-color: var(--l--theme--color--feedback--border--destructive--on-default); color: var(--l--theme--color--feedback--content--destructive--on-default); & a {color: var(--l--theme--color--feedback--content--destructive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--destructive--on-default);}}@define-mixin is-color-feedback-informative{background-color: var(--l--theme--color--feedback--background--informative--on-default); border-color: var(--l--theme--color--feedback--border--informative--on-default); color: var(--l--theme--color--feedback--content--informative--on-default); & a {color: var(--l--theme--color--feedback--content--informative--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--informative--on-default);}}@define-mixin is-color-feedback-positive{background-color: var(--l--theme--color--feedback--background--positive--on-default); border-color: var(--l--theme--color--feedback--border--positive--on-default); color: var(--l--theme--color--feedback--content--positive--on-default); & a {color: var(--l--theme--color--feedback--content--positive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--positive--on-default);}}@define-mixin is-color-feedback-warning{background-color: var(--l--theme--color--feedback--background--warning--on-default); border-color: var(--l--theme--color--feedback--border--warning--on-default); color: var(--l--theme--color--feedback--content--warning--on-default); & a {color: var(--l--theme--color--feedback--content--warning--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--warning--on-default);}}@define-mixin is-color-interactive-destructive{background-color: var(--l--theme--color--interactive--background--destructive--on-default--rest); border-color: var(--l--theme--color--interactive--border--destructive--on-default--rest); color: var(--l--theme--color--interactive--content--destructive--on-default--rest); &:active {background-color: var(--l--theme--color--interactive--background--destructive--on-default--active); border-color: var(--l--theme--color--interactive--border--destructive--on-default--active); color: var(--l--theme--color--interactive--content--destructive--on-default--active);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--destructive--on-default--focus); border-color: var(--l--theme--color--interactive--border--destructive--on-default--focus); color: var(--l--theme--color--interactive--content--destructive--on-default--focus);} &:hover {background-color: var(--l--theme--color--interactive--background--destructive--on-default--hover); border-color: var(--l--theme--color--interactive--border--destructive--on-default--hover); color: var(--l--theme--color--interactive--content--destructive--on-default--hover);} &:disabled {background-color: var(--l--theme--color--interactive--background--destructive--on-default--disabled); border-color: var(--l--theme--color--interactive--border--destructive--on-default--disabled); color: var(--l--theme--color--interactive--content--destructive--on-default--disabled);}}@define-mixin is-color-interactive-primary{background-color: var(--l--theme--color--interactive--background--primary--on-default--rest); border-color: var(--l--theme--color--interactive--border--primary--on-default--rest); color: var(--l--theme--color--interactive--content--primary--on-default--rest); &:active {background-color: var(--l--theme--color--interactive--background--primary--on-default--active); border-color: var(--l--theme--color--interactive--border--primary--on-default--active); color: var(--l--theme--color--interactive--content--primary--on-default--active);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--primary--on-default--focus); border-color: var(--l--theme--color--interactive--border--primary--on-default--focus); color: var(--l--theme--color--interactive--content--primary--on-default--focus);} &:hover {background-color: var(--l--theme--color--interactive--background--primary--on-default--hover); border-color: var(--l--theme--color--interactive--border--primary--on-default--hover); color: var(--l--theme--color--interactive--content--primary--on-default--hover);} &:disabled {background-color: var(--l--theme--color--interactive--background--primary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--primary--on-default--disabled); color: var(--l--theme--color--interactive--content--primary--on-default--disabled);}}@define-mixin is-color-interactive-secondary{background-color: var(--l--theme--color--interactive--background--secondary--on-default--rest); border-color: var(--l--theme--color--interactive--border--secondary--on-default--rest); color: var(--l--theme--color--interactive--content--secondary--on-default--rest); &:active {background-color: var(--l--theme--color--interactive--background--secondary--on-default--active); border-color: var(--l--theme--color--interactive--border--secondary--on-default--active); color: var(--l--theme--color--interactive--content--secondary--on-default--active);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--secondary--on-default--focus); border-color: var(--l--theme--color--interactive--border--secondary--on-default--focus); color: var(--l--theme--color--interactive--content--secondary--on-default--focus);} &:hover {background-color: var(--l--theme--color--interactive--background--secondary--on-default--hover); border-color: var(--l--theme--color--interactive--border--secondary--on-default--hover); color: var(--l--theme--color--interactive--content--secondary--on-default--hover);} &:disabled {background-color: var(--l--theme--color--interactive--background--secondary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--secondary--on-default--disabled); color: var(--l--theme--color--interactive--content--secondary--on-default--disabled);}}@define-mixin is-color-interactive-tertiary{background-color: var(--l--theme--color--interactive--background--tertiary--on-default--rest); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--rest); color: var(--l--theme--color--interactive--content--tertiary--on-default--rest); &:active {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--active); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--active); color: var(--l--theme--color--interactive--content--tertiary--on-default--active);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--focus); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--focus); color: var(--l--theme--color--interactive--content--tertiary--on-default--focus);} &:hover {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--hover); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--hover); color: var(--l--theme--color--interactive--content--tertiary--on-default--hover);} &:disabled {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--disabled); color: var(--l--theme--color--interactive--content--tertiary--on-default--disabled);}}@define-mixin is-color-link-primary{color: var(--l--theme--color--link--content--primary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--primary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--primary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--primary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--primary--on-default--visited);}}@define-mixin is-color-link-secondary{color: var(--l--theme--color--link--content--secondary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--secondary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--secondary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--secondary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--secondary--on-default--visited);}}@define-mixin is-color-link-tertiary{color: var(--l--theme--color--link--content--tertiary--on-default--rest); &:hover {color: var(--l--theme--color--link--content--tertiary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--tertiary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--tertiary--on-default--active);} &:visited {color: var(--l--theme--color--link--content--tertiary--on-default--visited);}}@define-mixin is-border-interactive-lg{border-radius: var(--l--theme--border--interactive--radius--lg); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--lg);}@define-mixin is-border-interactive-md{border-radius: var(--l--theme--border--interactive--radius--md); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--md);}@define-mixin is-border-interactive-sm{border-radius: var(--l--theme--border--interactive--radius--sm); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--sm);}@define-mixin is-border-interactive-xs{border-radius: var(--l--theme--border--interactive--radius--xs); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--xs);}@define-mixin is-border-text-highlight{border-radius: var(--l--theme--border--text-highlight--radius); border-style: var(--l--theme--border--text-highlight--style); border-width: var(--l--theme--border--text-highlight--width);}@define-mixin is-space-interactive-lg{padding-block: var(--l--theme--space--interactive--inset--block--lg); padding-inline: var(--l--theme--space--interactive--inset--inline--lg);}@define-mixin is-space-interactive-md{padding-block: var(--l--theme--space--interactive--inset--block--md); padding-inline: var(--l--theme--space--interactive--inset--inline--md);}@define-mixin is-space-interactive-sm{padding-block: var(--l--theme--space--interactive--inset--block--sm); padding-inline: var(--l--theme--space--interactive--inset--inline--sm);}@define-mixin is-space-interactive-xs{padding-block: var(--l--theme--space--interactive--inset--block--xs); padding-inline: var(--l--theme--space--interactive--inset--inline--xs);}@define-mixin is-space-text-highlight{padding-block: var(--l--theme--space--text-highlight--inset--block); padding-inline: var(--l--theme--space--text-highlight--inset--inline);}@define-mixin is-typography-blockquote{font-family: var(--l--theme--typography--blockquote--font-family); font-size: var(--l--theme--typography--blockquote--font-size); font-style: var(--l--theme--typography--blockquote--font-style); font-variant-caps: var(--l--theme--typography--blockquote--font-variant-caps); font-weight: var(--l--theme--typography--blockquote--font-weight); letter-spacing: var(--l--theme--typography--blockquote--letter-spacing); line-height: var(--l--theme--typography--blockquote--line-height); text-transform: var(--l--theme--typography--blockquote--text-transform);}@define-mixin is-typography-body-sm{font-family: var(--l--theme--typography--body--font-family--sm); font-size: var(--l--theme--typography--body--font-size--sm); font-style: var(--l--theme--typography--body--font-style--sm); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--sm); font-weight: var(--l--theme--typography--body--font-weight--sm); letter-spacing: var(--l--theme--typography--body--letter-spacing--sm); line-height: var(--l--theme--typography--body--line-height--sm); text-transform: var(--l--theme--typography--body--text-transform--sm);}@define-mixin is-typography-body-md{font-family: var(--l--theme--typography--body--font-family--md); font-size: var(--l--theme--typography--body--font-size--md); font-style: var(--l--theme--typography--body--font-style--md); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--md); font-weight: var(--l--theme--typography--body--font-weight--md); letter-spacing: var(--l--theme--typography--body--letter-spacing--md); line-height: var(--l--theme--typography--body--line-height--md); text-transform: var(--l--theme--typography--body--text-transform--md);}@define-mixin is-typography-body-lg{font-family: var(--l--theme--typography--body--font-family--lg); font-size: var(--l--theme--typography--body--font-size--lg); font-style: var(--l--theme--typography--body--font-style--lg); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--lg); font-weight: var(--l--theme--typography--body--font-weight--lg); letter-spacing: var(--l--theme--typography--body--letter-spacing--lg); line-height: var(--l--theme--typography--body--line-height--lg); text-transform: var(--l--theme--typography--body--text-transform--lg);}@define-mixin is-typography-caption-primary{font-family: var(--l--theme--typography--caption--font-family--primary); font-size: var(--l--theme--typography--caption--font-size--primary); font-style: var(--l--theme--typography--caption--font-style--primary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--primary); font-weight: var(--l--theme--typography--caption--font-weight--primary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--primary); line-height: var(--l--theme--typography--caption--line-height--primary); text-transform: var(--l--theme--typography--caption--text-transform--primary);}@define-mixin is-typography-caption-secondary{font-family: var(--l--theme--typography--caption--font-family--secondary); font-size: var(--l--theme--typography--caption--font-size--secondary); font-style: var(--l--theme--typography--caption--font-style--secondary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--secondary); font-weight: var(--l--theme--typography--caption--font-weight--secondary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--secondary); line-height: var(--l--theme--typography--caption--line-height--secondary); text-transform: var(--l--theme--typography--caption--text-transform--secondary);}@define-mixin is-typography-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-typography-heading-l1{font-family: var(--l--theme--typography--heading--font-family--l1); font-size: var(--l--theme--typography--heading--font-size--l1); font-style: var(--l--theme--typography--heading--font-style--l1); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l1); font-weight: var(--l--theme--typography--heading--font-weight--l1); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l1); line-height: var(--l--theme--typography--heading--line-height--l1); text-transform: var(--l--theme--typography--heading--text-transform--l1);}@define-mixin is-typography-heading-l2{font-family: var(--l--theme--typography--heading--font-family--l2); font-size: var(--l--theme--typography--heading--font-size--l2); font-style: var(--l--theme--typography--heading--font-style--l2); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l2); font-weight: var(--l--theme--typography--heading--font-weight--l2); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l2); line-height: var(--l--theme--typography--heading--line-height--l2); text-transform: var(--l--theme--typography--heading--text-transform--l2);}@define-mixin is-typography-heading-l3{font-family: var(--l--theme--typography--heading--font-family--l3); font-size: var(--l--theme--typography--heading--font-size--l3); font-style: var(--l--theme--typography--heading--font-style--l3); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l3); font-weight: var(--l--theme--typography--heading--font-weight--l3); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l3); line-height: var(--l--theme--typography--heading--line-height--l3); text-transform: var(--l--theme--typography--heading--text-transform--l3);}@define-mixin is-typography-heading-l4{font-family: var(--l--theme--typography--heading--font-family--l4); font-size: var(--l--theme--typography--heading--font-size--l4); font-style: var(--l--theme--typography--heading--font-style--l4); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l4); font-weight: var(--l--theme--typography--heading--font-weight--l4); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l4); line-height: var(--l--theme--typography--heading--line-height--l4); text-transform: var(--l--theme--typography--heading--text-transform--l4);}@define-mixin is-typography-heading-l5{font-family: var(--l--theme--typography--heading--font-family--l5); font-size: var(--l--theme--typography--heading--font-size--l5); font-style: var(--l--theme--typography--heading--font-style--l5); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l5); font-weight: var(--l--theme--typography--heading--font-weight--l5); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l5); line-height: var(--l--theme--typography--heading--line-height--l5); text-transform: var(--l--theme--typography--heading--text-transform--l5);}@define-mixin is-typography-heading-l6{font-family: var(--l--theme--typography--heading--font-family--l6); font-size: var(--l--theme--typography--heading--font-size--l6); font-style: var(--l--theme--typography--heading--font-style--l6); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l6); font-weight: var(--l--theme--typography--heading--font-weight--l6); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l6); line-height: var(--l--theme--typography--heading--line-height--l6); text-transform: var(--l--theme--typography--heading--text-transform--l6);}@define-mixin is-typography-interactive-lg{font-family: var(--l--theme--typography--interactive--font-family--lg); font-size: var(--l--theme--typography--interactive--font-size--lg); font-style: var(--l--theme--typography--interactive--font-style--lg); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--lg); font-weight: var(--l--theme--typography--interactive--font-weight--lg); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--lg); line-height: var(--l--theme--typography--interactive--line-height--lg); text-transform: var(--l--theme--typography--interactive--text-transform--lg);}@define-mixin is-typography-interactive-md{font-family: var(--l--theme--typography--interactive--font-family--md); font-size: var(--l--theme--typography--interactive--font-size--md); font-style: var(--l--theme--typography--interactive--font-style--md); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--md); font-weight: var(--l--theme--typography--interactive--font-weight--md); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--md); line-height: var(--l--theme--typography--interactive--line-height--md); text-transform: var(--l--theme--typography--interactive--text-transform--md);}@define-mixin is-typography-interactive-sm{font-family: var(--l--theme--typography--interactive--font-family--sm); font-size: var(--l--theme--typography--interactive--font-size--sm); font-style: var(--l--theme--typography--interactive--font-style--sm); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--sm); font-weight: var(--l--theme--typography--interactive--font-weight--sm); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--sm); line-height: var(--l--theme--typography--interactive--line-height--sm); text-transform: var(--l--theme--typography--interactive--text-transform--sm);}@define-mixin is-typography-interactive-xs{font-family: var(--l--theme--typography--interactive--font-family--xs); font-size: var(--l--theme--typography--interactive--font-size--xs); font-style: var(--l--theme--typography--interactive--font-style--xs); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--xs); font-weight: var(--l--theme--typography--interactive--font-weight--xs); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--xs); line-height: var(--l--theme--typography--interactive--line-height--xs); text-transform: var(--l--theme--typography--interactive--text-transform--xs);}@define-mixin is-typography-label{font-family: var(--l--theme--typography--label--font-family); font-size: var(--l--theme--typography--label--font-size); font-style: var(--l--theme--typography--label--font-style); font-variant-caps: var(--l--theme--typography--label--font-variant-caps); font-weight: var(--l--theme--typography--label--font-weight); letter-spacing: var(--l--theme--typography--label--letter-spacing); line-height: var(--l--theme--typography--label--line-height); text-transform: var(--l--theme--typography--label--text-transform);}@define-mixin is-typography-link-primary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--active);}}@define-mixin is-typography-link-secondary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--active);}}@define-mixin is-typography-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-typography-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}@define-mixin is-typography-text-control-xs{font-family: var(--l--theme--typography--text-control--font-family--xs); font-size: var(--l--theme--typography--text-control--font-size--xs); font-style: var(--l--theme--typography--text-control--font-style--xs); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--xs); font-weight: var(--l--theme--typography--text-control--font-weight--xs); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--xs); line-height: var(--l--theme--typography--text-control--line-height--xs); text-transform: var(--l--theme--typography--text-control--text-transform--xs);}@define-mixin is-typography-text-control-sm{font-family: var(--l--theme--typography--text-control--font-family--sm); font-size: var(--l--theme--typography--text-control--font-size--sm); font-style: var(--l--theme--typography--text-control--font-style--sm); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--sm); font-weight: var(--l--theme--typography--text-control--font-weight--sm); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--sm); line-height: var(--l--theme--typography--text-control--line-height--sm); text-transform: var(--l--theme--typography--text-control--text-transform--sm);}@define-mixin is-typography-text-control-md{font-family: var(--l--theme--typography--text-control--font-family--md); font-size: var(--l--theme--typography--text-control--font-size--md); font-style: var(--l--theme--typography--text-control--font-style--md); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--md); font-weight: var(--l--theme--typography--text-control--font-weight--md); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--md); line-height: var(--l--theme--typography--text-control--line-height--md); text-transform: var(--l--theme--typography--text-control--text-transform--md);}@define-mixin is-typography-text-control-lg{font-family: var(--l--theme--typography--text-control--font-family--lg); font-size: var(--l--theme--typography--text-control--font-size--lg); font-style: var(--l--theme--typography--text-control--font-style--lg); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--lg); font-weight: var(--l--theme--typography--text-control--font-weight--lg); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--lg); line-height: var(--l--theme--typography--text-control--line-height--lg); text-transform: var(--l--theme--typography--text-control--text-transform--lg);}
1	+ @define-mixin is-visually-hidden{border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;}@define-mixin is-color-code{background-color: var(--l--theme--color--code--background--on-default); border-color: var(--l--theme--color--code--border--on-default); color: var(--l--theme--color--code--content--on-default);}@define-mixin is-color-code-on-knockout{background-color: var(--l--theme--color--code--background--on-knockout); border-color: var(--l--theme--color--code--border--on-knockout); color: var(--l--theme--color--code--content--on-knockout);}@define-mixin is-color-dialog{background-color: var(--l--theme--color--dialog--background--on-default); border-color: var(--l--theme--color--dialog--border--on-default); color: var(--l--theme--color--dialog--content--on-default);}@define-mixin is-color-dialog-on-knockout{background-color: var(--l--theme--color--dialog--background--on-knockout); border-color: var(--l--theme--color--dialog--border--on-knockout); color: var(--l--theme--color--dialog--content--on-knockout);}@define-mixin is-color-feedback-destructive{background-color: var(--l--theme--color--feedback--background--destructive--on-default); border-color: var(--l--theme--color--feedback--border--destructive--on-default); color: var(--l--theme--color--feedback--content--destructive--on-default); & a {color: var(--l--theme--color--feedback--content--destructive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--destructive--on-default);}}@define-mixin is-color-feedback-destructive-on-knockout{background-color: var(--l--theme--color--feedback--background--destructive--on-knockout); border-color: var(--l--theme--color--feedback--border--destructive--on-knockout); color: var(--l--theme--color--feedback--content--destructive--on-knockout); & a {color: var(--l--theme--color--feedback--content--destructive--on-knockout);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--destructive--on-knockout);}}@define-mixin is-color-feedback-informative{background-color: var(--l--theme--color--feedback--background--informative--on-default); border-color: var(--l--theme--color--feedback--border--informative--on-default); color: var(--l--theme--color--feedback--content--informative--on-default); & a {color: var(--l--theme--color--feedback--content--informative--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--informative--on-default);}}@define-mixin is-color-feedback-informative-on-knockout{background-color: var(--l--theme--color--feedback--background--informative--on-knockout); border-color: var(--l--theme--color--feedback--border--informative--on-knockout); color: var(--l--theme--color--feedback--content--informative--on-knockout); & a {color: var(--l--theme--color--feedback--content--informative--on-knockout);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--informative--on-knockout);}}@define-mixin is-color-feedback-positive{background-color: var(--l--theme--color--feedback--background--positive--on-default); border-color: var(--l--theme--color--feedback--border--positive--on-default); color: var(--l--theme--color--feedback--content--positive--on-default); & a {color: var(--l--theme--color--feedback--content--positive--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--positive--on-default);}}@define-mixin is-color-feedback-positive-on-knockout{background-color: var(--l--theme--color--feedback--background--positive--on-knockout); border-color: var(--l--theme--color--feedback--border--positive--on-knockout); color: var(--l--theme--color--feedback--content--positive--on-knockout); & a {color: var(--l--theme--color--feedback--content--positive--on-knockout);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--positive--on-knockout);}}@define-mixin is-color-feedback-warning{background-color: var(--l--theme--color--feedback--background--warning--on-default); border-color: var(--l--theme--color--feedback--border--warning--on-default); color: var(--l--theme--color--feedback--content--warning--on-default); & a {color: var(--l--theme--color--feedback--content--warning--on-default);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--warning--on-default);}}@define-mixin is-color-feedback-warning-on-knockout{background-color: var(--l--theme--color--feedback--background--warning--on-knockout); border-color: var(--l--theme--color--feedback--border--warning--on-knockout); color: var(--l--theme--color--feedback--content--warning--on-knockout); & a {color: var(--l--theme--color--feedback--content--warning--on-knockout);} & :focus-visible {outline-color: var(--l--theme--color--feedback--outline--warning--on-knockout);}}@define-mixin is-color-interactive-destructive{background-color: var(--l--theme--color--interactive--background--destructive--on-default--rest); border-color: var(--l--theme--color--interactive--border--destructive--on-default--rest); color: var(--l--theme--color--interactive--content--destructive--on-default--rest); &:hover {background-color: var(--l--theme--color--interactive--background--destructive--on-default--hover); border-color: var(--l--theme--color--interactive--border--destructive--on-default--hover); color: var(--l--theme--color--interactive--content--destructive--on-default--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--destructive--on-default--focus); border-color: var(--l--theme--color--interactive--border--destructive--on-default--focus); color: var(--l--theme--color--interactive--content--destructive--on-default--focus);} &:active {background-color: var(--l--theme--color--interactive--background--destructive--on-default--active); border-color: var(--l--theme--color--interactive--border--destructive--on-default--active); color: var(--l--theme--color--interactive--content--destructive--on-default--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--destructive--on-default--disabled); border-color: var(--l--theme--color--interactive--border--destructive--on-default--disabled); color: var(--l--theme--color--interactive--content--destructive--on-default--disabled);}}@define-mixin is-color-interactive-destructive-on-knockout{background-color: var(--l--theme--color--interactive--background--destructive--on-knockout--rest); border-color: var(--l--theme--color--interactive--border--destructive--on-knockout--rest); color: var(--l--theme--color--interactive--content--destructive--on-knockout--rest); &:hover {background-color: var(--l--theme--color--interactive--background--destructive--on-knockout--hover); border-color: var(--l--theme--color--interactive--border--destructive--on-knockout--hover); color: var(--l--theme--color--interactive--content--destructive--on-knockout--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--destructive--on-knockout--focus); border-color: var(--l--theme--color--interactive--border--destructive--on-knockout--focus); color: var(--l--theme--color--interactive--content--destructive--on-knockout--focus);} &:active {background-color: var(--l--theme--color--interactive--background--destructive--on-knockout--active); border-color: var(--l--theme--color--interactive--border--destructive--on-knockout--active); color: var(--l--theme--color--interactive--content--destructive--on-knockout--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--destructive--on-knockout--disabled); border-color: var(--l--theme--color--interactive--border--destructive--on-knockout--disabled); color: var(--l--theme--color--interactive--content--destructive--on-knockout--disabled);}}@define-mixin is-color-interactive-primary{background-color: var(--l--theme--color--interactive--background--primary--on-default--rest); border-color: var(--l--theme--color--interactive--border--primary--on-default--rest); color: var(--l--theme--color--interactive--content--primary--on-default--rest); &:hover {background-color: var(--l--theme--color--interactive--background--primary--on-default--hover); border-color: var(--l--theme--color--interactive--border--primary--on-default--hover); color: var(--l--theme--color--interactive--content--primary--on-default--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--primary--on-default--focus); border-color: var(--l--theme--color--interactive--border--primary--on-default--focus); color: var(--l--theme--color--interactive--content--primary--on-default--focus);} &:active {background-color: var(--l--theme--color--interactive--background--primary--on-default--active); border-color: var(--l--theme--color--interactive--border--primary--on-default--active); color: var(--l--theme--color--interactive--content--primary--on-default--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--primary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--primary--on-default--disabled); color: var(--l--theme--color--interactive--content--primary--on-default--disabled);}}@define-mixin is-color-interactive-primary-on-knockout{background-color: var(--l--theme--color--interactive--background--primary--on-knockout--rest); border-color: var(--l--theme--color--interactive--border--primary--on-knockout--rest); color: var(--l--theme--color--interactive--content--primary--on-knockout--rest); &:hover {background-color: var(--l--theme--color--interactive--background--primary--on-knockout--hover); border-color: var(--l--theme--color--interactive--border--primary--on-knockout--hover); color: var(--l--theme--color--interactive--content--primary--on-knockout--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--primary--on-knockout--focus); border-color: var(--l--theme--color--interactive--border--primary--on-knockout--focus); color: var(--l--theme--color--interactive--content--primary--on-knockout--focus);} &:active {background-color: var(--l--theme--color--interactive--background--primary--on-knockout--active); border-color: var(--l--theme--color--interactive--border--primary--on-knockout--active); color: var(--l--theme--color--interactive--content--primary--on-knockout--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--primary--on-knockout--disabled); border-color: var(--l--theme--color--interactive--border--primary--on-knockout--disabled); color: var(--l--theme--color--interactive--content--primary--on-knockout--disabled);}}@define-mixin is-color-interactive-secondary{background-color: var(--l--theme--color--interactive--background--secondary--on-default--rest); border-color: var(--l--theme--color--interactive--border--secondary--on-default--rest); color: var(--l--theme--color--interactive--content--secondary--on-default--rest); &:hover {background-color: var(--l--theme--color--interactive--background--secondary--on-default--hover); border-color: var(--l--theme--color--interactive--border--secondary--on-default--hover); color: var(--l--theme--color--interactive--content--secondary--on-default--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--secondary--on-default--focus); border-color: var(--l--theme--color--interactive--border--secondary--on-default--focus); color: var(--l--theme--color--interactive--content--secondary--on-default--focus);} &:active {background-color: var(--l--theme--color--interactive--background--secondary--on-default--active); border-color: var(--l--theme--color--interactive--border--secondary--on-default--active); color: var(--l--theme--color--interactive--content--secondary--on-default--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--secondary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--secondary--on-default--disabled); color: var(--l--theme--color--interactive--content--secondary--on-default--disabled);}}@define-mixin is-color-interactive-secondary-on-knockout{background-color: var(--l--theme--color--interactive--background--secondary--on-knockout--rest); border-color: var(--l--theme--color--interactive--border--secondary--on-knockout--rest); color: var(--l--theme--color--interactive--content--secondary--on-knockout--rest); &:hover {background-color: var(--l--theme--color--interactive--background--secondary--on-knockout--hover); border-color: var(--l--theme--color--interactive--border--secondary--on-knockout--hover); color: var(--l--theme--color--interactive--content--secondary--on-knockout--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--secondary--on-knockout--focus); border-color: var(--l--theme--color--interactive--border--secondary--on-knockout--focus); color: var(--l--theme--color--interactive--content--secondary--on-knockout--focus);} &:active {background-color: var(--l--theme--color--interactive--background--secondary--on-knockout--active); border-color: var(--l--theme--color--interactive--border--secondary--on-knockout--active); color: var(--l--theme--color--interactive--content--secondary--on-knockout--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--secondary--on-knockout--disabled); border-color: var(--l--theme--color--interactive--border--secondary--on-knockout--disabled); color: var(--l--theme--color--interactive--content--secondary--on-knockout--disabled);}}@define-mixin is-color-interactive-tertiary{background-color: var(--l--theme--color--interactive--background--tertiary--on-default--rest); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--rest); color: var(--l--theme--color--interactive--content--tertiary--on-default--rest); &:hover {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--hover); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--hover); color: var(--l--theme--color--interactive--content--tertiary--on-default--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--focus); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--focus); color: var(--l--theme--color--interactive--content--tertiary--on-default--focus);} &:active {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--active); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--active); color: var(--l--theme--color--interactive--content--tertiary--on-default--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--tertiary--on-default--disabled); border-color: var(--l--theme--color--interactive--border--tertiary--on-default--disabled); color: var(--l--theme--color--interactive--content--tertiary--on-default--disabled);}}@define-mixin is-color-interactive-tertiary-on-knockout{background-color: var(--l--theme--color--interactive--background--tertiary--on-knockout--rest); border-color: var(--l--theme--color--interactive--border--tertiary--on-knockout--rest); color: var(--l--theme--color--interactive--content--tertiary--on-knockout--rest); &:hover {background-color: var(--l--theme--color--interactive--background--tertiary--on-knockout--hover); border-color: var(--l--theme--color--interactive--border--tertiary--on-knockout--hover); color: var(--l--theme--color--interactive--content--tertiary--on-knockout--hover);} &:focus-visible {background-color: var(--l--theme--color--interactive--background--tertiary--on-knockout--focus); border-color: var(--l--theme--color--interactive--border--tertiary--on-knockout--focus); color: var(--l--theme--color--interactive--content--tertiary--on-knockout--focus);} &:active {background-color: var(--l--theme--color--interactive--background--tertiary--on-knockout--active); border-color: var(--l--theme--color--interactive--border--tertiary--on-knockout--active); color: var(--l--theme--color--interactive--content--tertiary--on-knockout--active);} &:disabled {background-color: var(--l--theme--color--interactive--background--tertiary--on-knockout--disabled); border-color: var(--l--theme--color--interactive--border--tertiary--on-knockout--disabled); color: var(--l--theme--color--interactive--content--tertiary--on-knockout--disabled);}}@define-mixin is-color-link-primary{color: var(--l--theme--color--link--content--primary--on-default--rest); &:visited {color: var(--l--theme--color--link--content--primary--on-default--visited);} &:hover {color: var(--l--theme--color--link--content--primary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--primary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--primary--on-default--active);}}@define-mixin is-color-link-primary-on-knockout{color: var(--l--theme--color--link--content--primary--on-knockout--rest); &:visited {color: var(--l--theme--color--link--content--primary--on-knockout--visited);} &:hover {color: var(--l--theme--color--link--content--primary--on-knockout--hover);} &:focus-visible {color: var(--l--theme--color--link--content--primary--on-knockout--focus);} &:active {color: var(--l--theme--color--link--content--primary--on-knockout--active);}}@define-mixin is-color-link-secondary{color: var(--l--theme--color--link--content--secondary--on-default--rest); &:visited {color: var(--l--theme--color--link--content--secondary--on-default--visited);} &:hover {color: var(--l--theme--color--link--content--secondary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--secondary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--secondary--on-default--active);}}@define-mixin is-color-link-secondary-on-knockout{color: var(--l--theme--color--link--content--secondary--on-knockout--rest); &:visited {color: var(--l--theme--color--link--content--secondary--on-knockout--visited);} &:hover {color: var(--l--theme--color--link--content--secondary--on-knockout--hover);} &:focus-visible {color: var(--l--theme--color--link--content--secondary--on-knockout--focus);} &:active {color: var(--l--theme--color--link--content--secondary--on-knockout--active);}}@define-mixin is-color-link-tertiary{color: var(--l--theme--color--link--content--tertiary--on-default--rest); &:visited {color: var(--l--theme--color--link--content--tertiary--on-default--visited);} &:hover {color: var(--l--theme--color--link--content--tertiary--on-default--hover);} &:focus-visible {color: var(--l--theme--color--link--content--tertiary--on-default--focus);} &:active {color: var(--l--theme--color--link--content--tertiary--on-default--active);}}@define-mixin is-color-link-tertiary-on-knockout{color: var(--l--theme--color--link--content--tertiary--on-knockout--rest); &:visited {color: var(--l--theme--color--link--content--tertiary--on-knockout--visited);} &:hover {color: var(--l--theme--color--link--content--tertiary--on-knockout--hover);} &:focus-visible {color: var(--l--theme--color--link--content--tertiary--on-knockout--focus);} &:active {color: var(--l--theme--color--link--content--tertiary--on-knockout--active);}}@define-mixin is-color-selection{background-color: var(--l--theme--color--selection--background--on-default); color: var(--l--theme--color--selection--content--on-default);}@define-mixin is-color-selection-on-knockout{background-color: var(--l--theme--color--selection--background--on-knockout); color: var(--l--theme--color--selection--content--on-knockout);}@define-mixin is-color-mode-knockout{background-color: var(--l--theme--color--background--knockout); color: var(--l--theme--color--content--primary--on-knockout); --l--theme--color--background--default: var(--l--theme--color--background--knockout); --l--theme--color--border--primary--on-default: var(--l--theme--color--border--primary--on-knockout); --l--theme--color--border--secondary--on-default: var(--l--theme--color--border--secondary--on-knockout); --l--theme--color--border--tertiary--on-default: var(--l--theme--color--border--tertiary--on-knockout); --l--theme--color--content--primary--on-default: var(--l--theme--color--content--primary--on-knockout); --l--theme--color--content--secondary--on-default: var(--l--theme--color--content--secondary--on-knockout); --l--theme--color--outline--on-default: var(--l--theme--color--outline--on-knockout); --l--theme--color--overlay--on-default: var(--l--theme--color--overlay--on-knockout); --l--theme--color--code--background--on-default: var(--l--theme--color--code--background--on-knockout); --l--theme--color--code--border--on-default: var(--l--theme--color--code--border--on-knockout); --l--theme--color--code--content--on-default: var(--l--theme--color--code--content--on-knockout); --l--theme--color--dialog--background--on-default: var(--l--theme--color--dialog--background--on-knockout); --l--theme--color--dialog--border--on-default: var(--l--theme--color--dialog--border--on-knockout); --l--theme--color--dialog--content--on-default: var(--l--theme--color--dialog--content--on-knockout); --l--theme--color--feedback--background--destructive--on-default: var(--l--theme--color--feedback--background--destructive--on-knockout); --l--theme--color--feedback--background--informative--on-default: var(--l--theme--color--feedback--background--informative--on-knockout); --l--theme--color--feedback--background--positive--on-default: var(--l--theme--color--feedback--background--positive--on-knockout); --l--theme--color--feedback--background--warning--on-default: var(--l--theme--color--feedback--background--warning--on-knockout); --l--theme--color--feedback--border--destructive--on-default: var(--l--theme--color--feedback--border--destructive--on-knockout); --l--theme--color--feedback--border--informative--on-default: var(--l--theme--color--feedback--border--informative--on-knockout); --l--theme--color--feedback--border--positive--on-default: var(--l--theme--color--feedback--border--positive--on-knockout); --l--theme--color--feedback--border--warning--on-default: var(--l--theme--color--feedback--border--warning--on-knockout); --l--theme--color--feedback--content--destructive--on-default: var(--l--theme--color--feedback--content--destructive--on-knockout); --l--theme--color--feedback--content--informative--on-default: var(--l--theme--color--feedback--content--informative--on-knockout); --l--theme--color--feedback--content--positive--on-default: var(--l--theme--color--feedback--content--positive--on-knockout); --l--theme--color--feedback--content--warning--on-default: var(--l--theme--color--feedback--content--warning--on-knockout); --l--theme--color--feedback--outline--destructive--on-default: var(--l--theme--color--feedback--outline--destructive--on-knockout); --l--theme--color--feedback--outline--informative--on-default: var(--l--theme--color--feedback--outline--informative--on-knockout); --l--theme--color--feedback--outline--positive--on-default: var(--l--theme--color--feedback--outline--positive--on-knockout); --l--theme--color--feedback--outline--warning--on-default: var(--l--theme--color--feedback--outline--warning--on-knockout); --l--theme--color--input--background--on-default--rest: var(--l--theme--color--input--background--on-knockout--rest); --l--theme--color--input--background--on-default--focus: var(--l--theme--color--input--background--on-knockout--focus); --l--theme--color--input--background--on-default--hover: var(--l--theme--color--input--background--on-knockout--hover); --l--theme--color--input--background--on-default--checked--rest: var(--l--theme--color--input--background--on-knockout--checked--rest); --l--theme--color--input--background--on-default--checked--focus: var(--l--theme--color--input--background--on-knockout--checked--focus); --l--theme--color--input--background--on-default--checked--hover: var(--l--theme--color--input--background--on-knockout--checked--hover); --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--theme--color--input--background--on-knockout--checked--invalid--rest); --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--theme--color--input--background--on-knockout--checked--invalid--focus); --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--theme--color--input--background--on-knockout--checked--invalid--hover); --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--input--background--on-knockout--invalid--rest); --l--theme--color--input--background--on-default--invalid--focus: var(--l--theme--color--input--background--on-knockout--invalid--focus); --l--theme--color--input--background--on-default--invalid--hover: var(--l--theme--color--input--background--on-knockout--invalid--hover); --l--theme--color--input--background--on-default--disabled: var(--l--theme--color--input--background--on-knockout--disabled); --l--theme--color--input--border--on-default--rest: var(--l--theme--color--input--border--on-knockout--rest); --l--theme--color--input--border--on-default--focus: var(--l--theme--color--input--border--on-knockout--focus); --l--theme--color--input--border--on-default--hover: var(--l--theme--color--input--border--on-knockout--hover); --l--theme--color--input--border--on-default--checked--rest: var(--l--theme--color--input--border--on-knockout--checked--rest); --l--theme--color--input--border--on-default--checked--focus: var(--l--theme--color--input--border--on-knockout--checked--focus); --l--theme--color--input--border--on-default--checked--hover: var(--l--theme--color--input--border--on-knockout--checked--hover); --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--theme--color--input--border--on-knockout--checked--invalid--rest); --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--theme--color--input--border--on-knockout--checked--invalid--focus); --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--theme--color--input--border--on-knockout--checked--invalid--hover); --l--theme--color--input--border--on-default--invalid--rest: var(--l--theme--color--input--border--on-knockout--invalid--rest); --l--theme--color--input--border--on-default--invalid--focus: var(--l--theme--color--input--border--on-knockout--invalid--focus); --l--theme--color--input--border--on-default--invalid--hover: var(--l--theme--color--input--border--on-knockout--invalid--hover); --l--theme--color--input--border--on-default--disabled: var(--l--theme--color--input--border--on-knockout--disabled); --l--theme--color--input--content--on-default--rest: var(--l--theme--color--input--content--on-knockout--rest); --l--theme--color--input--content--on-default--hover: var(--l--theme--color--input--content--on-knockout--hover); --l--theme--color--input--content--on-default--focus: var(--l--theme--color--input--content--on-knockout--focus); --l--theme--color--input--content--on-default--invalid--rest: var(--l--theme--color--input--content--on-knockout--invalid--rest); --l--theme--color--input--content--on-default--invalid--hover: var(--l--theme--color--input--content--on-knockout--invalid--hover); --l--theme--color--input--content--on-default--invalid--focus: var(--l--theme--color--input--content--on-knockout--invalid--focus); --l--theme--color--input--content--on-default--checked--rest: var(--l--theme--color--input--content--on-knockout--checked--rest); --l--theme--color--input--content--on-default--checked--hover: var(--l--theme--color--input--content--on-knockout--checked--hover); --l--theme--color--input--content--on-default--checked--focus: var(--l--theme--color--input--content--on-knockout--checked--focus); --l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--theme--color--input--content--on-knockout--checked--invalid--rest); --l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--theme--color--input--content--on-knockout--checked--invalid--hover); --l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--theme--color--input--content--on-knockout--checked--invalid--focus); --l--theme--color--input--content--on-default--disabled: var(--l--theme--color--input--content--on-knockout--disabled); --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--input--placeholder--on-knockout--rest); --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--input--placeholder--on-knockout--hover); --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--input--placeholder--on-knockout--focus); --l--theme--color--input--placeholder--on-default--disabled: var(--l--theme--color--input--placeholder--on-knockout--disabled); --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--theme--color--input--placeholder--on-knockout--invalid--rest); --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--theme--color--input--placeholder--on-knockout--invalid--hover); --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--theme--color--input--placeholder--on-knockout--invalid--focus); --l--theme--color--interactive--background--primary--on-default--rest: var(--l--theme--color--interactive--background--primary--on-knockout--rest); --l--theme--color--interactive--background--primary--on-default--active: var(--l--theme--color--interactive--background--primary--on-knockout--active); --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--theme--color--interactive--background--primary--on-knockout--disabled); --l--theme--color--interactive--background--primary--on-default--focus: var(--l--theme--color--interactive--background--primary--on-knockout--focus); --l--theme--color--interactive--background--primary--on-default--hover: var(--l--theme--color--interactive--background--primary--on-knockout--hover); --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--theme--color--interactive--background--secondary--on-knockout--rest); --l--theme--color--interactive--background--secondary--on-default--active: var(--l--theme--color--interactive--background--secondary--on-knockout--active); --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--theme--color--interactive--background--secondary--on-knockout--disabled); --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--theme--color--interactive--background--secondary--on-knockout--focus); --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--theme--color--interactive--background--secondary--on-knockout--hover); --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--theme--color--interactive--background--tertiary--on-knockout--rest); --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--theme--color--interactive--background--tertiary--on-knockout--active); --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--theme--color--interactive--background--tertiary--on-knockout--disabled); --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--theme--color--interactive--background--tertiary--on-knockout--focus); --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--theme--color--interactive--background--tertiary--on-knockout--hover); --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--theme--color--interactive--background--destructive--on-knockout--rest); --l--theme--color--interactive--background--destructive--on-default--active: var(--l--theme--color--interactive--background--destructive--on-knockout--active); --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--theme--color--interactive--background--destructive--on-knockout--disabled); --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--theme--color--interactive--background--destructive--on-knockout--focus); --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--theme--color--interactive--background--destructive--on-knockout--hover); --l--theme--color--interactive--border--primary--on-default--rest: var(--l--theme--color--interactive--border--primary--on-knockout--rest); --l--theme--color--interactive--border--primary--on-default--active: var(--l--theme--color--interactive--border--primary--on-knockout--active); --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--theme--color--interactive--border--primary--on-knockout--disabled); --l--theme--color--interactive--border--primary--on-default--focus: var(--l--theme--color--interactive--border--primary--on-knockout--focus); --l--theme--color--interactive--border--primary--on-default--hover: var(--l--theme--color--interactive--border--primary--on-knockout--hover); --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--theme--color--interactive--border--secondary--on-knockout--rest); --l--theme--color--interactive--border--secondary--on-default--active: var(--l--theme--color--interactive--border--secondary--on-knockout--active); --l--theme--color--interactive--border--secondary--on-default--disabled: var(--l--theme--color--interactive--border--secondary--on-knockout--disabled); --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--theme--color--interactive--border--secondary--on-knockout--focus); --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--theme--color--interactive--border--secondary--on-knockout--hover); --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--theme--color--interactive--border--tertiary--on-knockout--rest); --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--theme--color--interactive--border--tertiary--on-knockout--active); --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--theme--color--interactive--border--tertiary--on-knockout--disabled); --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--theme--color--interactive--border--tertiary--on-knockout--focus); --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--theme--color--interactive--border--tertiary--on-knockout--hover); --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--theme--color--interactive--border--destructive--on-knockout--rest); --l--theme--color--interactive--border--destructive--on-default--active: var(--l--theme--color--interactive--border--destructive--on-knockout--active); --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--theme--color--interactive--border--destructive--on-knockout--disabled); --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--theme--color--interactive--border--destructive--on-knockout--focus); --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--theme--color--interactive--border--destructive--on-knockout--hover); --l--theme--color--interactive--content--primary--on-default--rest: var(--l--theme--color--interactive--content--primary--on-knockout--rest); --l--theme--color--interactive--content--primary--on-default--active: var(--l--theme--color--interactive--content--primary--on-knockout--active); --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--theme--color--interactive--content--primary--on-knockout--disabled); --l--theme--color--interactive--content--primary--on-default--focus: var(--l--theme--color--interactive--content--primary--on-knockout--focus); --l--theme--color--interactive--content--primary--on-default--hover: var(--l--theme--color--interactive--content--primary--on-knockout--hover); --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--theme--color--interactive--content--secondary--on-knockout--rest); --l--theme--color--interactive--content--secondary--on-default--active: var(--l--theme--color--interactive--content--secondary--on-knockout--active); --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--theme--color--interactive--content--secondary--on-knockout--disabled); --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--theme--color--interactive--content--secondary--on-knockout--focus); --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--theme--color--interactive--content--secondary--on-knockout--hover); --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--theme--color--interactive--content--tertiary--on-knockout--rest); --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--theme--color--interactive--content--tertiary--on-knockout--active); --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--theme--color--interactive--content--tertiary--on-knockout--disabled); --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--theme--color--interactive--content--tertiary--on-knockout--focus); --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--theme--color--interactive--content--tertiary--on-knockout--hover); --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--theme--color--interactive--content--destructive--on-knockout--rest); --l--theme--color--interactive--content--destructive--on-default--active: var(--l--theme--color--interactive--content--destructive--on-knockout--active); --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--theme--color--interactive--content--destructive--on-knockout--disabled); --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--theme--color--interactive--content--destructive--on-knockout--focus); --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--theme--color--interactive--content--destructive--on-knockout--hover); --l--theme--color--link--content--primary--on-default--rest: var(--l--theme--color--link--content--primary--on-knockout--rest); --l--theme--color--link--content--primary--on-default--hover: var(--l--theme--color--link--content--primary--on-knockout--hover); --l--theme--color--link--content--primary--on-default--focus: var(--l--theme--color--link--content--primary--on-knockout--focus); --l--theme--color--link--content--primary--on-default--active: var(--l--theme--color--link--content--primary--on-knockout--active); --l--theme--color--link--content--primary--on-default--visited: var(--l--theme--color--link--content--primary--on-knockout--visited); --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--link--content--secondary--on-knockout--rest); --l--theme--color--link--content--secondary--on-default--hover: var(--l--theme--color--link--content--secondary--on-knockout--hover); --l--theme--color--link--content--secondary--on-default--focus: var(--l--theme--color--link--content--secondary--on-knockout--focus); --l--theme--color--link--content--secondary--on-default--active: var(--l--theme--color--link--content--secondary--on-knockout--active); --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--link--content--secondary--on-knockout--visited); --l--theme--color--link--content--tertiary--on-default--rest: var(--l--theme--color--link--content--tertiary--on-knockout--rest); --l--theme--color--link--content--tertiary--on-default--hover: var(--l--theme--color--link--content--tertiary--on-knockout--hover); --l--theme--color--link--content--tertiary--on-default--focus: var(--l--theme--color--link--content--tertiary--on-knockout--focus); --l--theme--color--link--content--tertiary--on-default--active: var(--l--theme--color--link--content--tertiary--on-knockout--active); --l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--link--content--tertiary--on-knockout--visited); --l--theme--color--messaging--content--destructive--on-default: var(--l--theme--color--messaging--content--destructive--on-knockout); --l--theme--color--messaging--content--informative--on-default: var(--l--theme--color--messaging--content--informative--on-knockout); --l--theme--color--messaging--content--positive--on-default: var(--l--theme--color--messaging--content--positive--on-knockout); --l--theme--color--messaging--content--warning--on-default: var(--l--theme--color--messaging--content--warning--on-knockout); --l--theme--color--selection--background--on-default: var(--l--theme--color--selection--background--on-knockout); --l--theme--color--selection--content--on-default: var(--l--theme--color--selection--content--on-knockout);}@define-mixin is-border-dialog{border-radius: var(--l--theme--border--dialog--radius); border-style: var(--l--theme--border--dialog--style); border-width: var(--l--theme--border--dialog--width);}@define-mixin is-border-interactive-lg{border-radius: var(--l--theme--border--interactive--radius--lg); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--lg);}@define-mixin is-border-interactive-md{border-radius: var(--l--theme--border--interactive--radius--md); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--md);}@define-mixin is-border-interactive-sm{border-radius: var(--l--theme--border--interactive--radius--sm); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--sm);}@define-mixin is-border-interactive-xs{border-radius: var(--l--theme--border--interactive--radius--xs); border-style: var(--l--theme--border--interactive--style); border-width: var(--l--theme--border--interactive--width--xs);}@define-mixin is-border-mark-control{border-radius: var(--l--theme--border--mark-control--radius); border-style: var(--l--theme--border--mark-control--style); border-width: var(--l--theme--border--mark-control--width);}@define-mixin is-border-media{border-radius: var(--l--theme--border--media--radius); border-style: var(--l--theme--border--media--style); border-width: var(--l--theme--border--media--width);}@define-mixin is-border-text-control-lg{border-radius: var(--l--theme--border--text-control--radius--lg); border-style: var(--l--theme--border--text-control--style); border-width: var(--l--theme--border--text-control--width--lg);}@define-mixin is-border-text-control-md{border-radius: var(--l--theme--border--text-control--radius--md); border-style: var(--l--theme--border--text-control--style); border-width: var(--l--theme--border--text-control--width--md);}@define-mixin is-border-text-control-sm{border-radius: var(--l--theme--border--text-control--radius--sm); border-style: var(--l--theme--border--text-control--style); border-width: var(--l--theme--border--text-control--width--sm);}@define-mixin is-border-text-control-xs{border-radius: var(--l--theme--border--text-control--radius--xs); border-style: var(--l--theme--border--text-control--style); border-width: var(--l--theme--border--text-control--width--xs);}@define-mixin is-border-text-highlight{border-radius: var(--l--theme--border--text-highlight--radius); border-style: var(--l--theme--border--text-highlight--style); border-width: var(--l--theme--border--text-highlight--width);}@define-mixin is-space-dialog{padding-block: var(--l--theme--space--dialog--inset-block); padding-inline: var(--l--theme--space--dialog--inset-inline);}@define-mixin is-space-interactive-lg{padding-block: var(--l--theme--space--interactive--inset-block--lg); padding-inline: var(--l--theme--space--interactive--inset-inline--lg);}@define-mixin is-space-interactive-md{padding-block: var(--l--theme--space--interactive--inset-block--md); padding-inline: var(--l--theme--space--interactive--inset-inline--md);}@define-mixin is-space-interactive-sm{padding-block: var(--l--theme--space--interactive--inset-block--sm); padding-inline: var(--l--theme--space--interactive--inset-inline--sm);}@define-mixin is-space-interactive-xs{padding-block: var(--l--theme--space--interactive--inset-block--xs); padding-inline: var(--l--theme--space--interactive--inset-inline--xs);}@define-mixin is-space-text-control-lg{padding-block: var(--l--theme--space--text-control--inset-block--lg); padding-inline: var(--l--theme--space--text-control--inset-inline--lg);}@define-mixin is-space-text-control-md{padding-block: var(--l--theme--space--text-control--inset-block--md); padding-inline: var(--l--theme--space--text-control--inset-inline--md);}@define-mixin is-space-text-control-sm{padding-block: var(--l--theme--space--text-control--inset-block--sm); padding-inline: var(--l--theme--space--text-control--inset-inline--sm);}@define-mixin is-space-text-control-xs{padding-block: var(--l--theme--space--text-control--inset-block--xs); padding-inline: var(--l--theme--space--text-control--inset-inline--xs);}@define-mixin is-space-text-highlight{padding-block: var(--l--theme--space--text-highlight--inset-block); padding-inline: var(--l--theme--space--text-highlight--inset-inline);}@define-mixin is-typography-blockquote{font-family: var(--l--theme--typography--blockquote--font-family); font-size: var(--l--theme--typography--blockquote--font-size); font-style: var(--l--theme--typography--blockquote--font-style); font-variant-caps: var(--l--theme--typography--blockquote--font-variant-caps); font-weight: var(--l--theme--typography--blockquote--font-weight); letter-spacing: var(--l--theme--typography--blockquote--letter-spacing); line-height: var(--l--theme--typography--blockquote--line-height); text-transform: var(--l--theme--typography--blockquote--text-transform);}@define-mixin is-typography-body-lg{font-family: var(--l--theme--typography--body--font-family--lg); font-size: var(--l--theme--typography--body--font-size--lg); font-style: var(--l--theme--typography--body--font-style--lg); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--lg); font-weight: var(--l--theme--typography--body--font-weight--lg); letter-spacing: var(--l--theme--typography--body--letter-spacing--lg); line-height: var(--l--theme--typography--body--line-height--lg); text-transform: var(--l--theme--typography--body--text-transform--lg);}@define-mixin is-typography-body-md{font-family: var(--l--theme--typography--body--font-family--md); font-size: var(--l--theme--typography--body--font-size--md); font-style: var(--l--theme--typography--body--font-style--md); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--md); font-weight: var(--l--theme--typography--body--font-weight--md); letter-spacing: var(--l--theme--typography--body--letter-spacing--md); line-height: var(--l--theme--typography--body--line-height--md); text-transform: var(--l--theme--typography--body--text-transform--md);}@define-mixin is-typography-body-sm{font-family: var(--l--theme--typography--body--font-family--sm); font-size: var(--l--theme--typography--body--font-size--sm); font-style: var(--l--theme--typography--body--font-style--sm); font-variant-caps: var(--l--theme--typography--body--font-variant-caps--sm); font-weight: var(--l--theme--typography--body--font-weight--sm); letter-spacing: var(--l--theme--typography--body--letter-spacing--sm); line-height: var(--l--theme--typography--body--line-height--sm); text-transform: var(--l--theme--typography--body--text-transform--sm);}@define-mixin is-typography-caption-primary{font-family: var(--l--theme--typography--caption--font-family--primary); font-size: var(--l--theme--typography--caption--font-size--primary); font-style: var(--l--theme--typography--caption--font-style--primary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--primary); font-weight: var(--l--theme--typography--caption--font-weight--primary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--primary); line-height: var(--l--theme--typography--caption--line-height--primary); text-transform: var(--l--theme--typography--caption--text-transform--primary);}@define-mixin is-typography-caption-secondary{font-family: var(--l--theme--typography--caption--font-family--secondary); font-size: var(--l--theme--typography--caption--font-size--secondary); font-style: var(--l--theme--typography--caption--font-style--secondary); font-variant-caps: var(--l--theme--typography--caption--font-variant-caps--secondary); font-weight: var(--l--theme--typography--caption--font-weight--secondary); letter-spacing: var(--l--theme--typography--caption--letter-spacing--secondary); line-height: var(--l--theme--typography--caption--line-height--secondary); text-transform: var(--l--theme--typography--caption--text-transform--secondary);}@define-mixin is-typography-code{font-family: var(--l--theme--typography--code--font-family); font-size: var(--l--theme--typography--code--font-size); font-style: var(--l--theme--typography--code--font-style); font-variant-caps: var(--l--theme--typography--code--font-variant-caps); font-weight: var(--l--theme--typography--code--font-weight); letter-spacing: var(--l--theme--typography--code--letter-spacing); line-height: var(--l--theme--typography--code--line-height); text-transform: var(--l--theme--typography--code--text-transform);}@define-mixin is-typography-heading-l1{font-family: var(--l--theme--typography--heading--font-family--l1); font-size: var(--l--theme--typography--heading--font-size--l1); font-style: var(--l--theme--typography--heading--font-style--l1); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l1); font-weight: var(--l--theme--typography--heading--font-weight--l1); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l1); line-height: var(--l--theme--typography--heading--line-height--l1); text-transform: var(--l--theme--typography--heading--text-transform--l1);}@define-mixin is-typography-heading-l2{font-family: var(--l--theme--typography--heading--font-family--l2); font-size: var(--l--theme--typography--heading--font-size--l2); font-style: var(--l--theme--typography--heading--font-style--l2); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l2); font-weight: var(--l--theme--typography--heading--font-weight--l2); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l2); line-height: var(--l--theme--typography--heading--line-height--l2); text-transform: var(--l--theme--typography--heading--text-transform--l2);}@define-mixin is-typography-heading-l3{font-family: var(--l--theme--typography--heading--font-family--l3); font-size: var(--l--theme--typography--heading--font-size--l3); font-style: var(--l--theme--typography--heading--font-style--l3); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l3); font-weight: var(--l--theme--typography--heading--font-weight--l3); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l3); line-height: var(--l--theme--typography--heading--line-height--l3); text-transform: var(--l--theme--typography--heading--text-transform--l3);}@define-mixin is-typography-heading-l4{font-family: var(--l--theme--typography--heading--font-family--l4); font-size: var(--l--theme--typography--heading--font-size--l4); font-style: var(--l--theme--typography--heading--font-style--l4); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l4); font-weight: var(--l--theme--typography--heading--font-weight--l4); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l4); line-height: var(--l--theme--typography--heading--line-height--l4); text-transform: var(--l--theme--typography--heading--text-transform--l4);}@define-mixin is-typography-heading-l5{font-family: var(--l--theme--typography--heading--font-family--l5); font-size: var(--l--theme--typography--heading--font-size--l5); font-style: var(--l--theme--typography--heading--font-style--l5); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l5); font-weight: var(--l--theme--typography--heading--font-weight--l5); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l5); line-height: var(--l--theme--typography--heading--line-height--l5); text-transform: var(--l--theme--typography--heading--text-transform--l5);}@define-mixin is-typography-heading-l6{font-family: var(--l--theme--typography--heading--font-family--l6); font-size: var(--l--theme--typography--heading--font-size--l6); font-style: var(--l--theme--typography--heading--font-style--l6); font-variant-caps: var(--l--theme--typography--heading--font-variant-caps--l6); font-weight: var(--l--theme--typography--heading--font-weight--l6); letter-spacing: var(--l--theme--typography--heading--letter-spacing--l6); line-height: var(--l--theme--typography--heading--line-height--l6); text-transform: var(--l--theme--typography--heading--text-transform--l6);}@define-mixin is-typography-interactive-lg{font-family: var(--l--theme--typography--interactive--font-family--lg); font-size: var(--l--theme--typography--interactive--font-size--lg); font-style: var(--l--theme--typography--interactive--font-style--lg); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--lg); font-weight: var(--l--theme--typography--interactive--font-weight--lg); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--lg); line-height: var(--l--theme--typography--interactive--line-height--lg); text-transform: var(--l--theme--typography--interactive--text-transform--lg);}@define-mixin is-typography-interactive-md{font-family: var(--l--theme--typography--interactive--font-family--md); font-size: var(--l--theme--typography--interactive--font-size--md); font-style: var(--l--theme--typography--interactive--font-style--md); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--md); font-weight: var(--l--theme--typography--interactive--font-weight--md); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--md); line-height: var(--l--theme--typography--interactive--line-height--md); text-transform: var(--l--theme--typography--interactive--text-transform--md);}@define-mixin is-typography-interactive-sm{font-family: var(--l--theme--typography--interactive--font-family--sm); font-size: var(--l--theme--typography--interactive--font-size--sm); font-style: var(--l--theme--typography--interactive--font-style--sm); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--sm); font-weight: var(--l--theme--typography--interactive--font-weight--sm); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--sm); line-height: var(--l--theme--typography--interactive--line-height--sm); text-transform: var(--l--theme--typography--interactive--text-transform--sm);}@define-mixin is-typography-interactive-xs{font-family: var(--l--theme--typography--interactive--font-family--xs); font-size: var(--l--theme--typography--interactive--font-size--xs); font-style: var(--l--theme--typography--interactive--font-style--xs); font-variant-caps: var(--l--theme--typography--interactive--font-variant-caps--xs); font-weight: var(--l--theme--typography--interactive--font-weight--xs); letter-spacing: var(--l--theme--typography--interactive--letter-spacing--xs); line-height: var(--l--theme--typography--interactive--line-height--xs); text-transform: var(--l--theme--typography--interactive--text-transform--xs);}@define-mixin is-typography-label{font-family: var(--l--theme--typography--label--font-family); font-size: var(--l--theme--typography--label--font-size); font-style: var(--l--theme--typography--label--font-style); font-variant-caps: var(--l--theme--typography--label--font-variant-caps); font-weight: var(--l--theme--typography--label--font-weight); letter-spacing: var(--l--theme--typography--label--letter-spacing); line-height: var(--l--theme--typography--label--line-height); text-transform: var(--l--theme--typography--label--text-transform);}@define-mixin is-typography-link-primary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--primary--active);}}@define-mixin is-typography-link-secondary{text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--rest); &:hover {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--hover);} &:focus-visible {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--focus);} &:active {text-decoration-line: var(--l--theme--typography--link--text-decoration-line--secondary--active);}}@define-mixin is-typography-overline{font-family: var(--l--theme--typography--overline--font-family); font-size: var(--l--theme--typography--overline--font-size); font-style: var(--l--theme--typography--overline--font-style); font-variant-caps: var(--l--theme--typography--overline--font-variant-caps); font-weight: var(--l--theme--typography--overline--font-weight); letter-spacing: var(--l--theme--typography--overline--letter-spacing); line-height: var(--l--theme--typography--overline--line-height); text-transform: var(--l--theme--typography--overline--text-transform);}@define-mixin is-typography-subhead{font-family: var(--l--theme--typography--subhead--font-family); font-size: var(--l--theme--typography--subhead--font-size); font-style: var(--l--theme--typography--subhead--font-style); font-variant-caps: var(--l--theme--typography--subhead--font-variant-caps); font-weight: var(--l--theme--typography--subhead--font-weight); letter-spacing: var(--l--theme--typography--subhead--letter-spacing); line-height: var(--l--theme--typography--subhead--line-height); text-transform: var(--l--theme--typography--subhead--text-transform);}@define-mixin is-typography-text-control-lg{font-family: var(--l--theme--typography--text-control--font-family--lg); font-size: var(--l--theme--typography--text-control--font-size--lg); font-style: var(--l--theme--typography--text-control--font-style--lg); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--lg); font-weight: var(--l--theme--typography--text-control--font-weight--lg); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--lg); line-height: var(--l--theme--typography--text-control--line-height--lg); text-transform: var(--l--theme--typography--text-control--text-transform--lg);}@define-mixin is-typography-text-control-md{font-family: var(--l--theme--typography--text-control--font-family--md); font-size: var(--l--theme--typography--text-control--font-size--md); font-style: var(--l--theme--typography--text-control--font-style--md); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--md); font-weight: var(--l--theme--typography--text-control--font-weight--md); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--md); line-height: var(--l--theme--typography--text-control--line-height--md); text-transform: var(--l--theme--typography--text-control--text-transform--md);}@define-mixin is-typography-text-control-sm{font-family: var(--l--theme--typography--text-control--font-family--sm); font-size: var(--l--theme--typography--text-control--font-size--sm); font-style: var(--l--theme--typography--text-control--font-style--sm); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--sm); font-weight: var(--l--theme--typography--text-control--font-weight--sm); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--sm); line-height: var(--l--theme--typography--text-control--line-height--sm); text-transform: var(--l--theme--typography--text-control--text-transform--sm);}@define-mixin is-typography-text-control-xs{font-family: var(--l--theme--typography--text-control--font-family--xs); font-size: var(--l--theme--typography--text-control--font-size--xs); font-style: var(--l--theme--typography--text-control--font-style--xs); font-variant-caps: var(--l--theme--typography--text-control--font-variant-caps--xs); font-weight: var(--l--theme--typography--text-control--font-weight--xs); letter-spacing: var(--l--theme--typography--text-control--letter-spacing--xs); line-height: var(--l--theme--typography--text-control--line-height--xs); text-transform: var(--l--theme--typography--text-control--text-transform--xs);}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@withlayers/mixins",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "description": "Mixins layer",
   "license": "MIT",
   "author": "Dmitry Mayorov",
@@ -19,6 +19,6 @@
     "lint:css:fix": "stylelint \"src/**/*.css\" --fix"
   },
   "dependencies": {
-    "@withlayers/tokens": "0.25.0"
+    "@withlayers/tokens": "0.26.0"
   }
 }