Foundations

Sizes

Modal widths and page content widths.

loader 1

Token	Value	Preview
`--loader-track-height` 03 Token / component-tokens/loader/track-height · added in code	`5px`

Token	Value	Preview
`--modal-large-size` 03 Token / component-tokens/modal/large-size	Desktop `1105px` Tablet `375px` Mobile `375px`
`--modal-medium-size` 03 Token / component-tokens/modal/medium-size	Desktop `657px` Tablet `375px` Mobile `375px`
`--modal-small-size` 03 Token / component-tokens/modal/small-size	Desktop `433px` Tablet `375px` Mobile `375px`

page-tokens 3

Token	Value	Preview
`--page-full-content` 03 Token / page-tokens/page-full-content	Desktop `var(--grid-column-12)` Tablet `0px` Mobile `0px`
`--page-medium-content` 03 Token / page-tokens/page-medium-content	Desktop `var(--grid-column-6)` Tablet `0px` Mobile `0px`
`--page-small-content` 03 Token / page-tokens/page-small-content	Desktop `var(--grid-column-4)` Tablet `0px` Mobile `0px`