@volvo-cars/css
Version:
Volvo Cars shared CSS
1,869 lines • 77.7 kB
TypeScript
export interface ClassNames {
readonly root: 'root';
/**
* ```css
* margin: -1rem
* ``` */ readonly m16: '-m-16';
/**
* ```css
* margin: -.125rem
* ``` */ readonly m2: '-m-2';
/**
* ```css
* margin: -1.5rem
* ``` */ readonly m24: '-m-24';
/**
* ```css
* margin: -2rem
* ``` */ readonly m32: '-m-32';
/**
* ```css
* margin: -.25rem
* ``` */ readonly m4: '-m-4';
/**
* ```css
* margin: -3rem
* ``` */ readonly m48: '-m-48';
/**
* ```css
* margin: -4rem
* ``` */ readonly m64: '-m-64';
/**
* ```css
* margin: -.5rem
* ``` */ readonly m8: '-m-8';
/**
* ```css
* margin-bottom: -1rem
* ``` */ readonly mb16: '-mb-16';
/**
* ```css
* margin-bottom: -.125rem
* ``` */ readonly mb2: '-mb-2';
/**
* ```css
* margin-bottom: -1.5rem
* ``` */ readonly mb24: '-mb-24';
/**
* ```css
* margin-bottom: -2rem
* ``` */ readonly mb32: '-mb-32';
/**
* ```css
* margin-bottom: -.25rem
* ``` */ readonly mb4: '-mb-4';
/**
* ```css
* margin-bottom: -3rem
* ``` */ readonly mb48: '-mb-48';
/**
* ```css
* margin-bottom: -4rem
* ``` */ readonly mb64: '-mb-64';
/**
* ```css
* margin-bottom: -.5rem
* ``` */ readonly mb8: '-mb-8';
/**
* ```css
* margin-inline-start: -1rem
* ``` */ readonly ml16: '-ml-16';
/**
* ```css
* margin-inline-start: -.125rem
* ``` */ readonly ml2: '-ml-2';
/**
* ```css
* margin-inline-start: -1.5rem
* ``` */ readonly ml24: '-ml-24';
/**
* ```css
* margin-inline-start: -2rem
* ``` */ readonly ml32: '-ml-32';
/**
* ```css
* margin-inline-start: -.25rem
* ``` */ readonly ml4: '-ml-4';
/**
* ```css
* margin-inline-start: -3rem
* ``` */ readonly ml48: '-ml-48';
/**
* ```css
* margin-inline-start: -4rem
* ``` */ readonly ml64: '-ml-64';
/**
* ```css
* margin-inline-start: -.5rem
* ``` */ readonly ml8: '-ml-8';
/**
* ```css
* margin-inline-end: -1rem
* ``` */ readonly mr16: '-mr-16';
/**
* ```css
* margin-inline-end: -.125rem
* ``` */ readonly mr2: '-mr-2';
/**
* ```css
* margin-inline-end: -1.5rem
* ``` */ readonly mr24: '-mr-24';
/**
* ```css
* margin-inline-end: -2rem
* ``` */ readonly mr32: '-mr-32';
/**
* ```css
* margin-inline-end: -.25rem
* ``` */ readonly mr4: '-mr-4';
/**
* ```css
* margin-inline-end: -3rem
* ``` */ readonly mr48: '-mr-48';
/**
* ```css
* margin-inline-end: -4rem
* ``` */ readonly mr64: '-mr-64';
/**
* ```css
* margin-inline-end: -.5rem
* ``` */ readonly mr8: '-mr-8';
/**
* ```css
* margin-top: -1rem
* ``` */ readonly mt16: '-mt-16';
/**
* ```css
* margin-top: -.125rem
* ``` */ readonly mt2: '-mt-2';
/**
* ```css
* margin-top: -1.5rem
* ``` */ readonly mt24: '-mt-24';
/**
* ```css
* margin-top: -2rem
* ``` */ readonly mt32: '-mt-32';
/**
* ```css
* margin-top: -.25rem
* ``` */ readonly mt4: '-mt-4';
/**
* ```css
* margin-top: -3rem
* ``` */ readonly mt48: '-mt-48';
/**
* ```css
* margin-top: -4rem
* ``` */ readonly mt64: '-mt-64';
/**
* ```css
* margin-top: -.5rem
* ``` */ readonly mt8: '-mt-8';
/**
* ```css
* margin-inline-end: -1rem
* margin-inline-start: -1rem
* ``` */ readonly mx16: '-mx-16';
/**
* ```css
* margin-inline-end: -.125rem
* margin-inline-start: -.125rem
* ``` */ readonly mx2: '-mx-2';
/**
* ```css
* margin-inline-end: -1.5rem
* margin-inline-start: -1.5rem
* ``` */ readonly mx24: '-mx-24';
/**
* ```css
* margin-inline-end: -2rem
* margin-inline-start: -2rem
* ``` */ readonly mx32: '-mx-32';
/**
* ```css
* margin-inline-end: -.25rem
* margin-inline-start: -.25rem
* ``` */ readonly mx4: '-mx-4';
/**
* ```css
* margin-inline-end: -3rem
* margin-inline-start: -3rem
* ``` */ readonly mx48: '-mx-48';
/**
* ```css
* margin-inline-end: -4rem
* margin-inline-start: -4rem
* ``` */ readonly mx64: '-mx-64';
/**
* ```css
* margin-inline-end: -.5rem
* margin-inline-start: -.5rem
* ``` */ readonly mx8: '-mx-8';
/**
* ```css
* margin-top: -1rem
* margin-bottom: -1rem
* ``` */ readonly my16: '-my-16';
/**
* ```css
* margin-top: -.125rem
* margin-bottom: -.125rem
* ``` */ readonly my2: '-my-2';
/**
* ```css
* margin-top: -1.5rem
* margin-bottom: -1.5rem
* ``` */ readonly my24: '-my-24';
/**
* ```css
* margin-top: -2rem
* margin-bottom: -2rem
* ``` */ readonly my32: '-my-32';
/**
* ```css
* margin-top: -.25rem
* margin-bottom: -.25rem
* ``` */ readonly my4: '-my-4';
/**
* ```css
* margin-top: -3rem
* margin-bottom: -3rem
* ``` */ readonly my48: '-my-48';
/**
* ```css
* margin-top: -4rem
* margin-bottom: -4rem
* ``` */ readonly my64: '-my-64';
/**
* ```css
* margin-top: -.5rem
* margin-bottom: -.5rem
* ``` */ readonly my8: '-my-8';
/**
* ```css
* rotate: -90deg
* ``` */ readonly rotate90: '-rotate-90';
/**
* ```css
* --translate-x: 0px
* --translate-y: 0px
* translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
* --translate-x: -50%
* ``` */ readonly translateX12: '-translate-x-1/2';
/**
* ```css
* --translate-x: 0px
* --translate-y: 0px
* translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
* --translate-x: -100%
* ``` */ readonly translateXFull: '-translate-x-full';
/**
* ```css
* --translate-x: 0px
* --translate-y: 0px
* translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
* --translate-y: -50%
* ``` */ readonly translateY12: '-translate-y-1/2';
/**
* ```css
* --translate-x: 0px
* --translate-y: 0px
* translate: calc(var(--translate-x) * var(--_v-setting-text-direction)) var(--translate-y)
* --translate-y: -100%
* ``` */ readonly translateYFull: '-translate-y-full';
/**
* ```css
* position: absolute
* ``` */ readonly absolute: 'absolute';
/**
* ```css
* aspect-ratio: 1
* ``` */ readonly aspect11: 'aspect-1/1';
/**
* ```css
* aspect-ratio: 16 / 9
* ``` */ readonly aspect169: 'aspect-16/9';
/**
* ```css
* aspect-ratio: 2 / 3
* ``` */ readonly aspect23: 'aspect-2/3';
/**
* ```css
* aspect-ratio: 21 / 9
* ``` */ readonly aspect219: 'aspect-21/9';
/**
* ```css
* aspect-ratio: 3 / 2
* ``` */ readonly aspect32: 'aspect-3/2';
/**
* ```css
* aspect-ratio: 4 / 3
* ``` */ readonly aspect43: 'aspect-4/3';
/**
* ```css
* aspect-ratio: 4 / 5
* ``` */ readonly aspect45: 'aspect-4/5';
/**
* ```css
* aspect-ratio: 9 / 16
* ``` */ readonly aspect916: 'aspect-9/16';
/**
* ```css
* background-color: #000000a3
* ``` */ readonly backdrop: 'backdrop';
/**
* ```css
* flex-basis: 0
* ``` */ readonly basis0: 'basis-0';
/**
* ```css
* flex-basis: 50%
* ``` */ readonly basis12: 'basis-1/2';
/**
* ```css
* flex-basis: 1rem
* ``` */ readonly basis16: 'basis-16';
/**
* ```css
* flex-basis: 1.5rem
* ``` */ readonly basis24: 'basis-24';
/**
* ```css
* flex-basis: 2rem
* ``` */ readonly basis32: 'basis-32';
/**
* ```css
* flex-basis: 2.5rem
* ``` */ readonly basis40: 'basis-40';
/**
* ```css
* flex-basis: 3rem
* ``` */ readonly basis48: 'basis-48';
/**
* ```css
* flex-basis: 4rem
* ``` */ readonly basis64: 'basis-64';
/**
* ```css
* flex-basis: .5rem
* ``` */ readonly basis8: 'basis-8';
/**
* ```css
* flex-basis: auto
* ``` */ readonly basisAuto: 'basis-auto';
/**
* ```css
* flex-basis: 100%
* ``` */ readonly basisFull: 'basis-full';
/**
* ```css
* flex-basis: var(--v-size-grid-lg)
* ``` */ readonly basisLg: 'basis-lg';
/**
* ```css
* flex-basis: var(--v-size-grid-md)
* ``` */ readonly basisMd: 'basis-md';
/**
* ```css
* flex-basis: var(--v-size-grid-sm)
* ``` */ readonly basisSm: 'basis-sm';
/**
* ```css
* flex-basis: var(--v-size-grid-xl)
* ``` */ readonly basisXl: 'basis-xl';
/**
* ```css
* flex-basis: var(--v-size-grid-xs)
* ``` */ readonly basisXs: 'basis-xs';
/**
* ```css
* --background-color: var(--v-color-always-black)
* background-color: var(--background-color)
* ``` */ readonly bgAlwaysBlack: 'bg-always-black';
/**
* ```css
* --background-color: var(--v-color-always-white)
* background-color: var(--background-color)
* ``` */ readonly bgAlwaysWhite: 'bg-always-white';
/**
* ```css
* --background-color: var(--v-color-background-feedback-gray)
* background-color: var(--background-color)
* ``` */ readonly bgFeedbackGray: 'bg-feedback-gray';
/**
* ```css
* --background-color: var(--v-color-background-feedback-green)
* background-color: var(--background-color)
* ``` */ readonly bgFeedbackGreen: 'bg-feedback-green';
/**
* ```css
* --background-color: var(--v-color-background-feedback-orange)
* background-color: var(--background-color)
* ``` */ readonly bgFeedbackOrange: 'bg-feedback-orange';
/**
* ```css
* --background-color: var(--v-color-background-feedback-red)
* background-color: var(--background-color)
* ``` */ readonly bgFeedbackRed: 'bg-feedback-red';
/**
* ```css
* background-color: inherit
* ``` */ readonly bgInherit: 'bg-inherit';
/**
* ```css
* --background-color: var(--v-color-background-primary)
* background-color: var(--background-color)
* ``` */ readonly bgPrimary: 'bg-primary';
/**
* ```css
* --background-color: var(--v-color-background-secondary)
* background-color: var(--background-color)
* ``` */ readonly bgSecondary: 'bg-secondary';
/**
* ```css
* --background-color: var(--v-color-surface-accent-blue)
* background-color: var(--background-color)
* ``` */ readonly bgSurfaceAccentBlue: 'bg-surface-accent-blue';
/**
* ```css
* --background-color: var(--v-color-surface-feedback-green)
* background-color: var(--background-color)
* ``` */ readonly bgSurfaceFeedbackGreen: 'bg-surface-feedback-green';
/**
* ```css
* --background-color: var(--v-color-surface-feedback-orange)
* background-color: var(--background-color)
* ``` */ readonly bgSurfaceFeedbackOrange: 'bg-surface-feedback-orange';
/**
* ```css
* --background-color: var(--v-color-surface-feedback-red)
* background-color: var(--background-color)
* ``` */ readonly bgSurfaceFeedbackRed: 'bg-surface-feedback-red';
/**
* ```css
* --background-color: var(--v-color-surface-neutral)
* background-color: var(--background-color)
* ``` */ readonly bgSurfaceNeutral: 'bg-surface-neutral';
/**
* ```css
* background-color: #0000
* ``` */ readonly bgTransparent: 'bg-transparent';
/**
* ```css
* --_display-outer: block
* display: var(--_display-outer) var(--_display-inner)
* --_display-outer:
* display: block
* ``` */ readonly block: 'block';
/**
* ```css
* border-width: 1px
* ``` */ readonly border: 'border';
/**
* ```css
* border-width: 0
* ``` */ readonly border0: 'border-0';
/**
* ```css
* border-width: 2px
* ``` */ readonly border2: 'border-2';
/**
* ```css
* --_border-color: var(--v-color-foreground-accent-blue)
* ``` */ readonly borderAccentBlue: 'border-accent-blue';
/**
* ```css
* --_border-color: var(--v-color-always-black)
* ``` */ readonly borderAlwaysBlack: 'border-always-black';
/**
* ```css
* --_border-color: var(--v-color-always-white)
* ``` */ readonly borderAlwaysWhite: 'border-always-white';
/**
* ```css
* border-bottom-width: 1px
* ``` */ readonly borderB: 'border-b';
/**
* ```css
* border-bottom-width: 0
* ``` */ readonly borderB0: 'border-b-0';
/**
* ```css
* border-bottom-width: 2px
* ``` */ readonly borderB2: 'border-b-2';
/**
* ```css
* --_border-color: var(--v-color-foreground-feedback-green)
* ``` */ readonly borderFeedbackGreen: 'border-feedback-green';
/**
* ```css
* --_border-color: var(--v-color-foreground-feedback-orange)
* ``` */ readonly borderFeedbackOrange: 'border-feedback-orange';
/**
* ```css
* --_border-color: var(--v-color-foreground-feedback-red)
* ``` */ readonly borderFeedbackRed: 'border-feedback-red';
/**
* ```css
* --_border-color: inherit
* ``` */ readonly borderInherit: 'border-inherit';
/**
* ```css
* border-inline-start-width: 1px
* ``` */ readonly borderL: 'border-l';
/**
* ```css
* border-inline-start-width: 0
* ``` */ readonly borderL0: 'border-l-0';
/**
* ```css
* border-inline-start-width: 2px
* ``` */ readonly borderL2: 'border-l-2';
/**
* ```css
* --_border-color: var(--v-color-ornament-primary)
* ``` */ readonly borderOrnament: 'border-ornament';
/**
* ```css
* --_border-color: var(--v-color-foreground-primary)
* ``` */ readonly borderPrimary: 'border-primary';
/**
* ```css
* border-inline-end-width: 1px
* ``` */ readonly borderR: 'border-r';
/**
* ```css
* border-inline-end-width: 0
* ``` */ readonly borderR0: 'border-r-0';
/**
* ```css
* border-inline-end-width: 2px
* ``` */ readonly borderR2: 'border-r-2';
/**
* ```css
* box-shadow: inset 0 0 0 1px var(--_border-color, var(--v-color-ornament-primary))
* ``` */ readonly borderRing: 'border-ring';
/**
* ```css
* box-shadow: inset 0 0 0 2px var(--_border-color, var(--v-color-ornament-primary))
* ``` */ readonly borderRing2: 'border-ring-2';
/**
* ```css
* --_border-color: var(--v-color-foreground-secondary)
* ``` */ readonly borderSecondary: 'border-secondary';
/**
* ```css
* border-top-width: 1px
* ``` */ readonly borderT: 'border-t';
/**
* ```css
* border-top-width: 0
* ``` */ readonly borderT0: 'border-t-0';
/**
* ```css
* border-top-width: 2px
* ``` */ readonly borderT2: 'border-t-2';
/**
* ```css
* --_border-color: var(--v-color-foreground-tertiary)
* ``` */ readonly borderTertiary: 'border-tertiary';
/**
* ```css
* --_border-color: transparent
* ``` */ readonly borderTransparent: 'border-transparent';
/**
* ```css
* border-inline-width: 1px
* ``` */ readonly borderX: 'border-x';
/**
* ```css
* border-inline-width: 0
* ``` */ readonly borderX0: 'border-x-0';
/**
* ```css
* border-inline-width: 2px
* ``` */ readonly borderX2: 'border-x-2';
/**
* ```css
* border-block-width: 1px
* ``` */ readonly borderY: 'border-y';
/**
* ```css
* border-block-width: 0
* ``` */ readonly borderY0: 'border-y-0';
/**
* ```css
* border-block-width: 2px
* ``` */ readonly borderY2: 'border-y-2';
/**
* ```css
* bottom: 0
* ``` */ readonly bottom0: 'bottom-0';
/**
* ```css
* bottom: 50%
* ``` */ readonly bottom12: 'bottom-1/2';
/**
* ```css
* bottom: 1rem
* ``` */ readonly bottom16: 'bottom-16';
/**
* ```css
* bottom: 1.5rem
* ``` */ readonly bottom24: 'bottom-24';
/**
* ```css
* bottom: 2rem
* ``` */ readonly bottom32: 'bottom-32';
/**
* ```css
* bottom: .25rem
* ``` */ readonly bottom4: 'bottom-4';
/**
* ```css
* bottom: 3rem
* ``` */ readonly bottom48: 'bottom-48';
/**
* ```css
* bottom: 4rem
* ``` */ readonly bottom64: 'bottom-64';
/**
* ```css
* bottom: .5rem
* ``` */ readonly bottom8: 'bottom-8';
/**
* ```css
* bottom: 100%
* ``` */ readonly bottomFull: 'bottom-full';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* max-width: 100%
* height: 3rem
* font-size: var(--v-font-16-size)
* font-weight: var(--v-font-emphasis-weight)
* white-space: nowrap
* overflow-x: clip
* --button-accent-color: var(--v-color-surface-neutral)
* --_color: var(--v-color-foreground-inverted)
* color: var(--_color)
* background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))
* --_overlay-rate: 0%
* --spinner-size: 1.5rem
* padding-inline: var(--v-space-24)
* border-radius: var(--v-radius-sm)
* ``` */ readonly buttonFilled: 'button-filled';
/**
* ```css
* gap: var(--v-space-16)
* flex-wrap: wrap
* display: flex
* container: button-group / inline-size
* ``` */ readonly buttonGroup: 'button-group';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* max-width: 100%
* height: 3rem
* font-size: var(--v-font-16-size)
* font-weight: var(--v-font-emphasis-weight)
* white-space: nowrap
* overflow-x: clip
* background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
* box-shadow: inset 0 0 0 1px var(--button-accent-color)
* --_overlay-rate: 0%
* --spinner-size: 1.5rem
* padding-inline: var(--v-space-24)
* border-radius: var(--v-radius-sm)
* --button-accent-color: var(--v-color-foreground-primary)
* color: var(--button-accent-color)
* ``` */ readonly buttonOutlined: 'button-outlined';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* max-width: 100%
* height: 3rem
* font-size: var(--v-font-16-size)
* font-weight: var(--v-font-emphasis-weight)
* white-space: nowrap
* overflow-x: clip
* --button-accent-color: var(--v-color-foreground-primary)
* color: var(--button-accent-color)
* text-align: start
* text-underline-offset: .125em
* text-decoration-skip-ink: none
* ``` */ readonly buttonText: 'button-text';
/**
* ```css
* text-transform: capitalize
* ``` */ readonly capitalize: 'capitalize';
/**
* ```css
*
* ``` */ readonly checkbox: 'checkbox';
/**
* ```css
* contain: content
* ``` */ readonly containContent: 'contain-content';
/**
* ```css
* contain: none
* ``` */ readonly containNone: 'contain-none';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-xl)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly container: 'container';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-lg)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly containerLg: 'container-lg';
/**
* ```css
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* max-width: min((100vw - var(--v-space-pagemargin) * 2) + var(--_outer-margin), 160rem)
* ``` */ readonly containerMax: 'container-max';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-md)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly containerMd: 'container-md';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-sm)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly containerSm: 'container-sm';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-xl)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly containerXl: 'container-xl';
/**
* ```css
* --_columns-total-width: var(--v-size-grid-xs)
* --_outer-margin: 0px
* width: 100%
* max-width: min(81rem, min(var(--v-size-grid-maxwidth), var(--_columns-total-width)) + var(--_outer-margin))
* scroll-padding-inline: calc(var(--_outer-margin) / 2)
* margin-inline: auto
* container-type: inline-size
* ``` */ readonly containerXs: 'container-xs';
/**
* ```css
* display: contents
* ``` */ readonly contents: 'contents';
/**
* ```css
*
* ``` */ readonly dialog: 'dialog';
/**
* ```css
*
* ``` */ readonly dialogLarge: 'dialog-large';
/**
* ```css
* width: var(--v-size-grid-xs)
* border-end-end-radius: var(--v-radius-md)
* border-end-start-radius: var(--v-radius-md)
* max-width: calc(100vw - 3rem)
* margin-bottom: auto
* ``` */ readonly dialogSmall: 'dialog-small';
/**
* ```css
* top: 0
* height: var(--v-space-48)
* justify-content: flex-end
* align-items: center
* display: flex
* position: absolute
* inset-inline-end: 0
* ``` */ readonly dialogClose: 'dialog__close';
/**
* ```css
* inset-inline-end: 0
* ``` */ readonly end0: 'end-0';
/**
* ```css
* inset-inline-end: 50%
* ``` */ readonly end12: 'end-1/2';
/**
* ```css
* inset-inline-end: 1rem
* ``` */ readonly end16: 'end-16';
/**
* ```css
* inset-inline-end: 1.5rem
* ``` */ readonly end24: 'end-24';
/**
* ```css
* inset-inline-end: 2rem
* ``` */ readonly end32: 'end-32';
/**
* ```css
* inset-inline-end: .25rem
* ``` */ readonly end4: 'end-4';
/**
* ```css
* inset-inline-end: 3rem
* ``` */ readonly end48: 'end-48';
/**
* ```css
* inset-inline-end: 4rem
* ``` */ readonly end64: 'end-64';
/**
* ```css
* inset-inline-end: .5rem
* ``` */ readonly end8: 'end-8';
/**
* ```css
* inset-inline-end: 100%
* ``` */ readonly endFull: 'end-full';
/**
* ```css
* animation: v-fade-in var(--v-transition-notable)
* ``` */ readonly fadeIn: 'fade-in';
/**
* ```css
* position: fixed
* ``` */ readonly fixed: 'fixed';
/**
* ```css
* --_display-inner: flex
* display: var(--_display-outer) flex
* ``` */ readonly flex: 'flex';
/**
* ```css
* --_display-inner: flex
* display: var(--_display-outer) flex
* flex-direction: column
* ``` */ readonly flexCol: 'flex-col';
/**
* ```css
* --_display-inner: flex
* display: var(--_display-outer) flex
* flex-direction: column-reverse
* ``` */ readonly flexColReverse: 'flex-col-reverse';
/**
* ```css
* flex-grow: 1
* ``` */ readonly flexGrow: 'flex-grow';
/**
* ```css
* flex-grow: 0
* ``` */ readonly flexGrow0: 'flex-grow-0';
/**
* ```css
* flex-wrap: nowrap
* ``` */ readonly flexNowrap: 'flex-nowrap';
/**
* ```css
* --_display-inner: flex
* display: var(--_display-outer) flex
* flex-direction: row
* ``` */ readonly flexRow: 'flex-row';
/**
* ```css
* --_display-inner: flex
* display: var(--_display-outer) flex
* flex-direction: row-reverse
* ``` */ readonly flexRowReverse: 'flex-row-reverse';
/**
* ```css
* flex-shrink: 1
* ``` */ readonly flexShrink: 'flex-shrink';
/**
* ```css
* flex-shrink: 0
* ``` */ readonly flexShrink0: 'flex-shrink-0';
/**
* ```css
* flex-wrap: wrap
* ``` */ readonly flexWrap: 'flex-wrap';
/**
* ```css
* --_display-inner: flow-root
* display: var(--_display-outer) var(--_display-inner)
* ``` */ readonly flowRoot: 'flow-root';
/**
* ```css
* font-size: var(--v-font-14-size)
* line-height: var(--v-font-14-lineheight)
* ``` */ readonly font14: 'font-14';
/**
* ```css
* font-size: var(--v-font-16-size)
* line-height: var(--v-font-16-lineheight)
* ``` */ readonly font16: 'font-16';
/**
* ```css
* font-size: var(--v-font-20-size)
* line-height: var(--v-font-20-lineheight)
* ``` */ readonly font20: 'font-20';
/**
* ```css
* font-size: var(--v-font-24-size)
* line-height: var(--v-font-24-lineheight)
* ``` */ readonly font24: 'font-24';
/**
* ```css
* font-weight: 300
* ``` */ readonly fontLight: 'font-light';
/**
* ```css
* font-weight: 500
* ``` */ readonly fontMedium: 'font-medium';
/**
* ```css
* gap: 0
* ``` */ readonly gap0: 'gap-0';
/**
* ```css
* gap: 1rem
* ``` */ readonly gap16: 'gap-16';
/**
* ```css
* gap: 1.5rem
* ``` */ readonly gap24: 'gap-24';
/**
* ```css
* gap: 2rem
* ``` */ readonly gap32: 'gap-32';
/**
* ```css
* gap: .25rem
* ``` */ readonly gap4: 'gap-4';
/**
* ```css
* gap: 3rem
* ``` */ readonly gap48: 'gap-48';
/**
* ```css
* gap: 4rem
* ``` */ readonly gap64: 'gap-64';
/**
* ```css
* gap: .5rem
* ``` */ readonly gap8: 'gap-8';
/**
* ```css
* column-gap: 0
* ``` */ readonly gapX0: 'gap-x-0';
/**
* ```css
* column-gap: 1rem
* ``` */ readonly gapX16: 'gap-x-16';
/**
* ```css
* column-gap: 1.5rem
* ``` */ readonly gapX24: 'gap-x-24';
/**
* ```css
* column-gap: 2rem
* ``` */ readonly gapX32: 'gap-x-32';
/**
* ```css
* column-gap: .25rem
* ``` */ readonly gapX4: 'gap-x-4';
/**
* ```css
* column-gap: 3rem
* ``` */ readonly gapX48: 'gap-x-48';
/**
* ```css
* column-gap: 4rem
* ``` */ readonly gapX64: 'gap-x-64';
/**
* ```css
* column-gap: .5rem
* ``` */ readonly gapX8: 'gap-x-8';
/**
* ```css
* column-gap: var(--v-space-gutter)
* ``` */ readonly gapXGutter: 'gap-x-gutter';
/**
* ```css
* row-gap: 0
* ``` */ readonly gapY0: 'gap-y-0';
/**
* ```css
* row-gap: 1rem
* ``` */ readonly gapY16: 'gap-y-16';
/**
* ```css
* row-gap: 1.5rem
* ``` */ readonly gapY24: 'gap-y-24';
/**
* ```css
* row-gap: 2rem
* ``` */ readonly gapY32: 'gap-y-32';
/**
* ```css
* row-gap: .25rem
* ``` */ readonly gapY4: 'gap-y-4';
/**
* ```css
* row-gap: 3rem
* ``` */ readonly gapY48: 'gap-y-48';
/**
* ```css
* row-gap: 4rem
* ``` */ readonly gapY64: 'gap-y-64';
/**
* ```css
* row-gap: .5rem
* ``` */ readonly gapY8: 'gap-y-8';
/**
* ```css
* row-gap: var(--v-space-l)
* ``` */ readonly gapYL: 'gap-y-l';
/**
* ```css
* row-gap: var(--v-space-m)
* ``` */ readonly gapYM: 'gap-y-m';
/**
* ```css
* row-gap: var(--v-space-s)
* ``` */ readonly gapYS: 'gap-y-s';
/**
* ```css
* --_display-inner: grid
* display: var(--_display-outer) grid
* ``` */ readonly grid: 'grid';
/**
* ```css
* --_display-inner: grid
* display: var(--_display-outer) grid
* grid-template-columns: repeat(2, minmax(0, 1fr))
* ``` */ readonly gridCols2: 'grid-cols-2';
/**
* ```css
* --_display-inner: grid
* display: var(--_display-outer) grid
* grid-template-columns: repeat(3, minmax(0, 1fr))
* ``` */ readonly gridCols3: 'grid-cols-3';
/**
* ```css
* --_display-inner: grid
* display: var(--_display-outer) grid
* grid-template-columns: repeat(4, minmax(0, 1fr))
* ``` */ readonly gridCols4: 'grid-cols-4';
/**
* ```css
* height: 0
* ``` */ readonly h0: 'h-0';
/**
* ```css
* height: 1rem
* ``` */ readonly h16: 'h-16';
/**
* ```css
* height: 1lh
* ``` */ readonly h1Lh: 'h-1lh';
/**
* ```css
* height: 1.5rem
* ``` */ readonly h24: 'h-24';
/**
* ```css
* height: 2rem
* ``` */ readonly h32: 'h-32';
/**
* ```css
* height: 2.5rem
* ``` */ readonly h40: 'h-40';
/**
* ```css
* height: 3rem
* ``` */ readonly h48: 'h-48';
/**
* ```css
* height: 4rem
* ``` */ readonly h64: 'h-64';
/**
* ```css
* height: .5rem
* ``` */ readonly h8: 'h-8';
/**
* ```css
* height: fit-content
* ``` */ readonly hFit: 'h-fit';
/**
* ```css
* height: 100%
* ``` */ readonly hFull: 'h-full';
/**
* ```css
* font: var(--v-font-heading-1)
* text-wrap: balance
* ``` */ readonly heading1: 'heading-1';
/**
* ```css
* font: var(--v-font-heading-2)
* text-wrap: balance
* ``` */ readonly heading2: 'heading-2';
/**
* ```css
* font: var(--v-font-heading-3)
* text-wrap: balance
* ``` */ readonly heading3: 'heading-3';
/**
* ```css
* display: none
* ``` */ readonly hidden: 'hidden';
/**
* ```css
* hyphens: auto
* ``` */ readonly hyphens: 'hyphens';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
* --_overlay-rate: 0%
* --button-accent-color: var(--v-color-foreground-primary)
* color: var(--button-accent-color)
* border-radius: var(--v-radius-full)
* flex-shrink: 0
* width: 2.5rem
* height: 2.5rem
* ``` */ readonly iconButtonClear: 'icon-button-clear';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* --button-accent-color: var(--v-color-surface-neutral)
* --_color: var(--v-color-foreground-inverted)
* color: var(--_color)
* background: color-mix(in oklab, var(--button-accent-color), var(--_color) var(--_overlay-rate))
* --_overlay-rate: 0%
* border-radius: var(--v-radius-full)
* flex-shrink: 0
* width: 2.5rem
* height: 2.5rem
* ``` */ readonly iconButtonFilled: 'icon-button-filled';
/**
* ```css
* user-select: none
* min-width: max-content
* transition: transform var(--v-transition-default), background-color var(--v-transition-default)
* justify-content: center
* align-items: center
* display: inline-flex
* position: relative
* background: color-mix(in oklab, var(--_button-bg-color, transparent), var(--button-accent-color) var(--_overlay-rate))
* box-shadow: inset 0 0 0 1px var(--button-accent-color)
* --_overlay-rate: 0%
* --button-accent-color: var(--v-color-foreground-primary)
* color: var(--button-accent-color)
* border-radius: var(--v-radius-full)
* flex-shrink: 0
* width: 2.5rem
* height: 2.5rem
* ``` */ readonly iconButtonOutlined: 'icon-button-outlined';
/**
* ```css
*
* ``` */ readonly iconMask: 'icon-mask';
/**
* ```css
*
* ``` */ readonly iconSprite: 'icon-sprite';
/**
* ```css
* object-fit: cover
* shape-margin: .75rem
* background-repeat: no-repeat
* background-size: cover
* max-width: 100%
* height: auto
* font-style: italic
* display: block
* ``` */ readonly img: 'img';
/**
* ```css
* --_display-outer: inline
* display: var(--_display-outer) var(--_display-inner)
* ``` */ readonly inline: 'inline';
/**
* ```css
*
* ``` */ readonly input: 'input';
/**
* ```css
* contain: content
* ``` */ readonly inputFloatingLabel: 'input-floating-label';
/**
* ```css
* visibility: hidden
* ``` */ readonly invisible: 'invisible';
/**
* ```css
* align-items: center
* ``` */ readonly itemsCenter: 'items-center';
/**
* ```css
* align-items: flex-end
* ``` */ readonly itemsEnd: 'items-end';
/**
* ```css
* align-items: flex-start
* ``` */ readonly itemsStart: 'items-start';
/**
* ```css
* align-items: stretch
* ``` */ readonly itemsStretch: 'items-stretch';
/**
* ```css
* justify-content: space-around
* ``` */ readonly justifyAround: 'justify-around';
/**
* ```css
* justify-content: space-between
* ``` */ readonly justifyBetween: 'justify-between';
/**
* ```css
* justify-content: center
* ``` */ readonly justifyCenter: 'justify-center';
/**
* ```css
* justify-content: flex-end
* ``` */ readonly justifyEnd: 'justify-end';
/**
* ```css
* justify-content: space-evenly
* ``` */ readonly justifyEvenly: 'justify-evenly';
/**
* ```css
* justify-content: flex-start
* ``` */ readonly justifyStart: 'justify-start';
/**
* ```css
*
* ``` */ readonly label: 'label';
/**
* ```css
* gap: var(--v-space-gutter)
* max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
* grid-template-columns: 1fr
* margin-inline: auto
* display: grid
* --_outer-margin: 0px
* grid-template-columns: 1fr 1fr
* ``` */ readonly layout45: 'layout-4-5';
/**
* ```css
* gap: var(--v-space-gutter)
* max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
* grid-template-columns: 1fr
* margin-inline: auto
* display: grid
* --_outer-margin: var(--v-space-pagemargin) * 2
* --_outer-margin: 0px
* grid-template-columns: 1fr 1fr
* ``` */ readonly layout46: 'layout-4-6';
/**
* ```css
* gap: var(--v-space-gutter)
* max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
* grid-template-columns: 1fr
* margin-inline: auto
* display: grid
* --_outer-margin: 0px
* grid-template-columns: 1fr 1fr
* ``` */ readonly layout54: 'layout-5-4';
/**
* ```css
* gap: var(--v-space-gutter)
* max-width: calc(var(--v-size-grid-maxwidth) + var(--_outer-margin, 0))
* grid-template-columns: 1fr
* margin-inline: auto
* display: grid
* --_outer-margin: var(--v-space-pagemargin) * 2
* --_outer-margin: 0px
* grid-template-columns: 1fr 1fr
* ``` */ readonly layout64: 'layout-6-4';
/**
* ```css
* color: var(--v-color-foreground-primary)
* text-decoration-skip-ink: auto
* text-underline-offset: .125em
* text-decoration-line: underline
* ``` */ readonly linkInline: 'link-inline';
/**
* ```css
* text-underline-offset: .125em
* position: relative
* ``` */ readonly linkPlain: 'link-plain';
/**
* ```css
* text-decoration-skip-ink: auto
* text-decoration-line: underline
* text-underline-offset: .125em
* position: relative
* ``` */ readonly linkUnderlined: 'link-underlined';
/**
* ```css
*
* ``` */ readonly list: 'list';
/**
* ```css
* margin: 0
* ``` */ readonly m0: 'm-0';
/**
* ```css
* margin: 1rem
* ``` */ readonly m16: 'm-16';
/**
* ```css
* margin: .125rem
* ``` */ readonly m2: 'm-2';
/**
* ```css
* margin: 1.5rem
* ``` */ readonly m24: 'm-24';
/**
* ```css
* margin: 2rem
* ``` */ readonly m32: 'm-32';
/**
* ```css
* margin: .25rem
* ``` */ readonly m4: 'm-4';
/**
* ```css
* margin: 3rem
* ``` */ readonly m48: 'm-48';
/**
* ```css
* margin: 4rem
* ``` */ readonly m64: 'm-64';
/**
* ```css
* margin: .5rem
* ``` */ readonly m8: 'm-8';
/**
* ```css
* margin: auto
* ``` */ readonly mAuto: 'm-auto';
/**
* ```css
* max-height: 0
* ``` */ readonly maxH0: 'max-h-0';
/**
* ```css
* max-height: 1rem
* ``` */ readonly maxH16: 'max-h-16';
/**
* ```css
* max-height: 1.5rem
* ``` */ readonly maxH24: 'max-h-24';
/**
* ```css
* max-height: 2rem
* ``` */ readonly maxH32: 'max-h-32';
/**
* ```css
* max-height: 2.5rem
* ``` */ readonly maxH40: 'max-h-40';
/**
* ```css
* max-height: 3rem
* ``` */ readonly maxH48: 'max-h-48';
/**
* ```css
* max-height: 4rem
* ``` */ readonly maxH64: 'max-h-64';
/**
* ```css
* max-height: .5rem
* ``` */ readonly maxH8: 'max-h-8';
/**
* ```css
* max-height: fit-content
* ``` */ readonly maxHFit: 'max-h-fit';
/**
* ```css
* max-height: 100%
* ``` */ readonly maxHFull: 'max-h-full';
/**
* ```css
* max-width: 50%
* ``` */ readonly maxW12: 'max-w-1/2';
/**
* ```css
* max-width: fit-content
* ``` */ readonly maxWFit: 'max-w-fit';
/**
* ```css
* max-width: 100%
* ``` */ readonly maxWFull: 'max-w-full';
/**
* ```css
* max-width: min-content
* ``` */ readonly maxWMin: 'max-w-min';
/**
* ```css
* max-width: var(--v-size-contentmax)
* ``` */ readonly maxWProse: 'max-w-prose';
/**
* ```css
* margin-bottom: 0
* ``` */ readonly mb0: 'mb-0';
/**
* ```css
* margin-bottom: 1rem
* ``` */ readonly mb16: 'mb-16';
/**
* ```css
* margin-bottom: .125rem
* ``` */ readonly mb2: 'mb-2';
/**
* ```css
* margin-bottom: 1.5rem
* ``` */ readonly mb24: 'mb-24';
/**
* ```css
* margin-bottom: 2rem
* ``` */ readonly mb32: 'mb-32';
/**
* ```css
* margin-bottom: .25rem
* ``` */ readonly mb4: 'mb-4';
/**
* ```css
* margin-bottom: 3rem
* ``` */ readonly mb48: 'mb-48';
/**
* ```css
* margin-bottom: 4rem
* ``` */ readonly mb64: 'mb-64';
/**
* ```css
* margin-bottom: .5rem
* ``` */ readonly mb8: 'mb-8';
/**
* ```css
* margin-bottom: auto
* ``` */ readonly mbAuto: 'mb-auto';
/**
* ```css
* margin-bottom: var(--v-space-l)
* ``` */ readonly mbL: 'mb-l';
/**
* ```css
* margin-bottom: var(--v-space-m)
* ``` */ readonly mbM: 'mb-m';
/**
* ```css
* margin-bottom: var(--v-space-s)
* ``` */ readonly mbS: 'mb-s';
/**
* ```css
* font-size: var(--v-font-12-size)
* line-height: var(--v-font-12-lineheight)
* letter-spacing: .02em
* ``` */ readonly micro: 'micro';
/**
* ```css
* min-height: 0
* ``` */ readonly minH0: 'min-h-0';
/**
* ```css
* min-height: 1rem
* ``` */ readonly minH16: 'min-h-16';
/**
* ```css
* min-height: 1.5rem
* ``` */ readonly minH24: 'min-h-24';
/**
* ```css
* min-height: 2rem
* ``` */ readonly minH32: 'min-h-32';
/**
* ```css
* min-height: 2.5rem
* ``` */ readonly minH40: 'min-h-40';
/**
* ```css
* min-height: 3rem
* ``` */ readonly minH48: 'min-h-48';
/**
* ```css
* min-height: 4rem
* ``` */ readonly minH64: 'min-h-64';
/**
* ```css
* min-height: .5rem
* ``` */ readonly minH8: 'min-h-8';
/**
* ```css
* min-height: fit-content
* ``` */ readonly minHFit: 'min-h-fit';
/**
* ```css
* min-height: 100%
* ``` */ readonly minHFull: 'min-h-full';
/**
* ```css
* min-width: 0
* ``` */ readonly minW0: 'min-w-0';
/**
* ```css
* min-width: fit-content
* ``` */ readonly minWFit: 'min-w-fit';
/**
* ```css
* min-width: min-content
* ``` */ readonly minWMin: 'min-w-min';
/**
* ```css
* margin-inline-start: 0
* ``` */ readonly ml0: 'ml-0';
/**
* ```css
* margin-inline-start: 1rem
* ``` */ readonly ml16: 'ml-16';
/**
* ```css
* margin-inline-start: .125rem
* ``` */ readonly ml2: 'ml-2';
/**
* ```css
* margin-inline-start: 1.5rem
* ``` */ readonly ml24: 'ml-24';
/**
* ```css
* margin-inline-start: 2rem
* ``` */ readonly ml32: 'ml-32';
/**
* ```css
* margin-inline-start: .25rem
* ``` */ readonly ml4: 'ml-4';
/**
* ```css
* margin-inline-start: 3rem
* ``` */ readonly ml48: 'ml-48';
/**
* ```css
* margin-inline-start: 4rem
* ``` */ readonly ml64: 'ml-64';
/**
* ```css
* margin-inline-start: .5rem
* ``` */ readonly ml8: 'ml-8';
/**
* ```css
* margin-inline-start: auto
* ``` */ readonly mlAuto: 'ml-auto';
/**
* ```css
* margin-inline-start: var(--v-space-pagemargin)
* ``` */ readonly mlPagemargin: 'ml-pagemargin';
/**
* ```css
* margin-inline-end: 0
* ``` */ readonly mr0: 'mr-0';
/**
* ```css
* margin-inline-end: 1rem
* ``` */ readonly mr16: 'mr-16';
/**
* ```css
* margin-inline-end: .125rem
* ``` */ readonly mr2: 'mr-2';
/**
* ```css
* margin-inline-end: 1.5rem
* ``` */ readonly mr24: 'mr-24';
/**
* ```css
* margin-inline-end: 2rem
* ``` */ readonly mr32: 'mr-32';
/**
* ```css
* margin-inline-end: .25rem
* ``` */ readonly mr4: 'mr-4';
/**
* ```css
* margin-inline-end: 3rem
* ``` */ readonly mr48: 'mr-48';
/**
* ```css
* margin-inline-end: 4rem
* ``` */ readonly mr64: 'mr-64';
/**
* ```css
* margin-inline-end: .5rem
* ``` */ readonly mr8: 'mr-8';
/**
* ```css
* margin-inline-end: auto
* ``` */ readonly mrAuto: 'mr-auto';
/**
* ```css
* margin-inline-end: var(--v-space-pagemargin)
* ``` */ readonly mrPagemargin: 'mr-pagemargin';
/**
* ```css
* margin-top: 0
* ``` */ readonly mt0: 'mt-0';
/**
* ```css
* margin-top: 1rem
* ``` */ readonly mt16: 'mt-16';
/**
* ```css
* margin-top: .125rem
* ``` */ readonly mt2: 'mt-2';
/**
* ```css
* margin-top: 1.5rem
* ``` */ readonly mt24: 'mt-24';
/**
* ```css
* margin-top: 2rem
* ``` */ readonly mt32: 'mt-32';
/**
* ```css
* margin-top: .25rem
* ``` */ readonly mt4: 'mt-4';
/**
* ```css
* margin-top: 3rem
* ``` */ readonly mt48: 'mt-48';
/**
* ```css
* margin-top: 4rem
* ``` */ readonly mt64: 'mt-64';
/**
* ```css
* margin-top: .5rem
* ``` */ readonly mt8: 'mt-8';
/**
* ```css
* margin-top: auto
* ``` */ readonly mtAuto: 'mt-auto';
/**
* ```css
* margin-top: var(--v-space-l)
* ``` */ readonly mtL: 'mt-l';
/**
* ```css
* margin-top: var(--v-space-m)
* ``` */ readonly mtM: 'mt-m';
/**
* ```css
* margin-top: var(--v-space-s)
* ``` */ readonly mtS: 'mt-s';
/**
* ```css
* margin-inline-end: 0
* margin-inline-start: 0
* ``` */ readonly mx0: 'mx-0';
/**
* ```css
* margin-inline-end: 1rem
* margin-inline-start: 1rem
* ``` */ readonly mx16: 'mx-16';
/**
* ```css
* margin-inline-end: .125rem
* margin-inline-start: .125rem
* ``` */ readonly mx2: 'mx-2';
/**
* ```css
* margin-inline-end: 1.5rem
* margin-inline-start: 1.5rem
* ``` */ readonly mx24: 'mx-24';
/**
* ```css
* margin-inline-end: 2rem
* margin-inline-start: 2rem
* ``` */ readonly mx32: 'mx-32';
/**
* ```css
* margin-inline-end: .25rem
* margin-inline-start: .25rem
* ``` */ readonly mx4: 'mx-4';
/**
* ```css
* margin-inline-end: 3rem
* margin-inline-start: 3rem
* ``` */ readonly mx48: 'mx-48';
/**
* ```css
* margin-inline-end: 4rem
* margin-inline-start: 4rem
* ``` */ readonly mx64: 'mx-64';
/**
* ```css
* margin-inline-end: .5rem
* margin-inline-start: .5rem
* ``` */ readonly mx8: 'mx-8';
/**
* ```css
* margin-inline-end: auto
* margin-inline-start: auto
* ``` */ readonly mxAuto: 'mx-auto';
/**
* ```css
* margin-inline-end: var(--v-space-pagemargin)
* margin-inline-start: var(--v-space-pagemargin)
* ``` */ readonly mxPagemargin: 'mx-pagemargin';
/**
* ```css
* margin-top: 0
* margin-bottom: 0
* ``` */ readonly my0: 'my-0';
/**
* ```css
* margin-top: 1rem
* margin-bottom: 1rem
* ``` */ readonly my16: 'my-16';
/**
* ```css
* margin-top: .125rem
* margin-bottom: .125rem
* ``` */ readonly my2: 'my-2';
/**
* ```css
* margin-top: 1.5rem
* margin-bottom: 1.5rem
* ``` */ readonly my24: 'my-24';
/**
* ```css
* margin-top: 2rem
* margin-bottom: 2rem
* ``` */ readonly my32: 'my-32';
/**
* ```css
* margin-top: .25rem
* margin-bottom: .25rem
* ``` */ readonly my4: 'my-4';
/**
* ```css
* margin-top: 3rem
* margin-bottom: 3rem
* ``` */ readonly my48: 'my-48';
/**
* ```css
* margin-top: 4rem
* margin-bottom: 4rem
* ``` */ readonly my64: 'my-64';
/**
* ```css
* margin-top: .5rem
* margin-bottom: .5rem
* ``` */ readonly my8: 'my-8';
/**
* ```css
* margin-top: auto
* margin-bottom: auto
* ``` */ readonly myAuto: 'my-auto';
/**
* ```css
* margin-top: var(--v-space-l)
* margin-bottom: var(--v-space-l)
* ``` */ readonly myL: 'my-l';
/**
* ```css
* margin-top: var(--v-space-m)
* margin-bottom: var(--v-space-m)
* ``` */ readonly myM: 'my-m';
/**
* ```css
* margin-top: var(--v-space-s)
* margin-bottom: var(--v-space-s)
* ``` */ readonly myS: 'my-s';
/**
* ```css
* object-fit: contain
* ``` */ readonly objectContain: 'object-contain';
/**
* ```css
* object-fit: cover
* ``` */ readonly objectCover: 'object-cover';
/**
* ```css
* object-fit: fill
* ``` */ readonly objectFill: 'object-fill';
/**
* ```css
*
* ``` */ readonly opacity0: 'opacity-0';
/**
* ```css
* overflow: auto
* ``` */ readonly overflowAuto: 'overflow-auto';
/**
* ```css
* overflow: hidden
* ``` */ readonly overflowHidden: 'overflow-hidden';
/**
* ```css
* overflow: visible
* ``` */ readonly overflowVisible: 'overflow-visible';
/**
* ```css
* overflow-x: auto
* ``` */ readonly overfl