/*!
* @kahi-ui/framework v0.6.4
*
* https://github.com/novacbn/kahi-ui.git
*/
*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
::moz-focus-inner {
  border-style: none;
  padding: 0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
body {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}
html {
  -webkit-text-size-adjust: 100%;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  line-height: 1.5;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
button {
  text-transform: none;
  background-color: transparent;
  background-image: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
[role=button] {
  cursor: pointer;
}
figure,
hr,
blockquote,
pre,
h6,
h5,
h4,
h3,
h2,
h1,
p {
  margin: 0;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
h6,
h5,
h4,
h3,
h2,
h1 {
  font-size: inherit;
  font-weight: inherit;
}
input,
button,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  padding: 0;
  line-height: inherit;
  color: inherit;
}
img {
  border-style: solid;
  max-width: 100%;
  height: auto;
}
input::placeholder {
  opacity: 1;
  color: #a1a1aa;
}
img,
svg {
  display: block;
  vertical-align: middle;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
textarea {
  resize: vertical;
}
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}
audio,
canvas,
embed,
img,
object,
svg,
video {
  user-select: none;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
}
img,
video {
  height: auto;
  max-width: 100%;
}
:root {
  --palette-background-lightest: var(--palettes-auto-background-lightest);
  --palette-background-lighter: var(--palettes-auto-background-lighter);
  --palette-background-light: var(--palettes-auto-background-light);
  --palette-background-normal: var(--palettes-auto-background-normal);
  --palette-background-bold: var(--palettes-auto-background-bold);
  --palette-background-bolder: var(--palettes-auto-background-bolder);
  --palette-background-boldest: var(--palettes-auto-background-boldest);
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter);
  --palette-foreground-light: var(--palettes-auto-foreground-light);
  --palette-foreground-normal: var(--palettes-auto-foreground-normal);
  --palette-foreground-bold: var(--palettes-auto-foreground-bold);
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest);
  background-color: hsla(var(--palette-background-lighter), var(--document-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--document-font-opacity));
  font-family: var(--document-font-family);
  line-height: var(--document-font-line-height);
  font-size: var(--document-font-size);
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), color var(--animations-visual-duration) var(--animations-visual-function);
}
::selection {
  background-color: hsla(var(--palette-foreground-lighter), var(--document-background-opacity));
  color: hsla(var(--palette-background-normal), var(--document-font-opacity));
}
* {
  -webkit-tap-highlight-color: transparent;
  scrollbar-width: var(--document-scrollbar-standard-size);
  scrollbar-color: hsla(var(--palettes-dark-background-lightest), var(--document-scrollbar-thumb-background-opacity)) hsla(var(--palettes-auto-background-boldest), var(--document-scrollbar-track-background-opacity));
  transition: scrollbar-color var(--animations-visual-duration) var(--animations-visual-function);
}
::-webkit-scrollbar {
  width: calc(var(--document-scrollbar-webkit-size) + (var(--document-scrollbar-track-padding) * 1rem));
  height: calc(var(--document-scrollbar-webkit-size) + (var(--document-scrollbar-track-padding) * 1rem));
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: calc(var(--document-scrollbar-track-padding) * 1rem) solid rgba(255, 255, 255, 0);
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function);
}
::-webkit-scrollbar-track {
  background-color: hsla(var(--palettes-auto-background-boldest), var(--document-scrollbar-track-background-opacity));
}
::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: hsla(var(--palettes-dark-background-lightest), var(--document-scrollbar-thumb-background-opacity));
}
.blockquote,
:where(.article) > blockquote {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  position: relative;
  padding: calc(var(--blockquote-padding-y) * 1em) calc(var(--blockquote-padding-x) * 1em);
  background-color: hsla(var(--palette-background-bolder), var(--blockquote-background-opacity));
  border-left: var(--blockquote-border-width) var(--blockquote-border-style) hsla(var(--palette-background-bolder), var(--blockquote-border-opacity));
  border-radius: calc(var(--blockquote-border-radius) * 1em);
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), border-color var(--animations-visual-duration) var(--animations-visual-function);
}
:where(.article) > blockquote:not(:last-child) {
  margin-bottom: calc(var(--blockquote-article-margin-y) * 1rem);
}
:where(.article) > blockquote > :not(:last-child) {
  margin-bottom: calc(var(--blockquote-article-children-margin-y) * 1rem);
}
.code,
:where(.article) > :is(code, pre),
:where(.article) > :is(blockquote, p, ol, ul, table) code,
:where(.article) > .scrollable > table code {
  --palette-background-lightest: var(--palettes-auto-foreground-lightest);
  --palette-background-lighter: var(--palettes-auto-foreground-lighter);
  --palette-background-light: var(--palettes-auto-foreground-light);
  --palette-background-normal: var(--palettes-auto-foreground-normal);
  --palette-background-bold: var(--palettes-auto-foreground-bold);
  --palette-background-bolder: var(--palettes-auto-foreground-bolder);
  --palette-background-boldest: var(--palettes-auto-foreground-boldest);
  --palette-foreground-lightest: var(--palettes-auto-background-lightest);
  --palette-foreground-lighter: var(--palettes-auto-background-lighter);
  --palette-foreground-light: var(--palettes-auto-background-light);
  --palette-foreground-normal: var(--palettes-auto-background-normal);
  --palette-foreground-bold: var(--palettes-auto-background-bold);
  --palette-foreground-bolder: var(--palettes-auto-background-bolder);
  --palette-foreground-boldest: var(--palettes-auto-background-boldest);
  position: relative;
  background-color: hsla(var(--palette-background-bolder), var(--code-background-opacity));
  font-family: var(--code-font-family);
  border-radius: calc(var(--code-border-radius) * 1em);
  vertical-align: middle;
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), border-color var(--animations-visual-duration) var(--animations-visual-function);
}
code.code,
:where(.article) > code,
:where(.article) > :is(blockquote, p, ol, ul, table) code,
:where(.article) > .scrollable > table code {
  padding: calc(var(--code-code-padding-y) * 1em) calc(var(--code-code-padding-x) * 1em);
  font-size: calc(var(--code-font-size) * 1em);
  overflow-wrap: break-word;
}
pre.code,
:where(.article) > pre {
  padding: calc(var(--code-pre-padding-y) * 1em) calc(var(--code-pre-padding-x) * 1em);
  overflow-x: auto;
}
pre.code > code,
:where(.article) > pre > code {
  white-space: pre;
}
:where(.article) > pre:not(:last-child) {
  margin-bottom: calc(var(--code-article-margin-y) * 1rem);
}
.heading,
:where(.article) > :is(h1, h2, h3, h4, h5, h6) {
  --alignment-text: initial;
  --transform-text: inherit;
  color: currentColor;
  font-family: var(--heading-font-family);
  text-align: var(--alignment-text);
  text-transform: var(--transform-text);
  transition: color var(--animations-visual-duration) var(--animations-visual-function);
}
.heading[data-palette],
:where(.article) > :is(h1, h2, h3, h4, h5, h6)[data-palette] {
  color: hsla(var(--palette-background-boldest), var(--text-font-opacity));
}
.heading[data-variation~=truncate],
:where(.article) > :is(h1, h2, h3, h4, h5, h6)[data-variation~=truncate] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
h1.heading,
:where(.article) > h1 {
  line-height: var(--heading-inline-h1-font-line-height);
  font-size: calc(var(--heading-inline-h1-font-size) * 1rem);
  font-weight: var(--heading-inline-h1-font-weight);
}
h1.heading[data-variation~=block],
:where(.article) > h1[data-variation~=block] {
  line-height: var(--heading-block-h1-font-line-height);
  font-size: calc(var(--heading-block-h1-font-size) * 1rem);
  font-weight: var(--heading-block-h1-font-weight);
}
h2.heading,
:where(.article) > h2 {
  line-height: var(--heading-inline-h2-font-line-height);
  font-size: calc(var(--heading-inline-h2-font-size) * 1rem);
  font-weight: var(--heading-inline-h2-font-weight);
}
h2.heading[data-variation~=block],
:where(.article) > h2[data-variation~=block] {
  line-height: var(--heading-block-h2-font-line-height);
  font-size: calc(var(--heading-block-h2-font-size) * 1rem);
  font-weight: var(--heading-block-h2-font-weight);
}
h3.heading,
:where(.article) > h3 {
  line-height: var(--heading-inline-h3-font-line-height);
  font-size: calc(var(--heading-inline-h3-font-size) * 1rem);
  font-weight: var(--heading-inline-h3-font-weight);
}
h3.heading[data-variation~=block],
:where(.article) > h3[data-variation~=block] {
  line-height: var(--heading-block-h3-font-line-height);
  font-size: calc(var(--heading-block-h3-font-size) * 1rem);
  font-weight: var(--heading-block-h3-font-weight);
}
h4.heading,
:where(.article) > h4 {
  line-height: var(--heading-inline-h4-font-line-height);
  font-size: calc(var(--heading-inline-h4-font-size) * 1rem);
  font-weight: var(--heading-inline-h4-font-weight);
}
h4.heading[data-variation~=block],
:where(.article) > h4[data-variation~=block] {
  line-height: var(--heading-block-h4-font-line-height);
  font-size: calc(var(--heading-block-h4-font-size) * 1rem);
  font-weight: var(--heading-block-h4-font-weight);
}
h5.heading,
:where(.article) > h5 {
  line-height: var(--heading-inline-h5-font-line-height);
  font-size: calc(var(--heading-inline-h5-font-size) * 1rem);
  font-weight: var(--heading-inline-h5-font-weight);
}
h5.heading[data-variation~=block],
:where(.article) > h5[data-variation~=block] {
  line-height: var(--heading-block-h5-font-line-height);
  font-size: calc(var(--heading-block-h5-font-size) * 1rem);
  font-weight: var(--heading-block-h5-font-weight);
}
h6.heading,
:where(.article) > h6 {
  line-height: var(--heading-inline-h6-font-line-height);
  font-size: calc(var(--heading-inline-h6-font-size) * 1rem);
  font-weight: var(--heading-inline-h6-font-weight);
}
h6.heading[data-variation~=block],
:where(.article) > h6[data-variation~=block] {
  line-height: var(--heading-block-h6-font-line-height);
  font-size: calc(var(--heading-block-h6-font-size) * 1rem);
  font-weight: var(--heading-block-h6-font-weight);
}
:where(.article) > :is(h1, h2, h3, h4, h5, h6):not(:last-child) {
  margin-bottom: calc(var(--heading-article-margin-y) * 1em);
}
:where(.article) > :not(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: calc(var(--heading-article-margin-y) * 1em);
}
.text,
:where(.article) > p {
  --alignment-text: initial;
  --sizing-font-size-inline: 1;
  --transform-text: inherit;
  color: currentColor;
  text-align: var(--alignment-text);
  text-transform: var(--transform-text);
  font-size: calc(var(--sizing-font-size-inline) * 1em);
  transition: color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
.text[data-palette],
:where(.article) > p[data-palette] {
  color: hsla(var(--palette-background-boldest), var(--text-font-opacity));
}
.text[data-variation~=block],
:where(.article) > p[data-variation~=block] {
  font-size: calc(var(--sizing-font-size-block) * 1em);
}
.text[data-variation~=truncate],
:where(.article) > p[data-variation~=truncate] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
small.text,
:where(.article) > small,
:where(.article) > :is(blockquote, p, ol, ul, table) small,
:where(.article) > .scrollable > table small {
  font-size: calc(var(--text-small-font-size) * 1em);
  opacity: var(--text-small-opacity);
}
:where(.article) > p:not(:last-child) {
  margin-bottom: calc(var(--text-article-margin-y) * 1em);
}
.button {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --shape-radius: var(--button-border-radius);
  --sizing-font-size-inline: var(--button-font-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: calc(var(--button-gap-y) * 1em) calc(var(--button-gap-x) * 1em);
  padding: calc(var(--button-padding-y) * 1em) calc(var(--button-padding-x) * 1em);
  outline: none !important;
  line-height: 1;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  font-weight: var(--button-font-weight);
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border-color: transparent;
  border-style: var(--button-border-style);
  border-width: var(--button-border-width);
  border-radius: calc(var(--shape-radius) * 1rem);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    transform var(--animations-movement-duration) var(--animations-movement-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function);
}
.button:is(:disabled, [aria-disabled=true]) {
  cursor: not-allowed;
  opacity: var(--button-disabled-opacity);
}
.button:not([data-variation~=subtle]) {
  transform: scale(1);
}
.button:not([data-variation~=subtle]):not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]) {
  transform: scale(var(--button-loud-active-scale-x), var(--button-loud-active-scale-y));
}
.button[data-variation~=subtle]:not([data-palette]) {
  --palette-background-lightest: inherit;
  --palette-background-lighter: inherit;
  --palette-background-light: inherit;
  --palette-background-normal: inherit;
  --palette-background-bold: inherit;
  --palette-background-bolder: inherit;
  --palette-background-boldest: inherit;
  --palette-foreground-lightest: inherit;
  --palette-foreground-lighter: inherit;
  --palette-foreground-light: inherit;
  --palette-foreground-normal: inherit;
  --palette-foreground-bold: inherit;
  --palette-foreground-bolder: inherit;
  --palette-foreground-boldest: inherit;
}
.button:not([data-variation~=clear], [data-variation~=outline]) {
  background-color: hsla(var(--palette-background-bolder), var(--button-block-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-block-font-opacity));
}
.button:not([data-variation~=clear], [data-variation~=outline])[data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-bolder), var(--button-block-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-block-font-opacity));
}
.button:not([data-variation~=clear], [data-variation~=outline]):not(:disabled, [aria-disabled=true]):is(:focus, :hover) {
  background-color: hsla(var(--palette-background-normal), var(--button-block-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-block-focus-font-opacity));
}
.button:not([data-variation~=clear], [data-variation~=outline]):not(:disabled, [aria-disabled=true]):is(:focus, :hover)[data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-normal), var(--button-block-focus-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-block-focus-font-opacity));
}
.button:not([data-variation~=clear], [data-variation~=outline]):not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-lightest), var(--button-block-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-block-active-font-opacity));
}
.button:not([data-variation~=clear], [data-variation~=outline]):not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true])[data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-lightest), var(--button-block-active-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-block-active-font-opacity));
}
.button[data-variation~=clear] {
  background-color: hsla(var(--palette-background-lightest), var(--button-clear-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-clear-font-opacity));
}
.button[data-variation~=clear][data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-lightest), var(--button-clear-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-clear-font-opacity));
}
.button[data-variation~=clear]:not(:disabled, [aria-disabled=true]):is(:focus, :hover) {
  background-color: hsla(var(--palette-background-lightest), var(--button-clear-focus-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-clear-focus-font-opacity));
}
.button[data-variation~=clear]:not(:disabled, [aria-disabled=true]):is(:focus, :hover)[data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-lightest), var(--button-clear-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-clear-focus-font-opacity));
}
.button[data-variation~=clear]:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-lightest), var(--button-clear-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-clear-active-font-opacity));
}
.button[data-variation~=clear]:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true])[data-variation~=subtle]:not([data-palette]) {
  background-color: hsla(var(--palette-foreground-lightest), var(--button-clear-active-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-clear-active-font-opacity));
}
.button[data-variation~=outline] {
  border-color: hsla(var(--palette-background-lightest), var(--button-outline-border-opacity));
  background-color: hsla(var(--palette-background-lightest), var(--button-outline-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-outline-font-opacity));
}
.button[data-variation~=outline][data-variation~=subtle]:not([data-palette]) {
  border-color: hsla(var(--palette-foreground-lightest), var(--button-outline-border-opacity));
  background-color: hsla(var(--palette-foreground-lightest), var(--button-outline-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-outline-font-opacity));
}
.button[data-variation~=outline]:not(:disabled, [aria-disabled=true]):is(:focus, :hover) {
  border-color: hsla(var(--palette-background-lightest), var(--button-outline-focus-border-opacity));
  background-color: hsla(var(--palette-background-lightest), var(--button-outline-focus-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-outline-focus-font-opacity));
}
.button[data-variation~=outline]:not(:disabled, [aria-disabled=true]):is(:focus, :hover)[data-variation~=subtle]:not([data-palette]) {
  border-color: hsla(var(--palette-foreground-lightest), var(--button-outline-focus-border-opacity));
  background-color: hsla(var(--palette-foreground-lightest), var(--button-outline-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-outline-focus-font-opacity));
}
.button[data-variation~=outline]:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]) {
  border-color: hsla(var(--palette-background-lightest), var(--button-outline-active-border-opacity));
  background-color: hsla(var(--palette-background-lightest), var(--button-outline-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--button-outline-active-font-opacity));
}
.button[data-variation~=outline]:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true])[data-variation~=subtle]:not([data-palette]) {
  border-color: hsla(var(--palette-foreground-lightest), var(--button-outline-active-border-opacity));
  background-color: hsla(var(--palette-foreground-lightest), var(--button-outline-active-background-opacity));
  color: hsla(var(--palette-background-normal), var(--button-outline-active-font-opacity));
}
.check {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --sizing-font-size-inline: var(--check-font-size);
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(var(--check-padding-y) * 1em) calc(var(--check-padding-x) * 1em);
  outline: none !important;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transform: scale(1);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    transform var(--animations-movement-duration) var(--animations-movement-function);
  border-radius: calc(var(--check-border-radius) * 1rem);
}
.check:disabled {
  cursor: not-allowed;
  opacity: var(--check-disabled-opacity);
}
.check:is(:enabled:active, [aria-pressed=true]) {
  transform: scale(var(--check-active-scale-x), var(--check-active-scale-y));
}
.check::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: currentColor;
  border-radius: 12.5%;
  transform: scale(0);
  transition: transform var(--animations-movement-duration) var(--animations-movement-function);
}
.check:enabled:is(:active, :focus, :hover)::before,
.check:is(:checked, [aria-pressed=true])::before {
  transform: scale(1);
}
.check:is(:not([data-variation]), [data-variation~=block]):not(:checked) {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-unchecked-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--check-block-unchecked-font-opacity));
}
.check:is(:not([data-variation]), [data-variation~=block]):not(:checked):enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-unchecked-focus-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--check-block-unchecked-focus-font-opacity));
}
.check:is(:not([data-variation]), [data-variation~=block]):not(:checked):is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-unchecked-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--check-block-unchecked-active-font-opacity));
}
.check:is(:not([data-variation]), [data-variation~=block]):checked {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-checked-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--check-block-checked-font-opacity));
}
.check:is(:not([data-variation]), [data-variation~=block]):checked:enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-checked-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--check-block-checked-focus-font-opacity));
}
.check:is(:not([data-variation]), [data-variation~=block]):checked:is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--check-block-checked-active-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--check-block-checked-active-font-opacity));
}
.check[data-variation~=flush]:not(:checked) {
  color: hsla(var(--palette-background-bolder), var(--check-flush-unchecked-font-opacity));
}
.check[data-variation~=flush]:not(:checked):enabled:is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--check-flush-unchecked-focus-font-opacity));
}
.check[data-variation~=flush]:not(:checked):is(:enabled:active, [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--check-flush-unchecked-active-font-opacity));
}
.check[data-variation~=flush]:checked {
  color: hsla(var(--palette-background-bolder), var(--check-flush-checked-font-opacity));
}
.check[data-variation~=flush]:checked:enabled:is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--check-flush-checked-focus-font-opacity));
}
.check[data-variation~=flush]:checked:is(:enabled:active, [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--check-flush-checked-active-font-opacity));
}
.file-drop-input {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(var(--file-drop-input-padding-y) * 1rem) calc(var(--file-drop-input-padding-x) * 1rem);
  background-color: hsla(var(--palette-background-lightest), var(--file-drop-input-background-opacity));
  border: var(--file-drop-input-border-width) var(--file-drop-input-border-style) hsla(var(--palette-background-bolder), var(--file-drop-input-border-opacity));
  color: hsla(var(--palette-background-bolder), var(--file-drop-input-font-opacity));
  line-height: 1;
  text-align: center;
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.file-drop-input--input,
.file-drop-input--input::file-selector-button {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.number-input {
  --alignment-text: initial;
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --shape-radius: var(--number-input-border-radius);
  --sizing-font-size-inline: var(--number-input-font-size);
  --transform-text: inherit;
  appearance: none;
  position: relative;
  padding: calc(var(--number-input-padding-y) * 1em) calc(var(--number-input-padding-x) * 1em);
  outline: none !important;
  background: transparent;
  border-radius: calc(var(--shape-radius) * 1rem);
  border-style: var(--number-input-border-style);
  border-width: var(--number-input-border-width);
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  text-align: var(--alignment-text);
  text-transform: var(--transform-text);
  vertical-align: middle;
  transition:
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.number-input:disabled {
  cursor: not-allowed;
  opacity: var(--number-input-disabled-opacity);
}
.number-input::placeholder {
  color: currentColor;
  opacity: var(--number-input-placeholder-opacity);
}
.number-input:not([data-variation]) {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-outline-border-opacity));
}
.number-input:not([data-variation]):enabled:hover {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-outline-hover-border-opacity));
}
.number-input:not([data-variation]):enabled:is(:active, :focus) {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-outline-active-border-opacity));
}
.number-input[data-variation=block] {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-block-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--number-input-block-background-opacity));
}
.number-input[data-variation=block]:enabled:hover {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-block-hover-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--number-input-block-hover-background-opacity));
}
.number-input[data-variation=block]:enabled:is(:active, :focus) {
  border-color: hsla(var(--palette-background-bolder), var(--number-input-block-active-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--number-input-block-active-background-opacity));
}
.number-input[data-variation=flush] {
  padding: 0;
  border: none;
  border-radius: none;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: top;
}
.number-input[data-variation=flush][data-palette] {
  color: hsla(var(--palette-background-boldest), var(--number-input-flush-font-opacity));
}
.number-input[data-variation=flush]:enabled:is(:active, :hover, :focus) {
  text-decoration: underline;
}
.number-input:not([cols], [size]) {
  width: 100%;
}
.radio {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --sizing-font-size-inline: var(--radio-font-size);
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(var(--radio-padding-y) * 1em) calc(var(--radio-padding-x) * 1em);
  outline: none !important;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transform: scale(1);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    transform var(--animations-movement-duration) var(--animations-movement-function);
  border-radius: 100%;
}
.radio:disabled {
  cursor: not-allowed;
  opacity: var(--radio-disabled-opacity);
}
.radio:is(:enabled:active, [aria-pressed=true]) {
  transform: scale(var(--radio-active-scale-x), var(--radio-active-scale-y));
}
.radio::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: currentColor;
  border-radius: inherit;
  transform: scale(0);
  transition: transform var(--animations-movement-duration) var(--animations-movement-function);
}
.radio:enabled:is(:active, :focus, :hover)::before,
.radio:is(:checked, [aria-pressed=true])::before {
  transform: scale(1);
}
.radio:is(:not([data-variation]), [data-variation~=block]):not(:checked) {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-unchecked-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--radio-block-unchecked-font-opacity));
}
.radio:is(:not([data-variation]), [data-variation~=block]):not(:checked):enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-unchecked-focus-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--radio-block-unchecked-focus-font-opacity));
}
.radio:is(:not([data-variation]), [data-variation~=block]):not(:checked):is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-unchecked-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--radio-block-unchecked-active-font-opacity));
}
.radio:is(:not([data-variation]), [data-variation~=block]):checked {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-checked-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--radio-block-checked-font-opacity));
}
.radio:is(:not([data-variation]), [data-variation~=block]):checked:enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-checked-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--radio-block-checked-focus-font-opacity));
}
.radio:is(:not([data-variation]), [data-variation~=block]):checked:is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--radio-block-checked-active-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--radio-block-checked-active-font-opacity));
}
.radio[data-variation~=flush]:not(:checked) {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-unchecked-font-opacity));
}
.radio[data-variation~=flush]:not(:checked):enabled:is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-unchecked-focus-font-opacity));
}
.radio[data-variation~=flush]:not(:checked):is(:enabled:active, [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-unchecked-active-font-opacity));
}
.radio[data-variation~=flush]:checked {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-checked-font-opacity));
}
.radio[data-variation~=flush]:checked:enabled:is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-checked-focus-font-opacity));
}
.radio[data-variation~=flush]:checked:is(:enabled:active, [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--radio-flush-checked-active-font-opacity));
}
.switch {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --sizing-font-size-inline: var(--switch-font-size);
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(var(--switch-padding-y) * 1em) calc(var(--switch-padding-x) * 1em);
  outline: none !important;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transform: scale(1);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    transform var(--animations-movement-duration) var(--animations-movement-function);
  border-radius: var(--shapes-pill);
}
.switch:disabled {
  cursor: not-allowed;
  opacity: var(--switch-disabled-opacity);
}
.switch:is(:enabled:active, [aria-pressed=true]) {
  transform: scale(var(--switch-active-scale-x), var(--switch-active-scale-y));
}
.switch::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: currentColor;
  border-radius: inherit;
  transform: translateX(-50%);
  transition: transform var(--animations-movement-duration) var(--animations-movement-function);
}
.switch:checked::before {
  transform: translateX(50%);
}
.switch:is(:enabled:active, [aria-pressed=true])::before {
  transform: translateX(0%);
}
.switch:not(:checked) {
  background-color: hsla(var(--palette-background-bolder), var(--switch-unchecked-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--switch-unchecked-font-opacity));
}
.switch:not(:checked):enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--switch-unchecked-focus-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--switch-unchecked-focus-font-opacity));
}
.switch:not(:checked):is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--switch-unchecked-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--switch-unchecked-active-font-opacity));
}
.switch:checked {
  background-color: hsla(var(--palette-background-bolder), var(--switch-checked-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--switch-checked-font-opacity));
}
.switch:checked:enabled:is(:focus, :hover) {
  background-color: hsla(var(--palette-background-bolder), var(--switch-checked-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--switch-checked-focus-font-opacity));
}
.switch:checked:is(:enabled:active, [aria-pressed=true]) {
  background-color: hsla(var(--palette-background-bolder), var(--switch-checked-active-background-opacity));
  color: hsla(var(--palette-background-bolder), var(--switch-checked-active-font-opacity));
}
.text-input {
  --alignment-text: initial;
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --shape-radius: var(--text-input-border-radius);
  --sizing-font-size-inline: var(--text-input-font-size);
  --transform-text: inherit;
  appearance: none;
  position: relative;
  padding: calc(var(--text-input-padding-y) * 1em) calc(var(--text-input-padding-x) * 1em);
  outline: none !important;
  background: transparent;
  border-radius: calc(var(--shape-radius) * 1rem);
  border-style: var(--text-input-border-style);
  border-width: var(--text-input-border-width);
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  text-align: var(--alignment-text);
  text-transform: var(--transform-text);
  vertical-align: middle;
  transition:
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.text-input:disabled {
  cursor: not-allowed;
  opacity: var(--text-input-disabled-opacity);
}
.text-input::placeholder {
  color: currentColor;
  opacity: var(--text-input-placeholder-opacity);
}
.text-input:not([data-variation]) {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-outline-border-opacity));
}
.text-input:not([data-variation]):enabled:hover {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-outline-hover-border-opacity));
}
.text-input:not([data-variation]):enabled:is(:active, :focus) {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-outline-active-border-opacity));
}
.text-input[data-variation=block] {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-block-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--text-input-block-background-opacity));
}
.text-input[data-variation=block]:enabled:hover {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-block-hover-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--text-input-block-hover-background-opacity));
}
.text-input[data-variation=block]:enabled:is(:active, :focus) {
  border-color: hsla(var(--palette-background-bolder), var(--text-input-block-active-border-opacity));
  background-color: hsla(var(--palette-background-bolder), var(--text-input-block-active-background-opacity));
}
.text-input[data-variation=flush] {
  padding: 0;
  border: none;
  border-radius: none;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: top;
}
.text-input[data-variation=flush][data-palette] {
  color: hsla(var(--palette-background-boldest), var(--text-input-flush-font-opacity));
}
.text-input[data-variation=flush]:enabled:is(:active, :hover, :focus) {
  text-decoration: underline;
}
.text-input:not([cols], [size]) {
  width: 100%;
}
textarea.text-input {
  max-width: 100%;
  max-height: 100%;
  resize: none;
}
.form--control {
  display: flex;
  flex-direction: column;
  gap: calc(var(--form-control-gap-y) * 1em) calc(var(--form-control-gap-x) * 1em);
  width: 100%;
}
.form--field-set {
  padding: calc(var(--form-field-set-padding-y) * 1rem) calc(var(--form-field-set-padding-x) * 1rem);
  border: var(--form-field-set-border-width) var(--form-field-set-border-style) hsla(var(--palette-foreground-normal), var(--form-field-set-border-opacity));
  transition: border-color var(--animations-visual-duration) var(--animations-visual-function);
}
.form--field-set[data-palette] {
  border-color: hsla(var(--palette-background-bolder), var(--form-field-set-border-opacity));
}
.form--help-text {
  font-size: calc(var(--form-help-text-font-size) * 1em);
}
.form--label {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--form-label-gap-y) * 1em) calc(var(--form-label-gap-x) * 1em);
}
.form--label[for] {
  cursor: pointer;
}
.form--legend {
  display: inline-flex;
  gap: calc(var(--form-legend-gap-y) * 1em) calc(var(--form-legend-gap-x) * 1em);
  font-family: var(--form-legend-font-family);
  font-size: calc(var(--form-legend-font-size) * 1em);
  font-weight: var(--form-legend-font-weight);
  letter-spacing: calc(var(--form-legend-font-letter-spacing) * 1em);
  text-transform: uppercase;
  color: hsla(var(--palette-foreground-normal), var(--form-legend-font-opacity));
  transition: color var(--animations-visual-duration) var(--animations-visual-function);
}
.form--legend[data-palette] {
  color: hsla(var(--palette-background-normal), var(--form-legend-font-opacity));
}
.anchor,
:where(.article) > a,
:where(.article) > :is(blockquote, p, ol, ul, table) a,
:where(.article) > .scrollable > table a {
  text-decoration: var(--anchor-text-decoration);
  color: currentColor;
  cursor: pointer;
  outline: none !important;
  transition: color var(--animations-visual-duration) var(--animations-visual-function);
}
.anchor:is(:disabled, [aria-disabled=true]),
:where(.article) > a:is(:disabled, [aria-disabled=true]),
:where(.article) > :is(blockquote, p, ol, ul, table) a:is(:disabled, [aria-disabled=true]),
:where(.article) > .scrollable > table a:is(:disabled, [aria-disabled=true]) {
  cursor: not-allowed;
  opacity: var(--anchor-disabled-opacity);
}
.anchor:not(:disabled, [aria-disabled=true]):is(:focus, :hover),
:where(.article) > a:not(:disabled, [aria-disabled=true]):is(:focus, :hover),
:where(.article) > :is(blockquote, p, ol, ul, table) a:not(:disabled, [aria-disabled=true]):is(:focus, :hover),
:where(.article) > .scrollable > table a:not(:disabled, [aria-disabled=true]):is(:focus, :hover) {
  text-decoration: var(--anchor-focus-text-decoration);
}
.anchor[data-palette],
:where(.article) > a[data-palette],
:where(.article) > :is(blockquote, p, ol, ul, table) a[data-palette],
:where(.article) > .scrollable > table a[data-palette] {
  color: hsla(var(--palette-background-boldest), var(--anchor-palette-font-opacity));
}
:where(.article) > a,
:where(.article) > :is(blockquote, p, ol, ul, table) a,
:where(.article) > .scrollable > table a {
  color: hsl(var(--anchor-article-font-color));
}
.figure {
  --fit-object: fill;
  --shape-radius: 0;
  object-fit: var(--fit-object);
  border-radius: calc(var(--shape-radius) * 1rem);
}
.figure > * {
  border-radius: inherit;
  object-fit: inherit;
}
.accordion {
  --palette-background-lightest: var(--palettes-auto-foreground-lightest);
  --palette-background-lighter: var(--palettes-auto-foreground-lighter);
  --palette-background-light: var(--palettes-auto-foreground-light);
  --palette-background-normal: var(--palettes-auto-foreground-normal);
  --palette-background-bold: var(--palettes-auto-foreground-bold);
  --palette-background-bolder: var(--palettes-auto-foreground-bolder);
  --palette-background-boldest: var(--palettes-auto-foreground-boldest);
  --palette-foreground-lightest: var(--palettes-auto-background-lightest);
  --palette-foreground-lighter: var(--palettes-auto-background-lighter);
  --palette-foreground-light: var(--palettes-auto-background-light);
  --palette-foreground-normal: var(--palettes-auto-background-normal);
  --palette-foreground-bold: var(--palettes-auto-background-bold);
  --palette-foreground-bolder: var(--palettes-auto-background-bolder);
  --palette-foreground-boldest: var(--palettes-auto-background-boldest);
  display: flex;
  flex-direction: column;
}
.accordion--item {
  display: flex;
  align-items: center;
  position: relative;
  gap: calc(var(--accordion-item-gap-y) * 1em) calc(var(--accordion-item-gap-x) * 1em);
  padding: calc(var(--tab-item-padding-y) * 1rem) calc(var(--tab-item-padding-x) * 1rem);
  color: currentColor;
  cursor: pointer;
  user-select: none;
  transition: color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
.accordion--item[aria-disabled=true] {
  pointer-events: none;
  opacity: var(--accordion-item-disabled-opacity);
}
.accordion--item::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: var(--accordion-item-border-width);
  background: currentColor;
  opacity: var(--accordion-item-border-opacity);
  transition: opacity var(--animations-visual-duration) var(--animations-visual-function), background-color var(--animations-visual-duration) var(--animations-visual-function);
}
.accordion--item:not([aria-disabled]):is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--accordion-item-focus-font-opacity));
}
.accordion--item:not([aria-disabled]):is(:focus, :hover)::before {
  background: currentColor;
  opacity: 1;
}
.accordion--item > :is(:first-child, :last-child) {
  margin-left: auto;
}
.accordion--state:checked + .accordion--item:not([aria-disabled]),
.accordion--item:not([aria-disabled]):is(:active, [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--accordion-item-active-font-opacity));
}
.accordion--state:checked + .accordion--item:not([aria-disabled])::before,
.accordion--item:not([aria-disabled]):is(:active, [aria-pressed=true])::before {
  background: currentColor;
  opacity: 1;
}
.accordion--section {
  display: block;
}
.accordion--state {
  display: none;
}
.accordion--state:not(:checked) + .accordion--item > :last-child {
  display: none;
}
.accordion--state:not(:checked) + .accordion--item + .accordion--section {
  display: none;
}
.accordion--state:checked + .accordion--item > :first-child {
  display: none;
}
.carousel {
  --spacing-x: 0;
  --spacing-y: 0;
  display: flex;
  align-items: center;
  position: relative;
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
  scroll-behavior: smooth;
}
.carousel:is([data-orientation=horizontal], :not([data-orientation])) {
  flex-direction: row;
  scroll-snap-type: x mandatory;
  overflow: scroll hidden;
}
.carousel[data-orientation~=vertical] {
  flex-direction: column;
  scroll-snap-type: y mandatory;
  overflow: hidden scroll;
}
.carousel--section {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
}
.carousel--section > * {
  flex-grow: 1;
}
.tab {
  --alignment-flex-x: flex-start;
  --palette-background-lightest: var(--palettes-auto-foreground-lightest);
  --palette-background-lighter: var(--palettes-auto-foreground-lighter);
  --palette-background-light: var(--palettes-auto-foreground-light);
  --palette-background-normal: var(--palettes-auto-foreground-normal);
  --palette-background-bold: var(--palettes-auto-foreground-bold);
  --palette-background-bolder: var(--palettes-auto-foreground-bolder);
  --palette-background-boldest: var(--palettes-auto-foreground-boldest);
  --palette-foreground-lightest: var(--palettes-auto-background-lightest);
  --palette-foreground-lighter: var(--palettes-auto-background-lighter);
  --palette-foreground-light: var(--palettes-auto-background-light);
  --palette-foreground-normal: var(--palettes-auto-background-normal);
  --palette-foreground-bold: var(--palettes-auto-background-bold);
  --palette-foreground-bolder: var(--palettes-auto-background-bolder);
  --palette-foreground-boldest: var(--palettes-auto-background-boldest);
  --sizing-font-size-inline: var(--tab-font-size);
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--alignment-flex-x);
}
.tab[data-alignment-x=stretch] > .tab--item {
  flex-grow: 1;
}
.tab--item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: calc(var(--tab-item-gap-y) * 1em) calc(var(--tab-item-gap-x) * 1em);
  padding: calc(var(--tab-item-padding-y) * 1rem) calc(var(--tab-item-padding-x) * 1rem);
  color: currentColor;
  cursor: pointer;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  user-select: none;
  transition: color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
.tab--item[aria-disabled=true] {
  pointer-events: none;
  opacity: var(--tab-item-disabled-opacity);
}
.tab--item::before {
  display: block;
  position: absolute;
  content: "";
  bottom: calc(var(--tab-border-width) * -1);
  left: 0;
  width: 100%;
  height: var(--tab-border-width);
  background: transparent;
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function);
}
.tab--item:not([aria-disabled]):is(:focus, :hover) {
  color: hsla(var(--palette-background-bolder), var(--tab-item-focus-font-opacity));
}
.tab--item:not([aria-disabled]):is(:focus, :hover)::before {
  background: currentColor;
}
.tab--state:checked + .tab--item:not([aria-disabled]),
.tab--item:not([aria-disabled]):is(:active, [aria-current], [aria-pressed=true]) {
  color: hsla(var(--palette-background-bolder), var(--tab-item-active-font-opacity));
}
.tab--state:checked + .tab--item:not([aria-disabled])::before,
.tab--item:not([aria-disabled]):is(:active, [aria-current], [aria-pressed=true])::before {
  background: currentColor;
}
.tab--section {
  display: block;
  position: relative;
  order: 9999;
  width: 100%;
}
.tab--section::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: var(--tab-border-width);
  background: currentColor;
  opacity: var(--tab-section-border-opacity);
  z-index: -1;
}
.tab--state,
:is(a.tab--item:not([aria-current]), .tab--state:not(:checked) + label.tab--item) + .tab--section {
  display: none;
}
.badge {
  --shape-radius: var(--badge-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--badge-gap-y) * 1em) calc(var(--badge-gap-x) * 1em);
  padding: calc(var(--badge-padding-y) * 1em) calc(var(--badge-padding-x) * 1em);
  border-radius: calc(var(--shape-radius) * 1em);
  background-color: hsla(var(--palette-foreground-lightest), var(--badge-background-opacity));
  color: hsla(var(--palette-background-normal), var(--badge-font-opacity));
  text-shadow: 0px 0px 0px currentColor;
  font-size: calc(var(--badge-font-size) * 1em);
  font-weight: var(--badge-font-weight);
  vertical-align: middle;
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), color var(--animations-visual-duration) var(--animations-visual-function);
}
.badge[data-palette] {
  background-color: hsla(var(--palette-background-lightest), var(--badge-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--badge-font-opacity));
}
:is(a, button).badge {
  cursor: pointer;
  user-select: none;
}
:is(a, button).badge:is(:focus, :hover) {
  text-decoration: underline;
}
.kbd {
  padding: calc(var(--kbd-padding-y) * 1em) calc(var(--kbd-padding-x) * 1em);
  background-color: hsla(var(--palettes-auto-background-bolder), var(--kbd-background-opacity));
  color: hsla(var(--palettes-auto-foreground-normal), var(--kbd-font-opacity));
  border-bottom: var(--kbd-border-width) var(--kbd-border-style) hsla(var(--palettes-neutral-background-bolder), var(--kbd-border-opacity));
  border-radius: calc(var(--kbd-border-radius) * 1em);
  font-size: calc(var(--kbd-font-size) * 1em);
  font-family: var(--kbd-font-family);
  font-weight: var(--kbd-font-weight);
  vertical-align: middle;
  white-space: nowrap;
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function);
}
.list,
:where(.article) > :is(ol, ul) {
  margin-left: calc(var(--list-margin-x) * 1rem);
}
ol.list,
:where(.article) > ol {
  list-style-type: decimal;
}
ul.list,
:where(.article) > ul {
  list-style-type: disc;
}
:where(.article) > :is(ol, ul):not(:last-child) {
  margin-bottom: calc(var(--list-article-margin-y) * 1rem);
}
:where(.article) > :is(ol, ul) p {
  margin-bottom: calc(var(--list-article-children-margin-y) * 1rem);
}
.table,
:where(.article) > table,
:where(.article) > .scrollable > table {
  --palette-background-lightest: var(--palettes-auto-foreground-lightest);
  --palette-background-lighter: var(--palettes-auto-foreground-lighter);
  --palette-background-light: var(--palettes-auto-foreground-light);
  --palette-background-normal: var(--palettes-auto-foreground-normal);
  --palette-background-bold: var(--palettes-auto-foreground-bold);
  --palette-background-bolder: var(--palettes-auto-foreground-bolder);
  --palette-background-boldest: var(--palettes-auto-foreground-boldest);
  --palette-foreground-lightest: var(--palettes-auto-background-lightest);
  --palette-foreground-lighter: var(--palettes-auto-background-lighter);
  --palette-foreground-light: var(--palettes-auto-background-light);
  --palette-foreground-normal: var(--palettes-auto-background-normal);
  --palette-foreground-bold: var(--palettes-auto-background-bold);
  --palette-foreground-bolder: var(--palettes-auto-background-bolder);
  --palette-foreground-boldest: var(--palettes-auto-background-boldest);
  --sizing-font-size-inline: var(--table-font-size);
  width: 100%;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
}
.table[data-variation~=borders] :is(td, th):not(:last-child)::after,
:where(.article) > table[data-variation~=borders] :is(td, th):not(:last-child)::after,
:where(.article) > .scrollable > table[data-variation~=borders] :is(td, th):not(:last-child)::after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--table-border-width);
  height: 100%;
  background: currentColor;
  opacity: var(--table-border-opacity);
}
.table[data-variation~=borders] > :is(tfoot, thead, tbody):first-child :is(td, th):not(:last-child)::after,
:where(.article) > table[data-variation~=borders] > :is(tfoot, thead, tbody):first-child :is(td, th):not(:last-child)::after,
:where(.article) > .scrollable > table[data-variation~=borders] > :is(tfoot, thead, tbody):first-child :is(td, th):not(:last-child)::after {
  border-top-left-radius: calc(var(--table-border-radius) * 1em);
  border-top-right-radius: calc(var(--table-border-radius) * 1em);
}
.table[data-variation~=borders] > :is(tfoot, thead, tbody):last-child :is(td, th):not(:last-child)::after,
:where(.article) > table[data-variation~=borders] > :is(tfoot, thead, tbody):last-child :is(td, th):not(:last-child)::after,
:where(.article) > .scrollable > table[data-variation~=borders] > :is(tfoot, thead, tbody):last-child :is(td, th):not(:last-child)::after {
  border-bottom-left-radius: calc(var(--table-border-radius) * 1em);
  border-bottom-right-radius: calc(var(--table-border-radius) * 1em);
}
.table[data-variation~=stripes] > tbody > tr:nth-child(2n+1),
:where(.article) > table[data-variation~=stripes] > tbody > tr:nth-child(2n+1),
:where(.article) > .scrollable > table[data-variation~=stripes] > tbody > tr:nth-child(2n+1) {
  background-color: hsla(var(--palette-background-lighter), var(--table-stripes-background-opacity));
}
.table--heading,
:where(.article) > table th,
:where(.article) > .scrollable > table th {
  font-family: var(--table-heading-font-family);
  font-size: calc(var(--table-heading-font-size) * 1em);
  font-weight: var(--table-heading-font-weight);
}
.table--column,
.table--header,
.table--heading,
.table--footer,
.table--row,
:where(.article) > table :is(td, tfoot, th, thead, tr),
:where(.article) > .scrollable > table :is(td, tfoot, th, thead, tr) {
  position: relative;
}
.table--heading,
.table--column,
:where(.article) > table :is(td, th),
:where(.article) > .scrollable > table :is(td, th) {
  padding: calc(var(--table-column-padding-y) * 1em) calc(var(--table-column-padding-x) * 1em);
  text-align: left;
}
.table--heading > *,
.table--column > *,
:where(.article) > table :is(td, th) > *,
:where(.article) > .scrollable > table :is(td, th) > * {
  vertical-align: middle;
}
:is(.table--footer, .table--header) :is(.table--column, .table--heading)::before,
:where(.article) > table :is(tfoot, thead) :is(td, th)::before,
:where(.article) > .scrollable > table :is(tfoot, thead) :is(td, th)::before,
.table[data-variation~=borders] > .table--section > :not(:last-child) > :is(.table--column, .table--heading)::before,
:where(.article) > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th)::before,
:where(.article) > .scrollable > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th)::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: var(--table-border-width);
  background: currentColor;
  opacity: var(--table-border-opacity);
}
:is(.table--footer, .table--header) :is(.table--column, .table--heading):first-child::before,
:where(.article) > table :is(tfoot, thead) :is(td, th):first-child::before,
:where(.article) > .scrollable > table :is(tfoot, thead) :is(td, th):first-child::before,
.table[data-variation~=borders] > .table--section > :not(:last-child) > :is(.table--column, .table--heading):first-child::before,
:where(.article) > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th):first-child::before,
:where(.article) > .scrollable > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th):first-child::before {
  border-bottom-left-radius: calc(var(--table-border-radius) * 1em);
  border-top-left-radius: calc(var(--table-border-radius) * 1em);
}
:is(.table--footer, .table--header) :is(.table--column, .table--heading):last-child::before,
:where(.article) > table :is(tfoot, thead) :is(td, th):last-child::before,
:where(.article) > .scrollable > table :is(tfoot, thead) :is(td, th):last-child::before,
.table[data-variation~=borders] > .table--section > :not(:last-child) > :is(.table--column, .table--heading):last-child::before,
:where(.article) > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th):last-child::before,
:where(.article) > .scrollable > table[data-variation~=borders] > tbody > :not(:last-child) > :is(td, th):last-child::before {
  border-bottom-right-radius: calc(var(--table-border-radius) * 1em);
  border-top-right-radius: calc(var(--table-border-radius) * 1em);
}
.table--footer :is(.table--column, .table--heading)::before,
:where(.article) > table > tfoot :is(td, th)::before,
:where(.article) > .scrollable > table > tfoot :is(td, th)::before {
  top: 0;
}
.dot {
  display: inline-block;
  width: var(--dot-size-width);
  height: var(--dot-size-height);
  background-color: hsla(var(--palette-foreground-normal), var(--dot-background-opacity));
  border-radius: calc(var(--dot-border-radius));
  vertical-align: middle;
  pointer-events: none;
  user-select: none;
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function);
}
.dot[data-palette] {
  background-color: hsla(var(--palette-background-bolder), var(--dot-background-opacity));
}
.ellipsis {
  white-space: nowrap;
}
.progress {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --shape-radius: var(--progress-border-radius);
  --sizing-font-size-inline: var(--progress-font-size);
  display: inline-block;
  --value: 0;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  user-select: none;
}
.progress:empty {
  width: 100%;
  height: 0.5em;
  border-radius: calc(var(--shape-radius) * 1rem);
  background-image: linear-gradient(to right, hsla(var(--palette-background-bolder), var(--progress-indicator-background-opacity)) 50%, hsla(var(--palette-background-lightest), var(--progress-track-background-opacity)) 50%);
  background-position: calc(100% - var(--value) * 100%) 0%;
  background-size: 200% 100%;
  transition: background-image var(--animations-visual-duration) var(--animations-visual-function), background-position var(--animations-movement-duration) var(--animations-movement-function);
}
.progress:empty:not([aria-valuenow]) {
  animation: progress-bar-indeterminate 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.progress:not(:empty) svg {
  width: 1.75em;
  height: 1.75em;
}
.progress:not(:empty) circle {
  fill: transparent;
  stroke-width: 4px;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke var(--animations-visual-duration) var(--animations-visual-function), stroke-dashoffset var(--animations-movement-duration) var(--animations-movement-function);
}
.progress:not(:empty) circle:first-child {
  stroke: hsla(var(--palette-background-lightest), var(--progress-track-background-opacity));
}
.progress:not(:empty) circle:last-child {
  stroke: hsla(var(--palette-background-bolder), var(--progress-indicator-background-opacity));
  stroke-dasharray: 88px 88px;
  stroke-dashoffset: calc(88px * (1 - var(--value)));
}
.progress:not(:empty):not([aria-valuenow]) circle:first-child {
  stroke: transparent;
}
.progress:not(:empty):not([aria-valuenow]) circle:last-child {
  animation: progress-circle-indeterminate 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes progress-bar-indeterminate {
  0% {
    background-position: 100% 0%;
  }
  75% {
    background-position: -100% 0%;
  }
  100% {
    background-position: -100% 0%;
  }
}
@keyframes progress-circle-indeterminate {
  0% {
    stroke-dashoffset: 88px;
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  75% {
    stroke-dashoffset: -88px;
  }
  100% {
    stroke-dashoffset: -88px;
    transform: rotate(720deg);
  }
}
.aside {
  --palette-background-lightest: var(--palettes-auto-background-lightest);
  --palette-background-lighter: var(--palettes-auto-background-lighter);
  --palette-background-light: var(--palettes-auto-background-light);
  --palette-background-normal: var(--palettes-auto-background-normal);
  --palette-background-bold: var(--palettes-auto-background-bold);
  --palette-background-bolder: var(--palettes-auto-background-bolder);
  --palette-background-boldest: var(--palettes-auto-background-boldest);
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter);
  --palette-foreground-light: var(--palettes-auto-foreground-light);
  --palette-foreground-normal: var(--palettes-auto-foreground-normal);
  --palette-foreground-bold: var(--palettes-auto-foreground-bold);
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest);
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: hsla(var(--palette-background-lighter), var(--aside-background-opacity));
  border-style: var(--aside-border-style);
  color: hsla(var(--palette-foreground-normal), var(--aside-font-opacity));
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.aside:is(:not([data-placement]), [data-placement~=left]) {
  border-right: var(--aside-border-width) var(--aside-border-style) hsla(var(--palette-background-bold), var(--aside-border-opacity));
  border-right-width: var(--aside-border-width);
}
.aside[data-placement~=right] {
  border-left: var(--aside-border-width) var(--aside-border-style) hsla(var(--palette-background-bold), var(--aside-border-opacity));
  border-left-width: var(--aside-border-width);
}
.aside[data-variation~=sticky] {
  position: sticky;
  top: 0;
  z-index: var(--aside-sticky-z-index);
}
.aside[data-variation~=sticky]:is(:not([data-placement]), [data-placement~=left]) {
  left: 0;
}
.aside[data-variation~=sticky][data-placement~=right] {
  left: 100%;
}
.aside--footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--aside-footer-gap-y) * 1rem) calc(var(--aside-footer-gap-x) * 1rem);
  margin-top: auto;
  padding-left: calc(var(--aside-footer-padding-x) * 1rem);
  padding-right: calc(var(--aside-footer-padding-x) * 1rem);
  padding-bottom: calc(var(--aside-footer-padding-y) * 1rem);
}
.aside--header {
  padding: calc(var(--aside-header-padding-y) * 1rem) calc(var(--aside-header-padding-x) * 1rem);
  font-family: var(--aside-header-font-family);
  font-size: calc(var(--aside-header-font-size) * 1rem);
  letter-spacing: calc(var(--aside-header-font-letter-spacing) * 1em);
  font-weight: var(--aside-header-font-weight);
  text-align: center;
  user-select: none;
  white-space: nowrap;
}
.aside--section {
  margin-bottom: calc(var(--aside-section-margin-y) * 1rem);
  padding: calc(var(--aside-section-padding-y) * 1rem) calc(var(--aside-section-padding-x) * 1rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.aside--section:not(:last-of-type) {
  flex-shrink: 0;
}
.aside--section:last-of-type {
  flex-shrink: 1;
}
.breadcrumb {
  display: inline-flex;
  column-gap: calc(var(--breadcrumb-gap-x) * 1em);
}
.breadcrumb--item {
  text-decoration: var(--breadcrumb-item-text-decoration);
  color: currentColor;
  cursor: pointer;
  outline: none !important;
  transition: color var(--animations-visual-duration) var(--animations-visual-function);
  opacity: var(--breadcrumb-item-opacity);
}
.breadcrumb--item:is(:focus, :hover) {
  text-decoration: var(--breadcrumb-item-focus-text-decoration);
}
.breadcrumb--item:not(:active, [aria-current], [aria-pressed=true]) {
  opacity: var(--breadcrumb-item-active-opacity);
}
.breadcrumb[data-palette] .breadcrumb--item,
.breadcrumb--item[data-palette] {
  color: hsla(var(--palette-background-boldest), var(--breadcrumb-item-palette-font-opacity));
}
.breadcrumb--separator {
  opacity: var(--breadcrumb-separator-opacity);
}
.menu {
  --sizing-font-size-inline: var(--menu-font-size);
  --orientation-direction: column;
  --orientation-align: var(--alignment-flex-x);
  --orientation-justify: var(--alignment-flex-y);
  --orientation-grow: var(--alignment-flex-y-grow);
  --alignment-flex-x: initial;
  --alignment-flex-x-grow: initial;
  --alignment-flex-y: initial;
  --alignment-flex-y-grow: initial;
  --spacing-x: var(--menu-spacing-x);
  --spacing-y: var(--menu-spacing-y);
  display: flex;
  flex-direction: var(--orientation-direction);
  align-items: var(--orientation-align);
  justify-content: var(--orientation-justify);
  gap: calc(var(--spacing-y) * 1em) calc(var(--spacing-x) * 1em);
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  user-select: none;
}
.menu > * {
  flex-grow: var(--orientation-grow);
  margin: 0;
}
.menu--heading:not(:last-child) {
  margin-bottom: calc(var(--menu-heading-margin-y) * 1em);
}
:is(.menu--item, .menu--section) + .menu--heading {
  margin-top: calc(var(--menu-heading-margin-y) * 1em);
}
p.menu--heading {
  display: inline-flex;
  gap: calc(var(--menu-heading-gap-y) * 1em) calc(var(--menu-heading-gap-x) * 1em);
  font-family: var(--menu-heading-font-family);
  font-size: calc(var(--menu-heading-font-size) * 1em);
  font-weight: var(--menu-heading-font-weight);
  letter-spacing: calc(var(--menu-heading-font-letter-spacing) * 1em);
  text-transform: uppercase;
  opacity: var(--menu-heading-opacity);
  transition: opacity var(--animations-visual-duration) var(--animations-visual-function);
}
hr.menu--heading,
p.menu--heading[data-variation~=divider] {
  display: flex;
  color: hsla(var(--palette-foreground-normal), var(--menu-heading-font-opacity));
  opacity: var(--menu-heading-opacity);
  pointer-events: none;
  user-select: none;
  transition: color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
hr.menu--heading {
  border: none;
  background: currentColor;
  border-radius: calc(var(--menu-heading-border-radius) * 1rem);
  height: var(--menu-heading-size-height);
}
p.menu--heading[data-variation~=divider] {
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}
p.menu--heading[data-variation~=divider]::before,
p.menu--heading[data-variation~=divider]::after {
  display: block;
  flex-grow: 1;
  background: currentColor;
  border-radius: calc(var(--menu-heading-border-radius) * 1rem);
  content: "";
  height: var(--menu-heading-size-height);
}
p.menu--heading[data-variation~=divider]::before {
  max-width: 1ch;
}
.menu--item {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  position: relative;
  gap: calc(var(--menu-item-gap-y) * 1em) calc(var(--menu-item-gap-x) * 1em);
  padding: calc(var(--menu-item-padding-y) * 1em) calc(var(--menu-item-padding-x) * 1em);
  outline: none !important;
  line-height: 1;
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  font-weight: var(--menu-item-font-weight);
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: calc(var(--menu-item-border-radius) * 1rem);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    opacity var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
  background-color: hsla(var(--palette-foreground-lightest), var(--menu-item-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--menu-item-font-opacity));
}
.menu[data-palette] .menu--item,
.menu--item[data-palette] {
  background-color: hsla(var(--palette-background-lightest), var(--menu-item-background-opacity));
  color: hsla(var(--palette-background-normal), var(--menu-item-font-opacity));
}
.menu--item:is(:disabled, [aria-disabled=true]) {
  cursor: not-allowed;
  opacity: var(--menu-item-disabled-opacity);
}
.menu--item:not(:disabled, [aria-disabled=true]):is(:focus, :hover) {
  background-color: hsla(var(--palette-foreground-lightest), var(--menu-item-focus-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--menu-item-focus-font-opacity));
}
.menu[data-palette] .menu--item:not(:disabled, [aria-disabled=true]):is(:focus, :hover),
.menu--item:not(:disabled, [aria-disabled=true]):is(:focus, :hover)[data-palette] {
  background-color: hsla(var(--palette-background-lightest), var(--menu-item-focus-background-opacity));
  color: hsla(var(--palette-background-normal), var(--menu-item-focus-font-opacity));
}
.menu--item:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]) {
  background-color: hsla(var(--palette-foreground-lightest), var(--menu-item-active-background-opacity));
  color: hsla(var(--palette-background-normal), var(--menu-item-active-font-opacity));
}
.menu[data-palette] .menu--item:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true]),
.menu--item:not(:disabled, [aria-disabled=true]):is(:active, [aria-current], [aria-pressed=true])[data-palette] {
  background-color: hsla(var(--palette-background-lightest), var(--menu-item-active-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--menu-item-active-font-opacity));
}
.menu--section {
  display: flex;
  flex-direction: inherit;
  align-items: inherit;
  justify-content: inherit;
  gap: inherit;
  padding-left: calc(var(--menu-section-padding-x) * 1em);
}
.omni {
  --palette-background-lightest: var(--palettes-auto-background-lightest);
  --palette-background-lighter: var(--palettes-auto-background-lighter);
  --palette-background-light: var(--palettes-auto-background-light);
  --palette-background-normal: var(--palettes-auto-background-normal);
  --palette-background-bold: var(--palettes-auto-background-bold);
  --palette-background-bolder: var(--palettes-auto-background-bolder);
  --palette-background-boldest: var(--palettes-auto-background-boldest);
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter);
  --palette-foreground-light: var(--palettes-auto-foreground-light);
  --palette-foreground-normal: var(--palettes-auto-foreground-normal);
  --palette-foreground-bold: var(--palettes-auto-foreground-bold);
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest);
  display: flex;
  position: relative;
  gap: calc(var(--omni-gap-y) * 1rem) calc(var(--omni-gap-x) * 1rem);
  padding: calc(var(--omni-padding-y) * 1rem) calc(var(--omni-padding-x) * 1rem);
  background-color: hsla(var(--palette-background-lighter), var(--omni-background-opacity));
  border-style: var(--omni-border-style);
  color: hsla(var(--palette-foreground-normal), var(--omni-font-opacity));
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.omni:is(:not([data-placement]), [data-placement~=top]) {
  border-bottom: var(--omni-border-width) var(--omni-border-style) hsla(var(--palette-background-bold), var(--omni-border-opacity));
  border-bottom-width: var(--omni-border-width);
}
.omni[data-placement~=bottom] {
  border-top: var(--omni-border-width) var(--omni-border-style) hsla(var(--palette-background-bold), var(--omni-border-opacity));
  border-top-width: var(--omni-border-width);
}
.omni[data-variation~=sticky] {
  position: sticky;
  left: 0;
  z-index: var(--omni-sticky-z-index);
}
.omni[data-variation~=sticky]:is(:not([data-placement]), [data-placement~=top]) {
  top: 0;
}
.omni[data-variation~=sticky][data-placement~=bottom] {
  top: 100%;
}
.omni--header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(var(--omni-header-gap-y) * 1rem) calc(var(--omni-header-gap-x) * 1rem);
  font-family: var(--omni-header-font-family);
  font-size: calc(var(--omni-header-font-size) * 1rem);
  letter-spacing: calc(var(--omni-header-font-letter-spacing) * 1em);
  font-weight: var(--omni-header-font-weight);
  user-select: none;
  white-space: nowrap;
}
.omni--header > a {
  display: inline-flex;
  align-items: center;
}
.omni--header > hr[data-orientation~=vertical] {
  margin-left: 0;
  margin-right: 0;
}
.omni--footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--omni-footer-gap-y) * 1rem) calc(var(--omni-footer-gap-x) * 1rem);
  margin-left: auto;
}
.omni--section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--omni-section-gap-y) * 1rem) calc(var(--omni-section-gap-x) * 1rem);
  flex-grow: 1;
}
.card {
  --elevation-shadow: var(--card-elevation);
  --palette-background-lightest: var(--palettes-auto-background-lightest);
  --palette-background-lighter: var(--palettes-auto-background-lighter);
  --palette-background-light: var(--palettes-auto-background-light);
  --palette-background-normal: var(--palettes-auto-background-normal);
  --palette-background-bold: var(--palettes-auto-background-bold);
  --palette-background-bolder: var(--palettes-auto-background-bolder);
  --palette-background-boldest: var(--palettes-auto-background-boldest);
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter);
  --palette-foreground-light: var(--palettes-auto-foreground-light);
  --palette-foreground-normal: var(--palettes-auto-foreground-normal);
  --palette-foreground-bold: var(--palettes-auto-foreground-bold);
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest);
  --shape-radius: var(--card-border-radius);
  --sizing-font-size-inline: 1;
  display: flex;
  flex-direction: column;
  border-radius: calc(var(--shape-radius) * 1rem);
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  transition:
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.card:not([data-variation~=flush]) {
  background-color: hsla(var(--palette-background-lighter), var(--card-background-opacity));
  border: var(--card-border-width) var(--card-border-style) hsla(var(--palette-background-bold), var(--card-border-opacity));
  color: hsla(var(--palette-foreground-normal), var(--card-font-opacity));
  box-shadow: var(--elevation-shadow);
}
.card:not([data-variation~=flush]) > :is(.card--footer, .card--header, .card--section) {
  margin-left: calc((var(--sizing-font-size-inline) * var(--card-margin-x)) * 1rem);
  margin-right: calc((var(--sizing-font-size-inline) * var(--card-margin-x)) * 1rem);
}
.card:not([data-variation~=flush]) > :is(.card--footer, .card--header, .card--section):first-child {
  margin-top: calc((var(--sizing-font-size-inline) * var(--card-margin-y)) * 1rem);
}
.card:not([data-variation~=flush]) > :is(.card--footer, .card--header, .card--section):last-child {
  margin-bottom: calc((var(--sizing-font-size-inline) * var(--card-margin-y)) * 1rem);
}
.card--figure {
  display: flex;
  align-items: center;
  justify-content: center;
  --fit-object: fill;
  --shape-radius: 0;
  object-fit: var(--fit-object);
  border-radius: calc(var(--shape-radius) * 1rem);
}
.card--figure > * {
  border-radius: inherit;
  object-fit: inherit;
}
.card--footer {
  --orientation-direction: row;
  --orientation-align: var(--alignment-flex-y);
  --orientation-justify: var(--alignment-flex-x);
  --orientation-grow: var(--alignment-flex-x-grow);
  --alignment-flex-x: flex-end;
  --alignment-flex-x-grow: initial;
  --alignment-flex-y: center;
  --alignment-flex-y-grow: initial;
  --spacing-x: var(--card-footer-spacing-x);
  --spacing-y: var(--card-footer-spacing-y);
  display: flex;
  flex-direction: var(--orientation-direction);
  align-items: var(--orientation-align);
  justify-content: var(--orientation-justify);
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
}
.card--footer > * {
  flex-grow: var(--orientation-grow);
  margin: 0;
}
.card--footer:not(:first-child) {
  margin-top: calc((var(--sizing-font-size-inline) * var(--card-footer-margin-y)) * 1rem);
}
.card--header {
  display: flex;
  align-items: center;
  gap: calc(var(--card-header-gap-y) * 1em) calc(var(--card-header-gap-x) * 1em);
  font-family: var(--card-header-font-family);
  font-size: calc(var(--card-header-font-size) * 1em);
  font-weight: var(--card-header-font-weight);
}
.card--header:not(:first-child) {
  margin-top: calc((var(--sizing-font-size-inline) * var(--card-header-margin-y)) * 1rem);
}
.card--section:last-of-type {
  flex-grow: 1;
}
.card--section:not(:first-child) {
  margin-top: calc((var(--sizing-font-size-inline) * var(--card-section-margin-y)) * 1rem);
}
.box {
  --elevation-shadow: none;
  --palette-background-lightest: var(--palettes-off-background-lightest);
  --palette-background-lighter: var(--palettes-off-background-lighter);
  --palette-background-light: var(--palettes-off-background-light);
  --palette-background-normal: var(--palettes-off-background-normal);
  --palette-background-bold: var(--palettes-off-background-bold);
  --palette-background-bolder: var(--palettes-off-background-bolder);
  --palette-background-boldest: var(--palettes-off-background-boldest);
  --palette-foreground-lightest: var(--palettes-off-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-off-foreground-lighter);
  --palette-foreground-light: var(--palettes-off-foreground-light);
  --palette-foreground-normal: var(--palettes-off-foreground-normal);
  --palette-foreground-bold: var(--palettes-off-foreground-bold);
  --palette-foreground-bolder: var(--palettes-off-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-off-foreground-boldest);
  --shape-radius: 0;
  background-color: hsla(var(--palette-background-lighter), var(--box-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--box-font-opacity));
  box-shadow: var(--elevation-shadow);
  border-radius: calc(var(--shape-radius) * 1rem);
  transition:
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function),
    border-color var(--animations-visual-duration) var(--animations-visual-function);
}
.box[data-variation~=borders] {
  border: var(--box-border-width) var(--box-border-style) hsla(var(--palette-background-bold), var(--box-border-opacity));
}
.hero {
  --palette-background-lightest: var(--palettes-off-background-lightest);
  --palette-background-lighter: var(--palettes-off-background-lighter);
  --palette-background-light: var(--palettes-off-background-light);
  --palette-background-normal: var(--palettes-off-background-normal);
  --palette-background-bold: var(--palettes-off-background-bold);
  --palette-background-bolder: var(--palettes-off-background-bolder);
  --palette-background-boldest: var(--palettes-off-background-boldest);
  --palette-foreground-lightest: var(--palettes-off-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-off-foreground-lighter);
  --palette-foreground-light: var(--palettes-off-foreground-light);
  --palette-foreground-normal: var(--palettes-off-foreground-normal);
  --palette-foreground-bold: var(--palettes-off-foreground-bold);
  --palette-foreground-bolder: var(--palettes-off-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-off-foreground-boldest);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--hero-padding-y) * 1rem) calc(var(--hero-padding-x) * 1rem);
  background-color: hsla(var(--palette-background-lighter), var(--hero-background-opacity));
  color: hsla(var(--palette-foreground-normal), var(--hero-font-opacity));
  text-align: center;
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), color var(--animations-visual-duration) var(--animations-visual-function);
}
.hero--footer {
  display: flex;
  align-items: center;
  gap: calc(var(--hero-footer-gap-y) * 1rem) calc(var(--hero-footer-gap-x) * 1rem);
  max-width: var(--hero-footer-size-max-width);
  font-size: calc(var(--hero-footer-font-size) * 1rem);
  line-height: 1;
}
.hero--footer:not(:first-child) {
  margin-top: calc(var(--hero-footer-margin-y) * 1rem);
}
.hero--header {
  max-width: var(--hero-header-size-max-width);
  font-family: var(--hero-header-font-family);
  font-size: calc(var(--hero-header-font-size) * 1rem);
  font-weight: var(--hero-header-font-weight);
}
.hero--section {
  max-width: var(--hero-section-size-max-width);
  font-size: calc(var(--hero-section-font-size) * 1rem);
}
.hero--section:not(:first-child) {
  margin-top: calc(var(--hero-section-margin-y) * 1rem);
}
.tile {
  --elevation-shadow: var(--tile-elevation);
  --palette-background-lightest: var(--palettes-auto-background-lightest);
  --palette-background-lighter: var(--palettes-auto-background-lighter);
  --palette-background-light: var(--palettes-auto-background-light);
  --palette-background-normal: var(--palettes-auto-background-normal);
  --palette-background-bold: var(--palettes-auto-background-bold);
  --palette-background-bolder: var(--palettes-auto-background-bolder);
  --palette-background-boldest: var(--palettes-auto-background-boldest);
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter);
  --palette-foreground-light: var(--palettes-auto-foreground-light);
  --palette-foreground-normal: var(--palettes-auto-foreground-normal);
  --palette-foreground-bold: var(--palettes-auto-foreground-bold);
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest);
  --shape-radius: var(--tile-border-radius);
  --sizing-font-size-inline: 1;
  display: flex;
  align-items: center;
  gap: calc(var(--tile-gap-y) * 1em) calc(var(--tile-gap-x) * 1em);
  border-radius: calc(var(--shape-radius) * 1rem);
  font-size: calc(var(--sizing-font-size-inline) * 1rem);
  transition:
    border-color var(--animations-visual-duration) var(--animations-visual-function),
    background-color var(--animations-visual-duration) var(--animations-visual-function),
    color var(--animations-visual-duration) var(--animations-visual-function);
}
.tile:not([data-variation~=flush]) {
  padding: calc(var(--tile-padding-y) * 1em) calc(var(--tile-padding-x) * 1em);
  background-color: hsla(var(--palette-background-lighter), var(--tile-background-opacity));
  border: var(--tile-border-width) var(--tile-border-style) hsla(var(--palette-background-bold), var(--tile-border-opacity));
  color: hsla(var(--palette-foreground-normal), var(--tile-font-opacity));
  box-shadow: var(--elevation-shadow);
}
.tile--figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tile-figure-size-width);
  height: var(--tile-figure-size-height);
  --fit-object: fill;
  --shape-radius: 0;
  object-fit: var(--fit-object);
  border-radius: calc(var(--shape-radius) * 1rem);
}
.tile--figure > * {
  border-radius: inherit;
  object-fit: inherit;
  height: 100%;
}
.tile--footer {
  --orientation-direction: row;
  --orientation-align: var(--alignment-flex-y);
  --orientation-justify: var(--alignment-flex-x);
  --orientation-grow: var(--alignment-flex-x-grow);
  --alignment-flex-x: center;
  --alignment-flex-x-grow: initial;
  --alignment-flex-y: center;
  --alignment-flex-y-grow: initial;
  --spacing-x: var(--tile-footer-spacing-x);
  --spacing-y: var(--tile-footer-spacing-y);
  display: flex;
  flex-direction: var(--orientation-direction);
  align-items: var(--orientation-align);
  justify-content: var(--orientation-justify);
  gap: calc(var(--spacing-y) * 1em) calc(var(--spacing-x) * 1em);
  margin-left: auto;
}
.tile--footer > * {
  flex-grow: var(--orientation-grow);
  margin: 0;
}
.tile--header {
  display: flex;
  align-items: center;
  gap: calc(var(--tile-header-gap-y) * 1em) calc(var(--tile-header-gap-x) * 1em);
  font-family: var(--tile-header-font-family);
  font-size: calc(var(--tile-header-font-size) * 1em);
  font-weight: var(--tile-header-font-weight);
}
.tile--section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tile--section:last-of-type {
  flex-grow: 1;
}
.animation {
  --delay: 0;
  --duration: 1;
  --iterations: infinite;
  animation-delay: calc(var(--animation-duration) * var(--delay));
  animation-duration: calc(var(--animation-duration) * var(--duration));
  animation-iteration-count: var(--iterations);
}
.animation:is(:not([data-variation]), [data-variation~=play]) {
  animation-play-state: running;
}
.animation[data-variation=pause] {
  animation-play-state: paused;
}
.animation[data-animation~=bounce] {
  --animation-duration: 1s;
  animation-name: animation-bounce;
}
.animation[data-animation~=ping] {
  --animation-duration: 1s;
  animation-name: animation-ping;
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.animation[data-animation~=pulse] {
  --animation-duration: 1s;
  animation-name: animation-pulse;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
span.animation {
  display: inline-block;
}
@keyframes animation-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes animation-ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes animation-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.portal {
  display: contents;
}
.transition {
  --delay: 0;
  --duration: 1;
  --animation-name: unset;
  --animation-duration: calc( var(--animations-reveal-duration) * var(--duration) );
  --animation-delay: calc(var(--animations-reveal-duration) * var(--delay));
  --animation-enter: unset;
  --animation-exit: unset;
  --animation-function: var(--animations-reveal-function);
  --animation-visible: 1;
}
.transition[data-variation~=enter] {
  --animation-name: var(--animation-enter);
  --animation-visible: 1;
}
.transition[data-variation~=exit] {
  --animation-name: var(--animation-exit);
  --animation-visible: 0;
}
span.transition {
  display: inline-block;
}
.transition:not([data-behavior]) {
  animation: var(--animation-name) var(--animation-duration) var(--animation-function) var(--animation-delay) both;
}
.transition:not([data-behavior])[data-animation~=clip]:is(:not([data-direction]), [data-direction=bottom]) {
  --animation-enter: transition-clip-bottom-enter;
  --animation-exit: transition-clip-bottom-exit;
}
.transition:not([data-behavior])[data-animation~=clip][data-direction=left] {
  --animation-enter: transition-clip-left-enter;
  --animation-exit: transition-clip-left-exit;
}
.transition:not([data-behavior])[data-animation~=clip][data-direction=right] {
  --animation-enter: transition-clip-right-enter;
  --animation-exit: transition-clip-right-exit;
}
.transition:not([data-behavior])[data-animation~=clip][data-direction=top] {
  --animation-enter: transition-clip-top-enter;
  --animation-exit: transition-clip-top-exit;
}
.transition:not([data-behavior])[data-animation~=fade] {
  --animation-enter: transition-fade-enter;
  --animation-exit: transition-fade-exit;
}
.transition:not([data-behavior])[data-animation~=scale] {
  --animation-enter: transition-scale-enter;
  --animation-exit: transition-scale-exit;
}
.transition:not([data-behavior])[data-animation~=slide]:is(:not([data-direction]), [data-direction=bottom]) {
  --animation-enter: transition-slide-bottom-enter;
  --animation-exit: transition-slide-bottom-exit;
}
.transition:not([data-behavior])[data-animation~=slide][data-direction=left] {
  --animation-enter: transition-slide-left-enter;
  --animation-exit: transition-slide-left-exit;
}
.transition:not([data-behavior])[data-animation~=slide][data-direction=right] {
  --animation-enter: transition-slide-right-enter;
  --animation-exit: transition-slide-right-exit;
}
.transition:not([data-behavior])[data-animation~=slide][data-direction=top] {
  --animation-enter: transition-slide-top-enter;
  --animation-exit: transition-slide-top-exit;
}
.transition[data-behavior~=explicit][data-animation~=clip] {
  opacity: calc(1 * var(--animation-visible) + 0 * (1 - var(--animation-visible)));
  transition: clip-path var(--animation-duration) var(--animation-function) var(--animation-delay), opacity calc(var(--animation-duration) * 0.75) var(--animation-function) calc(var(--animation-delay) + var(--animation-duration) * 0.25);
}
.transition[data-behavior~=explicit][data-animation~=clip]:is(:not([data-direction]), [data-direction=bottom]) {
  clip-path: inset(calc(-10% * var(--animation-visible) + 100% * (1 - var(--animation-visible))) -10% -10% -10%);
}
.transition[data-behavior~=explicit][data-animation~=clip][data-direction=left] {
  clip-path: inset(-10% calc(-10% * var(--animation-visible) + 100% * (1 - var(--animation-visible))) -10% -10%);
}
.transition[data-behavior~=explicit][data-animation~=clip][data-direction=right] {
  clip-path: inset(-10% -10% -10% calc(-10% * var(--animation-visible) + 100% * (1 - var(--animation-visible))));
}
.transition[data-behavior~=explicit][data-animation~=clip][data-direction=top] {
  clip-path: inset(-10% -10% calc(-10% * var(--animation-visible) + 100% * (1 - var(--animation-visible))) -10%);
}
.transition[data-behavior~=explicit][data-animation~=fade] {
  opacity: calc(1 * var(--animation-visible) + 0 * (1 - var(--animation-visible)));
  transition: opacity var(--animation-duration) var(--animation-function) var(--animation-delay);
}
.transition[data-behavior~=explicit][data-animation~=scale] {
  opacity: calc(1 * var(--animation-visible) + 0 * (1 - var(--animation-visible)));
  transform: scale(calc(1 * var(--animation-visible) + 0.5 * (1 - var(--animation-visible))));
  transition: transform var(--animation-duration) var(--animation-function) var(--animation-delay), opacity calc(var(--animation-duration) * 0.75) var(--animation-function) calc(var(--animation-delay) + var(--animation-duration) * 0.25);
}
.transition[data-behavior~=explicit][data-animation~=slide] {
  opacity: calc(1 * var(--animation-visible) + 0 * (1 - var(--animation-visible)));
  transition: transform var(--animation-duration) var(--animation-function) var(--animation-delay), opacity calc(var(--animation-duration) * 0.75) var(--animation-function) calc(var(--animation-delay) + var(--animation-duration) * 0.25);
}
.transition[data-behavior~=explicit][data-animation~=slide]:is(:not([data-direction]), [data-direction=bottom]) {
  transform: translate(0%, calc(0% * var(--animation-visible) + 100% * (1 - var(--animation-visible))));
}
.transition[data-behavior~=explicit][data-animation~=slide][data-direction=left] {
  transform: translate(calc(0% * var(--animation-visible) + -100% * (1 - var(--animation-visible))), 0%);
}
.transition[data-behavior~=explicit][data-animation~=slide][data-direction=right] {
  transform: translate(calc(0% * var(--animation-visible) + 100% * (1 - var(--animation-visible))), 0%);
}
.transition[data-behavior~=explicit][data-animation~=slide][data-direction=top] {
  transform: translate(0%, calc(0% * var(--animation-visible) + -100% * (1 - var(--animation-visible))));
}
@keyframes transition-clip-bottom-enter {
  0% {
    clip-path: inset(100% -10% -10% -10%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
}
@keyframes transition-clip-bottom-exit {
  0% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    clip-path: inset(100% -10% -10% -10%);
    opacity: 0;
  }
}
@keyframes transition-clip-left-enter {
  0% {
    clip-path: inset(-10% 100% -10% -10%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
}
@keyframes transition-clip-left-exit {
  0% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% 100% -10% -10%);
    opacity: 0;
  }
}
@keyframes transition-clip-right-enter {
  0% {
    clip-path: inset(-10% -10% -10% 100%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
}
@keyframes transition-clip-right-exit {
  0% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% -10% 100%);
    opacity: 0;
  }
}
@keyframes transition-clip-top-enter {
  0% {
    clip-path: inset(-10% -10% 100% -10%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
}
@keyframes transition-clip-top-exit {
  0% {
    clip-path: inset(-10% -10% -10% -10%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    clip-path: inset(-10% -10% 100% -10%);
    opacity: 0;
  }
}
@keyframes transition-fade-enter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transition-fade-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes transition-scale-enter {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes transition-scale-exit {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes transition-slide-bottom-enter {
  0% {
    transform: translate(0%, 100%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes transition-slide-bottom-exit {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, 100%);
    opacity: 0;
  }
}
@keyframes transition-slide-left-enter {
  0% {
    transform: translate(-100%, 0%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes transition-slide-left-exit {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translate(-100%, 0%);
    opacity: 0;
  }
}
@keyframes transition-slide-right-enter {
  0% {
    transform: translate(100%, 0%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes transition-slide-right-exit {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translate(100%, 0%);
    opacity: 0;
  }
}
@keyframes transition-slide-top-enter {
  0% {
    transform: translate(0%, -100%);
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes transition-slide-top-exit {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translate(0%, -100%);
    opacity: 0;
  }
}
.data-select.popover .scrollable {
  max-height: min(var(--dataselect-size-max-height) * 1rem, 50vh);
}
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid {
  --grid-alignment-x: initial;
  --grid-alignment-y: initial;
  --spacing-x: 0;
  --spacing-y: 0;
  --points: initial;
  display: grid;
  align-items: var(--grid-alignment-y);
  justify-content: var(--grid-alignment-x);
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
  grid-auto-flow: row dense;
  grid-template-columns: repeat(var(--points), 1fr);
}
.grid > * {
  margin: 0;
}
.grid[data-variation~=relative] {
  gap: calc(var(--spacing-y) * 1em) calc(var(--spacing-x) * 1em);
}
.grid--item {
  --span-x: 1;
  --span-y: 1;
  display: contents;
}
.grid--item > * {
  grid-column: span var(--span-x)/span var(--span-x);
  grid-row: span var(--span-y)/span var(--span-y);
}
.group {
  --spacing-x: var(--group-item-stacked-spacing-x);
  --spacing-y: var(--group-item-stacked-spacing-y);
  display: inline-flex;
}
.group:not([data-orientation~=vertical]) {
  flex-direction: row;
  align-items: stretch;
}
.group:not([data-orientation~=vertical]) > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.group:not([data-orientation~=vertical]) > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.group:not([data-orientation~=vertical])[data-variation~=stacked] > :not(:first-child, :last-child) {
  margin-left: calc(var(--spacing-x) * -1rem);
}
.group[data-orientation~=vertical] {
  flex-direction: column;
  justify-content: stretch;
}
.group[data-orientation~=vertical] > :first-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.group[data-orientation~=vertical] > :last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.group[data-orientation~=vertical][data-variation~=stacked] > :not(:first-child, :last-child) {
  margin-top: calc(var(--spacing-y) * -1rem);
}
.group > * {
  margin: 0;
}
.group > :not(:first-child, :last-child) {
  border-radius: 0;
}
.mosaic {
  --grid-alignment-x: initial;
  --grid-alignment-y: initial;
  --spacing-x: 0;
  --spacing-y: 0;
  --sizing-size-block: 0px;
  display: grid;
  align-items: var(--grid-alignment-y);
  justify-content: var(--grid-alignment-x);
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--sizing-size-block) * 1rem), 1fr));
}
.mosaic > * {
  margin: 0;
}
.mosaic[data-variation~=relative] {
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--sizing-size-block) * 1em), 1fr));
}
.mosaic--item {
  --span-x: 1;
  --span-y: 1;
  display: contents;
}
.mosaic--item > * {
  grid-column: span var(--span-x)/span var(--span-x);
  grid-row: span var(--span-y)/span var(--span-y);
}
.position {
  display: inline-block;
}
.position[data-variation~=action] {
  --spacing-x: var(--position-action-spacing-x);
  --spacing-y: var(--position-action-spacing-y);
  position: fixed;
}
.position[data-variation~=action]:is(:not([data-alignment-x]), [data-alignment-x=right]) {
  right: calc(var(--spacing-x) * 1rem);
}
.position[data-variation~=action][data-alignment-x=left] {
  left: calc(var(--spacing-x) * 1rem);
}
.position[data-variation~=action]:is(:not([data-alignment-y]), [data-alignment-y=bottom]) {
  bottom: calc(var(--spacing-y) * 1rem);
}
.position[data-variation~=action][data-alignment-y=top] {
  top: calc(var(--spacing-y) * 1rem);
}
.position[data-variation~=indicator] {
  position: absolute;
}
.position[data-variation~=indicator]:is(:not([data-alignment-y]), [data-alignment-y=top]) {
  top: 0;
}
.position[data-variation~=indicator]:is(:not([data-alignment-y]), [data-alignment-y=top]):is(:not([data-alignment-x]), [data-alignment-x=right]) {
  right: 0;
  transform: translate(50%, -50%);
}
.position[data-variation~=indicator]:is(:not([data-alignment-y]), [data-alignment-y=top])[data-alignment-x=left] {
  left: 0;
  transform: translate(-50%, -50%);
}
.position[data-variation~=indicator][data-alignment-y=bottom] {
  bottom: 0;
}
.position[data-variation~=indicator][data-alignment-y=bottom]:is(:not([data-alignment-x]), [data-alignment-x=right]) {
  right: 0;
  transform: translate(50%, 50%);
}
.position[data-variation~=indicator][data-alignment-y=bottom][data-alignment-x=left] {
  left: 0;
  transform: translate(-50%, 50%);
}
.position[data-variation~=raised] {
  position: relative;
}
.position[data-variation~=raised]:is(:not([data-placement]), [data-placement=top]) {
  transform: translateY(-50%);
}
.position[data-variation~=raised][data-placement=bottom] {
  transform: translateY(50%);
}
.position[data-variation~=raised][data-placement=left] {
  transform: translateX(-50%);
}
.position[data-variation~=raised][data-placement=right] {
  transform: translateX(50%);
}
.position[data-variation~=container] {
  position: absolute;
}
.position[data-variation~=viewport] {
  position: fixed;
}
.scrollable {
  overflow: auto;
}
.stack {
  --orientation-direction: column;
  --orientation-align: var(--alignment-flex-x);
  --orientation-justify: var(--alignment-flex-y);
  --orientation-grow: var(--alignment-flex-y-grow);
  --alignment-flex-x: initial;
  --alignment-flex-x-grow: initial;
  --alignment-flex-y: initial;
  --alignment-flex-y-grow: initial;
  --spacing-x: 0;
  --spacing-y: 0;
  display: flex;
  flex-direction: var(--orientation-direction);
  align-items: var(--orientation-align);
  justify-content: var(--orientation-justify);
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
}
.stack > * {
  flex-grow: var(--orientation-grow);
  margin: 0;
}
.stack[data-variation~=relative] {
  gap: calc(var(--spacing-y) * 1em) calc(var(--spacing-x) * 1em);
}
.stack[data-variation~=wrap] {
  flex-wrap: wrap;
}
.stack--item {
  display: contents;
}
.stack--item[data-variation~=stretch] > * {
  flex-grow: 1;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--container-padding-x) * 1rem);
  padding-right: calc(var(--container-padding-x) * 1rem);
  width: 100%;
  max-width: min(var(--sizes-prose), 100vw);
}
.divider,
:where(.article) > hr {
  display: flex;
  color: hsla(var(--palette-foreground-normal), var(--divider-font-opacity));
  opacity: var(--divider-opacity);
  pointer-events: none;
  user-select: none;
  transition: color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
.divider[data-palette],
:where(.article) > hr[data-palette] {
  color: hsla(var(--palette-background-bolder), var(--divider-font-opacity));
}
.divider:is(:not([data-orientation]), [data-orientation~=horizontal]),
:where(.article) > hr:is(:not([data-orientation]), [data-orientation~=horizontal]) {
  margin-bottom: calc(var(--divider-margin-y) * 1rem);
  margin-top: calc(var(--divider-margin-y) * 1rem);
  width: 100%;
}
.divider[data-orientation~=vertical],
:where(.article) > hr[data-orientation~=vertical] {
  margin-left: calc(var(--divider-margin-x) * 1rem);
  margin-right: calc(var(--divider-margin-x) * 1rem);
  height: 100%;
}
hr.divider,
:where(.article) > hr {
  border: none;
  background: currentColor;
  border-radius: calc(var(--divider-border-radius) * 1rem);
}
hr.divider:is(:not([data-orientation]), [data-orientation~=horizontal]),
:where(.article) > hr:is(:not([data-orientation]), [data-orientation~=horizontal]) {
  height: var(--divider-size-height);
}
hr.divider[data-orientation=vertical],
:where(.article) > hr[data-orientation=vertical] {
  width: var(--divider-size-width);
}
p.divider {
  align-items: center;
  justify-content: center;
  display: inline-flex;
  gap: calc(var(--divider-text-gap-y) * 1em) calc(var(--divider-text-gap-x) * 1em);
  font-family: var(--divider-text-font-family);
  font-size: calc(var(--divider-text-font-size) * 1em);
  font-weight: var(--divider-text-font-weight);
  letter-spacing: calc(var(--divider-text-font-letter-spacing) * 1em);
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
p.divider::before,
p.divider::after {
  display: block;
  flex-grow: 1;
  background: currentColor;
  border-radius: calc(var(--divider-border-radius) * 1rem);
  content: "";
}
p.divider:is(:not([data-orientation]), [data-orientation~=horizontal])::before,
p.divider:is(:not([data-orientation]), [data-orientation~=horizontal])::after {
  height: var(--divider-size-height);
}
p.divider[data-orientation=vertical] {
  writing-mode: vertical-rl;
}
p.divider[data-orientation=vertical]::before,
p.divider[data-orientation=vertical]::after {
  width: var(--divider-size-width);
}
.spacer {
  --spacing-x: 0;
  --spacing-y: 0;
  flex-grow: 1;
  flex-shrink: 1;
  place-self: stretch;
}
div.spacer {
  height: calc(var(--spacing-y) * 1rem);
  width: calc(var(--spacing-x) * 1rem);
}
span.spacer {
  margin: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
}
.backdrop {
  --palette-background-lightest: var(--palettes-neutral-background-lightest);
  --palette-background-lighter: var(--palettes-neutral-background-lighter);
  --palette-background-light: var(--palettes-neutral-background-light);
  --palette-background-normal: var(--palettes-neutral-background-normal);
  --palette-background-bold: var(--palettes-neutral-background-bold);
  --palette-background-bolder: var(--palettes-neutral-background-bolder);
  --palette-background-boldest: var(--palettes-neutral-background-boldest);
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest);
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter);
  --palette-foreground-light: var(--palettes-neutral-foreground-light);
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal);
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold);
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder);
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest);
  --animation-visible: 1;
  display: block;
  position: fixed;
  inset: 0;
  background-color: hsla(var(--palette-background-lighter), var(--backdrop-background-opacity));
  opacity: calc(1 * var(--animation-visible) + 0 * (1 - var(--animation-visible)));
  transition: background-color var(--animations-visual-duration) var(--animations-visual-function), opacity var(--animations-visual-duration) var(--animations-visual-function);
}
.backdrop[for] {
  cursor: pointer;
}
.clickable {
  display: contents;
}
.clickable > * {
  position: relative;
}
.clickable > * :not(.clickable--item):is(a[href], button, input, label[for]) {
  position: relative;
  z-index: var(--clickable-interactable-z-index);
}
.clickable--item {
  position: static;
}
.clickable--item::before {
  display: block;
  position: absolute;
  content: "";
  inset: 0;
  z-index: var(--clickable-item-z-index);
}
.overlay {
  display: block;
  position: fixed;
  inset: 0;
  z-index: var(--overlay-z-index);
}
.overlay--backdrop {
  pointer-events: auto;
}
.overlay--section {
  --orientation-direction: column;
  --orientation-align: var(--alignment-flex-x);
  --orientation-justify: var(--alignment-flex-y);
  --orientation-grow: var(--alignment-flex-y-grow);
  --alignment-flex-x: center;
  --alignment-flex-x-grow: initial;
  --alignment-flex-y: center;
  --alignment-flex-y-grow: initial;
  --spacing-x: 0;
  --spacing-y: 0;
  display: flex;
  flex-direction: var(--orientation-direction);
  align-items: var(--orientation-align);
  justify-content: var(--orientation-justify);
  gap: calc(var(--spacing-y) * 1rem) calc(var(--spacing-x) * 1rem);
  position: absolute;
  inset: 0;
}
.overlay--section > * {
  flex-grow: var(--orientation-grow);
  margin: 0;
}
.overlay--section > * {
  pointer-events: auto;
}
.overlay,
.overlay--section {
  pointer-events: none;
}
.overlay--state {
  display: none;
}
.overlay--state:not(:checked) + .overlay > :is(.overlay--backdrop, .overlay--section) {
  --animation-visible: 0;
}
.overlay--state:not(:checked) + .overlay > .overlay--backdrop,
.overlay--state:not(:checked) + .overlay > .overlay--section > * {
  pointer-events: none;
}
.popover {
  --spacing-x: 0;
  --spacing-y: 0;
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.popover--section {
  position: absolute;
  z-index: var(--popover-z-index);
}
.popover--section:is(:not([data-placement]), [data-placement=bottom]):is(:not([data-alignment-x]), [data-alignment-x=center]) {
  inset: auto 50% calc(var(--spacing-y) * -1rem) auto;
  transform: translate(50%, 100%);
}
.popover--section:is(:not([data-placement]), [data-placement=bottom])[data-alignment-x=left] {
  inset: auto 0% calc(var(--spacing-y) * -1rem) auto;
  transform: translate(0%, 100%);
}
.popover--section:is(:not([data-placement]), [data-placement=bottom])[data-alignment-x=right] {
  inset: auto 100% calc(var(--spacing-y) * -1rem) auto;
  transform: translate(100%, 100%);
}
.popover--section[data-placement=top]:is(:not([data-alignment-x]), [data-alignment-x=center]) {
  inset: calc(var(--spacing-y) * -1rem) 50% auto auto;
  transform: translate(50%, -100%);
}
.popover--section[data-placement=top][data-alignment-x=left] {
  inset: calc(var(--spacing-y) * -1rem) 0% auto auto;
  transform: translate(0%, -100%);
}
.popover--section[data-placement=top][data-alignment-x=right] {
  inset: calc(var(--spacing-y) * -1rem) 100% auto auto;
  transform: translate(100%, -100%);
}
.popover--section[data-placement=left]:is(:not([data-alignment-y]), [data-alignment-y=center]) {
  inset: 50% auto auto calc(var(--spacing-x) * -1rem);
  transform: translate(-100%, -50%);
}
.popover--section[data-placement=left][data-alignment-y=top] {
  inset: 100% auto auto calc(var(--spacing-x) * -1rem);
  transform: translate(-100%, -100%);
}
.popover--section[data-placement=left][data-alignment-y=bottom] {
  inset: 0% auto auto calc(var(--spacing-x) * -1rem);
  transform: translate(-100%, 0%);
}
.popover--section[data-placement=right]:is(:not([data-alignment-y]), [data-alignment-y=center]) {
  inset: 50% calc(var(--spacing-x) * -1rem) auto auto;
  transform: translate(100%, -50%);
}
.popover--section[data-placement=right][data-alignment-y=top] {
  inset: 100% calc(var(--spacing-x) * -1rem) auto auto;
  transform: translate(100%, -100%);
}
.popover--section[data-placement=right][data-alignment-y=bottom] {
  inset: 0% calc(var(--spacing-x) * -1rem) auto auto;
  transform: translate(100%, 0%);
}
.popover--state {
  display: none;
}
.popover--state:not(:checked) + .popover:is(:not([data-variation]), [data-variation~=popover]) > .popover--section {
  --animation-visible: 0;
  pointer-events: none;
}
.popover[data-variation~=control]:not(:focus-within) > .popover--section,
.popover[data-variation~=tooltip]:not(:active, :hover, :focus-within) > .popover--section {
  --animation-visible: 0;
  pointer-events: none;
}
.popover[data-variation~=tooltip]:is(:active, :hover, :focus-within) > .popover--section {
  --animation-delay: var(--popover-tooltip-animation-delay);
}
[data-alignment~=center] {
  --alignment-flex-x: center !important;
  --alignment-flex-y: center !important;
  --alignment-grid-x: center !important;
  --alignment-grid-y: center !important;
  --alignment-text: center !important;
}
[data-alignment~=stretch] {
  --alignment-flex-x: stretch !important;
  --alignment-flex-x-grow: 1 !important;
  --alignment-flex-y: stretch !important;
  --alignment-flex-y-grow: 1 !important;
  --alignment-grid-x: stretch !important;
  --alignment-grid-y: stretch !important;
}
[data-alignment-x~=center] {
  --alignment-flex-x: center !important;
  --alignment-grid-x: center !important;
  --alignment-text: center !important;
}
[data-alignment-x~=justify] {
  --alignment-text: justify !important;
}
[data-alignment-x~=stretch] {
  --alignment-flex-x: stretch !important;
  --alignment-flex-x-grow: 1 !important;
  --alignment-grid-x: stretch !important;
}
[data-alignment-x~=left] {
  --alignment-flex-x: flex-start !important;
  --alignment-grid-x: start !important;
  --alignment-text: left !important;
}
[data-alignment-x~=right] {
  --alignment-flex-x: flex-end !important;
  --alignment-grid-x: end !important;
  --alignment-text: right !important;
}
[data-alignment-y~=center] {
  --alignment-flex-y: center !important;
  --alignment-grid-y: center !important;
}
[data-alignment-y~=stretch] {
  --alignment-flex-y: stretch !important;
  --alignment-flex-y-grow: 1 !important;
  --alignment-grid-y: stretch !important;
}
[data-alignment-y~=top] {
  --alignment-flex-y: flex-start !important;
  --alignment-grid-y: start !important;
}
[data-alignment-y~=bottom] {
  --alignment-flex-y: flex-end !important;
  --alignment-grid-y: end !important;
}
@media (max-width: 640px) {
  [data-alignment~="mobile:center"] {
    --alignment-flex-x: center !important;
    --alignment-flex-y: center !important;
    --alignment-grid-x: center !important;
    --alignment-grid-y: center !important;
    --alignment-text: center !important;
  }
  [data-alignment~="mobile:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-x: stretch !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-x~="mobile:center"] {
    --alignment-flex-x: center !important;
    --alignment-grid-x: center !important;
    --alignment-text: center !important;
  }
  [data-alignment-x~="mobile:justify"] {
    --alignment-text: justify !important;
  }
  [data-alignment-x~="mobile:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-grid-x: stretch !important;
  }
  [data-alignment-x~="mobile:left"] {
    --alignment-flex-x: flex-start !important;
    --alignment-grid-x: start !important;
    --alignment-text: left !important;
  }
  [data-alignment-x~="mobile:right"] {
    --alignment-flex-x: flex-end !important;
    --alignment-grid-x: end !important;
    --alignment-text: right !important;
  }
  [data-alignment-y~="mobile:center"] {
    --alignment-flex-y: center !important;
    --alignment-grid-y: center !important;
  }
  [data-alignment-y~="mobile:stretch"] {
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-y~="mobile:top"] {
    --alignment-flex-y: flex-start !important;
    --alignment-grid-y: start !important;
  }
  [data-alignment-y~="mobile:bottom"] {
    --alignment-flex-y: flex-end !important;
    --alignment-grid-y: end !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-alignment~="tablet:center"] {
    --alignment-flex-x: center !important;
    --alignment-flex-y: center !important;
    --alignment-grid-x: center !important;
    --alignment-grid-y: center !important;
    --alignment-text: center !important;
  }
  [data-alignment~="tablet:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-x: stretch !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-x~="tablet:center"] {
    --alignment-flex-x: center !important;
    --alignment-grid-x: center !important;
    --alignment-text: center !important;
  }
  [data-alignment-x~="tablet:justify"] {
    --alignment-text: justify !important;
  }
  [data-alignment-x~="tablet:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-grid-x: stretch !important;
  }
  [data-alignment-x~="tablet:left"] {
    --alignment-flex-x: flex-start !important;
    --alignment-grid-x: start !important;
    --alignment-text: left !important;
  }
  [data-alignment-x~="tablet:right"] {
    --alignment-flex-x: flex-end !important;
    --alignment-grid-x: end !important;
    --alignment-text: right !important;
  }
  [data-alignment-y~="tablet:center"] {
    --alignment-flex-y: center !important;
    --alignment-grid-y: center !important;
  }
  [data-alignment-y~="tablet:stretch"] {
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-y~="tablet:top"] {
    --alignment-flex-y: flex-start !important;
    --alignment-grid-y: start !important;
  }
  [data-alignment-y~="tablet:bottom"] {
    --alignment-flex-y: flex-end !important;
    --alignment-grid-y: end !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-alignment~="desktop:center"] {
    --alignment-flex-x: center !important;
    --alignment-flex-y: center !important;
    --alignment-grid-x: center !important;
    --alignment-grid-y: center !important;
    --alignment-text: center !important;
  }
  [data-alignment~="desktop:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-x: stretch !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-x~="desktop:center"] {
    --alignment-flex-x: center !important;
    --alignment-grid-x: center !important;
    --alignment-text: center !important;
  }
  [data-alignment-x~="desktop:justify"] {
    --alignment-text: justify !important;
  }
  [data-alignment-x~="desktop:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-grid-x: stretch !important;
  }
  [data-alignment-x~="desktop:left"] {
    --alignment-flex-x: flex-start !important;
    --alignment-grid-x: start !important;
    --alignment-text: left !important;
  }
  [data-alignment-x~="desktop:right"] {
    --alignment-flex-x: flex-end !important;
    --alignment-grid-x: end !important;
    --alignment-text: right !important;
  }
  [data-alignment-y~="desktop:center"] {
    --alignment-flex-y: center !important;
    --alignment-grid-y: center !important;
  }
  [data-alignment-y~="desktop:stretch"] {
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-y~="desktop:top"] {
    --alignment-flex-y: flex-start !important;
    --alignment-grid-y: start !important;
  }
  [data-alignment-y~="desktop:bottom"] {
    --alignment-flex-y: flex-end !important;
    --alignment-grid-y: end !important;
  }
}
@media (min-width: 1025px) {
  [data-alignment~="widescreen:center"] {
    --alignment-flex-x: center !important;
    --alignment-flex-y: center !important;
    --alignment-grid-x: center !important;
    --alignment-grid-y: center !important;
    --alignment-text: center !important;
  }
  [data-alignment~="widescreen:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-x: stretch !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-x~="widescreen:center"] {
    --alignment-flex-x: center !important;
    --alignment-grid-x: center !important;
    --alignment-text: center !important;
  }
  [data-alignment-x~="widescreen:justify"] {
    --alignment-text: justify !important;
  }
  [data-alignment-x~="widescreen:stretch"] {
    --alignment-flex-x: stretch !important;
    --alignment-flex-x-grow: 1 !important;
    --alignment-grid-x: stretch !important;
  }
  [data-alignment-x~="widescreen:left"] {
    --alignment-flex-x: flex-start !important;
    --alignment-grid-x: start !important;
    --alignment-text: left !important;
  }
  [data-alignment-x~="widescreen:right"] {
    --alignment-flex-x: flex-end !important;
    --alignment-grid-x: end !important;
    --alignment-text: right !important;
  }
  [data-alignment-y~="widescreen:center"] {
    --alignment-flex-y: center !important;
    --alignment-grid-y: center !important;
  }
  [data-alignment-y~="widescreen:stretch"] {
    --alignment-flex-y: stretch !important;
    --alignment-flex-y-grow: 1 !important;
    --alignment-grid-y: stretch !important;
  }
  [data-alignment-y~="widescreen:top"] {
    --alignment-flex-y: flex-start !important;
    --alignment-grid-y: start !important;
  }
  [data-alignment-y~="widescreen:bottom"] {
    --alignment-flex-y: flex-end !important;
    --alignment-grid-y: end !important;
  }
}
[data-contents]:not([data-contents~=mobile], [data-contents~=tablet], [data-contents~=desktop], [data-contents~=widescreen]) {
  display: contents !important;
}
[data-contents]:not([data-contents~=mobile], [data-contents~=tablet], [data-contents~=desktop], [data-contents~=widescreen]) > * {
  pointer-events: auto !important;
}
[data-hidden]:not([data-hidden~=mobile], [data-hidden~=tablet], [data-hidden~=desktop], [data-hidden~=widescreen]) {
  display: none !important;
}
@media (max-width: 640px) {
  [data-contents~=mobile] {
    display: contents !important;
  }
  [data-contents~=mobile] > * {
    pointer-events: auto !important;
  }
  [data-hidden~=mobile] {
    display: none !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-contents~=tablet] {
    display: contents !important;
  }
  [data-contents~=tablet] > * {
    pointer-events: auto !important;
  }
  [data-hidden~=tablet] {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-contents~=desktop] {
    display: contents !important;
  }
  [data-contents~=desktop] > * {
    pointer-events: auto !important;
  }
  [data-hidden~=desktop] {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  [data-contents~=widescreen] {
    display: contents !important;
  }
  [data-contents~=widescreen] > * {
    pointer-events: auto !important;
  }
  [data-hidden~=widescreen] {
    display: none !important;
  }
}
[data-elevation=none] {
  --elevation-shadow: none;
}
[data-elevation=lowest] {
  --elevation-shadow: var(--elevations-lowest);
}
[data-elevation=lower] {
  --elevation-shadow: var(--elevations-lower);
}
[data-elevation=low] {
  --elevation-shadow: var(--elevations-low);
}
[data-elevation=medium] {
  --elevation-shadow: var(--elevations-medium);
}
[data-elevation=high] {
  --elevation-shadow: var(--elevations-high);
}
[data-elevation=higher] {
  --elevation-shadow: var(--elevations-higher);
}
[data-elevation=highest] {
  --elevation-shadow: var(--elevations-highest);
}
@media (max-width: 640px) {
  [data-elevation=none] {
    --elevation-shadow: none;
  }
  [data-elevation=lowest] {
    --elevation-shadow: var(--elevations-lowest);
  }
  [data-elevation=lower] {
    --elevation-shadow: var(--elevations-lower);
  }
  [data-elevation=low] {
    --elevation-shadow: var(--elevations-low);
  }
  [data-elevation=medium] {
    --elevation-shadow: var(--elevations-medium);
  }
  [data-elevation=high] {
    --elevation-shadow: var(--elevations-high);
  }
  [data-elevation=higher] {
    --elevation-shadow: var(--elevations-higher);
  }
  [data-elevation=highest] {
    --elevation-shadow: var(--elevations-highest);
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-elevation=none] {
    --elevation-shadow: none;
  }
  [data-elevation=lowest] {
    --elevation-shadow: var(--elevations-lowest);
  }
  [data-elevation=lower] {
    --elevation-shadow: var(--elevations-lower);
  }
  [data-elevation=low] {
    --elevation-shadow: var(--elevations-low);
  }
  [data-elevation=medium] {
    --elevation-shadow: var(--elevations-medium);
  }
  [data-elevation=high] {
    --elevation-shadow: var(--elevations-high);
  }
  [data-elevation=higher] {
    --elevation-shadow: var(--elevations-higher);
  }
  [data-elevation=highest] {
    --elevation-shadow: var(--elevations-highest);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-elevation=none] {
    --elevation-shadow: none;
  }
  [data-elevation=lowest] {
    --elevation-shadow: var(--elevations-lowest);
  }
  [data-elevation=lower] {
    --elevation-shadow: var(--elevations-lower);
  }
  [data-elevation=low] {
    --elevation-shadow: var(--elevations-low);
  }
  [data-elevation=medium] {
    --elevation-shadow: var(--elevations-medium);
  }
  [data-elevation=high] {
    --elevation-shadow: var(--elevations-high);
  }
  [data-elevation=higher] {
    --elevation-shadow: var(--elevations-higher);
  }
  [data-elevation=highest] {
    --elevation-shadow: var(--elevations-highest);
  }
}
@media (min-width: 1025px) {
  [data-elevation=none] {
    --elevation-shadow: none;
  }
  [data-elevation=lowest] {
    --elevation-shadow: var(--elevations-lowest);
  }
  [data-elevation=lower] {
    --elevation-shadow: var(--elevations-lower);
  }
  [data-elevation=low] {
    --elevation-shadow: var(--elevations-low);
  }
  [data-elevation=medium] {
    --elevation-shadow: var(--elevations-medium);
  }
  [data-elevation=high] {
    --elevation-shadow: var(--elevations-high);
  }
  [data-elevation=higher] {
    --elevation-shadow: var(--elevations-higher);
  }
  [data-elevation=highest] {
    --elevation-shadow: var(--elevations-highest);
  }
}
[data-fit~=none] {
  --fit-object: none;
}
[data-fit~=contain] {
  --fit-object: contain;
}
[data-fit~=cover] {
  --fit-object: cover;
}
[data-fit~=fill] {
  --fit-object: fill;
}
[data-fit~=scale-down] {
  --fit-object: scale-down;
}
@media (max-width: 640px) {
  [data-fit~="mobile:none"] {
    --fit-object: none;
  }
  [data-fit~="mobile:contain"] {
    --fit-object: contain;
  }
  [data-fit~="mobile:cover"] {
    --fit-object: cover;
  }
  [data-fit~="mobile:fill"] {
    --fit-object: fill;
  }
  [data-fit~="mobile:scale-down"] {
    --fit-object: scale-down;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-fit~="tablet:none"] {
    --fit-object: none;
  }
  [data-fit~="tablet:contain"] {
    --fit-object: contain;
  }
  [data-fit~="tablet:cover"] {
    --fit-object: cover;
  }
  [data-fit~="tablet:fill"] {
    --fit-object: fill;
  }
  [data-fit~="tablet:scale-down"] {
    --fit-object: scale-down;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-fit~="desktop:none"] {
    --fit-object: none;
  }
  [data-fit~="desktop:contain"] {
    --fit-object: contain;
  }
  [data-fit~="desktop:cover"] {
    --fit-object: cover;
  }
  [data-fit~="desktop:fill"] {
    --fit-object: fill;
  }
  [data-fit~="desktop:scale-down"] {
    --fit-object: scale-down;
  }
}
@media (min-width: 1025px) {
  [data-fit~="widescreen:none"] {
    --fit-object: none;
  }
  [data-fit~="widescreen:contain"] {
    --fit-object: contain;
  }
  [data-fit~="widescreen:cover"] {
    --fit-object: cover;
  }
  [data-fit~="widescreen:fill"] {
    --fit-object: fill;
  }
  [data-fit~="widescreen:scale-down"] {
    --fit-object: scale-down;
  }
}
[data-points~="1"] {
  --points: 1;
}
[data-points~="2"] {
  --points: 2;
}
[data-points~="3"] {
  --points: 3;
}
[data-points~="4"] {
  --points: 4;
}
[data-points~="5"] {
  --points: 5;
}
[data-points~="6"] {
  --points: 6;
}
[data-points~="7"] {
  --points: 7;
}
[data-points~="8"] {
  --points: 8;
}
[data-points~="9"] {
  --points: 9;
}
[data-points~="10"] {
  --points: 10;
}
[data-points~="11"] {
  --points: 11;
}
[data-points~="12"] {
  --points: 12;
}
[data-span~="1"] {
  --span-x: 1;
  --span-y: 1;
}
[data-span-x~="1"] {
  --span-x: 1;
}
[data-span-y~="1"] {
  --span-y: 1;
}
[data-span~="2"] {
  --span-x: 2;
  --span-y: 2;
}
[data-span-x~="2"] {
  --span-x: 2;
}
[data-span-y~="2"] {
  --span-y: 2;
}
[data-span~="3"] {
  --span-x: 3;
  --span-y: 3;
}
[data-span-x~="3"] {
  --span-x: 3;
}
[data-span-y~="3"] {
  --span-y: 3;
}
[data-span~="4"] {
  --span-x: 4;
  --span-y: 4;
}
[data-span-x~="4"] {
  --span-x: 4;
}
[data-span-y~="4"] {
  --span-y: 4;
}
[data-span~="5"] {
  --span-x: 5;
  --span-y: 5;
}
[data-span-x~="5"] {
  --span-x: 5;
}
[data-span-y~="5"] {
  --span-y: 5;
}
[data-span~="6"] {
  --span-x: 6;
  --span-y: 6;
}
[data-span-x~="6"] {
  --span-x: 6;
}
[data-span-y~="6"] {
  --span-y: 6;
}
[data-span~="7"] {
  --span-x: 7;
  --span-y: 7;
}
[data-span-x~="7"] {
  --span-x: 7;
}
[data-span-y~="7"] {
  --span-y: 7;
}
[data-span~="8"] {
  --span-x: 8;
  --span-y: 8;
}
[data-span-x~="8"] {
  --span-x: 8;
}
[data-span-y~="8"] {
  --span-y: 8;
}
[data-span~="9"] {
  --span-x: 9;
  --span-y: 9;
}
[data-span-x~="9"] {
  --span-x: 9;
}
[data-span-y~="9"] {
  --span-y: 9;
}
[data-span~="10"] {
  --span-x: 10;
  --span-y: 10;
}
[data-span-x~="10"] {
  --span-x: 10;
}
[data-span-y~="10"] {
  --span-y: 10;
}
[data-span~="11"] {
  --span-x: 11;
  --span-y: 11;
}
[data-span-x~="11"] {
  --span-x: 11;
}
[data-span-y~="11"] {
  --span-y: 11;
}
[data-span~="12"] {
  --span-x: 12;
  --span-y: 12;
}
[data-span-x~="12"] {
  --span-x: 12;
}
[data-span-y~="12"] {
  --span-y: 12;
}
@media (max-width: 640px) {
  [data-points~="mobile:1"] {
    --points: 1;
  }
  [data-points~="mobile:2"] {
    --points: 2;
  }
  [data-points~="mobile:3"] {
    --points: 3;
  }
  [data-points~="mobile:4"] {
    --points: 4;
  }
  [data-points~="mobile:5"] {
    --points: 5;
  }
  [data-points~="mobile:6"] {
    --points: 6;
  }
  [data-points~="mobile:7"] {
    --points: 7;
  }
  [data-points~="mobile:8"] {
    --points: 8;
  }
  [data-points~="mobile:9"] {
    --points: 9;
  }
  [data-points~="mobile:10"] {
    --points: 10;
  }
  [data-points~="mobile:11"] {
    --points: 11;
  }
  [data-points~="mobile:12"] {
    --points: 12;
  }
  [data-span~="mobile:1"] {
    --span-x: 1;
    --span-y: 1;
  }
  [data-span-x~="mobile:1"] {
    --span-x: 1;
  }
  [data-span-y~="mobile:1"] {
    --span-y: 1;
  }
  [data-span~="mobile:2"] {
    --span-x: 2;
    --span-y: 2;
  }
  [data-span-x~="mobile:2"] {
    --span-x: 2;
  }
  [data-span-y~="mobile:2"] {
    --span-y: 2;
  }
  [data-span~="mobile:3"] {
    --span-x: 3;
    --span-y: 3;
  }
  [data-span-x~="mobile:3"] {
    --span-x: 3;
  }
  [data-span-y~="mobile:3"] {
    --span-y: 3;
  }
  [data-span~="mobile:4"] {
    --span-x: 4;
    --span-y: 4;
  }
  [data-span-x~="mobile:4"] {
    --span-x: 4;
  }
  [data-span-y~="mobile:4"] {
    --span-y: 4;
  }
  [data-span~="mobile:5"] {
    --span-x: 5;
    --span-y: 5;
  }
  [data-span-x~="mobile:5"] {
    --span-x: 5;
  }
  [data-span-y~="mobile:5"] {
    --span-y: 5;
  }
  [data-span~="mobile:6"] {
    --span-x: 6;
    --span-y: 6;
  }
  [data-span-x~="mobile:6"] {
    --span-x: 6;
  }
  [data-span-y~="mobile:6"] {
    --span-y: 6;
  }
  [data-span~="mobile:7"] {
    --span-x: 7;
    --span-y: 7;
  }
  [data-span-x~="mobile:7"] {
    --span-x: 7;
  }
  [data-span-y~="mobile:7"] {
    --span-y: 7;
  }
  [data-span~="mobile:8"] {
    --span-x: 8;
    --span-y: 8;
  }
  [data-span-x~="mobile:8"] {
    --span-x: 8;
  }
  [data-span-y~="mobile:8"] {
    --span-y: 8;
  }
  [data-span~="mobile:9"] {
    --span-x: 9;
    --span-y: 9;
  }
  [data-span-x~="mobile:9"] {
    --span-x: 9;
  }
  [data-span-y~="mobile:9"] {
    --span-y: 9;
  }
  [data-span~="mobile:10"] {
    --span-x: 10;
    --span-y: 10;
  }
  [data-span-x~="mobile:10"] {
    --span-x: 10;
  }
  [data-span-y~="mobile:10"] {
    --span-y: 10;
  }
  [data-span~="mobile:11"] {
    --span-x: 11;
    --span-y: 11;
  }
  [data-span-x~="mobile:11"] {
    --span-x: 11;
  }
  [data-span-y~="mobile:11"] {
    --span-y: 11;
  }
  [data-span~="mobile:12"] {
    --span-x: 12;
    --span-y: 12;
  }
  [data-span-x~="mobile:12"] {
    --span-x: 12;
  }
  [data-span-y~="mobile:12"] {
    --span-y: 12;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-points~="tablet:1"] {
    --points: 1;
  }
  [data-points~="tablet:2"] {
    --points: 2;
  }
  [data-points~="tablet:3"] {
    --points: 3;
  }
  [data-points~="tablet:4"] {
    --points: 4;
  }
  [data-points~="tablet:5"] {
    --points: 5;
  }
  [data-points~="tablet:6"] {
    --points: 6;
  }
  [data-points~="tablet:7"] {
    --points: 7;
  }
  [data-points~="tablet:8"] {
    --points: 8;
  }
  [data-points~="tablet:9"] {
    --points: 9;
  }
  [data-points~="tablet:10"] {
    --points: 10;
  }
  [data-points~="tablet:11"] {
    --points: 11;
  }
  [data-points~="tablet:12"] {
    --points: 12;
  }
  [data-span~="tablet:1"] {
    --span-x: 1;
    --span-y: 1;
  }
  [data-span-x~="tablet:1"] {
    --span-x: 1;
  }
  [data-span-y~="tablet:1"] {
    --span-y: 1;
  }
  [data-span~="tablet:2"] {
    --span-x: 2;
    --span-y: 2;
  }
  [data-span-x~="tablet:2"] {
    --span-x: 2;
  }
  [data-span-y~="tablet:2"] {
    --span-y: 2;
  }
  [data-span~="tablet:3"] {
    --span-x: 3;
    --span-y: 3;
  }
  [data-span-x~="tablet:3"] {
    --span-x: 3;
  }
  [data-span-y~="tablet:3"] {
    --span-y: 3;
  }
  [data-span~="tablet:4"] {
    --span-x: 4;
    --span-y: 4;
  }
  [data-span-x~="tablet:4"] {
    --span-x: 4;
  }
  [data-span-y~="tablet:4"] {
    --span-y: 4;
  }
  [data-span~="tablet:5"] {
    --span-x: 5;
    --span-y: 5;
  }
  [data-span-x~="tablet:5"] {
    --span-x: 5;
  }
  [data-span-y~="tablet:5"] {
    --span-y: 5;
  }
  [data-span~="tablet:6"] {
    --span-x: 6;
    --span-y: 6;
  }
  [data-span-x~="tablet:6"] {
    --span-x: 6;
  }
  [data-span-y~="tablet:6"] {
    --span-y: 6;
  }
  [data-span~="tablet:7"] {
    --span-x: 7;
    --span-y: 7;
  }
  [data-span-x~="tablet:7"] {
    --span-x: 7;
  }
  [data-span-y~="tablet:7"] {
    --span-y: 7;
  }
  [data-span~="tablet:8"] {
    --span-x: 8;
    --span-y: 8;
  }
  [data-span-x~="tablet:8"] {
    --span-x: 8;
  }
  [data-span-y~="tablet:8"] {
    --span-y: 8;
  }
  [data-span~="tablet:9"] {
    --span-x: 9;
    --span-y: 9;
  }
  [data-span-x~="tablet:9"] {
    --span-x: 9;
  }
  [data-span-y~="tablet:9"] {
    --span-y: 9;
  }
  [data-span~="tablet:10"] {
    --span-x: 10;
    --span-y: 10;
  }
  [data-span-x~="tablet:10"] {
    --span-x: 10;
  }
  [data-span-y~="tablet:10"] {
    --span-y: 10;
  }
  [data-span~="tablet:11"] {
    --span-x: 11;
    --span-y: 11;
  }
  [data-span-x~="tablet:11"] {
    --span-x: 11;
  }
  [data-span-y~="tablet:11"] {
    --span-y: 11;
  }
  [data-span~="tablet:12"] {
    --span-x: 12;
    --span-y: 12;
  }
  [data-span-x~="tablet:12"] {
    --span-x: 12;
  }
  [data-span-y~="tablet:12"] {
    --span-y: 12;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-points~="desktop:1"] {
    --points: 1;
  }
  [data-points~="desktop:2"] {
    --points: 2;
  }
  [data-points~="desktop:3"] {
    --points: 3;
  }
  [data-points~="desktop:4"] {
    --points: 4;
  }
  [data-points~="desktop:5"] {
    --points: 5;
  }
  [data-points~="desktop:6"] {
    --points: 6;
  }
  [data-points~="desktop:7"] {
    --points: 7;
  }
  [data-points~="desktop:8"] {
    --points: 8;
  }
  [data-points~="desktop:9"] {
    --points: 9;
  }
  [data-points~="desktop:10"] {
    --points: 10;
  }
  [data-points~="desktop:11"] {
    --points: 11;
  }
  [data-points~="desktop:12"] {
    --points: 12;
  }
  [data-span~="desktop:1"] {
    --span-x: 1;
    --span-y: 1;
  }
  [data-span-x~="desktop:1"] {
    --span-x: 1;
  }
  [data-span-y~="desktop:1"] {
    --span-y: 1;
  }
  [data-span~="desktop:2"] {
    --span-x: 2;
    --span-y: 2;
  }
  [data-span-x~="desktop:2"] {
    --span-x: 2;
  }
  [data-span-y~="desktop:2"] {
    --span-y: 2;
  }
  [data-span~="desktop:3"] {
    --span-x: 3;
    --span-y: 3;
  }
  [data-span-x~="desktop:3"] {
    --span-x: 3;
  }
  [data-span-y~="desktop:3"] {
    --span-y: 3;
  }
  [data-span~="desktop:4"] {
    --span-x: 4;
    --span-y: 4;
  }
  [data-span-x~="desktop:4"] {
    --span-x: 4;
  }
  [data-span-y~="desktop:4"] {
    --span-y: 4;
  }
  [data-span~="desktop:5"] {
    --span-x: 5;
    --span-y: 5;
  }
  [data-span-x~="desktop:5"] {
    --span-x: 5;
  }
  [data-span-y~="desktop:5"] {
    --span-y: 5;
  }
  [data-span~="desktop:6"] {
    --span-x: 6;
    --span-y: 6;
  }
  [data-span-x~="desktop:6"] {
    --span-x: 6;
  }
  [data-span-y~="desktop:6"] {
    --span-y: 6;
  }
  [data-span~="desktop:7"] {
    --span-x: 7;
    --span-y: 7;
  }
  [data-span-x~="desktop:7"] {
    --span-x: 7;
  }
  [data-span-y~="desktop:7"] {
    --span-y: 7;
  }
  [data-span~="desktop:8"] {
    --span-x: 8;
    --span-y: 8;
  }
  [data-span-x~="desktop:8"] {
    --span-x: 8;
  }
  [data-span-y~="desktop:8"] {
    --span-y: 8;
  }
  [data-span~="desktop:9"] {
    --span-x: 9;
    --span-y: 9;
  }
  [data-span-x~="desktop:9"] {
    --span-x: 9;
  }
  [data-span-y~="desktop:9"] {
    --span-y: 9;
  }
  [data-span~="desktop:10"] {
    --span-x: 10;
    --span-y: 10;
  }
  [data-span-x~="desktop:10"] {
    --span-x: 10;
  }
  [data-span-y~="desktop:10"] {
    --span-y: 10;
  }
  [data-span~="desktop:11"] {
    --span-x: 11;
    --span-y: 11;
  }
  [data-span-x~="desktop:11"] {
    --span-x: 11;
  }
  [data-span-y~="desktop:11"] {
    --span-y: 11;
  }
  [data-span~="desktop:12"] {
    --span-x: 12;
    --span-y: 12;
  }
  [data-span-x~="desktop:12"] {
    --span-x: 12;
  }
  [data-span-y~="desktop:12"] {
    --span-y: 12;
  }
}
@media (min-width: 1025px) {
  [data-points~="widescreen:1"] {
    --points: 1;
  }
  [data-points~="widescreen:2"] {
    --points: 2;
  }
  [data-points~="widescreen:3"] {
    --points: 3;
  }
  [data-points~="widescreen:4"] {
    --points: 4;
  }
  [data-points~="widescreen:5"] {
    --points: 5;
  }
  [data-points~="widescreen:6"] {
    --points: 6;
  }
  [data-points~="widescreen:7"] {
    --points: 7;
  }
  [data-points~="widescreen:8"] {
    --points: 8;
  }
  [data-points~="widescreen:9"] {
    --points: 9;
  }
  [data-points~="widescreen:10"] {
    --points: 10;
  }
  [data-points~="widescreen:11"] {
    --points: 11;
  }
  [data-points~="widescreen:12"] {
    --points: 12;
  }
  [data-span~="widescreen:1"] {
    --span-x: 1;
    --span-y: 1;
  }
  [data-span-x~="widescreen:1"] {
    --span-x: 1;
  }
  [data-span-y~="widescreen:1"] {
    --span-y: 1;
  }
  [data-span~="widescreen:2"] {
    --span-x: 2;
    --span-y: 2;
  }
  [data-span-x~="widescreen:2"] {
    --span-x: 2;
  }
  [data-span-y~="widescreen:2"] {
    --span-y: 2;
  }
  [data-span~="widescreen:3"] {
    --span-x: 3;
    --span-y: 3;
  }
  [data-span-x~="widescreen:3"] {
    --span-x: 3;
  }
  [data-span-y~="widescreen:3"] {
    --span-y: 3;
  }
  [data-span~="widescreen:4"] {
    --span-x: 4;
    --span-y: 4;
  }
  [data-span-x~="widescreen:4"] {
    --span-x: 4;
  }
  [data-span-y~="widescreen:4"] {
    --span-y: 4;
  }
  [data-span~="widescreen:5"] {
    --span-x: 5;
    --span-y: 5;
  }
  [data-span-x~="widescreen:5"] {
    --span-x: 5;
  }
  [data-span-y~="widescreen:5"] {
    --span-y: 5;
  }
  [data-span~="widescreen:6"] {
    --span-x: 6;
    --span-y: 6;
  }
  [data-span-x~="widescreen:6"] {
    --span-x: 6;
  }
  [data-span-y~="widescreen:6"] {
    --span-y: 6;
  }
  [data-span~="widescreen:7"] {
    --span-x: 7;
    --span-y: 7;
  }
  [data-span-x~="widescreen:7"] {
    --span-x: 7;
  }
  [data-span-y~="widescreen:7"] {
    --span-y: 7;
  }
  [data-span~="widescreen:8"] {
    --span-x: 8;
    --span-y: 8;
  }
  [data-span-x~="widescreen:8"] {
    --span-x: 8;
  }
  [data-span-y~="widescreen:8"] {
    --span-y: 8;
  }
  [data-span~="widescreen:9"] {
    --span-x: 9;
    --span-y: 9;
  }
  [data-span-x~="widescreen:9"] {
    --span-x: 9;
  }
  [data-span-y~="widescreen:9"] {
    --span-y: 9;
  }
  [data-span~="widescreen:10"] {
    --span-x: 10;
    --span-y: 10;
  }
  [data-span-x~="widescreen:10"] {
    --span-x: 10;
  }
  [data-span-y~="widescreen:10"] {
    --span-y: 10;
  }
  [data-span~="widescreen:11"] {
    --span-x: 11;
    --span-y: 11;
  }
  [data-span-x~="widescreen:11"] {
    --span-x: 11;
  }
  [data-span-y~="widescreen:11"] {
    --span-y: 11;
  }
  [data-span~="widescreen:12"] {
    --span-x: 12;
    --span-y: 12;
  }
  [data-span-x~="widescreen:12"] {
    --span-x: 12;
  }
  [data-span-y~="widescreen:12"] {
    --span-y: 12;
  }
}
[data-width~=none] {
  width: 0px !important;
}
[data-max-width~=none] {
  max-width: 0px !important;
}
[data-min-width~=none] {
  min-width: 0px !important;
}
[data-height~=none] {
  height: 0px !important;
}
[data-max-height~=none] {
  max-height: 0px !important;
}
[data-min-height~=none] {
  min-height: 0px !important;
}
[data-size~=none] {
  width: 0px !important;
  height: 0px !important;
}
[data-max-size~=none] {
  max-width: 0px !important;
  max-height: 0px !important;
}
[data-min-size~=none] {
  min-width: 0px !important;
  min-height: 0px !important;
}
[data-width~=auto] {
  width: auto !important;
}
[data-max-width~=auto] {
  max-width: auto !important;
}
[data-min-width~=auto] {
  min-width: auto !important;
}
[data-height~=auto] {
  height: auto !important;
}
[data-max-height~=auto] {
  max-height: auto !important;
}
[data-min-height~=auto] {
  min-height: auto !important;
}
[data-size~=auto] {
  width: auto !important;
  height: auto !important;
}
[data-max-size~=auto] {
  max-width: auto !important;
  max-height: auto !important;
}
[data-min-size~=auto] {
  min-width: auto !important;
  min-height: auto !important;
}
[data-width~="25"] {
  width: 25% !important;
}
[data-max-width~="25"] {
  max-width: 25% !important;
}
[data-min-width~="25"] {
  min-width: 25% !important;
}
[data-height~="25"] {
  height: 25% !important;
}
[data-max-height~="25"] {
  max-height: 25% !important;
}
[data-min-height~="25"] {
  min-height: 25% !important;
}
[data-size~="25"] {
  width: 25% !important;
  height: 25% !important;
}
[data-max-size~="25"] {
  max-width: 25% !important;
  max-height: 25% !important;
}
[data-min-size~="25"] {
  min-width: 25% !important;
  min-height: 25% !important;
}
[data-width~=viewport-25] {
  width: 25vw !important;
}
[data-max-width~=viewport-25] {
  max-width: 25vw !important;
}
[data-min-width~=viewport-25] {
  min-width: 25vw !important;
}
[data-height~=viewport-25] {
  height: 25vh !important;
}
[data-max-height~=viewport-25] {
  max-height: 25vh !important;
}
[data-min-height~=viewport-25] {
  min-height: 25vh !important;
}
[data-size~=viewport-25] {
  width: 25vw !important;
  height: 25vh !important;
}
[data-max-size~=viewport-25] {
  max-width: 25vw !important;
  max-height: 25vh !important;
}
[data-min-size~=viewport-25] {
  min-width: 25vw !important;
  min-height: 25vh !important;
}
[data-width~="33"] {
  width: 33% !important;
}
[data-max-width~="33"] {
  max-width: 33% !important;
}
[data-min-width~="33"] {
  min-width: 33% !important;
}
[data-height~="33"] {
  height: 33% !important;
}
[data-max-height~="33"] {
  max-height: 33% !important;
}
[data-min-height~="33"] {
  min-height: 33% !important;
}
[data-size~="33"] {
  width: 33% !important;
  height: 33% !important;
}
[data-max-size~="33"] {
  max-width: 33% !important;
  max-height: 33% !important;
}
[data-min-size~="33"] {
  min-width: 33% !important;
  min-height: 33% !important;
}
[data-width~=viewport-33] {
  width: 33vw !important;
}
[data-max-width~=viewport-33] {
  max-width: 33vw !important;
}
[data-min-width~=viewport-33] {
  min-width: 33vw !important;
}
[data-height~=viewport-33] {
  height: 33vh !important;
}
[data-max-height~=viewport-33] {
  max-height: 33vh !important;
}
[data-min-height~=viewport-33] {
  min-height: 33vh !important;
}
[data-size~=viewport-33] {
  width: 33vw !important;
  height: 33vh !important;
}
[data-max-size~=viewport-33] {
  max-width: 33vw !important;
  max-height: 33vh !important;
}
[data-min-size~=viewport-33] {
  min-width: 33vw !important;
  min-height: 33vh !important;
}
[data-width~="50"] {
  width: 50% !important;
}
[data-max-width~="50"] {
  max-width: 50% !important;
}
[data-min-width~="50"] {
  min-width: 50% !important;
}
[data-height~="50"] {
  height: 50% !important;
}
[data-max-height~="50"] {
  max-height: 50% !important;
}
[data-min-height~="50"] {
  min-height: 50% !important;
}
[data-size~="50"] {
  width: 50% !important;
  height: 50% !important;
}
[data-max-size~="50"] {
  max-width: 50% !important;
  max-height: 50% !important;
}
[data-min-size~="50"] {
  min-width: 50% !important;
  min-height: 50% !important;
}
[data-width~=viewport-50] {
  width: 50vw !important;
}
[data-max-width~=viewport-50] {
  max-width: 50vw !important;
}
[data-min-width~=viewport-50] {
  min-width: 50vw !important;
}
[data-height~=viewport-50] {
  height: 50vh !important;
}
[data-max-height~=viewport-50] {
  max-height: 50vh !important;
}
[data-min-height~=viewport-50] {
  min-height: 50vh !important;
}
[data-size~=viewport-50] {
  width: 50vw !important;
  height: 50vh !important;
}
[data-max-size~=viewport-50] {
  max-width: 50vw !important;
  max-height: 50vh !important;
}
[data-min-size~=viewport-50] {
  min-width: 50vw !important;
  min-height: 50vh !important;
}
[data-width~="66"] {
  width: 66% !important;
}
[data-max-width~="66"] {
  max-width: 66% !important;
}
[data-min-width~="66"] {
  min-width: 66% !important;
}
[data-height~="66"] {
  height: 66% !important;
}
[data-max-height~="66"] {
  max-height: 66% !important;
}
[data-min-height~="66"] {
  min-height: 66% !important;
}
[data-size~="66"] {
  width: 66% !important;
  height: 66% !important;
}
[data-max-size~="66"] {
  max-width: 66% !important;
  max-height: 66% !important;
}
[data-min-size~="66"] {
  min-width: 66% !important;
  min-height: 66% !important;
}
[data-width~=viewport-66] {
  width: 66vw !important;
}
[data-max-width~=viewport-66] {
  max-width: 66vw !important;
}
[data-min-width~=viewport-66] {
  min-width: 66vw !important;
}
[data-height~=viewport-66] {
  height: 66vh !important;
}
[data-max-height~=viewport-66] {
  max-height: 66vh !important;
}
[data-min-height~=viewport-66] {
  min-height: 66vh !important;
}
[data-size~=viewport-66] {
  width: 66vw !important;
  height: 66vh !important;
}
[data-max-size~=viewport-66] {
  max-width: 66vw !important;
  max-height: 66vh !important;
}
[data-min-size~=viewport-66] {
  min-width: 66vw !important;
  min-height: 66vh !important;
}
[data-width~="75"] {
  width: 75% !important;
}
[data-max-width~="75"] {
  max-width: 75% !important;
}
[data-min-width~="75"] {
  min-width: 75% !important;
}
[data-height~="75"] {
  height: 75% !important;
}
[data-max-height~="75"] {
  max-height: 75% !important;
}
[data-min-height~="75"] {
  min-height: 75% !important;
}
[data-size~="75"] {
  width: 75% !important;
  height: 75% !important;
}
[data-max-size~="75"] {
  max-width: 75% !important;
  max-height: 75% !important;
}
[data-min-size~="75"] {
  min-width: 75% !important;
  min-height: 75% !important;
}
[data-width~=viewport-75] {
  width: 75vw !important;
}
[data-max-width~=viewport-75] {
  max-width: 75vw !important;
}
[data-min-width~=viewport-75] {
  min-width: 75vw !important;
}
[data-height~=viewport-75] {
  height: 75vh !important;
}
[data-max-height~=viewport-75] {
  max-height: 75vh !important;
}
[data-min-height~=viewport-75] {
  min-height: 75vh !important;
}
[data-size~=viewport-75] {
  width: 75vw !important;
  height: 75vh !important;
}
[data-max-size~=viewport-75] {
  max-width: 75vw !important;
  max-height: 75vh !important;
}
[data-min-size~=viewport-75] {
  min-width: 75vw !important;
  min-height: 75vh !important;
}
[data-width~="100"] {
  width: 100% !important;
}
[data-max-width~="100"] {
  max-width: 100% !important;
}
[data-min-width~="100"] {
  min-width: 100% !important;
}
[data-height~="100"] {
  height: 100% !important;
}
[data-max-height~="100"] {
  max-height: 100% !important;
}
[data-min-height~="100"] {
  min-height: 100% !important;
}
[data-size~="100"] {
  width: 100% !important;
  height: 100% !important;
}
[data-max-size~="100"] {
  max-width: 100% !important;
  max-height: 100% !important;
}
[data-min-size~="100"] {
  min-width: 100% !important;
  min-height: 100% !important;
}
[data-width~=viewport-100] {
  width: 100vw !important;
}
[data-max-width~=viewport-100] {
  max-width: 100vw !important;
}
[data-min-width~=viewport-100] {
  min-width: 100vw !important;
}
[data-height~=viewport-100] {
  height: 100vh !important;
}
[data-max-height~=viewport-100] {
  max-height: 100vh !important;
}
[data-min-height~=viewport-100] {
  min-height: 100vh !important;
}
[data-size~=viewport-100] {
  width: 100vw !important;
  height: 100vh !important;
}
[data-max-size~=viewport-100] {
  max-width: 100vw !important;
  max-height: 100vh !important;
}
[data-min-size~=viewport-100] {
  min-width: 100vw !important;
  min-height: 100vh !important;
}
[data-width~=content-fit] {
  width: fit-content !important;
}
[data-max-width~=content-fit] {
  max-width: fit-content !important;
}
[data-min-width~=content-fit] {
  min-width: fit-content !important;
}
[data-height~=content-fit] {
  height: fit-content !important;
}
[data-max-height~=content-fit] {
  max-height: fit-content !important;
}
[data-min-height~=content-fit] {
  min-height: fit-content !important;
}
[data-size~=content-fit] {
  width: fit-content !important;
  height: fit-content !important;
}
[data-max-size~=content-fit] {
  max-width: fit-content !important;
  max-height: fit-content !important;
}
[data-min-size~=content-fit] {
  min-width: fit-content !important;
  min-height: fit-content !important;
}
[data-width~=content-max] {
  width: max-content !important;
}
[data-max-width~=content-max] {
  max-width: max-content !important;
}
[data-min-width~=content-max] {
  min-width: max-content !important;
}
[data-height~=content-max] {
  height: max-content !important;
}
[data-max-height~=content-max] {
  max-height: max-content !important;
}
[data-min-height~=content-max] {
  min-height: max-content !important;
}
[data-size~=content-max] {
  width: max-content !important;
  height: max-content !important;
}
[data-max-size~=content-max] {
  max-width: max-content !important;
  max-height: max-content !important;
}
[data-min-size~=content-max] {
  min-width: max-content !important;
  min-height: max-content !important;
}
[data-width~=content-min] {
  width: min-content !important;
}
[data-max-width~=content-min] {
  max-width: min-content !important;
}
[data-min-width~=content-min] {
  min-width: min-content !important;
}
[data-height~=content-min] {
  height: min-content !important;
}
[data-max-height~=content-min] {
  max-height: min-content !important;
}
[data-min-height~=content-min] {
  min-height: min-content !important;
}
[data-size~=content-min] {
  width: min-content !important;
  height: min-content !important;
}
[data-max-size~=content-min] {
  max-width: min-content !important;
  max-height: min-content !important;
}
[data-min-size~=content-min] {
  min-width: min-content !important;
  min-height: min-content !important;
}
[data-width~=nano] {
  width: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-max-width~=nano] {
  max-width: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-min-width~=nano] {
  min-width: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-height~=nano] {
  height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-max-height~=nano] {
  max-height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-min-height~=nano] {
  min-height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-size~=nano] {
  width: calc(var(--sizes-block-nano) * 1rem) !important;
  height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-max-size~=nano] {
  max-width: calc(var(--sizes-block-nano) * 1rem) !important;
  max-height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-min-size~=nano] {
  min-width: calc(var(--sizes-block-nano) * 1rem) !important;
  min-height: calc(var(--sizes-block-nano) * 1rem) !important;
}
[data-width~=tiny] {
  width: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-max-width~=tiny] {
  max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-min-width~=tiny] {
  min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-height~=tiny] {
  height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-max-height~=tiny] {
  max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-min-height~=tiny] {
  min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-size~=tiny] {
  width: calc(var(--sizes-block-tiny) * 1rem) !important;
  height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-max-size~=tiny] {
  max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-min-size~=tiny] {
  min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
}
[data-width~=small] {
  width: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-max-width~=small] {
  max-width: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-min-width~=small] {
  min-width: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-height~=small] {
  height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-max-height~=small] {
  max-height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-min-height~=small] {
  min-height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-size~=small] {
  width: calc(var(--sizes-block-small) * 1rem) !important;
  height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-max-size~=small] {
  max-width: calc(var(--sizes-block-small) * 1rem) !important;
  max-height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-min-size~=small] {
  min-width: calc(var(--sizes-block-small) * 1rem) !important;
  min-height: calc(var(--sizes-block-small) * 1rem) !important;
}
[data-width~=medium] {
  width: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-max-width~=medium] {
  max-width: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-min-width~=medium] {
  min-width: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-height~=medium] {
  height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-max-height~=medium] {
  max-height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-min-height~=medium] {
  min-height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-size~=medium] {
  width: calc(var(--sizes-block-medium) * 1rem) !important;
  height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-max-size~=medium] {
  max-width: calc(var(--sizes-block-medium) * 1rem) !important;
  max-height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-min-size~=medium] {
  min-width: calc(var(--sizes-block-medium) * 1rem) !important;
  min-height: calc(var(--sizes-block-medium) * 1rem) !important;
}
[data-width~=large] {
  width: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-max-width~=large] {
  max-width: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-min-width~=large] {
  min-width: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-height~=large] {
  height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-max-height~=large] {
  max-height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-min-height~=large] {
  min-height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-size~=large] {
  width: calc(var(--sizes-block-large) * 1rem) !important;
  height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-max-size~=large] {
  max-width: calc(var(--sizes-block-large) * 1rem) !important;
  max-height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-min-size~=large] {
  min-width: calc(var(--sizes-block-large) * 1rem) !important;
  min-height: calc(var(--sizes-block-large) * 1rem) !important;
}
[data-width~=huge] {
  width: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-max-width~=huge] {
  max-width: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-min-width~=huge] {
  min-width: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-height~=huge] {
  height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-max-height~=huge] {
  max-height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-min-height~=huge] {
  min-height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-size~=huge] {
  width: calc(var(--sizes-block-huge) * 1rem) !important;
  height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-max-size~=huge] {
  max-width: calc(var(--sizes-block-huge) * 1rem) !important;
  max-height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-min-size~=huge] {
  min-width: calc(var(--sizes-block-huge) * 1rem) !important;
  min-height: calc(var(--sizes-block-huge) * 1rem) !important;
}
[data-width~=massive] {
  width: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-max-width~=massive] {
  max-width: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-min-width~=massive] {
  min-width: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-height~=massive] {
  height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-max-height~=massive] {
  max-height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-min-height~=massive] {
  min-height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-size~=massive] {
  width: calc(var(--sizes-block-massive) * 1rem) !important;
  height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-max-size~=massive] {
  max-width: calc(var(--sizes-block-massive) * 1rem) !important;
  max-height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-min-size~=massive] {
  min-width: calc(var(--sizes-block-massive) * 1rem) !important;
  min-height: calc(var(--sizes-block-massive) * 1rem) !important;
}
[data-width~=icon-nano] {
  width: var(--sizes-icon-nano) !important;
}
[data-max-width~=icon-nano] {
  max-width: var(--sizes-icon-nano) !important;
}
[data-min-width~=icon-nano] {
  min-width: var(--sizes-icon-nano) !important;
}
[data-height~=icon-nano] {
  height: var(--sizes-icon-nano) !important;
}
[data-max-height~=icon-nano] {
  max-height: var(--sizes-icon-nano) !important;
}
[data-min-height~=icon-nano] {
  min-height: var(--sizes-icon-nano) !important;
}
[data-size~=icon-nano] {
  width: var(--sizes-icon-nano) !important;
  height: var(--sizes-icon-nano) !important;
}
[data-max-size~=icon-nano] {
  max-width: var(--sizes-icon-nano) !important;
  max-height: var(--sizes-icon-nano) !important;
}
[data-min-size~=icon-nano] {
  min-width: var(--sizes-icon-nano) !important;
  min-height: var(--sizes-icon-nano) !important;
}
[data-width~=icon-tiny] {
  width: var(--sizes-icon-tiny) !important;
}
[data-max-width~=icon-tiny] {
  max-width: var(--sizes-icon-tiny) !important;
}
[data-min-width~=icon-tiny] {
  min-width: var(--sizes-icon-tiny) !important;
}
[data-height~=icon-tiny] {
  height: var(--sizes-icon-tiny) !important;
}
[data-max-height~=icon-tiny] {
  max-height: var(--sizes-icon-tiny) !important;
}
[data-min-height~=icon-tiny] {
  min-height: var(--sizes-icon-tiny) !important;
}
[data-size~=icon-tiny] {
  width: var(--sizes-icon-tiny) !important;
  height: var(--sizes-icon-tiny) !important;
}
[data-max-size~=icon-tiny] {
  max-width: var(--sizes-icon-tiny) !important;
  max-height: var(--sizes-icon-tiny) !important;
}
[data-min-size~=icon-tiny] {
  min-width: var(--sizes-icon-tiny) !important;
  min-height: var(--sizes-icon-tiny) !important;
}
[data-width~=icon-small] {
  width: var(--sizes-icon-small) !important;
}
[data-max-width~=icon-small] {
  max-width: var(--sizes-icon-small) !important;
}
[data-min-width~=icon-small] {
  min-width: var(--sizes-icon-small) !important;
}
[data-height~=icon-small] {
  height: var(--sizes-icon-small) !important;
}
[data-max-height~=icon-small] {
  max-height: var(--sizes-icon-small) !important;
}
[data-min-height~=icon-small] {
  min-height: var(--sizes-icon-small) !important;
}
[data-size~=icon-small] {
  width: var(--sizes-icon-small) !important;
  height: var(--sizes-icon-small) !important;
}
[data-max-size~=icon-small] {
  max-width: var(--sizes-icon-small) !important;
  max-height: var(--sizes-icon-small) !important;
}
[data-min-size~=icon-small] {
  min-width: var(--sizes-icon-small) !important;
  min-height: var(--sizes-icon-small) !important;
}
[data-width~=icon-medium] {
  width: var(--sizes-icon-medium) !important;
}
[data-max-width~=icon-medium] {
  max-width: var(--sizes-icon-medium) !important;
}
[data-min-width~=icon-medium] {
  min-width: var(--sizes-icon-medium) !important;
}
[data-height~=icon-medium] {
  height: var(--sizes-icon-medium) !important;
}
[data-max-height~=icon-medium] {
  max-height: var(--sizes-icon-medium) !important;
}
[data-min-height~=icon-medium] {
  min-height: var(--sizes-icon-medium) !important;
}
[data-size~=icon-medium] {
  width: var(--sizes-icon-medium) !important;
  height: var(--sizes-icon-medium) !important;
}
[data-max-size~=icon-medium] {
  max-width: var(--sizes-icon-medium) !important;
  max-height: var(--sizes-icon-medium) !important;
}
[data-min-size~=icon-medium] {
  min-width: var(--sizes-icon-medium) !important;
  min-height: var(--sizes-icon-medium) !important;
}
[data-width~=icon-large] {
  width: var(--sizes-icon-large) !important;
}
[data-max-width~=icon-large] {
  max-width: var(--sizes-icon-large) !important;
}
[data-min-width~=icon-large] {
  min-width: var(--sizes-icon-large) !important;
}
[data-height~=icon-large] {
  height: var(--sizes-icon-large) !important;
}
[data-max-height~=icon-large] {
  max-height: var(--sizes-icon-large) !important;
}
[data-min-height~=icon-large] {
  min-height: var(--sizes-icon-large) !important;
}
[data-size~=icon-large] {
  width: var(--sizes-icon-large) !important;
  height: var(--sizes-icon-large) !important;
}
[data-max-size~=icon-large] {
  max-width: var(--sizes-icon-large) !important;
  max-height: var(--sizes-icon-large) !important;
}
[data-min-size~=icon-large] {
  min-width: var(--sizes-icon-large) !important;
  min-height: var(--sizes-icon-large) !important;
}
[data-width~=icon-huge] {
  width: var(--sizes-icon-huge) !important;
}
[data-max-width~=icon-huge] {
  max-width: var(--sizes-icon-huge) !important;
}
[data-min-width~=icon-huge] {
  min-width: var(--sizes-icon-huge) !important;
}
[data-height~=icon-huge] {
  height: var(--sizes-icon-huge) !important;
}
[data-max-height~=icon-huge] {
  max-height: var(--sizes-icon-huge) !important;
}
[data-min-height~=icon-huge] {
  min-height: var(--sizes-icon-huge) !important;
}
[data-size~=icon-huge] {
  width: var(--sizes-icon-huge) !important;
  height: var(--sizes-icon-huge) !important;
}
[data-max-size~=icon-huge] {
  max-width: var(--sizes-icon-huge) !important;
  max-height: var(--sizes-icon-huge) !important;
}
[data-min-size~=icon-huge] {
  min-width: var(--sizes-icon-huge) !important;
  min-height: var(--sizes-icon-huge) !important;
}
[data-width~=icon-massive] {
  width: var(--sizes-icon-massive) !important;
}
[data-max-width~=icon-massive] {
  max-width: var(--sizes-icon-massive) !important;
}
[data-min-width~=icon-massive] {
  min-width: var(--sizes-icon-massive) !important;
}
[data-height~=icon-massive] {
  height: var(--sizes-icon-massive) !important;
}
[data-max-height~=icon-massive] {
  max-height: var(--sizes-icon-massive) !important;
}
[data-min-height~=icon-massive] {
  min-height: var(--sizes-icon-massive) !important;
}
[data-size~=icon-massive] {
  width: var(--sizes-icon-massive) !important;
  height: var(--sizes-icon-massive) !important;
}
[data-max-size~=icon-massive] {
  max-width: var(--sizes-icon-massive) !important;
  max-height: var(--sizes-icon-massive) !important;
}
[data-min-size~=icon-massive] {
  min-width: var(--sizes-icon-massive) !important;
  min-height: var(--sizes-icon-massive) !important;
}
[data-width~=prose] {
  width: var(--sizes-prose) !important;
}
[data-max-width~=prose] {
  max-width: var(--sizes-prose) !important;
}
[data-min-width~=prose] {
  min-width: var(--sizes-prose) !important;
}
[data-height~=prose] {
  height: var(--sizes-prose) !important;
}
[data-max-height~=prose] {
  max-height: var(--sizes-prose) !important;
}
[data-min-height~=prose] {
  min-height: var(--sizes-prose) !important;
}
[data-size~=prose] {
  width: var(--sizes-prose) !important;
  height: var(--sizes-prose) !important;
}
[data-max-size~=prose] {
  max-width: var(--sizes-prose) !important;
  max-height: var(--sizes-prose) !important;
}
[data-min-size~=prose] {
  min-width: var(--sizes-prose) !important;
  min-height: var(--sizes-prose) !important;
}
[data-width~=mobile] {
  width: var(--viewports-mobile-base) !important;
}
[data-max-width~=mobile] {
  max-width: var(--viewports-mobile-base) !important;
}
[data-min-width~=mobile] {
  min-width: var(--viewports-mobile-base) !important;
}
[data-height~=mobile] {
  height: var(--viewports-mobile-base) !important;
}
[data-max-height~=mobile] {
  max-height: var(--viewports-mobile-base) !important;
}
[data-min-height~=mobile] {
  min-height: var(--viewports-mobile-base) !important;
}
[data-size~=mobile] {
  width: var(--viewports-mobile-base) !important;
  height: var(--viewports-mobile-base) !important;
}
[data-max-size~=mobile] {
  max-width: var(--viewports-mobile-base) !important;
  max-height: var(--viewports-mobile-base) !important;
}
[data-min-size~=mobile] {
  min-width: var(--viewports-mobile-base) !important;
  min-height: var(--viewports-mobile-base) !important;
}
[data-width~=tablet] {
  width: var(--viewports-tablet-base) !important;
}
[data-max-width~=tablet] {
  max-width: var(--viewports-tablet-base) !important;
}
[data-min-width~=tablet] {
  min-width: var(--viewports-tablet-base) !important;
}
[data-height~=tablet] {
  height: var(--viewports-tablet-base) !important;
}
[data-max-height~=tablet] {
  max-height: var(--viewports-tablet-base) !important;
}
[data-min-height~=tablet] {
  min-height: var(--viewports-tablet-base) !important;
}
[data-size~=tablet] {
  width: var(--viewports-tablet-base) !important;
  height: var(--viewports-tablet-base) !important;
}
[data-max-size~=tablet] {
  max-width: var(--viewports-tablet-base) !important;
  max-height: var(--viewports-tablet-base) !important;
}
[data-min-size~=tablet] {
  min-width: var(--viewports-tablet-base) !important;
  min-height: var(--viewports-tablet-base) !important;
}
[data-width~=desktop] {
  width: var(--viewports-desktop-base) !important;
}
[data-max-width~=desktop] {
  max-width: var(--viewports-desktop-base) !important;
}
[data-min-width~=desktop] {
  min-width: var(--viewports-desktop-base) !important;
}
[data-height~=desktop] {
  height: var(--viewports-desktop-base) !important;
}
[data-max-height~=desktop] {
  max-height: var(--viewports-desktop-base) !important;
}
[data-min-height~=desktop] {
  min-height: var(--viewports-desktop-base) !important;
}
[data-size~=desktop] {
  width: var(--viewports-desktop-base) !important;
  height: var(--viewports-desktop-base) !important;
}
[data-max-size~=desktop] {
  max-width: var(--viewports-desktop-base) !important;
  max-height: var(--viewports-desktop-base) !important;
}
[data-min-size~=desktop] {
  min-width: var(--viewports-desktop-base) !important;
  min-height: var(--viewports-desktop-base) !important;
}
[data-width~=widescreen] {
  width: var(--viewports-widescreen-base) !important;
}
[data-max-width~=widescreen] {
  max-width: var(--viewports-widescreen-base) !important;
}
[data-min-width~=widescreen] {
  min-width: var(--viewports-widescreen-base) !important;
}
[data-height~=widescreen] {
  height: var(--viewports-widescreen-base) !important;
}
[data-max-height~=widescreen] {
  max-height: var(--viewports-widescreen-base) !important;
}
[data-min-height~=widescreen] {
  min-height: var(--viewports-widescreen-base) !important;
}
[data-size~=widescreen] {
  width: var(--viewports-widescreen-base) !important;
  height: var(--viewports-widescreen-base) !important;
}
[data-max-size~=widescreen] {
  max-width: var(--viewports-widescreen-base) !important;
  max-height: var(--viewports-widescreen-base) !important;
}
[data-min-size~=widescreen] {
  min-width: var(--viewports-widescreen-base) !important;
  min-height: var(--viewports-widescreen-base) !important;
}
[data-margin~=none] {
  margin: 0px !important;
}
[data-margin-x~=none] {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
[data-margin-y~=none] {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
[data-margin-bottom~=none] {
  margin-bottom: 0px !important;
}
[data-margin-left~=none] {
  margin-left: 0px !important;
}
[data-margin-right~=none] {
  margin-right: 0px !important;
}
[data-margin-top~=none] {
  margin-top: 0px !important;
}
[data-padding~=none] {
  padding: 0px !important;
}
[data-padding-x~=none] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
[data-padding-y~=none] {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
[data-padding-bottom~=none] {
  padding-bottom: 0px !important;
}
[data-padding-left~=none] {
  padding-left: 0px !important;
}
[data-padding-right~=none] {
  padding-right: 0px !important;
}
[data-padding-top~=none] {
  padding-top: 0px !important;
}
[data-margin~=auto] {
  margin: auto !important;
}
[data-margin-x~=auto] {
  margin-left: auto !important;
  margin-right: auto !important;
}
[data-margin-y~=auto] {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
[data-margin-bottom~=auto] {
  margin-bottom: auto !important;
}
[data-margin-left~=auto] {
  margin-left: auto !important;
}
[data-margin-right~=auto] {
  margin-right: auto !important;
}
[data-margin-top~=auto] {
  margin-top: auto !important;
}
[data-padding~=auto] {
  padding: auto !important;
}
[data-padding-x~=auto] {
  padding-left: auto !important;
  padding-right: auto !important;
}
[data-padding-y~=auto] {
  padding-bottom: auto !important;
  padding-top: auto !important;
}
[data-padding-bottom~=auto] {
  padding-bottom: auto !important;
}
[data-padding-left~=auto] {
  padding-left: auto !important;
}
[data-padding-right~=auto] {
  padding-right: auto !important;
}
[data-padding-top~=auto] {
  padding-top: auto !important;
}
[data-margin~=nano] {
  margin: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-x~=nano] {
  margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
  margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-y~=nano] {
  margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-bottom~=nano] {
  margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-left~=nano] {
  margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-right~=nano] {
  margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin-top~=nano] {
  margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding~=nano] {
  padding: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-x~=nano] {
  padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
  padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-y~=nano] {
  padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-bottom~=nano] {
  padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-left~=nano] {
  padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-right~=nano] {
  padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-padding-top~=nano] {
  padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
}
[data-margin~=tiny] {
  margin: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-x~=tiny] {
  margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-y~=tiny] {
  margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-bottom~=tiny] {
  margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-left~=tiny] {
  margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-right~=tiny] {
  margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin-top~=tiny] {
  margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding~=tiny] {
  padding: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-x~=tiny] {
  padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-y~=tiny] {
  padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-bottom~=tiny] {
  padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-left~=tiny] {
  padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-right~=tiny] {
  padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-padding-top~=tiny] {
  padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
}
[data-margin~=small] {
  margin: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-x~=small] {
  margin-left: calc(var(--spacings-block-small) * 1rem) !important;
  margin-right: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-y~=small] {
  margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  margin-top: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-bottom~=small] {
  margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-left~=small] {
  margin-left: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-right~=small] {
  margin-right: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin-top~=small] {
  margin-top: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding~=small] {
  padding: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-x~=small] {
  padding-left: calc(var(--spacings-block-small) * 1rem) !important;
  padding-right: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-y~=small] {
  padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  padding-top: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-bottom~=small] {
  padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-left~=small] {
  padding-left: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-right~=small] {
  padding-right: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-padding-top~=small] {
  padding-top: calc(var(--spacings-block-small) * 1rem) !important;
}
[data-margin~=medium] {
  margin: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-x~=medium] {
  margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
  margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-y~=medium] {
  margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-bottom~=medium] {
  margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-left~=medium] {
  margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-right~=medium] {
  margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin-top~=medium] {
  margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding~=medium] {
  padding: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-x~=medium] {
  padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
  padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-y~=medium] {
  padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-bottom~=medium] {
  padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-left~=medium] {
  padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-right~=medium] {
  padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-padding-top~=medium] {
  padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
}
[data-margin~=large] {
  margin: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-x~=large] {
  margin-left: calc(var(--spacings-block-large) * 1rem) !important;
  margin-right: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-y~=large] {
  margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  margin-top: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-bottom~=large] {
  margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-left~=large] {
  margin-left: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-right~=large] {
  margin-right: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin-top~=large] {
  margin-top: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding~=large] {
  padding: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-x~=large] {
  padding-left: calc(var(--spacings-block-large) * 1rem) !important;
  padding-right: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-y~=large] {
  padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  padding-top: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-bottom~=large] {
  padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-left~=large] {
  padding-left: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-right~=large] {
  padding-right: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-padding-top~=large] {
  padding-top: calc(var(--spacings-block-large) * 1rem) !important;
}
[data-margin~=huge] {
  margin: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-x~=huge] {
  margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
  margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-y~=huge] {
  margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-bottom~=huge] {
  margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-left~=huge] {
  margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-right~=huge] {
  margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin-top~=huge] {
  margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding~=huge] {
  padding: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-x~=huge] {
  padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
  padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-y~=huge] {
  padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-bottom~=huge] {
  padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-left~=huge] {
  padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-right~=huge] {
  padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-padding-top~=huge] {
  padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
}
[data-margin~=massive] {
  margin: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-x~=massive] {
  margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
  margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-y~=massive] {
  margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-bottom~=massive] {
  margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-left~=massive] {
  margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-right~=massive] {
  margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-margin-top~=massive] {
  margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding~=massive] {
  padding: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-x~=massive] {
  padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
  padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-y~=massive] {
  padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-bottom~=massive] {
  padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-left~=massive] {
  padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-right~=massive] {
  padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
}
[data-padding-top~=massive] {
  padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
}
@media (max-width: 640px) {
  [data-width~="mobile:none"] {
    width: 0px !important;
  }
  [data-max-width~="mobile:none"] {
    max-width: 0px !important;
  }
  [data-min-width~="mobile:none"] {
    min-width: 0px !important;
  }
  [data-height~="mobile:none"] {
    height: 0px !important;
  }
  [data-max-height~="mobile:none"] {
    max-height: 0px !important;
  }
  [data-min-height~="mobile:none"] {
    min-height: 0px !important;
  }
  [data-size~="mobile:none"] {
    width: 0px !important;
    height: 0px !important;
  }
  [data-max-size~="mobile:none"] {
    max-width: 0px !important;
    max-height: 0px !important;
  }
  [data-min-size~="mobile:none"] {
    min-width: 0px !important;
    min-height: 0px !important;
  }
  [data-width~="mobile:auto"] {
    width: auto !important;
  }
  [data-max-width~="mobile:auto"] {
    max-width: auto !important;
  }
  [data-min-width~="mobile:auto"] {
    min-width: auto !important;
  }
  [data-height~="mobile:auto"] {
    height: auto !important;
  }
  [data-max-height~="mobile:auto"] {
    max-height: auto !important;
  }
  [data-min-height~="mobile:auto"] {
    min-height: auto !important;
  }
  [data-size~="mobile:auto"] {
    width: auto !important;
    height: auto !important;
  }
  [data-max-size~="mobile:auto"] {
    max-width: auto !important;
    max-height: auto !important;
  }
  [data-min-size~="mobile:auto"] {
    min-width: auto !important;
    min-height: auto !important;
  }
  [data-width~="mobile:25"] {
    width: 25% !important;
  }
  [data-max-width~="mobile:25"] {
    max-width: 25% !important;
  }
  [data-min-width~="mobile:25"] {
    min-width: 25% !important;
  }
  [data-height~="mobile:25"] {
    height: 25% !important;
  }
  [data-max-height~="mobile:25"] {
    max-height: 25% !important;
  }
  [data-min-height~="mobile:25"] {
    min-height: 25% !important;
  }
  [data-size~="mobile:25"] {
    width: 25% !important;
    height: 25% !important;
  }
  [data-max-size~="mobile:25"] {
    max-width: 25% !important;
    max-height: 25% !important;
  }
  [data-min-size~="mobile:25"] {
    min-width: 25% !important;
    min-height: 25% !important;
  }
  [data-width~="mobile:viewport-25"] {
    width: 25vw !important;
  }
  [data-max-width~="mobile:viewport-25"] {
    max-width: 25vw !important;
  }
  [data-min-width~="mobile:viewport-25"] {
    min-width: 25vw !important;
  }
  [data-height~="mobile:viewport-25"] {
    height: 25vh !important;
  }
  [data-max-height~="mobile:viewport-25"] {
    max-height: 25vh !important;
  }
  [data-min-height~="mobile:viewport-25"] {
    min-height: 25vh !important;
  }
  [data-size~="mobile:viewport-25"] {
    width: 25vw !important;
    height: 25vh !important;
  }
  [data-max-size~="mobile:viewport-25"] {
    max-width: 25vw !important;
    max-height: 25vh !important;
  }
  [data-min-size~="mobile:viewport-25"] {
    min-width: 25vw !important;
    min-height: 25vh !important;
  }
  [data-width~="mobile:33"] {
    width: 33% !important;
  }
  [data-max-width~="mobile:33"] {
    max-width: 33% !important;
  }
  [data-min-width~="mobile:33"] {
    min-width: 33% !important;
  }
  [data-height~="mobile:33"] {
    height: 33% !important;
  }
  [data-max-height~="mobile:33"] {
    max-height: 33% !important;
  }
  [data-min-height~="mobile:33"] {
    min-height: 33% !important;
  }
  [data-size~="mobile:33"] {
    width: 33% !important;
    height: 33% !important;
  }
  [data-max-size~="mobile:33"] {
    max-width: 33% !important;
    max-height: 33% !important;
  }
  [data-min-size~="mobile:33"] {
    min-width: 33% !important;
    min-height: 33% !important;
  }
  [data-width~="mobile:viewport-33"] {
    width: 33vw !important;
  }
  [data-max-width~="mobile:viewport-33"] {
    max-width: 33vw !important;
  }
  [data-min-width~="mobile:viewport-33"] {
    min-width: 33vw !important;
  }
  [data-height~="mobile:viewport-33"] {
    height: 33vh !important;
  }
  [data-max-height~="mobile:viewport-33"] {
    max-height: 33vh !important;
  }
  [data-min-height~="mobile:viewport-33"] {
    min-height: 33vh !important;
  }
  [data-size~="mobile:viewport-33"] {
    width: 33vw !important;
    height: 33vh !important;
  }
  [data-max-size~="mobile:viewport-33"] {
    max-width: 33vw !important;
    max-height: 33vh !important;
  }
  [data-min-size~="mobile:viewport-33"] {
    min-width: 33vw !important;
    min-height: 33vh !important;
  }
  [data-width~="mobile:50"] {
    width: 50% !important;
  }
  [data-max-width~="mobile:50"] {
    max-width: 50% !important;
  }
  [data-min-width~="mobile:50"] {
    min-width: 50% !important;
  }
  [data-height~="mobile:50"] {
    height: 50% !important;
  }
  [data-max-height~="mobile:50"] {
    max-height: 50% !important;
  }
  [data-min-height~="mobile:50"] {
    min-height: 50% !important;
  }
  [data-size~="mobile:50"] {
    width: 50% !important;
    height: 50% !important;
  }
  [data-max-size~="mobile:50"] {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  [data-min-size~="mobile:50"] {
    min-width: 50% !important;
    min-height: 50% !important;
  }
  [data-width~="mobile:viewport-50"] {
    width: 50vw !important;
  }
  [data-max-width~="mobile:viewport-50"] {
    max-width: 50vw !important;
  }
  [data-min-width~="mobile:viewport-50"] {
    min-width: 50vw !important;
  }
  [data-height~="mobile:viewport-50"] {
    height: 50vh !important;
  }
  [data-max-height~="mobile:viewport-50"] {
    max-height: 50vh !important;
  }
  [data-min-height~="mobile:viewport-50"] {
    min-height: 50vh !important;
  }
  [data-size~="mobile:viewport-50"] {
    width: 50vw !important;
    height: 50vh !important;
  }
  [data-max-size~="mobile:viewport-50"] {
    max-width: 50vw !important;
    max-height: 50vh !important;
  }
  [data-min-size~="mobile:viewport-50"] {
    min-width: 50vw !important;
    min-height: 50vh !important;
  }
  [data-width~="mobile:66"] {
    width: 66% !important;
  }
  [data-max-width~="mobile:66"] {
    max-width: 66% !important;
  }
  [data-min-width~="mobile:66"] {
    min-width: 66% !important;
  }
  [data-height~="mobile:66"] {
    height: 66% !important;
  }
  [data-max-height~="mobile:66"] {
    max-height: 66% !important;
  }
  [data-min-height~="mobile:66"] {
    min-height: 66% !important;
  }
  [data-size~="mobile:66"] {
    width: 66% !important;
    height: 66% !important;
  }
  [data-max-size~="mobile:66"] {
    max-width: 66% !important;
    max-height: 66% !important;
  }
  [data-min-size~="mobile:66"] {
    min-width: 66% !important;
    min-height: 66% !important;
  }
  [data-width~="mobile:viewport-66"] {
    width: 66vw !important;
  }
  [data-max-width~="mobile:viewport-66"] {
    max-width: 66vw !important;
  }
  [data-min-width~="mobile:viewport-66"] {
    min-width: 66vw !important;
  }
  [data-height~="mobile:viewport-66"] {
    height: 66vh !important;
  }
  [data-max-height~="mobile:viewport-66"] {
    max-height: 66vh !important;
  }
  [data-min-height~="mobile:viewport-66"] {
    min-height: 66vh !important;
  }
  [data-size~="mobile:viewport-66"] {
    width: 66vw !important;
    height: 66vh !important;
  }
  [data-max-size~="mobile:viewport-66"] {
    max-width: 66vw !important;
    max-height: 66vh !important;
  }
  [data-min-size~="mobile:viewport-66"] {
    min-width: 66vw !important;
    min-height: 66vh !important;
  }
  [data-width~="mobile:75"] {
    width: 75% !important;
  }
  [data-max-width~="mobile:75"] {
    max-width: 75% !important;
  }
  [data-min-width~="mobile:75"] {
    min-width: 75% !important;
  }
  [data-height~="mobile:75"] {
    height: 75% !important;
  }
  [data-max-height~="mobile:75"] {
    max-height: 75% !important;
  }
  [data-min-height~="mobile:75"] {
    min-height: 75% !important;
  }
  [data-size~="mobile:75"] {
    width: 75% !important;
    height: 75% !important;
  }
  [data-max-size~="mobile:75"] {
    max-width: 75% !important;
    max-height: 75% !important;
  }
  [data-min-size~="mobile:75"] {
    min-width: 75% !important;
    min-height: 75% !important;
  }
  [data-width~="mobile:viewport-75"] {
    width: 75vw !important;
  }
  [data-max-width~="mobile:viewport-75"] {
    max-width: 75vw !important;
  }
  [data-min-width~="mobile:viewport-75"] {
    min-width: 75vw !important;
  }
  [data-height~="mobile:viewport-75"] {
    height: 75vh !important;
  }
  [data-max-height~="mobile:viewport-75"] {
    max-height: 75vh !important;
  }
  [data-min-height~="mobile:viewport-75"] {
    min-height: 75vh !important;
  }
  [data-size~="mobile:viewport-75"] {
    width: 75vw !important;
    height: 75vh !important;
  }
  [data-max-size~="mobile:viewport-75"] {
    max-width: 75vw !important;
    max-height: 75vh !important;
  }
  [data-min-size~="mobile:viewport-75"] {
    min-width: 75vw !important;
    min-height: 75vh !important;
  }
  [data-width~="mobile:100"] {
    width: 100% !important;
  }
  [data-max-width~="mobile:100"] {
    max-width: 100% !important;
  }
  [data-min-width~="mobile:100"] {
    min-width: 100% !important;
  }
  [data-height~="mobile:100"] {
    height: 100% !important;
  }
  [data-max-height~="mobile:100"] {
    max-height: 100% !important;
  }
  [data-min-height~="mobile:100"] {
    min-height: 100% !important;
  }
  [data-size~="mobile:100"] {
    width: 100% !important;
    height: 100% !important;
  }
  [data-max-size~="mobile:100"] {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  [data-min-size~="mobile:100"] {
    min-width: 100% !important;
    min-height: 100% !important;
  }
  [data-width~="mobile:viewport-100"] {
    width: 100vw !important;
  }
  [data-max-width~="mobile:viewport-100"] {
    max-width: 100vw !important;
  }
  [data-min-width~="mobile:viewport-100"] {
    min-width: 100vw !important;
  }
  [data-height~="mobile:viewport-100"] {
    height: 100vh !important;
  }
  [data-max-height~="mobile:viewport-100"] {
    max-height: 100vh !important;
  }
  [data-min-height~="mobile:viewport-100"] {
    min-height: 100vh !important;
  }
  [data-size~="mobile:viewport-100"] {
    width: 100vw !important;
    height: 100vh !important;
  }
  [data-max-size~="mobile:viewport-100"] {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  [data-min-size~="mobile:viewport-100"] {
    min-width: 100vw !important;
    min-height: 100vh !important;
  }
  [data-width~="mobile:content-fit"] {
    width: fit-content !important;
  }
  [data-max-width~="mobile:content-fit"] {
    max-width: fit-content !important;
  }
  [data-min-width~="mobile:content-fit"] {
    min-width: fit-content !important;
  }
  [data-height~="mobile:content-fit"] {
    height: fit-content !important;
  }
  [data-max-height~="mobile:content-fit"] {
    max-height: fit-content !important;
  }
  [data-min-height~="mobile:content-fit"] {
    min-height: fit-content !important;
  }
  [data-size~="mobile:content-fit"] {
    width: fit-content !important;
    height: fit-content !important;
  }
  [data-max-size~="mobile:content-fit"] {
    max-width: fit-content !important;
    max-height: fit-content !important;
  }
  [data-min-size~="mobile:content-fit"] {
    min-width: fit-content !important;
    min-height: fit-content !important;
  }
  [data-width~="mobile:content-max"] {
    width: max-content !important;
  }
  [data-max-width~="mobile:content-max"] {
    max-width: max-content !important;
  }
  [data-min-width~="mobile:content-max"] {
    min-width: max-content !important;
  }
  [data-height~="mobile:content-max"] {
    height: max-content !important;
  }
  [data-max-height~="mobile:content-max"] {
    max-height: max-content !important;
  }
  [data-min-height~="mobile:content-max"] {
    min-height: max-content !important;
  }
  [data-size~="mobile:content-max"] {
    width: max-content !important;
    height: max-content !important;
  }
  [data-max-size~="mobile:content-max"] {
    max-width: max-content !important;
    max-height: max-content !important;
  }
  [data-min-size~="mobile:content-max"] {
    min-width: max-content !important;
    min-height: max-content !important;
  }
  [data-width~="mobile:content-min"] {
    width: min-content !important;
  }
  [data-max-width~="mobile:content-min"] {
    max-width: min-content !important;
  }
  [data-min-width~="mobile:content-min"] {
    min-width: min-content !important;
  }
  [data-height~="mobile:content-min"] {
    height: min-content !important;
  }
  [data-max-height~="mobile:content-min"] {
    max-height: min-content !important;
  }
  [data-min-height~="mobile:content-min"] {
    min-height: min-content !important;
  }
  [data-size~="mobile:content-min"] {
    width: min-content !important;
    height: min-content !important;
  }
  [data-max-size~="mobile:content-min"] {
    max-width: min-content !important;
    max-height: min-content !important;
  }
  [data-min-size~="mobile:content-min"] {
    min-width: min-content !important;
    min-height: min-content !important;
  }
  [data-width~="mobile:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-width~="mobile:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-width~="mobile:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-height~="mobile:nano"] {
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-height~="mobile:nano"] {
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-height~="mobile:nano"] {
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-size~="mobile:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-size~="mobile:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-size~="mobile:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-width~="mobile:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-width~="mobile:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-width~="mobile:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-height~="mobile:tiny"] {
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-height~="mobile:tiny"] {
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-height~="mobile:tiny"] {
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-size~="mobile:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-size~="mobile:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-size~="mobile:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-width~="mobile:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-width~="mobile:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-width~="mobile:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-height~="mobile:small"] {
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-height~="mobile:small"] {
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-height~="mobile:small"] {
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-size~="mobile:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-size~="mobile:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-size~="mobile:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-width~="mobile:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-width~="mobile:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-width~="mobile:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-height~="mobile:medium"] {
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-height~="mobile:medium"] {
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-height~="mobile:medium"] {
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-size~="mobile:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-size~="mobile:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-size~="mobile:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-width~="mobile:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-width~="mobile:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-width~="mobile:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-height~="mobile:large"] {
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-height~="mobile:large"] {
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-height~="mobile:large"] {
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-size~="mobile:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-size~="mobile:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-size~="mobile:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-width~="mobile:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-width~="mobile:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-width~="mobile:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-height~="mobile:huge"] {
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-height~="mobile:huge"] {
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-height~="mobile:huge"] {
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-size~="mobile:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-size~="mobile:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-size~="mobile:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-width~="mobile:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-width~="mobile:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-width~="mobile:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-height~="mobile:massive"] {
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-height~="mobile:massive"] {
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-height~="mobile:massive"] {
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-size~="mobile:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-size~="mobile:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-size~="mobile:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-width~="mobile:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
  }
  [data-max-width~="mobile:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
  }
  [data-min-width~="mobile:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
  }
  [data-height~="mobile:icon-nano"] {
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-height~="mobile:icon-nano"] {
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-height~="mobile:icon-nano"] {
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-size~="mobile:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-size~="mobile:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-size~="mobile:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-width~="mobile:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
  }
  [data-max-width~="mobile:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
  }
  [data-min-width~="mobile:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
  }
  [data-height~="mobile:icon-tiny"] {
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-height~="mobile:icon-tiny"] {
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-height~="mobile:icon-tiny"] {
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-size~="mobile:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-size~="mobile:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-size~="mobile:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-width~="mobile:icon-small"] {
    width: var(--sizes-icon-small) !important;
  }
  [data-max-width~="mobile:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
  }
  [data-min-width~="mobile:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
  }
  [data-height~="mobile:icon-small"] {
    height: var(--sizes-icon-small) !important;
  }
  [data-max-height~="mobile:icon-small"] {
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-height~="mobile:icon-small"] {
    min-height: var(--sizes-icon-small) !important;
  }
  [data-size~="mobile:icon-small"] {
    width: var(--sizes-icon-small) !important;
    height: var(--sizes-icon-small) !important;
  }
  [data-max-size~="mobile:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-size~="mobile:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
    min-height: var(--sizes-icon-small) !important;
  }
  [data-width~="mobile:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
  }
  [data-max-width~="mobile:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
  }
  [data-min-width~="mobile:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
  }
  [data-height~="mobile:icon-medium"] {
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-height~="mobile:icon-medium"] {
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-height~="mobile:icon-medium"] {
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-size~="mobile:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-size~="mobile:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-size~="mobile:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-width~="mobile:icon-large"] {
    width: var(--sizes-icon-large) !important;
  }
  [data-max-width~="mobile:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
  }
  [data-min-width~="mobile:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
  }
  [data-height~="mobile:icon-large"] {
    height: var(--sizes-icon-large) !important;
  }
  [data-max-height~="mobile:icon-large"] {
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-height~="mobile:icon-large"] {
    min-height: var(--sizes-icon-large) !important;
  }
  [data-size~="mobile:icon-large"] {
    width: var(--sizes-icon-large) !important;
    height: var(--sizes-icon-large) !important;
  }
  [data-max-size~="mobile:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-size~="mobile:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
    min-height: var(--sizes-icon-large) !important;
  }
  [data-width~="mobile:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
  }
  [data-max-width~="mobile:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
  }
  [data-min-width~="mobile:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
  }
  [data-height~="mobile:icon-huge"] {
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-height~="mobile:icon-huge"] {
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-height~="mobile:icon-huge"] {
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-size~="mobile:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-size~="mobile:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-size~="mobile:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-width~="mobile:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
  }
  [data-max-width~="mobile:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
  }
  [data-min-width~="mobile:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
  }
  [data-height~="mobile:icon-massive"] {
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-height~="mobile:icon-massive"] {
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-height~="mobile:icon-massive"] {
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-size~="mobile:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-size~="mobile:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-size~="mobile:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-width~="mobile:prose"] {
    width: var(--sizes-prose) !important;
  }
  [data-max-width~="mobile:prose"] {
    max-width: var(--sizes-prose) !important;
  }
  [data-min-width~="mobile:prose"] {
    min-width: var(--sizes-prose) !important;
  }
  [data-height~="mobile:prose"] {
    height: var(--sizes-prose) !important;
  }
  [data-max-height~="mobile:prose"] {
    max-height: var(--sizes-prose) !important;
  }
  [data-min-height~="mobile:prose"] {
    min-height: var(--sizes-prose) !important;
  }
  [data-size~="mobile:prose"] {
    width: var(--sizes-prose) !important;
    height: var(--sizes-prose) !important;
  }
  [data-max-size~="mobile:prose"] {
    max-width: var(--sizes-prose) !important;
    max-height: var(--sizes-prose) !important;
  }
  [data-min-size~="mobile:prose"] {
    min-width: var(--sizes-prose) !important;
    min-height: var(--sizes-prose) !important;
  }
  [data-width~="mobile:mobile"] {
    width: var(--viewports-mobile-base) !important;
  }
  [data-max-width~="mobile:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
  }
  [data-min-width~="mobile:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
  }
  [data-height~="mobile:mobile"] {
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-height~="mobile:mobile"] {
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-height~="mobile:mobile"] {
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-size~="mobile:mobile"] {
    width: var(--viewports-mobile-base) !important;
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-size~="mobile:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-size~="mobile:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-width~="mobile:tablet"] {
    width: var(--viewports-tablet-base) !important;
  }
  [data-max-width~="mobile:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
  }
  [data-min-width~="mobile:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
  }
  [data-height~="mobile:tablet"] {
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-height~="mobile:tablet"] {
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-height~="mobile:tablet"] {
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-size~="mobile:tablet"] {
    width: var(--viewports-tablet-base) !important;
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-size~="mobile:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-size~="mobile:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-width~="mobile:desktop"] {
    width: var(--viewports-desktop-base) !important;
  }
  [data-max-width~="mobile:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
  }
  [data-min-width~="mobile:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
  }
  [data-height~="mobile:desktop"] {
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-height~="mobile:desktop"] {
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-height~="mobile:desktop"] {
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-size~="mobile:desktop"] {
    width: var(--viewports-desktop-base) !important;
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-size~="mobile:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-size~="mobile:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-width~="mobile:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
  }
  [data-max-width~="mobile:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
  }
  [data-min-width~="mobile:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
  }
  [data-height~="mobile:widescreen"] {
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-height~="mobile:widescreen"] {
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-height~="mobile:widescreen"] {
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-size~="mobile:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-size~="mobile:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-size~="mobile:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-margin~="mobile:none"] {
    margin: 0px !important;
  }
  [data-margin-x~="mobile:none"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  [data-margin-y~="mobile:none"] {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  [data-margin-bottom~="mobile:none"] {
    margin-bottom: 0px !important;
  }
  [data-margin-left~="mobile:none"] {
    margin-left: 0px !important;
  }
  [data-margin-right~="mobile:none"] {
    margin-right: 0px !important;
  }
  [data-margin-top~="mobile:none"] {
    margin-top: 0px !important;
  }
  [data-padding~="mobile:none"] {
    padding: 0px !important;
  }
  [data-padding-x~="mobile:none"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  [data-padding-y~="mobile:none"] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  [data-padding-bottom~="mobile:none"] {
    padding-bottom: 0px !important;
  }
  [data-padding-left~="mobile:none"] {
    padding-left: 0px !important;
  }
  [data-padding-right~="mobile:none"] {
    padding-right: 0px !important;
  }
  [data-padding-top~="mobile:none"] {
    padding-top: 0px !important;
  }
  [data-margin~="mobile:auto"] {
    margin: auto !important;
  }
  [data-margin-x~="mobile:auto"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [data-margin-y~="mobile:auto"] {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  [data-margin-bottom~="mobile:auto"] {
    margin-bottom: auto !important;
  }
  [data-margin-left~="mobile:auto"] {
    margin-left: auto !important;
  }
  [data-margin-right~="mobile:auto"] {
    margin-right: auto !important;
  }
  [data-margin-top~="mobile:auto"] {
    margin-top: auto !important;
  }
  [data-padding~="mobile:auto"] {
    padding: auto !important;
  }
  [data-padding-x~="mobile:auto"] {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  [data-padding-y~="mobile:auto"] {
    padding-bottom: auto !important;
    padding-top: auto !important;
  }
  [data-padding-bottom~="mobile:auto"] {
    padding-bottom: auto !important;
  }
  [data-padding-left~="mobile:auto"] {
    padding-left: auto !important;
  }
  [data-padding-right~="mobile:auto"] {
    padding-right: auto !important;
  }
  [data-padding-top~="mobile:auto"] {
    padding-top: auto !important;
  }
  [data-margin~="mobile:nano"] {
    margin: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-x~="mobile:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-y~="mobile:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-left~="mobile:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-right~="mobile:nano"] {
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-top~="mobile:nano"] {
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding~="mobile:nano"] {
    padding: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-x~="mobile:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-y~="mobile:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-left~="mobile:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-right~="mobile:nano"] {
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-top~="mobile:nano"] {
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin~="mobile:tiny"] {
    margin: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-x~="mobile:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-y~="mobile:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-left~="mobile:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-right~="mobile:tiny"] {
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-top~="mobile:tiny"] {
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding~="mobile:tiny"] {
    padding: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-x~="mobile:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-y~="mobile:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-left~="mobile:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-right~="mobile:tiny"] {
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-top~="mobile:tiny"] {
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin~="mobile:small"] {
    margin: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-x~="mobile:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-y~="mobile:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-left~="mobile:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-right~="mobile:small"] {
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-top~="mobile:small"] {
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding~="mobile:small"] {
    padding: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-x~="mobile:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-y~="mobile:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-left~="mobile:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-right~="mobile:small"] {
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-top~="mobile:small"] {
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin~="mobile:medium"] {
    margin: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-x~="mobile:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-y~="mobile:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-left~="mobile:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-right~="mobile:medium"] {
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-top~="mobile:medium"] {
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding~="mobile:medium"] {
    padding: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-x~="mobile:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-y~="mobile:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-left~="mobile:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-right~="mobile:medium"] {
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-top~="mobile:medium"] {
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin~="mobile:large"] {
    margin: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-x~="mobile:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-y~="mobile:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-left~="mobile:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-right~="mobile:large"] {
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-top~="mobile:large"] {
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding~="mobile:large"] {
    padding: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-x~="mobile:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-y~="mobile:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-left~="mobile:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-right~="mobile:large"] {
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-top~="mobile:large"] {
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin~="mobile:huge"] {
    margin: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-x~="mobile:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-y~="mobile:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-left~="mobile:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-right~="mobile:huge"] {
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-top~="mobile:huge"] {
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding~="mobile:huge"] {
    padding: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-x~="mobile:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-y~="mobile:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-left~="mobile:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-right~="mobile:huge"] {
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-top~="mobile:huge"] {
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin~="mobile:massive"] {
    margin: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-x~="mobile:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-y~="mobile:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-bottom~="mobile:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-left~="mobile:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-right~="mobile:massive"] {
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-top~="mobile:massive"] {
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding~="mobile:massive"] {
    padding: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-x~="mobile:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-y~="mobile:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-bottom~="mobile:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-left~="mobile:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-right~="mobile:massive"] {
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-top~="mobile:massive"] {
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-width~="tablet:none"] {
    width: 0px !important;
  }
  [data-max-width~="tablet:none"] {
    max-width: 0px !important;
  }
  [data-min-width~="tablet:none"] {
    min-width: 0px !important;
  }
  [data-height~="tablet:none"] {
    height: 0px !important;
  }
  [data-max-height~="tablet:none"] {
    max-height: 0px !important;
  }
  [data-min-height~="tablet:none"] {
    min-height: 0px !important;
  }
  [data-size~="tablet:none"] {
    width: 0px !important;
    height: 0px !important;
  }
  [data-max-size~="tablet:none"] {
    max-width: 0px !important;
    max-height: 0px !important;
  }
  [data-min-size~="tablet:none"] {
    min-width: 0px !important;
    min-height: 0px !important;
  }
  [data-width~="tablet:auto"] {
    width: auto !important;
  }
  [data-max-width~="tablet:auto"] {
    max-width: auto !important;
  }
  [data-min-width~="tablet:auto"] {
    min-width: auto !important;
  }
  [data-height~="tablet:auto"] {
    height: auto !important;
  }
  [data-max-height~="tablet:auto"] {
    max-height: auto !important;
  }
  [data-min-height~="tablet:auto"] {
    min-height: auto !important;
  }
  [data-size~="tablet:auto"] {
    width: auto !important;
    height: auto !important;
  }
  [data-max-size~="tablet:auto"] {
    max-width: auto !important;
    max-height: auto !important;
  }
  [data-min-size~="tablet:auto"] {
    min-width: auto !important;
    min-height: auto !important;
  }
  [data-width~="tablet:25"] {
    width: 25% !important;
  }
  [data-max-width~="tablet:25"] {
    max-width: 25% !important;
  }
  [data-min-width~="tablet:25"] {
    min-width: 25% !important;
  }
  [data-height~="tablet:25"] {
    height: 25% !important;
  }
  [data-max-height~="tablet:25"] {
    max-height: 25% !important;
  }
  [data-min-height~="tablet:25"] {
    min-height: 25% !important;
  }
  [data-size~="tablet:25"] {
    width: 25% !important;
    height: 25% !important;
  }
  [data-max-size~="tablet:25"] {
    max-width: 25% !important;
    max-height: 25% !important;
  }
  [data-min-size~="tablet:25"] {
    min-width: 25% !important;
    min-height: 25% !important;
  }
  [data-width~="tablet:viewport-25"] {
    width: 25vw !important;
  }
  [data-max-width~="tablet:viewport-25"] {
    max-width: 25vw !important;
  }
  [data-min-width~="tablet:viewport-25"] {
    min-width: 25vw !important;
  }
  [data-height~="tablet:viewport-25"] {
    height: 25vh !important;
  }
  [data-max-height~="tablet:viewport-25"] {
    max-height: 25vh !important;
  }
  [data-min-height~="tablet:viewport-25"] {
    min-height: 25vh !important;
  }
  [data-size~="tablet:viewport-25"] {
    width: 25vw !important;
    height: 25vh !important;
  }
  [data-max-size~="tablet:viewport-25"] {
    max-width: 25vw !important;
    max-height: 25vh !important;
  }
  [data-min-size~="tablet:viewport-25"] {
    min-width: 25vw !important;
    min-height: 25vh !important;
  }
  [data-width~="tablet:33"] {
    width: 33% !important;
  }
  [data-max-width~="tablet:33"] {
    max-width: 33% !important;
  }
  [data-min-width~="tablet:33"] {
    min-width: 33% !important;
  }
  [data-height~="tablet:33"] {
    height: 33% !important;
  }
  [data-max-height~="tablet:33"] {
    max-height: 33% !important;
  }
  [data-min-height~="tablet:33"] {
    min-height: 33% !important;
  }
  [data-size~="tablet:33"] {
    width: 33% !important;
    height: 33% !important;
  }
  [data-max-size~="tablet:33"] {
    max-width: 33% !important;
    max-height: 33% !important;
  }
  [data-min-size~="tablet:33"] {
    min-width: 33% !important;
    min-height: 33% !important;
  }
  [data-width~="tablet:viewport-33"] {
    width: 33vw !important;
  }
  [data-max-width~="tablet:viewport-33"] {
    max-width: 33vw !important;
  }
  [data-min-width~="tablet:viewport-33"] {
    min-width: 33vw !important;
  }
  [data-height~="tablet:viewport-33"] {
    height: 33vh !important;
  }
  [data-max-height~="tablet:viewport-33"] {
    max-height: 33vh !important;
  }
  [data-min-height~="tablet:viewport-33"] {
    min-height: 33vh !important;
  }
  [data-size~="tablet:viewport-33"] {
    width: 33vw !important;
    height: 33vh !important;
  }
  [data-max-size~="tablet:viewport-33"] {
    max-width: 33vw !important;
    max-height: 33vh !important;
  }
  [data-min-size~="tablet:viewport-33"] {
    min-width: 33vw !important;
    min-height: 33vh !important;
  }
  [data-width~="tablet:50"] {
    width: 50% !important;
  }
  [data-max-width~="tablet:50"] {
    max-width: 50% !important;
  }
  [data-min-width~="tablet:50"] {
    min-width: 50% !important;
  }
  [data-height~="tablet:50"] {
    height: 50% !important;
  }
  [data-max-height~="tablet:50"] {
    max-height: 50% !important;
  }
  [data-min-height~="tablet:50"] {
    min-height: 50% !important;
  }
  [data-size~="tablet:50"] {
    width: 50% !important;
    height: 50% !important;
  }
  [data-max-size~="tablet:50"] {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  [data-min-size~="tablet:50"] {
    min-width: 50% !important;
    min-height: 50% !important;
  }
  [data-width~="tablet:viewport-50"] {
    width: 50vw !important;
  }
  [data-max-width~="tablet:viewport-50"] {
    max-width: 50vw !important;
  }
  [data-min-width~="tablet:viewport-50"] {
    min-width: 50vw !important;
  }
  [data-height~="tablet:viewport-50"] {
    height: 50vh !important;
  }
  [data-max-height~="tablet:viewport-50"] {
    max-height: 50vh !important;
  }
  [data-min-height~="tablet:viewport-50"] {
    min-height: 50vh !important;
  }
  [data-size~="tablet:viewport-50"] {
    width: 50vw !important;
    height: 50vh !important;
  }
  [data-max-size~="tablet:viewport-50"] {
    max-width: 50vw !important;
    max-height: 50vh !important;
  }
  [data-min-size~="tablet:viewport-50"] {
    min-width: 50vw !important;
    min-height: 50vh !important;
  }
  [data-width~="tablet:66"] {
    width: 66% !important;
  }
  [data-max-width~="tablet:66"] {
    max-width: 66% !important;
  }
  [data-min-width~="tablet:66"] {
    min-width: 66% !important;
  }
  [data-height~="tablet:66"] {
    height: 66% !important;
  }
  [data-max-height~="tablet:66"] {
    max-height: 66% !important;
  }
  [data-min-height~="tablet:66"] {
    min-height: 66% !important;
  }
  [data-size~="tablet:66"] {
    width: 66% !important;
    height: 66% !important;
  }
  [data-max-size~="tablet:66"] {
    max-width: 66% !important;
    max-height: 66% !important;
  }
  [data-min-size~="tablet:66"] {
    min-width: 66% !important;
    min-height: 66% !important;
  }
  [data-width~="tablet:viewport-66"] {
    width: 66vw !important;
  }
  [data-max-width~="tablet:viewport-66"] {
    max-width: 66vw !important;
  }
  [data-min-width~="tablet:viewport-66"] {
    min-width: 66vw !important;
  }
  [data-height~="tablet:viewport-66"] {
    height: 66vh !important;
  }
  [data-max-height~="tablet:viewport-66"] {
    max-height: 66vh !important;
  }
  [data-min-height~="tablet:viewport-66"] {
    min-height: 66vh !important;
  }
  [data-size~="tablet:viewport-66"] {
    width: 66vw !important;
    height: 66vh !important;
  }
  [data-max-size~="tablet:viewport-66"] {
    max-width: 66vw !important;
    max-height: 66vh !important;
  }
  [data-min-size~="tablet:viewport-66"] {
    min-width: 66vw !important;
    min-height: 66vh !important;
  }
  [data-width~="tablet:75"] {
    width: 75% !important;
  }
  [data-max-width~="tablet:75"] {
    max-width: 75% !important;
  }
  [data-min-width~="tablet:75"] {
    min-width: 75% !important;
  }
  [data-height~="tablet:75"] {
    height: 75% !important;
  }
  [data-max-height~="tablet:75"] {
    max-height: 75% !important;
  }
  [data-min-height~="tablet:75"] {
    min-height: 75% !important;
  }
  [data-size~="tablet:75"] {
    width: 75% !important;
    height: 75% !important;
  }
  [data-max-size~="tablet:75"] {
    max-width: 75% !important;
    max-height: 75% !important;
  }
  [data-min-size~="tablet:75"] {
    min-width: 75% !important;
    min-height: 75% !important;
  }
  [data-width~="tablet:viewport-75"] {
    width: 75vw !important;
  }
  [data-max-width~="tablet:viewport-75"] {
    max-width: 75vw !important;
  }
  [data-min-width~="tablet:viewport-75"] {
    min-width: 75vw !important;
  }
  [data-height~="tablet:viewport-75"] {
    height: 75vh !important;
  }
  [data-max-height~="tablet:viewport-75"] {
    max-height: 75vh !important;
  }
  [data-min-height~="tablet:viewport-75"] {
    min-height: 75vh !important;
  }
  [data-size~="tablet:viewport-75"] {
    width: 75vw !important;
    height: 75vh !important;
  }
  [data-max-size~="tablet:viewport-75"] {
    max-width: 75vw !important;
    max-height: 75vh !important;
  }
  [data-min-size~="tablet:viewport-75"] {
    min-width: 75vw !important;
    min-height: 75vh !important;
  }
  [data-width~="tablet:100"] {
    width: 100% !important;
  }
  [data-max-width~="tablet:100"] {
    max-width: 100% !important;
  }
  [data-min-width~="tablet:100"] {
    min-width: 100% !important;
  }
  [data-height~="tablet:100"] {
    height: 100% !important;
  }
  [data-max-height~="tablet:100"] {
    max-height: 100% !important;
  }
  [data-min-height~="tablet:100"] {
    min-height: 100% !important;
  }
  [data-size~="tablet:100"] {
    width: 100% !important;
    height: 100% !important;
  }
  [data-max-size~="tablet:100"] {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  [data-min-size~="tablet:100"] {
    min-width: 100% !important;
    min-height: 100% !important;
  }
  [data-width~="tablet:viewport-100"] {
    width: 100vw !important;
  }
  [data-max-width~="tablet:viewport-100"] {
    max-width: 100vw !important;
  }
  [data-min-width~="tablet:viewport-100"] {
    min-width: 100vw !important;
  }
  [data-height~="tablet:viewport-100"] {
    height: 100vh !important;
  }
  [data-max-height~="tablet:viewport-100"] {
    max-height: 100vh !important;
  }
  [data-min-height~="tablet:viewport-100"] {
    min-height: 100vh !important;
  }
  [data-size~="tablet:viewport-100"] {
    width: 100vw !important;
    height: 100vh !important;
  }
  [data-max-size~="tablet:viewport-100"] {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  [data-min-size~="tablet:viewport-100"] {
    min-width: 100vw !important;
    min-height: 100vh !important;
  }
  [data-width~="tablet:content-fit"] {
    width: fit-content !important;
  }
  [data-max-width~="tablet:content-fit"] {
    max-width: fit-content !important;
  }
  [data-min-width~="tablet:content-fit"] {
    min-width: fit-content !important;
  }
  [data-height~="tablet:content-fit"] {
    height: fit-content !important;
  }
  [data-max-height~="tablet:content-fit"] {
    max-height: fit-content !important;
  }
  [data-min-height~="tablet:content-fit"] {
    min-height: fit-content !important;
  }
  [data-size~="tablet:content-fit"] {
    width: fit-content !important;
    height: fit-content !important;
  }
  [data-max-size~="tablet:content-fit"] {
    max-width: fit-content !important;
    max-height: fit-content !important;
  }
  [data-min-size~="tablet:content-fit"] {
    min-width: fit-content !important;
    min-height: fit-content !important;
  }
  [data-width~="tablet:content-max"] {
    width: max-content !important;
  }
  [data-max-width~="tablet:content-max"] {
    max-width: max-content !important;
  }
  [data-min-width~="tablet:content-max"] {
    min-width: max-content !important;
  }
  [data-height~="tablet:content-max"] {
    height: max-content !important;
  }
  [data-max-height~="tablet:content-max"] {
    max-height: max-content !important;
  }
  [data-min-height~="tablet:content-max"] {
    min-height: max-content !important;
  }
  [data-size~="tablet:content-max"] {
    width: max-content !important;
    height: max-content !important;
  }
  [data-max-size~="tablet:content-max"] {
    max-width: max-content !important;
    max-height: max-content !important;
  }
  [data-min-size~="tablet:content-max"] {
    min-width: max-content !important;
    min-height: max-content !important;
  }
  [data-width~="tablet:content-min"] {
    width: min-content !important;
  }
  [data-max-width~="tablet:content-min"] {
    max-width: min-content !important;
  }
  [data-min-width~="tablet:content-min"] {
    min-width: min-content !important;
  }
  [data-height~="tablet:content-min"] {
    height: min-content !important;
  }
  [data-max-height~="tablet:content-min"] {
    max-height: min-content !important;
  }
  [data-min-height~="tablet:content-min"] {
    min-height: min-content !important;
  }
  [data-size~="tablet:content-min"] {
    width: min-content !important;
    height: min-content !important;
  }
  [data-max-size~="tablet:content-min"] {
    max-width: min-content !important;
    max-height: min-content !important;
  }
  [data-min-size~="tablet:content-min"] {
    min-width: min-content !important;
    min-height: min-content !important;
  }
  [data-width~="tablet:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-width~="tablet:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-width~="tablet:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-height~="tablet:nano"] {
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-height~="tablet:nano"] {
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-height~="tablet:nano"] {
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-size~="tablet:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-size~="tablet:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-size~="tablet:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-width~="tablet:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-width~="tablet:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-width~="tablet:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-height~="tablet:tiny"] {
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-height~="tablet:tiny"] {
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-height~="tablet:tiny"] {
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-size~="tablet:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-size~="tablet:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-size~="tablet:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-width~="tablet:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-width~="tablet:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-width~="tablet:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-height~="tablet:small"] {
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-height~="tablet:small"] {
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-height~="tablet:small"] {
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-size~="tablet:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-size~="tablet:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-size~="tablet:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-width~="tablet:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-width~="tablet:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-width~="tablet:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-height~="tablet:medium"] {
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-height~="tablet:medium"] {
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-height~="tablet:medium"] {
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-size~="tablet:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-size~="tablet:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-size~="tablet:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-width~="tablet:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-width~="tablet:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-width~="tablet:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-height~="tablet:large"] {
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-height~="tablet:large"] {
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-height~="tablet:large"] {
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-size~="tablet:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-size~="tablet:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-size~="tablet:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-width~="tablet:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-width~="tablet:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-width~="tablet:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-height~="tablet:huge"] {
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-height~="tablet:huge"] {
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-height~="tablet:huge"] {
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-size~="tablet:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-size~="tablet:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-size~="tablet:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-width~="tablet:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-width~="tablet:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-width~="tablet:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-height~="tablet:massive"] {
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-height~="tablet:massive"] {
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-height~="tablet:massive"] {
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-size~="tablet:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-size~="tablet:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-size~="tablet:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-width~="tablet:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
  }
  [data-max-width~="tablet:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
  }
  [data-min-width~="tablet:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
  }
  [data-height~="tablet:icon-nano"] {
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-height~="tablet:icon-nano"] {
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-height~="tablet:icon-nano"] {
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-size~="tablet:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-size~="tablet:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-size~="tablet:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-width~="tablet:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
  }
  [data-max-width~="tablet:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
  }
  [data-min-width~="tablet:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
  }
  [data-height~="tablet:icon-tiny"] {
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-height~="tablet:icon-tiny"] {
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-height~="tablet:icon-tiny"] {
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-size~="tablet:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-size~="tablet:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-size~="tablet:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-width~="tablet:icon-small"] {
    width: var(--sizes-icon-small) !important;
  }
  [data-max-width~="tablet:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
  }
  [data-min-width~="tablet:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
  }
  [data-height~="tablet:icon-small"] {
    height: var(--sizes-icon-small) !important;
  }
  [data-max-height~="tablet:icon-small"] {
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-height~="tablet:icon-small"] {
    min-height: var(--sizes-icon-small) !important;
  }
  [data-size~="tablet:icon-small"] {
    width: var(--sizes-icon-small) !important;
    height: var(--sizes-icon-small) !important;
  }
  [data-max-size~="tablet:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-size~="tablet:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
    min-height: var(--sizes-icon-small) !important;
  }
  [data-width~="tablet:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
  }
  [data-max-width~="tablet:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
  }
  [data-min-width~="tablet:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
  }
  [data-height~="tablet:icon-medium"] {
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-height~="tablet:icon-medium"] {
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-height~="tablet:icon-medium"] {
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-size~="tablet:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-size~="tablet:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-size~="tablet:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-width~="tablet:icon-large"] {
    width: var(--sizes-icon-large) !important;
  }
  [data-max-width~="tablet:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
  }
  [data-min-width~="tablet:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
  }
  [data-height~="tablet:icon-large"] {
    height: var(--sizes-icon-large) !important;
  }
  [data-max-height~="tablet:icon-large"] {
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-height~="tablet:icon-large"] {
    min-height: var(--sizes-icon-large) !important;
  }
  [data-size~="tablet:icon-large"] {
    width: var(--sizes-icon-large) !important;
    height: var(--sizes-icon-large) !important;
  }
  [data-max-size~="tablet:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-size~="tablet:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
    min-height: var(--sizes-icon-large) !important;
  }
  [data-width~="tablet:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
  }
  [data-max-width~="tablet:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
  }
  [data-min-width~="tablet:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
  }
  [data-height~="tablet:icon-huge"] {
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-height~="tablet:icon-huge"] {
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-height~="tablet:icon-huge"] {
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-size~="tablet:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-size~="tablet:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-size~="tablet:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-width~="tablet:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
  }
  [data-max-width~="tablet:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
  }
  [data-min-width~="tablet:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
  }
  [data-height~="tablet:icon-massive"] {
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-height~="tablet:icon-massive"] {
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-height~="tablet:icon-massive"] {
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-size~="tablet:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-size~="tablet:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-size~="tablet:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-width~="tablet:prose"] {
    width: var(--sizes-prose) !important;
  }
  [data-max-width~="tablet:prose"] {
    max-width: var(--sizes-prose) !important;
  }
  [data-min-width~="tablet:prose"] {
    min-width: var(--sizes-prose) !important;
  }
  [data-height~="tablet:prose"] {
    height: var(--sizes-prose) !important;
  }
  [data-max-height~="tablet:prose"] {
    max-height: var(--sizes-prose) !important;
  }
  [data-min-height~="tablet:prose"] {
    min-height: var(--sizes-prose) !important;
  }
  [data-size~="tablet:prose"] {
    width: var(--sizes-prose) !important;
    height: var(--sizes-prose) !important;
  }
  [data-max-size~="tablet:prose"] {
    max-width: var(--sizes-prose) !important;
    max-height: var(--sizes-prose) !important;
  }
  [data-min-size~="tablet:prose"] {
    min-width: var(--sizes-prose) !important;
    min-height: var(--sizes-prose) !important;
  }
  [data-width~="tablet:mobile"] {
    width: var(--viewports-mobile-base) !important;
  }
  [data-max-width~="tablet:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
  }
  [data-min-width~="tablet:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
  }
  [data-height~="tablet:mobile"] {
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-height~="tablet:mobile"] {
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-height~="tablet:mobile"] {
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-size~="tablet:mobile"] {
    width: var(--viewports-mobile-base) !important;
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-size~="tablet:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-size~="tablet:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-width~="tablet:tablet"] {
    width: var(--viewports-tablet-base) !important;
  }
  [data-max-width~="tablet:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
  }
  [data-min-width~="tablet:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
  }
  [data-height~="tablet:tablet"] {
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-height~="tablet:tablet"] {
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-height~="tablet:tablet"] {
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-size~="tablet:tablet"] {
    width: var(--viewports-tablet-base) !important;
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-size~="tablet:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-size~="tablet:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-width~="tablet:desktop"] {
    width: var(--viewports-desktop-base) !important;
  }
  [data-max-width~="tablet:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
  }
  [data-min-width~="tablet:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
  }
  [data-height~="tablet:desktop"] {
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-height~="tablet:desktop"] {
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-height~="tablet:desktop"] {
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-size~="tablet:desktop"] {
    width: var(--viewports-desktop-base) !important;
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-size~="tablet:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-size~="tablet:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-width~="tablet:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
  }
  [data-max-width~="tablet:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
  }
  [data-min-width~="tablet:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
  }
  [data-height~="tablet:widescreen"] {
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-height~="tablet:widescreen"] {
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-height~="tablet:widescreen"] {
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-size~="tablet:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-size~="tablet:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-size~="tablet:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-margin~="tablet:none"] {
    margin: 0px !important;
  }
  [data-margin-x~="tablet:none"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  [data-margin-y~="tablet:none"] {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  [data-margin-bottom~="tablet:none"] {
    margin-bottom: 0px !important;
  }
  [data-margin-left~="tablet:none"] {
    margin-left: 0px !important;
  }
  [data-margin-right~="tablet:none"] {
    margin-right: 0px !important;
  }
  [data-margin-top~="tablet:none"] {
    margin-top: 0px !important;
  }
  [data-padding~="tablet:none"] {
    padding: 0px !important;
  }
  [data-padding-x~="tablet:none"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  [data-padding-y~="tablet:none"] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  [data-padding-bottom~="tablet:none"] {
    padding-bottom: 0px !important;
  }
  [data-padding-left~="tablet:none"] {
    padding-left: 0px !important;
  }
  [data-padding-right~="tablet:none"] {
    padding-right: 0px !important;
  }
  [data-padding-top~="tablet:none"] {
    padding-top: 0px !important;
  }
  [data-margin~="tablet:auto"] {
    margin: auto !important;
  }
  [data-margin-x~="tablet:auto"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [data-margin-y~="tablet:auto"] {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  [data-margin-bottom~="tablet:auto"] {
    margin-bottom: auto !important;
  }
  [data-margin-left~="tablet:auto"] {
    margin-left: auto !important;
  }
  [data-margin-right~="tablet:auto"] {
    margin-right: auto !important;
  }
  [data-margin-top~="tablet:auto"] {
    margin-top: auto !important;
  }
  [data-padding~="tablet:auto"] {
    padding: auto !important;
  }
  [data-padding-x~="tablet:auto"] {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  [data-padding-y~="tablet:auto"] {
    padding-bottom: auto !important;
    padding-top: auto !important;
  }
  [data-padding-bottom~="tablet:auto"] {
    padding-bottom: auto !important;
  }
  [data-padding-left~="tablet:auto"] {
    padding-left: auto !important;
  }
  [data-padding-right~="tablet:auto"] {
    padding-right: auto !important;
  }
  [data-padding-top~="tablet:auto"] {
    padding-top: auto !important;
  }
  [data-margin~="tablet:nano"] {
    margin: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-x~="tablet:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-y~="tablet:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-left~="tablet:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-right~="tablet:nano"] {
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-top~="tablet:nano"] {
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding~="tablet:nano"] {
    padding: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-x~="tablet:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-y~="tablet:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-left~="tablet:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-right~="tablet:nano"] {
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-top~="tablet:nano"] {
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin~="tablet:tiny"] {
    margin: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-x~="tablet:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-y~="tablet:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-left~="tablet:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-right~="tablet:tiny"] {
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-top~="tablet:tiny"] {
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding~="tablet:tiny"] {
    padding: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-x~="tablet:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-y~="tablet:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-left~="tablet:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-right~="tablet:tiny"] {
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-top~="tablet:tiny"] {
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin~="tablet:small"] {
    margin: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-x~="tablet:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-y~="tablet:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-left~="tablet:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-right~="tablet:small"] {
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-top~="tablet:small"] {
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding~="tablet:small"] {
    padding: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-x~="tablet:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-y~="tablet:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-left~="tablet:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-right~="tablet:small"] {
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-top~="tablet:small"] {
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin~="tablet:medium"] {
    margin: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-x~="tablet:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-y~="tablet:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-left~="tablet:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-right~="tablet:medium"] {
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-top~="tablet:medium"] {
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding~="tablet:medium"] {
    padding: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-x~="tablet:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-y~="tablet:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-left~="tablet:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-right~="tablet:medium"] {
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-top~="tablet:medium"] {
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin~="tablet:large"] {
    margin: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-x~="tablet:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-y~="tablet:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-left~="tablet:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-right~="tablet:large"] {
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-top~="tablet:large"] {
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding~="tablet:large"] {
    padding: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-x~="tablet:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-y~="tablet:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-left~="tablet:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-right~="tablet:large"] {
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-top~="tablet:large"] {
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin~="tablet:huge"] {
    margin: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-x~="tablet:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-y~="tablet:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-left~="tablet:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-right~="tablet:huge"] {
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-top~="tablet:huge"] {
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding~="tablet:huge"] {
    padding: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-x~="tablet:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-y~="tablet:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-left~="tablet:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-right~="tablet:huge"] {
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-top~="tablet:huge"] {
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin~="tablet:massive"] {
    margin: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-x~="tablet:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-y~="tablet:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-bottom~="tablet:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-left~="tablet:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-right~="tablet:massive"] {
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-top~="tablet:massive"] {
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding~="tablet:massive"] {
    padding: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-x~="tablet:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-y~="tablet:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-bottom~="tablet:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-left~="tablet:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-right~="tablet:massive"] {
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-top~="tablet:massive"] {
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-width~="desktop:none"] {
    width: 0px !important;
  }
  [data-max-width~="desktop:none"] {
    max-width: 0px !important;
  }
  [data-min-width~="desktop:none"] {
    min-width: 0px !important;
  }
  [data-height~="desktop:none"] {
    height: 0px !important;
  }
  [data-max-height~="desktop:none"] {
    max-height: 0px !important;
  }
  [data-min-height~="desktop:none"] {
    min-height: 0px !important;
  }
  [data-size~="desktop:none"] {
    width: 0px !important;
    height: 0px !important;
  }
  [data-max-size~="desktop:none"] {
    max-width: 0px !important;
    max-height: 0px !important;
  }
  [data-min-size~="desktop:none"] {
    min-width: 0px !important;
    min-height: 0px !important;
  }
  [data-width~="desktop:auto"] {
    width: auto !important;
  }
  [data-max-width~="desktop:auto"] {
    max-width: auto !important;
  }
  [data-min-width~="desktop:auto"] {
    min-width: auto !important;
  }
  [data-height~="desktop:auto"] {
    height: auto !important;
  }
  [data-max-height~="desktop:auto"] {
    max-height: auto !important;
  }
  [data-min-height~="desktop:auto"] {
    min-height: auto !important;
  }
  [data-size~="desktop:auto"] {
    width: auto !important;
    height: auto !important;
  }
  [data-max-size~="desktop:auto"] {
    max-width: auto !important;
    max-height: auto !important;
  }
  [data-min-size~="desktop:auto"] {
    min-width: auto !important;
    min-height: auto !important;
  }
  [data-width~="desktop:25"] {
    width: 25% !important;
  }
  [data-max-width~="desktop:25"] {
    max-width: 25% !important;
  }
  [data-min-width~="desktop:25"] {
    min-width: 25% !important;
  }
  [data-height~="desktop:25"] {
    height: 25% !important;
  }
  [data-max-height~="desktop:25"] {
    max-height: 25% !important;
  }
  [data-min-height~="desktop:25"] {
    min-height: 25% !important;
  }
  [data-size~="desktop:25"] {
    width: 25% !important;
    height: 25% !important;
  }
  [data-max-size~="desktop:25"] {
    max-width: 25% !important;
    max-height: 25% !important;
  }
  [data-min-size~="desktop:25"] {
    min-width: 25% !important;
    min-height: 25% !important;
  }
  [data-width~="desktop:viewport-25"] {
    width: 25vw !important;
  }
  [data-max-width~="desktop:viewport-25"] {
    max-width: 25vw !important;
  }
  [data-min-width~="desktop:viewport-25"] {
    min-width: 25vw !important;
  }
  [data-height~="desktop:viewport-25"] {
    height: 25vh !important;
  }
  [data-max-height~="desktop:viewport-25"] {
    max-height: 25vh !important;
  }
  [data-min-height~="desktop:viewport-25"] {
    min-height: 25vh !important;
  }
  [data-size~="desktop:viewport-25"] {
    width: 25vw !important;
    height: 25vh !important;
  }
  [data-max-size~="desktop:viewport-25"] {
    max-width: 25vw !important;
    max-height: 25vh !important;
  }
  [data-min-size~="desktop:viewport-25"] {
    min-width: 25vw !important;
    min-height: 25vh !important;
  }
  [data-width~="desktop:33"] {
    width: 33% !important;
  }
  [data-max-width~="desktop:33"] {
    max-width: 33% !important;
  }
  [data-min-width~="desktop:33"] {
    min-width: 33% !important;
  }
  [data-height~="desktop:33"] {
    height: 33% !important;
  }
  [data-max-height~="desktop:33"] {
    max-height: 33% !important;
  }
  [data-min-height~="desktop:33"] {
    min-height: 33% !important;
  }
  [data-size~="desktop:33"] {
    width: 33% !important;
    height: 33% !important;
  }
  [data-max-size~="desktop:33"] {
    max-width: 33% !important;
    max-height: 33% !important;
  }
  [data-min-size~="desktop:33"] {
    min-width: 33% !important;
    min-height: 33% !important;
  }
  [data-width~="desktop:viewport-33"] {
    width: 33vw !important;
  }
  [data-max-width~="desktop:viewport-33"] {
    max-width: 33vw !important;
  }
  [data-min-width~="desktop:viewport-33"] {
    min-width: 33vw !important;
  }
  [data-height~="desktop:viewport-33"] {
    height: 33vh !important;
  }
  [data-max-height~="desktop:viewport-33"] {
    max-height: 33vh !important;
  }
  [data-min-height~="desktop:viewport-33"] {
    min-height: 33vh !important;
  }
  [data-size~="desktop:viewport-33"] {
    width: 33vw !important;
    height: 33vh !important;
  }
  [data-max-size~="desktop:viewport-33"] {
    max-width: 33vw !important;
    max-height: 33vh !important;
  }
  [data-min-size~="desktop:viewport-33"] {
    min-width: 33vw !important;
    min-height: 33vh !important;
  }
  [data-width~="desktop:50"] {
    width: 50% !important;
  }
  [data-max-width~="desktop:50"] {
    max-width: 50% !important;
  }
  [data-min-width~="desktop:50"] {
    min-width: 50% !important;
  }
  [data-height~="desktop:50"] {
    height: 50% !important;
  }
  [data-max-height~="desktop:50"] {
    max-height: 50% !important;
  }
  [data-min-height~="desktop:50"] {
    min-height: 50% !important;
  }
  [data-size~="desktop:50"] {
    width: 50% !important;
    height: 50% !important;
  }
  [data-max-size~="desktop:50"] {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  [data-min-size~="desktop:50"] {
    min-width: 50% !important;
    min-height: 50% !important;
  }
  [data-width~="desktop:viewport-50"] {
    width: 50vw !important;
  }
  [data-max-width~="desktop:viewport-50"] {
    max-width: 50vw !important;
  }
  [data-min-width~="desktop:viewport-50"] {
    min-width: 50vw !important;
  }
  [data-height~="desktop:viewport-50"] {
    height: 50vh !important;
  }
  [data-max-height~="desktop:viewport-50"] {
    max-height: 50vh !important;
  }
  [data-min-height~="desktop:viewport-50"] {
    min-height: 50vh !important;
  }
  [data-size~="desktop:viewport-50"] {
    width: 50vw !important;
    height: 50vh !important;
  }
  [data-max-size~="desktop:viewport-50"] {
    max-width: 50vw !important;
    max-height: 50vh !important;
  }
  [data-min-size~="desktop:viewport-50"] {
    min-width: 50vw !important;
    min-height: 50vh !important;
  }
  [data-width~="desktop:66"] {
    width: 66% !important;
  }
  [data-max-width~="desktop:66"] {
    max-width: 66% !important;
  }
  [data-min-width~="desktop:66"] {
    min-width: 66% !important;
  }
  [data-height~="desktop:66"] {
    height: 66% !important;
  }
  [data-max-height~="desktop:66"] {
    max-height: 66% !important;
  }
  [data-min-height~="desktop:66"] {
    min-height: 66% !important;
  }
  [data-size~="desktop:66"] {
    width: 66% !important;
    height: 66% !important;
  }
  [data-max-size~="desktop:66"] {
    max-width: 66% !important;
    max-height: 66% !important;
  }
  [data-min-size~="desktop:66"] {
    min-width: 66% !important;
    min-height: 66% !important;
  }
  [data-width~="desktop:viewport-66"] {
    width: 66vw !important;
  }
  [data-max-width~="desktop:viewport-66"] {
    max-width: 66vw !important;
  }
  [data-min-width~="desktop:viewport-66"] {
    min-width: 66vw !important;
  }
  [data-height~="desktop:viewport-66"] {
    height: 66vh !important;
  }
  [data-max-height~="desktop:viewport-66"] {
    max-height: 66vh !important;
  }
  [data-min-height~="desktop:viewport-66"] {
    min-height: 66vh !important;
  }
  [data-size~="desktop:viewport-66"] {
    width: 66vw !important;
    height: 66vh !important;
  }
  [data-max-size~="desktop:viewport-66"] {
    max-width: 66vw !important;
    max-height: 66vh !important;
  }
  [data-min-size~="desktop:viewport-66"] {
    min-width: 66vw !important;
    min-height: 66vh !important;
  }
  [data-width~="desktop:75"] {
    width: 75% !important;
  }
  [data-max-width~="desktop:75"] {
    max-width: 75% !important;
  }
  [data-min-width~="desktop:75"] {
    min-width: 75% !important;
  }
  [data-height~="desktop:75"] {
    height: 75% !important;
  }
  [data-max-height~="desktop:75"] {
    max-height: 75% !important;
  }
  [data-min-height~="desktop:75"] {
    min-height: 75% !important;
  }
  [data-size~="desktop:75"] {
    width: 75% !important;
    height: 75% !important;
  }
  [data-max-size~="desktop:75"] {
    max-width: 75% !important;
    max-height: 75% !important;
  }
  [data-min-size~="desktop:75"] {
    min-width: 75% !important;
    min-height: 75% !important;
  }
  [data-width~="desktop:viewport-75"] {
    width: 75vw !important;
  }
  [data-max-width~="desktop:viewport-75"] {
    max-width: 75vw !important;
  }
  [data-min-width~="desktop:viewport-75"] {
    min-width: 75vw !important;
  }
  [data-height~="desktop:viewport-75"] {
    height: 75vh !important;
  }
  [data-max-height~="desktop:viewport-75"] {
    max-height: 75vh !important;
  }
  [data-min-height~="desktop:viewport-75"] {
    min-height: 75vh !important;
  }
  [data-size~="desktop:viewport-75"] {
    width: 75vw !important;
    height: 75vh !important;
  }
  [data-max-size~="desktop:viewport-75"] {
    max-width: 75vw !important;
    max-height: 75vh !important;
  }
  [data-min-size~="desktop:viewport-75"] {
    min-width: 75vw !important;
    min-height: 75vh !important;
  }
  [data-width~="desktop:100"] {
    width: 100% !important;
  }
  [data-max-width~="desktop:100"] {
    max-width: 100% !important;
  }
  [data-min-width~="desktop:100"] {
    min-width: 100% !important;
  }
  [data-height~="desktop:100"] {
    height: 100% !important;
  }
  [data-max-height~="desktop:100"] {
    max-height: 100% !important;
  }
  [data-min-height~="desktop:100"] {
    min-height: 100% !important;
  }
  [data-size~="desktop:100"] {
    width: 100% !important;
    height: 100% !important;
  }
  [data-max-size~="desktop:100"] {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  [data-min-size~="desktop:100"] {
    min-width: 100% !important;
    min-height: 100% !important;
  }
  [data-width~="desktop:viewport-100"] {
    width: 100vw !important;
  }
  [data-max-width~="desktop:viewport-100"] {
    max-width: 100vw !important;
  }
  [data-min-width~="desktop:viewport-100"] {
    min-width: 100vw !important;
  }
  [data-height~="desktop:viewport-100"] {
    height: 100vh !important;
  }
  [data-max-height~="desktop:viewport-100"] {
    max-height: 100vh !important;
  }
  [data-min-height~="desktop:viewport-100"] {
    min-height: 100vh !important;
  }
  [data-size~="desktop:viewport-100"] {
    width: 100vw !important;
    height: 100vh !important;
  }
  [data-max-size~="desktop:viewport-100"] {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  [data-min-size~="desktop:viewport-100"] {
    min-width: 100vw !important;
    min-height: 100vh !important;
  }
  [data-width~="desktop:content-fit"] {
    width: fit-content !important;
  }
  [data-max-width~="desktop:content-fit"] {
    max-width: fit-content !important;
  }
  [data-min-width~="desktop:content-fit"] {
    min-width: fit-content !important;
  }
  [data-height~="desktop:content-fit"] {
    height: fit-content !important;
  }
  [data-max-height~="desktop:content-fit"] {
    max-height: fit-content !important;
  }
  [data-min-height~="desktop:content-fit"] {
    min-height: fit-content !important;
  }
  [data-size~="desktop:content-fit"] {
    width: fit-content !important;
    height: fit-content !important;
  }
  [data-max-size~="desktop:content-fit"] {
    max-width: fit-content !important;
    max-height: fit-content !important;
  }
  [data-min-size~="desktop:content-fit"] {
    min-width: fit-content !important;
    min-height: fit-content !important;
  }
  [data-width~="desktop:content-max"] {
    width: max-content !important;
  }
  [data-max-width~="desktop:content-max"] {
    max-width: max-content !important;
  }
  [data-min-width~="desktop:content-max"] {
    min-width: max-content !important;
  }
  [data-height~="desktop:content-max"] {
    height: max-content !important;
  }
  [data-max-height~="desktop:content-max"] {
    max-height: max-content !important;
  }
  [data-min-height~="desktop:content-max"] {
    min-height: max-content !important;
  }
  [data-size~="desktop:content-max"] {
    width: max-content !important;
    height: max-content !important;
  }
  [data-max-size~="desktop:content-max"] {
    max-width: max-content !important;
    max-height: max-content !important;
  }
  [data-min-size~="desktop:content-max"] {
    min-width: max-content !important;
    min-height: max-content !important;
  }
  [data-width~="desktop:content-min"] {
    width: min-content !important;
  }
  [data-max-width~="desktop:content-min"] {
    max-width: min-content !important;
  }
  [data-min-width~="desktop:content-min"] {
    min-width: min-content !important;
  }
  [data-height~="desktop:content-min"] {
    height: min-content !important;
  }
  [data-max-height~="desktop:content-min"] {
    max-height: min-content !important;
  }
  [data-min-height~="desktop:content-min"] {
    min-height: min-content !important;
  }
  [data-size~="desktop:content-min"] {
    width: min-content !important;
    height: min-content !important;
  }
  [data-max-size~="desktop:content-min"] {
    max-width: min-content !important;
    max-height: min-content !important;
  }
  [data-min-size~="desktop:content-min"] {
    min-width: min-content !important;
    min-height: min-content !important;
  }
  [data-width~="desktop:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-width~="desktop:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-width~="desktop:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-height~="desktop:nano"] {
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-height~="desktop:nano"] {
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-height~="desktop:nano"] {
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-size~="desktop:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-size~="desktop:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-size~="desktop:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-width~="desktop:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-width~="desktop:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-width~="desktop:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-height~="desktop:tiny"] {
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-height~="desktop:tiny"] {
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-height~="desktop:tiny"] {
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-size~="desktop:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-size~="desktop:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-size~="desktop:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-width~="desktop:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-width~="desktop:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-width~="desktop:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-height~="desktop:small"] {
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-height~="desktop:small"] {
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-height~="desktop:small"] {
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-size~="desktop:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-size~="desktop:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-size~="desktop:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-width~="desktop:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-width~="desktop:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-width~="desktop:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-height~="desktop:medium"] {
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-height~="desktop:medium"] {
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-height~="desktop:medium"] {
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-size~="desktop:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-size~="desktop:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-size~="desktop:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-width~="desktop:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-width~="desktop:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-width~="desktop:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-height~="desktop:large"] {
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-height~="desktop:large"] {
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-height~="desktop:large"] {
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-size~="desktop:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-size~="desktop:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-size~="desktop:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-width~="desktop:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-width~="desktop:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-width~="desktop:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-height~="desktop:huge"] {
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-height~="desktop:huge"] {
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-height~="desktop:huge"] {
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-size~="desktop:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-size~="desktop:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-size~="desktop:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-width~="desktop:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-width~="desktop:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-width~="desktop:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-height~="desktop:massive"] {
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-height~="desktop:massive"] {
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-height~="desktop:massive"] {
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-size~="desktop:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-size~="desktop:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-size~="desktop:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-width~="desktop:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
  }
  [data-max-width~="desktop:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
  }
  [data-min-width~="desktop:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
  }
  [data-height~="desktop:icon-nano"] {
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-height~="desktop:icon-nano"] {
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-height~="desktop:icon-nano"] {
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-size~="desktop:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-size~="desktop:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-size~="desktop:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-width~="desktop:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
  }
  [data-max-width~="desktop:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
  }
  [data-min-width~="desktop:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
  }
  [data-height~="desktop:icon-tiny"] {
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-height~="desktop:icon-tiny"] {
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-height~="desktop:icon-tiny"] {
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-size~="desktop:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-size~="desktop:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-size~="desktop:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-width~="desktop:icon-small"] {
    width: var(--sizes-icon-small) !important;
  }
  [data-max-width~="desktop:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
  }
  [data-min-width~="desktop:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
  }
  [data-height~="desktop:icon-small"] {
    height: var(--sizes-icon-small) !important;
  }
  [data-max-height~="desktop:icon-small"] {
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-height~="desktop:icon-small"] {
    min-height: var(--sizes-icon-small) !important;
  }
  [data-size~="desktop:icon-small"] {
    width: var(--sizes-icon-small) !important;
    height: var(--sizes-icon-small) !important;
  }
  [data-max-size~="desktop:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-size~="desktop:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
    min-height: var(--sizes-icon-small) !important;
  }
  [data-width~="desktop:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
  }
  [data-max-width~="desktop:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
  }
  [data-min-width~="desktop:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
  }
  [data-height~="desktop:icon-medium"] {
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-height~="desktop:icon-medium"] {
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-height~="desktop:icon-medium"] {
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-size~="desktop:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-size~="desktop:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-size~="desktop:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-width~="desktop:icon-large"] {
    width: var(--sizes-icon-large) !important;
  }
  [data-max-width~="desktop:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
  }
  [data-min-width~="desktop:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
  }
  [data-height~="desktop:icon-large"] {
    height: var(--sizes-icon-large) !important;
  }
  [data-max-height~="desktop:icon-large"] {
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-height~="desktop:icon-large"] {
    min-height: var(--sizes-icon-large) !important;
  }
  [data-size~="desktop:icon-large"] {
    width: var(--sizes-icon-large) !important;
    height: var(--sizes-icon-large) !important;
  }
  [data-max-size~="desktop:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-size~="desktop:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
    min-height: var(--sizes-icon-large) !important;
  }
  [data-width~="desktop:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
  }
  [data-max-width~="desktop:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
  }
  [data-min-width~="desktop:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
  }
  [data-height~="desktop:icon-huge"] {
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-height~="desktop:icon-huge"] {
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-height~="desktop:icon-huge"] {
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-size~="desktop:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-size~="desktop:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-size~="desktop:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-width~="desktop:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
  }
  [data-max-width~="desktop:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
  }
  [data-min-width~="desktop:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
  }
  [data-height~="desktop:icon-massive"] {
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-height~="desktop:icon-massive"] {
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-height~="desktop:icon-massive"] {
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-size~="desktop:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-size~="desktop:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-size~="desktop:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-width~="desktop:prose"] {
    width: var(--sizes-prose) !important;
  }
  [data-max-width~="desktop:prose"] {
    max-width: var(--sizes-prose) !important;
  }
  [data-min-width~="desktop:prose"] {
    min-width: var(--sizes-prose) !important;
  }
  [data-height~="desktop:prose"] {
    height: var(--sizes-prose) !important;
  }
  [data-max-height~="desktop:prose"] {
    max-height: var(--sizes-prose) !important;
  }
  [data-min-height~="desktop:prose"] {
    min-height: var(--sizes-prose) !important;
  }
  [data-size~="desktop:prose"] {
    width: var(--sizes-prose) !important;
    height: var(--sizes-prose) !important;
  }
  [data-max-size~="desktop:prose"] {
    max-width: var(--sizes-prose) !important;
    max-height: var(--sizes-prose) !important;
  }
  [data-min-size~="desktop:prose"] {
    min-width: var(--sizes-prose) !important;
    min-height: var(--sizes-prose) !important;
  }
  [data-width~="desktop:mobile"] {
    width: var(--viewports-mobile-base) !important;
  }
  [data-max-width~="desktop:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
  }
  [data-min-width~="desktop:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
  }
  [data-height~="desktop:mobile"] {
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-height~="desktop:mobile"] {
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-height~="desktop:mobile"] {
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-size~="desktop:mobile"] {
    width: var(--viewports-mobile-base) !important;
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-size~="desktop:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-size~="desktop:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-width~="desktop:tablet"] {
    width: var(--viewports-tablet-base) !important;
  }
  [data-max-width~="desktop:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
  }
  [data-min-width~="desktop:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
  }
  [data-height~="desktop:tablet"] {
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-height~="desktop:tablet"] {
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-height~="desktop:tablet"] {
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-size~="desktop:tablet"] {
    width: var(--viewports-tablet-base) !important;
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-size~="desktop:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-size~="desktop:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-width~="desktop:desktop"] {
    width: var(--viewports-desktop-base) !important;
  }
  [data-max-width~="desktop:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
  }
  [data-min-width~="desktop:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
  }
  [data-height~="desktop:desktop"] {
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-height~="desktop:desktop"] {
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-height~="desktop:desktop"] {
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-size~="desktop:desktop"] {
    width: var(--viewports-desktop-base) !important;
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-size~="desktop:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-size~="desktop:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-width~="desktop:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
  }
  [data-max-width~="desktop:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
  }
  [data-min-width~="desktop:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
  }
  [data-height~="desktop:widescreen"] {
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-height~="desktop:widescreen"] {
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-height~="desktop:widescreen"] {
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-size~="desktop:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-size~="desktop:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-size~="desktop:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-margin~="desktop:none"] {
    margin: 0px !important;
  }
  [data-margin-x~="desktop:none"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  [data-margin-y~="desktop:none"] {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  [data-margin-bottom~="desktop:none"] {
    margin-bottom: 0px !important;
  }
  [data-margin-left~="desktop:none"] {
    margin-left: 0px !important;
  }
  [data-margin-right~="desktop:none"] {
    margin-right: 0px !important;
  }
  [data-margin-top~="desktop:none"] {
    margin-top: 0px !important;
  }
  [data-padding~="desktop:none"] {
    padding: 0px !important;
  }
  [data-padding-x~="desktop:none"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  [data-padding-y~="desktop:none"] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  [data-padding-bottom~="desktop:none"] {
    padding-bottom: 0px !important;
  }
  [data-padding-left~="desktop:none"] {
    padding-left: 0px !important;
  }
  [data-padding-right~="desktop:none"] {
    padding-right: 0px !important;
  }
  [data-padding-top~="desktop:none"] {
    padding-top: 0px !important;
  }
  [data-margin~="desktop:auto"] {
    margin: auto !important;
  }
  [data-margin-x~="desktop:auto"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [data-margin-y~="desktop:auto"] {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  [data-margin-bottom~="desktop:auto"] {
    margin-bottom: auto !important;
  }
  [data-margin-left~="desktop:auto"] {
    margin-left: auto !important;
  }
  [data-margin-right~="desktop:auto"] {
    margin-right: auto !important;
  }
  [data-margin-top~="desktop:auto"] {
    margin-top: auto !important;
  }
  [data-padding~="desktop:auto"] {
    padding: auto !important;
  }
  [data-padding-x~="desktop:auto"] {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  [data-padding-y~="desktop:auto"] {
    padding-bottom: auto !important;
    padding-top: auto !important;
  }
  [data-padding-bottom~="desktop:auto"] {
    padding-bottom: auto !important;
  }
  [data-padding-left~="desktop:auto"] {
    padding-left: auto !important;
  }
  [data-padding-right~="desktop:auto"] {
    padding-right: auto !important;
  }
  [data-padding-top~="desktop:auto"] {
    padding-top: auto !important;
  }
  [data-margin~="desktop:nano"] {
    margin: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-x~="desktop:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-y~="desktop:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-left~="desktop:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-right~="desktop:nano"] {
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-top~="desktop:nano"] {
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding~="desktop:nano"] {
    padding: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-x~="desktop:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-y~="desktop:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-left~="desktop:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-right~="desktop:nano"] {
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-top~="desktop:nano"] {
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin~="desktop:tiny"] {
    margin: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-x~="desktop:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-y~="desktop:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-left~="desktop:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-right~="desktop:tiny"] {
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-top~="desktop:tiny"] {
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding~="desktop:tiny"] {
    padding: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-x~="desktop:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-y~="desktop:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-left~="desktop:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-right~="desktop:tiny"] {
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-top~="desktop:tiny"] {
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin~="desktop:small"] {
    margin: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-x~="desktop:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-y~="desktop:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-left~="desktop:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-right~="desktop:small"] {
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-top~="desktop:small"] {
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding~="desktop:small"] {
    padding: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-x~="desktop:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-y~="desktop:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-left~="desktop:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-right~="desktop:small"] {
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-top~="desktop:small"] {
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin~="desktop:medium"] {
    margin: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-x~="desktop:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-y~="desktop:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-left~="desktop:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-right~="desktop:medium"] {
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-top~="desktop:medium"] {
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding~="desktop:medium"] {
    padding: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-x~="desktop:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-y~="desktop:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-left~="desktop:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-right~="desktop:medium"] {
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-top~="desktop:medium"] {
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin~="desktop:large"] {
    margin: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-x~="desktop:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-y~="desktop:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-left~="desktop:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-right~="desktop:large"] {
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-top~="desktop:large"] {
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding~="desktop:large"] {
    padding: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-x~="desktop:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-y~="desktop:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-left~="desktop:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-right~="desktop:large"] {
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-top~="desktop:large"] {
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin~="desktop:huge"] {
    margin: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-x~="desktop:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-y~="desktop:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-left~="desktop:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-right~="desktop:huge"] {
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-top~="desktop:huge"] {
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding~="desktop:huge"] {
    padding: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-x~="desktop:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-y~="desktop:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-left~="desktop:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-right~="desktop:huge"] {
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-top~="desktop:huge"] {
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin~="desktop:massive"] {
    margin: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-x~="desktop:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-y~="desktop:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-bottom~="desktop:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-left~="desktop:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-right~="desktop:massive"] {
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-top~="desktop:massive"] {
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding~="desktop:massive"] {
    padding: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-x~="desktop:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-y~="desktop:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-bottom~="desktop:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-left~="desktop:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-right~="desktop:massive"] {
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-top~="desktop:massive"] {
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
}
@media (min-width: 1025px) {
  [data-width~="widescreen:none"] {
    width: 0px !important;
  }
  [data-max-width~="widescreen:none"] {
    max-width: 0px !important;
  }
  [data-min-width~="widescreen:none"] {
    min-width: 0px !important;
  }
  [data-height~="widescreen:none"] {
    height: 0px !important;
  }
  [data-max-height~="widescreen:none"] {
    max-height: 0px !important;
  }
  [data-min-height~="widescreen:none"] {
    min-height: 0px !important;
  }
  [data-size~="widescreen:none"] {
    width: 0px !important;
    height: 0px !important;
  }
  [data-max-size~="widescreen:none"] {
    max-width: 0px !important;
    max-height: 0px !important;
  }
  [data-min-size~="widescreen:none"] {
    min-width: 0px !important;
    min-height: 0px !important;
  }
  [data-width~="widescreen:auto"] {
    width: auto !important;
  }
  [data-max-width~="widescreen:auto"] {
    max-width: auto !important;
  }
  [data-min-width~="widescreen:auto"] {
    min-width: auto !important;
  }
  [data-height~="widescreen:auto"] {
    height: auto !important;
  }
  [data-max-height~="widescreen:auto"] {
    max-height: auto !important;
  }
  [data-min-height~="widescreen:auto"] {
    min-height: auto !important;
  }
  [data-size~="widescreen:auto"] {
    width: auto !important;
    height: auto !important;
  }
  [data-max-size~="widescreen:auto"] {
    max-width: auto !important;
    max-height: auto !important;
  }
  [data-min-size~="widescreen:auto"] {
    min-width: auto !important;
    min-height: auto !important;
  }
  [data-width~="widescreen:25"] {
    width: 25% !important;
  }
  [data-max-width~="widescreen:25"] {
    max-width: 25% !important;
  }
  [data-min-width~="widescreen:25"] {
    min-width: 25% !important;
  }
  [data-height~="widescreen:25"] {
    height: 25% !important;
  }
  [data-max-height~="widescreen:25"] {
    max-height: 25% !important;
  }
  [data-min-height~="widescreen:25"] {
    min-height: 25% !important;
  }
  [data-size~="widescreen:25"] {
    width: 25% !important;
    height: 25% !important;
  }
  [data-max-size~="widescreen:25"] {
    max-width: 25% !important;
    max-height: 25% !important;
  }
  [data-min-size~="widescreen:25"] {
    min-width: 25% !important;
    min-height: 25% !important;
  }
  [data-width~="widescreen:viewport-25"] {
    width: 25vw !important;
  }
  [data-max-width~="widescreen:viewport-25"] {
    max-width: 25vw !important;
  }
  [data-min-width~="widescreen:viewport-25"] {
    min-width: 25vw !important;
  }
  [data-height~="widescreen:viewport-25"] {
    height: 25vh !important;
  }
  [data-max-height~="widescreen:viewport-25"] {
    max-height: 25vh !important;
  }
  [data-min-height~="widescreen:viewport-25"] {
    min-height: 25vh !important;
  }
  [data-size~="widescreen:viewport-25"] {
    width: 25vw !important;
    height: 25vh !important;
  }
  [data-max-size~="widescreen:viewport-25"] {
    max-width: 25vw !important;
    max-height: 25vh !important;
  }
  [data-min-size~="widescreen:viewport-25"] {
    min-width: 25vw !important;
    min-height: 25vh !important;
  }
  [data-width~="widescreen:33"] {
    width: 33% !important;
  }
  [data-max-width~="widescreen:33"] {
    max-width: 33% !important;
  }
  [data-min-width~="widescreen:33"] {
    min-width: 33% !important;
  }
  [data-height~="widescreen:33"] {
    height: 33% !important;
  }
  [data-max-height~="widescreen:33"] {
    max-height: 33% !important;
  }
  [data-min-height~="widescreen:33"] {
    min-height: 33% !important;
  }
  [data-size~="widescreen:33"] {
    width: 33% !important;
    height: 33% !important;
  }
  [data-max-size~="widescreen:33"] {
    max-width: 33% !important;
    max-height: 33% !important;
  }
  [data-min-size~="widescreen:33"] {
    min-width: 33% !important;
    min-height: 33% !important;
  }
  [data-width~="widescreen:viewport-33"] {
    width: 33vw !important;
  }
  [data-max-width~="widescreen:viewport-33"] {
    max-width: 33vw !important;
  }
  [data-min-width~="widescreen:viewport-33"] {
    min-width: 33vw !important;
  }
  [data-height~="widescreen:viewport-33"] {
    height: 33vh !important;
  }
  [data-max-height~="widescreen:viewport-33"] {
    max-height: 33vh !important;
  }
  [data-min-height~="widescreen:viewport-33"] {
    min-height: 33vh !important;
  }
  [data-size~="widescreen:viewport-33"] {
    width: 33vw !important;
    height: 33vh !important;
  }
  [data-max-size~="widescreen:viewport-33"] {
    max-width: 33vw !important;
    max-height: 33vh !important;
  }
  [data-min-size~="widescreen:viewport-33"] {
    min-width: 33vw !important;
    min-height: 33vh !important;
  }
  [data-width~="widescreen:50"] {
    width: 50% !important;
  }
  [data-max-width~="widescreen:50"] {
    max-width: 50% !important;
  }
  [data-min-width~="widescreen:50"] {
    min-width: 50% !important;
  }
  [data-height~="widescreen:50"] {
    height: 50% !important;
  }
  [data-max-height~="widescreen:50"] {
    max-height: 50% !important;
  }
  [data-min-height~="widescreen:50"] {
    min-height: 50% !important;
  }
  [data-size~="widescreen:50"] {
    width: 50% !important;
    height: 50% !important;
  }
  [data-max-size~="widescreen:50"] {
    max-width: 50% !important;
    max-height: 50% !important;
  }
  [data-min-size~="widescreen:50"] {
    min-width: 50% !important;
    min-height: 50% !important;
  }
  [data-width~="widescreen:viewport-50"] {
    width: 50vw !important;
  }
  [data-max-width~="widescreen:viewport-50"] {
    max-width: 50vw !important;
  }
  [data-min-width~="widescreen:viewport-50"] {
    min-width: 50vw !important;
  }
  [data-height~="widescreen:viewport-50"] {
    height: 50vh !important;
  }
  [data-max-height~="widescreen:viewport-50"] {
    max-height: 50vh !important;
  }
  [data-min-height~="widescreen:viewport-50"] {
    min-height: 50vh !important;
  }
  [data-size~="widescreen:viewport-50"] {
    width: 50vw !important;
    height: 50vh !important;
  }
  [data-max-size~="widescreen:viewport-50"] {
    max-width: 50vw !important;
    max-height: 50vh !important;
  }
  [data-min-size~="widescreen:viewport-50"] {
    min-width: 50vw !important;
    min-height: 50vh !important;
  }
  [data-width~="widescreen:66"] {
    width: 66% !important;
  }
  [data-max-width~="widescreen:66"] {
    max-width: 66% !important;
  }
  [data-min-width~="widescreen:66"] {
    min-width: 66% !important;
  }
  [data-height~="widescreen:66"] {
    height: 66% !important;
  }
  [data-max-height~="widescreen:66"] {
    max-height: 66% !important;
  }
  [data-min-height~="widescreen:66"] {
    min-height: 66% !important;
  }
  [data-size~="widescreen:66"] {
    width: 66% !important;
    height: 66% !important;
  }
  [data-max-size~="widescreen:66"] {
    max-width: 66% !important;
    max-height: 66% !important;
  }
  [data-min-size~="widescreen:66"] {
    min-width: 66% !important;
    min-height: 66% !important;
  }
  [data-width~="widescreen:viewport-66"] {
    width: 66vw !important;
  }
  [data-max-width~="widescreen:viewport-66"] {
    max-width: 66vw !important;
  }
  [data-min-width~="widescreen:viewport-66"] {
    min-width: 66vw !important;
  }
  [data-height~="widescreen:viewport-66"] {
    height: 66vh !important;
  }
  [data-max-height~="widescreen:viewport-66"] {
    max-height: 66vh !important;
  }
  [data-min-height~="widescreen:viewport-66"] {
    min-height: 66vh !important;
  }
  [data-size~="widescreen:viewport-66"] {
    width: 66vw !important;
    height: 66vh !important;
  }
  [data-max-size~="widescreen:viewport-66"] {
    max-width: 66vw !important;
    max-height: 66vh !important;
  }
  [data-min-size~="widescreen:viewport-66"] {
    min-width: 66vw !important;
    min-height: 66vh !important;
  }
  [data-width~="widescreen:75"] {
    width: 75% !important;
  }
  [data-max-width~="widescreen:75"] {
    max-width: 75% !important;
  }
  [data-min-width~="widescreen:75"] {
    min-width: 75% !important;
  }
  [data-height~="widescreen:75"] {
    height: 75% !important;
  }
  [data-max-height~="widescreen:75"] {
    max-height: 75% !important;
  }
  [data-min-height~="widescreen:75"] {
    min-height: 75% !important;
  }
  [data-size~="widescreen:75"] {
    width: 75% !important;
    height: 75% !important;
  }
  [data-max-size~="widescreen:75"] {
    max-width: 75% !important;
    max-height: 75% !important;
  }
  [data-min-size~="widescreen:75"] {
    min-width: 75% !important;
    min-height: 75% !important;
  }
  [data-width~="widescreen:viewport-75"] {
    width: 75vw !important;
  }
  [data-max-width~="widescreen:viewport-75"] {
    max-width: 75vw !important;
  }
  [data-min-width~="widescreen:viewport-75"] {
    min-width: 75vw !important;
  }
  [data-height~="widescreen:viewport-75"] {
    height: 75vh !important;
  }
  [data-max-height~="widescreen:viewport-75"] {
    max-height: 75vh !important;
  }
  [data-min-height~="widescreen:viewport-75"] {
    min-height: 75vh !important;
  }
  [data-size~="widescreen:viewport-75"] {
    width: 75vw !important;
    height: 75vh !important;
  }
  [data-max-size~="widescreen:viewport-75"] {
    max-width: 75vw !important;
    max-height: 75vh !important;
  }
  [data-min-size~="widescreen:viewport-75"] {
    min-width: 75vw !important;
    min-height: 75vh !important;
  }
  [data-width~="widescreen:100"] {
    width: 100% !important;
  }
  [data-max-width~="widescreen:100"] {
    max-width: 100% !important;
  }
  [data-min-width~="widescreen:100"] {
    min-width: 100% !important;
  }
  [data-height~="widescreen:100"] {
    height: 100% !important;
  }
  [data-max-height~="widescreen:100"] {
    max-height: 100% !important;
  }
  [data-min-height~="widescreen:100"] {
    min-height: 100% !important;
  }
  [data-size~="widescreen:100"] {
    width: 100% !important;
    height: 100% !important;
  }
  [data-max-size~="widescreen:100"] {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  [data-min-size~="widescreen:100"] {
    min-width: 100% !important;
    min-height: 100% !important;
  }
  [data-width~="widescreen:viewport-100"] {
    width: 100vw !important;
  }
  [data-max-width~="widescreen:viewport-100"] {
    max-width: 100vw !important;
  }
  [data-min-width~="widescreen:viewport-100"] {
    min-width: 100vw !important;
  }
  [data-height~="widescreen:viewport-100"] {
    height: 100vh !important;
  }
  [data-max-height~="widescreen:viewport-100"] {
    max-height: 100vh !important;
  }
  [data-min-height~="widescreen:viewport-100"] {
    min-height: 100vh !important;
  }
  [data-size~="widescreen:viewport-100"] {
    width: 100vw !important;
    height: 100vh !important;
  }
  [data-max-size~="widescreen:viewport-100"] {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
  [data-min-size~="widescreen:viewport-100"] {
    min-width: 100vw !important;
    min-height: 100vh !important;
  }
  [data-width~="widescreen:content-fit"] {
    width: fit-content !important;
  }
  [data-max-width~="widescreen:content-fit"] {
    max-width: fit-content !important;
  }
  [data-min-width~="widescreen:content-fit"] {
    min-width: fit-content !important;
  }
  [data-height~="widescreen:content-fit"] {
    height: fit-content !important;
  }
  [data-max-height~="widescreen:content-fit"] {
    max-height: fit-content !important;
  }
  [data-min-height~="widescreen:content-fit"] {
    min-height: fit-content !important;
  }
  [data-size~="widescreen:content-fit"] {
    width: fit-content !important;
    height: fit-content !important;
  }
  [data-max-size~="widescreen:content-fit"] {
    max-width: fit-content !important;
    max-height: fit-content !important;
  }
  [data-min-size~="widescreen:content-fit"] {
    min-width: fit-content !important;
    min-height: fit-content !important;
  }
  [data-width~="widescreen:content-max"] {
    width: max-content !important;
  }
  [data-max-width~="widescreen:content-max"] {
    max-width: max-content !important;
  }
  [data-min-width~="widescreen:content-max"] {
    min-width: max-content !important;
  }
  [data-height~="widescreen:content-max"] {
    height: max-content !important;
  }
  [data-max-height~="widescreen:content-max"] {
    max-height: max-content !important;
  }
  [data-min-height~="widescreen:content-max"] {
    min-height: max-content !important;
  }
  [data-size~="widescreen:content-max"] {
    width: max-content !important;
    height: max-content !important;
  }
  [data-max-size~="widescreen:content-max"] {
    max-width: max-content !important;
    max-height: max-content !important;
  }
  [data-min-size~="widescreen:content-max"] {
    min-width: max-content !important;
    min-height: max-content !important;
  }
  [data-width~="widescreen:content-min"] {
    width: min-content !important;
  }
  [data-max-width~="widescreen:content-min"] {
    max-width: min-content !important;
  }
  [data-min-width~="widescreen:content-min"] {
    min-width: min-content !important;
  }
  [data-height~="widescreen:content-min"] {
    height: min-content !important;
  }
  [data-max-height~="widescreen:content-min"] {
    max-height: min-content !important;
  }
  [data-min-height~="widescreen:content-min"] {
    min-height: min-content !important;
  }
  [data-size~="widescreen:content-min"] {
    width: min-content !important;
    height: min-content !important;
  }
  [data-max-size~="widescreen:content-min"] {
    max-width: min-content !important;
    max-height: min-content !important;
  }
  [data-min-size~="widescreen:content-min"] {
    min-width: min-content !important;
    min-height: min-content !important;
  }
  [data-width~="widescreen:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-width~="widescreen:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-width~="widescreen:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-height~="widescreen:nano"] {
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-height~="widescreen:nano"] {
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-height~="widescreen:nano"] {
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-size~="widescreen:nano"] {
    width: calc(var(--sizes-block-nano) * 1rem) !important;
    height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-max-size~="widescreen:nano"] {
    max-width: calc(var(--sizes-block-nano) * 1rem) !important;
    max-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-min-size~="widescreen:nano"] {
    min-width: calc(var(--sizes-block-nano) * 1rem) !important;
    min-height: calc(var(--sizes-block-nano) * 1rem) !important;
  }
  [data-width~="widescreen:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-width~="widescreen:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-width~="widescreen:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-height~="widescreen:tiny"] {
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-height~="widescreen:tiny"] {
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-height~="widescreen:tiny"] {
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-size~="widescreen:tiny"] {
    width: calc(var(--sizes-block-tiny) * 1rem) !important;
    height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-max-size~="widescreen:tiny"] {
    max-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    max-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-min-size~="widescreen:tiny"] {
    min-width: calc(var(--sizes-block-tiny) * 1rem) !important;
    min-height: calc(var(--sizes-block-tiny) * 1rem) !important;
  }
  [data-width~="widescreen:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-width~="widescreen:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-width~="widescreen:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-height~="widescreen:small"] {
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-height~="widescreen:small"] {
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-height~="widescreen:small"] {
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-size~="widescreen:small"] {
    width: calc(var(--sizes-block-small) * 1rem) !important;
    height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-max-size~="widescreen:small"] {
    max-width: calc(var(--sizes-block-small) * 1rem) !important;
    max-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-min-size~="widescreen:small"] {
    min-width: calc(var(--sizes-block-small) * 1rem) !important;
    min-height: calc(var(--sizes-block-small) * 1rem) !important;
  }
  [data-width~="widescreen:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-width~="widescreen:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-width~="widescreen:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-height~="widescreen:medium"] {
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-height~="widescreen:medium"] {
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-height~="widescreen:medium"] {
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-size~="widescreen:medium"] {
    width: calc(var(--sizes-block-medium) * 1rem) !important;
    height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-max-size~="widescreen:medium"] {
    max-width: calc(var(--sizes-block-medium) * 1rem) !important;
    max-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-min-size~="widescreen:medium"] {
    min-width: calc(var(--sizes-block-medium) * 1rem) !important;
    min-height: calc(var(--sizes-block-medium) * 1rem) !important;
  }
  [data-width~="widescreen:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-width~="widescreen:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-width~="widescreen:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-height~="widescreen:large"] {
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-height~="widescreen:large"] {
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-height~="widescreen:large"] {
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-size~="widescreen:large"] {
    width: calc(var(--sizes-block-large) * 1rem) !important;
    height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-max-size~="widescreen:large"] {
    max-width: calc(var(--sizes-block-large) * 1rem) !important;
    max-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-min-size~="widescreen:large"] {
    min-width: calc(var(--sizes-block-large) * 1rem) !important;
    min-height: calc(var(--sizes-block-large) * 1rem) !important;
  }
  [data-width~="widescreen:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-width~="widescreen:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-width~="widescreen:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-height~="widescreen:huge"] {
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-height~="widescreen:huge"] {
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-height~="widescreen:huge"] {
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-size~="widescreen:huge"] {
    width: calc(var(--sizes-block-huge) * 1rem) !important;
    height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-max-size~="widescreen:huge"] {
    max-width: calc(var(--sizes-block-huge) * 1rem) !important;
    max-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-min-size~="widescreen:huge"] {
    min-width: calc(var(--sizes-block-huge) * 1rem) !important;
    min-height: calc(var(--sizes-block-huge) * 1rem) !important;
  }
  [data-width~="widescreen:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-width~="widescreen:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-width~="widescreen:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-height~="widescreen:massive"] {
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-height~="widescreen:massive"] {
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-height~="widescreen:massive"] {
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-size~="widescreen:massive"] {
    width: calc(var(--sizes-block-massive) * 1rem) !important;
    height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-max-size~="widescreen:massive"] {
    max-width: calc(var(--sizes-block-massive) * 1rem) !important;
    max-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-min-size~="widescreen:massive"] {
    min-width: calc(var(--sizes-block-massive) * 1rem) !important;
    min-height: calc(var(--sizes-block-massive) * 1rem) !important;
  }
  [data-width~="widescreen:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
  }
  [data-max-width~="widescreen:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
  }
  [data-min-width~="widescreen:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
  }
  [data-height~="widescreen:icon-nano"] {
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-height~="widescreen:icon-nano"] {
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-height~="widescreen:icon-nano"] {
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-size~="widescreen:icon-nano"] {
    width: var(--sizes-icon-nano) !important;
    height: var(--sizes-icon-nano) !important;
  }
  [data-max-size~="widescreen:icon-nano"] {
    max-width: var(--sizes-icon-nano) !important;
    max-height: var(--sizes-icon-nano) !important;
  }
  [data-min-size~="widescreen:icon-nano"] {
    min-width: var(--sizes-icon-nano) !important;
    min-height: var(--sizes-icon-nano) !important;
  }
  [data-width~="widescreen:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
  }
  [data-max-width~="widescreen:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
  }
  [data-min-width~="widescreen:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
  }
  [data-height~="widescreen:icon-tiny"] {
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-height~="widescreen:icon-tiny"] {
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-height~="widescreen:icon-tiny"] {
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-size~="widescreen:icon-tiny"] {
    width: var(--sizes-icon-tiny) !important;
    height: var(--sizes-icon-tiny) !important;
  }
  [data-max-size~="widescreen:icon-tiny"] {
    max-width: var(--sizes-icon-tiny) !important;
    max-height: var(--sizes-icon-tiny) !important;
  }
  [data-min-size~="widescreen:icon-tiny"] {
    min-width: var(--sizes-icon-tiny) !important;
    min-height: var(--sizes-icon-tiny) !important;
  }
  [data-width~="widescreen:icon-small"] {
    width: var(--sizes-icon-small) !important;
  }
  [data-max-width~="widescreen:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
  }
  [data-min-width~="widescreen:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
  }
  [data-height~="widescreen:icon-small"] {
    height: var(--sizes-icon-small) !important;
  }
  [data-max-height~="widescreen:icon-small"] {
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-height~="widescreen:icon-small"] {
    min-height: var(--sizes-icon-small) !important;
  }
  [data-size~="widescreen:icon-small"] {
    width: var(--sizes-icon-small) !important;
    height: var(--sizes-icon-small) !important;
  }
  [data-max-size~="widescreen:icon-small"] {
    max-width: var(--sizes-icon-small) !important;
    max-height: var(--sizes-icon-small) !important;
  }
  [data-min-size~="widescreen:icon-small"] {
    min-width: var(--sizes-icon-small) !important;
    min-height: var(--sizes-icon-small) !important;
  }
  [data-width~="widescreen:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
  }
  [data-max-width~="widescreen:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
  }
  [data-min-width~="widescreen:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
  }
  [data-height~="widescreen:icon-medium"] {
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-height~="widescreen:icon-medium"] {
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-height~="widescreen:icon-medium"] {
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-size~="widescreen:icon-medium"] {
    width: var(--sizes-icon-medium) !important;
    height: var(--sizes-icon-medium) !important;
  }
  [data-max-size~="widescreen:icon-medium"] {
    max-width: var(--sizes-icon-medium) !important;
    max-height: var(--sizes-icon-medium) !important;
  }
  [data-min-size~="widescreen:icon-medium"] {
    min-width: var(--sizes-icon-medium) !important;
    min-height: var(--sizes-icon-medium) !important;
  }
  [data-width~="widescreen:icon-large"] {
    width: var(--sizes-icon-large) !important;
  }
  [data-max-width~="widescreen:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
  }
  [data-min-width~="widescreen:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
  }
  [data-height~="widescreen:icon-large"] {
    height: var(--sizes-icon-large) !important;
  }
  [data-max-height~="widescreen:icon-large"] {
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-height~="widescreen:icon-large"] {
    min-height: var(--sizes-icon-large) !important;
  }
  [data-size~="widescreen:icon-large"] {
    width: var(--sizes-icon-large) !important;
    height: var(--sizes-icon-large) !important;
  }
  [data-max-size~="widescreen:icon-large"] {
    max-width: var(--sizes-icon-large) !important;
    max-height: var(--sizes-icon-large) !important;
  }
  [data-min-size~="widescreen:icon-large"] {
    min-width: var(--sizes-icon-large) !important;
    min-height: var(--sizes-icon-large) !important;
  }
  [data-width~="widescreen:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
  }
  [data-max-width~="widescreen:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
  }
  [data-min-width~="widescreen:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
  }
  [data-height~="widescreen:icon-huge"] {
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-height~="widescreen:icon-huge"] {
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-height~="widescreen:icon-huge"] {
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-size~="widescreen:icon-huge"] {
    width: var(--sizes-icon-huge) !important;
    height: var(--sizes-icon-huge) !important;
  }
  [data-max-size~="widescreen:icon-huge"] {
    max-width: var(--sizes-icon-huge) !important;
    max-height: var(--sizes-icon-huge) !important;
  }
  [data-min-size~="widescreen:icon-huge"] {
    min-width: var(--sizes-icon-huge) !important;
    min-height: var(--sizes-icon-huge) !important;
  }
  [data-width~="widescreen:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
  }
  [data-max-width~="widescreen:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
  }
  [data-min-width~="widescreen:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
  }
  [data-height~="widescreen:icon-massive"] {
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-height~="widescreen:icon-massive"] {
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-height~="widescreen:icon-massive"] {
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-size~="widescreen:icon-massive"] {
    width: var(--sizes-icon-massive) !important;
    height: var(--sizes-icon-massive) !important;
  }
  [data-max-size~="widescreen:icon-massive"] {
    max-width: var(--sizes-icon-massive) !important;
    max-height: var(--sizes-icon-massive) !important;
  }
  [data-min-size~="widescreen:icon-massive"] {
    min-width: var(--sizes-icon-massive) !important;
    min-height: var(--sizes-icon-massive) !important;
  }
  [data-width~="widescreen:prose"] {
    width: var(--sizes-prose) !important;
  }
  [data-max-width~="widescreen:prose"] {
    max-width: var(--sizes-prose) !important;
  }
  [data-min-width~="widescreen:prose"] {
    min-width: var(--sizes-prose) !important;
  }
  [data-height~="widescreen:prose"] {
    height: var(--sizes-prose) !important;
  }
  [data-max-height~="widescreen:prose"] {
    max-height: var(--sizes-prose) !important;
  }
  [data-min-height~="widescreen:prose"] {
    min-height: var(--sizes-prose) !important;
  }
  [data-size~="widescreen:prose"] {
    width: var(--sizes-prose) !important;
    height: var(--sizes-prose) !important;
  }
  [data-max-size~="widescreen:prose"] {
    max-width: var(--sizes-prose) !important;
    max-height: var(--sizes-prose) !important;
  }
  [data-min-size~="widescreen:prose"] {
    min-width: var(--sizes-prose) !important;
    min-height: var(--sizes-prose) !important;
  }
  [data-width~="widescreen:mobile"] {
    width: var(--viewports-mobile-base) !important;
  }
  [data-max-width~="widescreen:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
  }
  [data-min-width~="widescreen:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
  }
  [data-height~="widescreen:mobile"] {
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-height~="widescreen:mobile"] {
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-height~="widescreen:mobile"] {
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-size~="widescreen:mobile"] {
    width: var(--viewports-mobile-base) !important;
    height: var(--viewports-mobile-base) !important;
  }
  [data-max-size~="widescreen:mobile"] {
    max-width: var(--viewports-mobile-base) !important;
    max-height: var(--viewports-mobile-base) !important;
  }
  [data-min-size~="widescreen:mobile"] {
    min-width: var(--viewports-mobile-base) !important;
    min-height: var(--viewports-mobile-base) !important;
  }
  [data-width~="widescreen:tablet"] {
    width: var(--viewports-tablet-base) !important;
  }
  [data-max-width~="widescreen:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
  }
  [data-min-width~="widescreen:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
  }
  [data-height~="widescreen:tablet"] {
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-height~="widescreen:tablet"] {
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-height~="widescreen:tablet"] {
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-size~="widescreen:tablet"] {
    width: var(--viewports-tablet-base) !important;
    height: var(--viewports-tablet-base) !important;
  }
  [data-max-size~="widescreen:tablet"] {
    max-width: var(--viewports-tablet-base) !important;
    max-height: var(--viewports-tablet-base) !important;
  }
  [data-min-size~="widescreen:tablet"] {
    min-width: var(--viewports-tablet-base) !important;
    min-height: var(--viewports-tablet-base) !important;
  }
  [data-width~="widescreen:desktop"] {
    width: var(--viewports-desktop-base) !important;
  }
  [data-max-width~="widescreen:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
  }
  [data-min-width~="widescreen:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
  }
  [data-height~="widescreen:desktop"] {
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-height~="widescreen:desktop"] {
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-height~="widescreen:desktop"] {
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-size~="widescreen:desktop"] {
    width: var(--viewports-desktop-base) !important;
    height: var(--viewports-desktop-base) !important;
  }
  [data-max-size~="widescreen:desktop"] {
    max-width: var(--viewports-desktop-base) !important;
    max-height: var(--viewports-desktop-base) !important;
  }
  [data-min-size~="widescreen:desktop"] {
    min-width: var(--viewports-desktop-base) !important;
    min-height: var(--viewports-desktop-base) !important;
  }
  [data-width~="widescreen:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
  }
  [data-max-width~="widescreen:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
  }
  [data-min-width~="widescreen:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
  }
  [data-height~="widescreen:widescreen"] {
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-height~="widescreen:widescreen"] {
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-height~="widescreen:widescreen"] {
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-size~="widescreen:widescreen"] {
    width: var(--viewports-widescreen-base) !important;
    height: var(--viewports-widescreen-base) !important;
  }
  [data-max-size~="widescreen:widescreen"] {
    max-width: var(--viewports-widescreen-base) !important;
    max-height: var(--viewports-widescreen-base) !important;
  }
  [data-min-size~="widescreen:widescreen"] {
    min-width: var(--viewports-widescreen-base) !important;
    min-height: var(--viewports-widescreen-base) !important;
  }
  [data-margin~="widescreen:none"] {
    margin: 0px !important;
  }
  [data-margin-x~="widescreen:none"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  [data-margin-y~="widescreen:none"] {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  [data-margin-bottom~="widescreen:none"] {
    margin-bottom: 0px !important;
  }
  [data-margin-left~="widescreen:none"] {
    margin-left: 0px !important;
  }
  [data-margin-right~="widescreen:none"] {
    margin-right: 0px !important;
  }
  [data-margin-top~="widescreen:none"] {
    margin-top: 0px !important;
  }
  [data-padding~="widescreen:none"] {
    padding: 0px !important;
  }
  [data-padding-x~="widescreen:none"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  [data-padding-y~="widescreen:none"] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  [data-padding-bottom~="widescreen:none"] {
    padding-bottom: 0px !important;
  }
  [data-padding-left~="widescreen:none"] {
    padding-left: 0px !important;
  }
  [data-padding-right~="widescreen:none"] {
    padding-right: 0px !important;
  }
  [data-padding-top~="widescreen:none"] {
    padding-top: 0px !important;
  }
  [data-margin~="widescreen:auto"] {
    margin: auto !important;
  }
  [data-margin-x~="widescreen:auto"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [data-margin-y~="widescreen:auto"] {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  [data-margin-bottom~="widescreen:auto"] {
    margin-bottom: auto !important;
  }
  [data-margin-left~="widescreen:auto"] {
    margin-left: auto !important;
  }
  [data-margin-right~="widescreen:auto"] {
    margin-right: auto !important;
  }
  [data-margin-top~="widescreen:auto"] {
    margin-top: auto !important;
  }
  [data-padding~="widescreen:auto"] {
    padding: auto !important;
  }
  [data-padding-x~="widescreen:auto"] {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  [data-padding-y~="widescreen:auto"] {
    padding-bottom: auto !important;
    padding-top: auto !important;
  }
  [data-padding-bottom~="widescreen:auto"] {
    padding-bottom: auto !important;
  }
  [data-padding-left~="widescreen:auto"] {
    padding-left: auto !important;
  }
  [data-padding-right~="widescreen:auto"] {
    padding-right: auto !important;
  }
  [data-padding-top~="widescreen:auto"] {
    padding-top: auto !important;
  }
  [data-margin~="widescreen:nano"] {
    margin: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-x~="widescreen:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-y~="widescreen:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:nano"] {
    margin-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-left~="widescreen:nano"] {
    margin-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-right~="widescreen:nano"] {
    margin-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin-top~="widescreen:nano"] {
    margin-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding~="widescreen:nano"] {
    padding: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-x~="widescreen:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-y~="widescreen:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:nano"] {
    padding-bottom: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-left~="widescreen:nano"] {
    padding-left: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-right~="widescreen:nano"] {
    padding-right: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-padding-top~="widescreen:nano"] {
    padding-top: calc(var(--spacings-block-nano) * 1rem) !important;
  }
  [data-margin~="widescreen:tiny"] {
    margin: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-x~="widescreen:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-y~="widescreen:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:tiny"] {
    margin-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-left~="widescreen:tiny"] {
    margin-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-right~="widescreen:tiny"] {
    margin-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin-top~="widescreen:tiny"] {
    margin-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding~="widescreen:tiny"] {
    padding: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-x~="widescreen:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-y~="widescreen:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:tiny"] {
    padding-bottom: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-left~="widescreen:tiny"] {
    padding-left: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-right~="widescreen:tiny"] {
    padding-right: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-padding-top~="widescreen:tiny"] {
    padding-top: calc(var(--spacings-block-tiny) * 1rem) !important;
  }
  [data-margin~="widescreen:small"] {
    margin: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-x~="widescreen:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-y~="widescreen:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:small"] {
    margin-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-left~="widescreen:small"] {
    margin-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-right~="widescreen:small"] {
    margin-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin-top~="widescreen:small"] {
    margin-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding~="widescreen:small"] {
    padding: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-x~="widescreen:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-y~="widescreen:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:small"] {
    padding-bottom: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-left~="widescreen:small"] {
    padding-left: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-right~="widescreen:small"] {
    padding-right: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-padding-top~="widescreen:small"] {
    padding-top: calc(var(--spacings-block-small) * 1rem) !important;
  }
  [data-margin~="widescreen:medium"] {
    margin: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-x~="widescreen:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-y~="widescreen:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:medium"] {
    margin-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-left~="widescreen:medium"] {
    margin-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-right~="widescreen:medium"] {
    margin-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin-top~="widescreen:medium"] {
    margin-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding~="widescreen:medium"] {
    padding: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-x~="widescreen:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-y~="widescreen:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:medium"] {
    padding-bottom: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-left~="widescreen:medium"] {
    padding-left: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-right~="widescreen:medium"] {
    padding-right: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-padding-top~="widescreen:medium"] {
    padding-top: calc(var(--spacings-block-medium) * 1rem) !important;
  }
  [data-margin~="widescreen:large"] {
    margin: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-x~="widescreen:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-y~="widescreen:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:large"] {
    margin-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-left~="widescreen:large"] {
    margin-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-right~="widescreen:large"] {
    margin-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin-top~="widescreen:large"] {
    margin-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding~="widescreen:large"] {
    padding: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-x~="widescreen:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-y~="widescreen:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:large"] {
    padding-bottom: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-left~="widescreen:large"] {
    padding-left: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-right~="widescreen:large"] {
    padding-right: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-padding-top~="widescreen:large"] {
    padding-top: calc(var(--spacings-block-large) * 1rem) !important;
  }
  [data-margin~="widescreen:huge"] {
    margin: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-x~="widescreen:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-y~="widescreen:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:huge"] {
    margin-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-left~="widescreen:huge"] {
    margin-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-right~="widescreen:huge"] {
    margin-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin-top~="widescreen:huge"] {
    margin-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding~="widescreen:huge"] {
    padding: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-x~="widescreen:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-y~="widescreen:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:huge"] {
    padding-bottom: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-left~="widescreen:huge"] {
    padding-left: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-right~="widescreen:huge"] {
    padding-right: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-padding-top~="widescreen:huge"] {
    padding-top: calc(var(--spacings-block-huge) * 1rem) !important;
  }
  [data-margin~="widescreen:massive"] {
    margin: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-x~="widescreen:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-y~="widescreen:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-bottom~="widescreen:massive"] {
    margin-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-left~="widescreen:massive"] {
    margin-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-right~="widescreen:massive"] {
    margin-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-margin-top~="widescreen:massive"] {
    margin-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding~="widescreen:massive"] {
    padding: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-x~="widescreen:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-y~="widescreen:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-bottom~="widescreen:massive"] {
    padding-bottom: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-left~="widescreen:massive"] {
    padding-left: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-right~="widescreen:massive"] {
    padding-right: calc(var(--spacings-block-massive) * 1rem) !important;
  }
  [data-padding-top~="widescreen:massive"] {
    padding-top: calc(var(--spacings-block-massive) * 1rem) !important;
  }
}
[data-orientation~=horizontal] {
  --orientation-direction: row !important;
  --orientation-spacing: 0 0 0 var(--spacing-x) !important;
  --orientation-align: var(--alignment-flex-y) !important;
  --orientation-justify: var(--alignment-flex-x) !important;
  --orientation-grow: var(--alignment-flex-x-grow) !important;
}
[data-orientation~=vertical] {
  --orientation-direction: column !important;
  --orientation-spacing: var(--spacing-y) 0 0 0 !important;
  --orientation-align: var(--alignment-flex-x) !important;
  --orientation-justify: var(--alignment-flex-y) !important;
  --orientation-grow: var(--alignment-flex-y-grow) !important;
}
@media (max-width: 640px) {
  [data-orientation~="mobile:horizontal"] {
    --orientation-direction: row !important;
    --orientation-spacing: 0 0 0 var(--spacing-x) !important;
    --orientation-align: var(--alignment-flex-y) !important;
    --orientation-justify: var(--alignment-flex-x) !important;
    --orientation-grow: var(--alignment-flex-x-grow) !important;
  }
  [data-orientation~="mobile:vertical"] {
    --orientation-direction: column !important;
    --orientation-spacing: var(--spacing-y) 0 0 0 !important;
    --orientation-align: var(--alignment-flex-x) !important;
    --orientation-justify: var(--alignment-flex-y) !important;
    --orientation-grow: var(--alignment-flex-y-grow) !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-orientation~="tablet:horizontal"] {
    --orientation-direction: row !important;
    --orientation-spacing: 0 0 0 var(--spacing-x) !important;
    --orientation-align: var(--alignment-flex-y) !important;
    --orientation-justify: var(--alignment-flex-x) !important;
    --orientation-grow: var(--alignment-flex-x-grow) !important;
  }
  [data-orientation~="tablet:vertical"] {
    --orientation-direction: column !important;
    --orientation-spacing: var(--spacing-y) 0 0 0 !important;
    --orientation-align: var(--alignment-flex-x) !important;
    --orientation-justify: var(--alignment-flex-y) !important;
    --orientation-grow: var(--alignment-flex-y-grow) !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-orientation~="desktop:horizontal"] {
    --orientation-direction: row !important;
    --orientation-spacing: 0 0 0 var(--spacing-x) !important;
    --orientation-align: var(--alignment-flex-y) !important;
    --orientation-justify: var(--alignment-flex-x) !important;
    --orientation-grow: var(--alignment-flex-x-grow) !important;
  }
  [data-orientation~="desktop:vertical"] {
    --orientation-direction: column !important;
    --orientation-spacing: var(--spacing-y) 0 0 0 !important;
    --orientation-align: var(--alignment-flex-x) !important;
    --orientation-justify: var(--alignment-flex-y) !important;
    --orientation-grow: var(--alignment-flex-y-grow) !important;
  }
}
@media (min-width: 1025px) {
  [data-orientation~="widescreen:horizontal"] {
    --orientation-direction: row !important;
    --orientation-spacing: 0 0 0 var(--spacing-x) !important;
    --orientation-align: var(--alignment-flex-y) !important;
    --orientation-justify: var(--alignment-flex-x) !important;
    --orientation-grow: var(--alignment-flex-x-grow) !important;
  }
  [data-orientation~="widescreen:vertical"] {
    --orientation-direction: column !important;
    --orientation-spacing: var(--spacing-y) 0 0 0 !important;
    --orientation-align: var(--alignment-flex-x) !important;
    --orientation-justify: var(--alignment-flex-y) !important;
    --orientation-grow: var(--alignment-flex-y-grow) !important;
  }
}
[data-palette=auto] {
  --palette-background-lightest: var(--palettes-auto-background-lightest) !important;
  --palette-background-lighter: var(--palettes-auto-background-lighter) !important;
  --palette-background-light: var(--palettes-auto-background-light) !important;
  --palette-background-normal: var(--palettes-auto-background-normal) !important;
  --palette-background-bold: var(--palettes-auto-background-bold) !important;
  --palette-background-bolder: var(--palettes-auto-background-bolder) !important;
  --palette-background-boldest: var(--palettes-auto-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-auto-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-auto-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-auto-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-auto-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-auto-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-auto-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-auto-foreground-boldest) !important;
}
[data-palette=inverse] {
  --palette-background-lightest: var(--palettes-auto-foreground-lightest) !important;
  --palette-background-lighter: var(--palettes-auto-foreground-lighter) !important;
  --palette-background-light: var(--palettes-auto-foreground-light) !important;
  --palette-background-normal: var(--palettes-auto-foreground-normal) !important;
  --palette-background-bold: var(--palettes-auto-foreground-bold) !important;
  --palette-background-bolder: var(--palettes-auto-foreground-bolder) !important;
  --palette-background-boldest: var(--palettes-auto-foreground-boldest) !important;
  --palette-foreground-lightest: var(--palettes-auto-background-lightest) !important;
  --palette-foreground-lighter: var(--palettes-auto-background-lighter) !important;
  --palette-foreground-light: var(--palettes-auto-background-light) !important;
  --palette-foreground-normal: var(--palettes-auto-background-normal) !important;
  --palette-foreground-bold: var(--palettes-auto-background-bold) !important;
  --palette-foreground-bolder: var(--palettes-auto-background-bolder) !important;
  --palette-foreground-boldest: var(--palettes-auto-background-boldest) !important;
}
[data-palette=inherit] {
  --palette-background-lightest: inherit !important;
  --palette-background-lighter: inherit !important;
  --palette-background-light: inherit !important;
  --palette-background-normal: inherit !important;
  --palette-background-bold: inherit !important;
  --palette-background-bolder: inherit !important;
  --palette-background-boldest: inherit !important;
  --palette-foreground-lightest: inherit !important;
  --palette-foreground-lighter: inherit !important;
  --palette-foreground-light: inherit !important;
  --palette-foreground-normal: inherit !important;
  --palette-foreground-bold: inherit !important;
  --palette-foreground-bolder: inherit !important;
  --palette-foreground-boldest: inherit !important;
}
[data-palette=dark] {
  --palette-background-lightest: var(--palettes-dark-background-lightest) !important;
  --palette-background-lighter: var(--palettes-dark-background-lighter) !important;
  --palette-background-light: var(--palettes-dark-background-light) !important;
  --palette-background-normal: var(--palettes-dark-background-normal) !important;
  --palette-background-bold: var(--palettes-dark-background-bold) !important;
  --palette-background-bolder: var(--palettes-dark-background-bolder) !important;
  --palette-background-boldest: var(--palettes-dark-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-dark-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-dark-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-dark-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-dark-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-dark-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-dark-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-dark-foreground-boldest) !important;
}
[data-palette=light] {
  --palette-background-lightest: var(--palettes-light-background-lightest) !important;
  --palette-background-lighter: var(--palettes-light-background-lighter) !important;
  --palette-background-light: var(--palettes-light-background-light) !important;
  --palette-background-normal: var(--palettes-light-background-normal) !important;
  --palette-background-bold: var(--palettes-light-background-bold) !important;
  --palette-background-bolder: var(--palettes-light-background-bolder) !important;
  --palette-background-boldest: var(--palettes-light-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-light-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-light-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-light-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-light-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-light-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-light-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-light-foreground-boldest) !important;
}
[data-palette=accent] {
  --palette-background-lightest: var(--palettes-accent-background-lightest) !important;
  --palette-background-lighter: var(--palettes-accent-background-lighter) !important;
  --palette-background-light: var(--palettes-accent-background-light) !important;
  --palette-background-normal: var(--palettes-accent-background-normal) !important;
  --palette-background-bold: var(--palettes-accent-background-bold) !important;
  --palette-background-bolder: var(--palettes-accent-background-bolder) !important;
  --palette-background-boldest: var(--palettes-accent-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-accent-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-accent-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-accent-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-accent-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-accent-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-accent-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-accent-foreground-boldest) !important;
}
[data-palette=neutral] {
  --palette-background-lightest: var(--palettes-neutral-background-lightest) !important;
  --palette-background-lighter: var(--palettes-neutral-background-lighter) !important;
  --palette-background-light: var(--palettes-neutral-background-light) !important;
  --palette-background-normal: var(--palettes-neutral-background-normal) !important;
  --palette-background-bold: var(--palettes-neutral-background-bold) !important;
  --palette-background-bolder: var(--palettes-neutral-background-bolder) !important;
  --palette-background-boldest: var(--palettes-neutral-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-neutral-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-neutral-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-neutral-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-neutral-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-neutral-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-neutral-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-neutral-foreground-boldest) !important;
}
[data-palette=off] {
  --palette-background-lightest: var(--palettes-off-background-lightest) !important;
  --palette-background-lighter: var(--palettes-off-background-lighter) !important;
  --palette-background-light: var(--palettes-off-background-light) !important;
  --palette-background-normal: var(--palettes-off-background-normal) !important;
  --palette-background-bold: var(--palettes-off-background-bold) !important;
  --palette-background-bolder: var(--palettes-off-background-bolder) !important;
  --palette-background-boldest: var(--palettes-off-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-off-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-off-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-off-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-off-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-off-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-off-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-off-foreground-boldest) !important;
}
[data-palette=alert] {
  --palette-background-lightest: var(--palettes-alert-background-lightest) !important;
  --palette-background-lighter: var(--palettes-alert-background-lighter) !important;
  --palette-background-light: var(--palettes-alert-background-light) !important;
  --palette-background-normal: var(--palettes-alert-background-normal) !important;
  --palette-background-bold: var(--palettes-alert-background-bold) !important;
  --palette-background-bolder: var(--palettes-alert-background-bolder) !important;
  --palette-background-boldest: var(--palettes-alert-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-alert-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-alert-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-alert-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-alert-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-alert-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-alert-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-alert-foreground-boldest) !important;
}
[data-palette=affirmative] {
  --palette-background-lightest: var(--palettes-affirmative-background-lightest) !important;
  --palette-background-lighter: var(--palettes-affirmative-background-lighter) !important;
  --palette-background-light: var(--palettes-affirmative-background-light) !important;
  --palette-background-normal: var(--palettes-affirmative-background-normal) !important;
  --palette-background-bold: var(--palettes-affirmative-background-bold) !important;
  --palette-background-bolder: var(--palettes-affirmative-background-bolder) !important;
  --palette-background-boldest: var(--palettes-affirmative-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-affirmative-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-affirmative-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-affirmative-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-affirmative-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-affirmative-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-affirmative-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-affirmative-foreground-boldest) !important;
}
[data-palette=informative] {
  --palette-background-lightest: var(--palettes-informative-background-lightest) !important;
  --palette-background-lighter: var(--palettes-informative-background-lighter) !important;
  --palette-background-light: var(--palettes-informative-background-light) !important;
  --palette-background-normal: var(--palettes-informative-background-normal) !important;
  --palette-background-bold: var(--palettes-informative-background-bold) !important;
  --palette-background-bolder: var(--palettes-informative-background-bolder) !important;
  --palette-background-boldest: var(--palettes-informative-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-informative-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-informative-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-informative-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-informative-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-informative-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-informative-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-informative-foreground-boldest) !important;
}
[data-palette=negative] {
  --palette-background-lightest: var(--palettes-negative-background-lightest) !important;
  --palette-background-lighter: var(--palettes-negative-background-lighter) !important;
  --palette-background-light: var(--palettes-negative-background-light) !important;
  --palette-background-normal: var(--palettes-negative-background-normal) !important;
  --palette-background-bold: var(--palettes-negative-background-bold) !important;
  --palette-background-bolder: var(--palettes-negative-background-bolder) !important;
  --palette-background-boldest: var(--palettes-negative-background-boldest) !important;
  --palette-foreground-lightest: var(--palettes-negative-foreground-lightest) !important;
  --palette-foreground-lighter: var(--palettes-negative-foreground-lighter) !important;
  --palette-foreground-light: var(--palettes-negative-foreground-light) !important;
  --palette-foreground-normal: var(--palettes-negative-foreground-normal) !important;
  --palette-foreground-bold: var(--palettes-negative-foreground-bold) !important;
  --palette-foreground-bolder: var(--palettes-negative-foreground-bolder) !important;
  --palette-foreground-boldest: var(--palettes-negative-foreground-boldest) !important;
}
[data-radius~=none] {
  --shape-radius: none !important;
}
[data-radius~=nano] {
  --shape-radius: var(--radius-nano) !important;
}
[data-radius~=tiny] {
  --shape-radius: var(--radius-tiny) !important;
}
[data-radius~=small] {
  --shape-radius: var(--radius-small) !important;
}
[data-radius~=medium] {
  --shape-radius: var(--radius-medium) !important;
}
[data-radius~=large] {
  --shape-radius: var(--radius-large) !important;
}
[data-radius~=huge] {
  --shape-radius: var(--radius-huge) !important;
}
[data-radius~=massive] {
  --shape-radius: var(--radius-massive) !important;
}
[data-shape~=circle] {
  border-radius: var(--shapes-circle) !important;
}
[data-shape~=pill] {
  border-radius: var(--shapes-pill) !important;
}
@media (max-width: 640px) {
  [data-radius~="mobile:none"] {
    --shape-radius: none !important;
  }
  [data-radius~="mobile:nano"] {
    --shape-radius: var(--radius-nano) !important;
  }
  [data-radius~="mobile:tiny"] {
    --shape-radius: var(--radius-tiny) !important;
  }
  [data-radius~="mobile:small"] {
    --shape-radius: var(--radius-small) !important;
  }
  [data-radius~="mobile:medium"] {
    --shape-radius: var(--radius-medium) !important;
  }
  [data-radius~="mobile:large"] {
    --shape-radius: var(--radius-large) !important;
  }
  [data-radius~="mobile:huge"] {
    --shape-radius: var(--radius-huge) !important;
  }
  [data-radius~="mobile:massive"] {
    --shape-radius: var(--radius-massive) !important;
  }
  [data-shape~="mobile:circle"] {
    border-radius: var(--shapes-circle) !important;
  }
  [data-shape~="mobile:pill"] {
    border-radius: var(--shapes-pill) !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-radius~="tablet:none"] {
    --shape-radius: none !important;
  }
  [data-radius~="tablet:nano"] {
    --shape-radius: var(--radius-nano) !important;
  }
  [data-radius~="tablet:tiny"] {
    --shape-radius: var(--radius-tiny) !important;
  }
  [data-radius~="tablet:small"] {
    --shape-radius: var(--radius-small) !important;
  }
  [data-radius~="tablet:medium"] {
    --shape-radius: var(--radius-medium) !important;
  }
  [data-radius~="tablet:large"] {
    --shape-radius: var(--radius-large) !important;
  }
  [data-radius~="tablet:huge"] {
    --shape-radius: var(--radius-huge) !important;
  }
  [data-radius~="tablet:massive"] {
    --shape-radius: var(--radius-massive) !important;
  }
  [data-shape~="tablet:circle"] {
    border-radius: var(--shapes-circle) !important;
  }
  [data-shape~="tablet:pill"] {
    border-radius: var(--shapes-pill) !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-radius~="desktop:none"] {
    --shape-radius: none !important;
  }
  [data-radius~="desktop:nano"] {
    --shape-radius: var(--radius-nano) !important;
  }
  [data-radius~="desktop:tiny"] {
    --shape-radius: var(--radius-tiny) !important;
  }
  [data-radius~="desktop:small"] {
    --shape-radius: var(--radius-small) !important;
  }
  [data-radius~="desktop:medium"] {
    --shape-radius: var(--radius-medium) !important;
  }
  [data-radius~="desktop:large"] {
    --shape-radius: var(--radius-large) !important;
  }
  [data-radius~="desktop:huge"] {
    --shape-radius: var(--radius-huge) !important;
  }
  [data-radius~="desktop:massive"] {
    --shape-radius: var(--radius-massive) !important;
  }
  [data-shape~="desktop:circle"] {
    border-radius: var(--shapes-circle) !important;
  }
  [data-shape~="desktop:pill"] {
    border-radius: var(--shapes-pill) !important;
  }
}
@media (min-width: 1025px) {
  [data-radius~="widescreen:none"] {
    --shape-radius: none !important;
  }
  [data-radius~="widescreen:nano"] {
    --shape-radius: var(--radius-nano) !important;
  }
  [data-radius~="widescreen:tiny"] {
    --shape-radius: var(--radius-tiny) !important;
  }
  [data-radius~="widescreen:small"] {
    --shape-radius: var(--radius-small) !important;
  }
  [data-radius~="widescreen:medium"] {
    --shape-radius: var(--radius-medium) !important;
  }
  [data-radius~="widescreen:large"] {
    --shape-radius: var(--radius-large) !important;
  }
  [data-radius~="widescreen:huge"] {
    --shape-radius: var(--radius-huge) !important;
  }
  [data-radius~="widescreen:massive"] {
    --shape-radius: var(--radius-massive) !important;
  }
  [data-shape~="widescreen:circle"] {
    border-radius: var(--shapes-circle) !important;
  }
  [data-shape~="widescreen:pill"] {
    border-radius: var(--shapes-pill) !important;
  }
}
[data-resizable]:not([data-resizable=x], [data-resizable=y]) {
  resize: both;
}
[data-resizable=x] {
  resize: horizontal;
}
[data-resizable=y] {
  resize: vertical;
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=nano] {
  --sizing-font-letter-spacing: var(--spacings-inline-nano);
  --sizing-font-line-height: var(--fonts-line-heights-nano);
  --sizing-font-size-block: var(--fonts-sizes-block-nano);
  --sizing-font-size-inline: var(--fonts-sizes-inline-nano);
  --sizing-size-block: var(--sizes-block-nano);
  --sizing-size-borders: var(--sizes-borders-nano);
  --sizing-size-icon: var(--sizes-icon-nano);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=tiny] {
  --sizing-font-letter-spacing: var(--spacings-inline-tiny);
  --sizing-font-line-height: var(--fonts-line-heights-tiny);
  --sizing-font-size-block: var(--fonts-sizes-block-tiny);
  --sizing-font-size-inline: var(--fonts-sizes-inline-tiny);
  --sizing-size-block: var(--sizes-block-tiny);
  --sizing-size-borders: var(--sizes-borders-tiny);
  --sizing-size-icon: var(--sizes-icon-tiny);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=small] {
  --sizing-font-letter-spacing: var(--spacings-inline-small);
  --sizing-font-line-height: var(--fonts-line-heights-small);
  --sizing-font-size-block: var(--fonts-sizes-block-small);
  --sizing-font-size-inline: var(--fonts-sizes-inline-small);
  --sizing-size-block: var(--sizes-block-small);
  --sizing-size-borders: var(--sizes-borders-small);
  --sizing-size-icon: var(--sizes-icon-small);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=medium] {
  --sizing-font-letter-spacing: var(--spacings-inline-medium);
  --sizing-font-line-height: var(--fonts-line-heights-medium);
  --sizing-font-size-block: var(--fonts-sizes-block-medium);
  --sizing-font-size-inline: var(--fonts-sizes-inline-medium);
  --sizing-size-block: var(--sizes-block-medium);
  --sizing-size-borders: var(--sizes-borders-medium);
  --sizing-size-icon: var(--sizes-icon-medium);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=large] {
  --sizing-font-letter-spacing: var(--spacings-inline-large);
  --sizing-font-line-height: var(--fonts-line-heights-large);
  --sizing-font-size-block: var(--fonts-sizes-block-large);
  --sizing-font-size-inline: var(--fonts-sizes-inline-large);
  --sizing-size-block: var(--sizes-block-large);
  --sizing-size-borders: var(--sizes-borders-large);
  --sizing-size-icon: var(--sizes-icon-large);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=huge] {
  --sizing-font-letter-spacing: var(--spacings-inline-huge);
  --sizing-font-line-height: var(--fonts-line-heights-huge);
  --sizing-font-size-block: var(--fonts-sizes-block-huge);
  --sizing-font-size-inline: var(--fonts-sizes-inline-huge);
  --sizing-size-block: var(--sizes-block-huge);
  --sizing-size-borders: var(--sizes-borders-huge);
  --sizing-size-icon: var(--sizes-icon-huge);
}
[data-sizing~=inherit] {
  --sizing-font-letter-spacing: inherit;
  --sizing-font-line-height: inherit;
  --sizing-font-size-block: inherit;
  --sizing-font-size-inline: inherit;
  --sizing-size-block: inherit;
  --sizing-size-borders: inherit;
  --sizing-size-icon: inherit;
}
[data-sizing~=massive] {
  --sizing-font-letter-spacing: var(--spacings-inline-massive);
  --sizing-font-line-height: var(--fonts-line-heights-massive);
  --sizing-font-size-block: var(--fonts-sizes-block-massive);
  --sizing-font-size-inline: var(--fonts-sizes-inline-massive);
  --sizing-size-block: var(--sizes-block-massive);
  --sizing-size-borders: var(--sizes-borders-massive);
  --sizing-size-icon: var(--sizes-icon-massive);
}
@media (max-width: 640px) {
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:nano"] {
    --sizing-font-letter-spacing: var(--spacings-inline-nano);
    --sizing-font-line-height: var(--fonts-line-heights-nano);
    --sizing-font-size-block: var(--fonts-sizes-block-nano);
    --sizing-font-size-inline: var(--fonts-sizes-inline-nano);
    --sizing-size-block: var(--sizes-block-nano);
    --sizing-size-borders: var(--sizes-borders-nano);
    --sizing-size-icon: var(--sizes-icon-nano);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:tiny"] {
    --sizing-font-letter-spacing: var(--spacings-inline-tiny);
    --sizing-font-line-height: var(--fonts-line-heights-tiny);
    --sizing-font-size-block: var(--fonts-sizes-block-tiny);
    --sizing-font-size-inline: var(--fonts-sizes-inline-tiny);
    --sizing-size-block: var(--sizes-block-tiny);
    --sizing-size-borders: var(--sizes-borders-tiny);
    --sizing-size-icon: var(--sizes-icon-tiny);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:small"] {
    --sizing-font-letter-spacing: var(--spacings-inline-small);
    --sizing-font-line-height: var(--fonts-line-heights-small);
    --sizing-font-size-block: var(--fonts-sizes-block-small);
    --sizing-font-size-inline: var(--fonts-sizes-inline-small);
    --sizing-size-block: var(--sizes-block-small);
    --sizing-size-borders: var(--sizes-borders-small);
    --sizing-size-icon: var(--sizes-icon-small);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:medium"] {
    --sizing-font-letter-spacing: var(--spacings-inline-medium);
    --sizing-font-line-height: var(--fonts-line-heights-medium);
    --sizing-font-size-block: var(--fonts-sizes-block-medium);
    --sizing-font-size-inline: var(--fonts-sizes-inline-medium);
    --sizing-size-block: var(--sizes-block-medium);
    --sizing-size-borders: var(--sizes-borders-medium);
    --sizing-size-icon: var(--sizes-icon-medium);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:large"] {
    --sizing-font-letter-spacing: var(--spacings-inline-large);
    --sizing-font-line-height: var(--fonts-line-heights-large);
    --sizing-font-size-block: var(--fonts-sizes-block-large);
    --sizing-font-size-inline: var(--fonts-sizes-inline-large);
    --sizing-size-block: var(--sizes-block-large);
    --sizing-size-borders: var(--sizes-borders-large);
    --sizing-size-icon: var(--sizes-icon-large);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:huge"] {
    --sizing-font-letter-spacing: var(--spacings-inline-huge);
    --sizing-font-line-height: var(--fonts-line-heights-huge);
    --sizing-font-size-block: var(--fonts-sizes-block-huge);
    --sizing-font-size-inline: var(--fonts-sizes-inline-huge);
    --sizing-size-block: var(--sizes-block-huge);
    --sizing-size-borders: var(--sizes-borders-huge);
    --sizing-size-icon: var(--sizes-icon-huge);
  }
  [data-sizing~="mobile:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="mobile:massive"] {
    --sizing-font-letter-spacing: var(--spacings-inline-massive);
    --sizing-font-line-height: var(--fonts-line-heights-massive);
    --sizing-font-size-block: var(--fonts-sizes-block-massive);
    --sizing-font-size-inline: var(--fonts-sizes-inline-massive);
    --sizing-size-block: var(--sizes-block-massive);
    --sizing-size-borders: var(--sizes-borders-massive);
    --sizing-size-icon: var(--sizes-icon-massive);
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:nano"] {
    --sizing-font-letter-spacing: var(--spacings-inline-nano);
    --sizing-font-line-height: var(--fonts-line-heights-nano);
    --sizing-font-size-block: var(--fonts-sizes-block-nano);
    --sizing-font-size-inline: var(--fonts-sizes-inline-nano);
    --sizing-size-block: var(--sizes-block-nano);
    --sizing-size-borders: var(--sizes-borders-nano);
    --sizing-size-icon: var(--sizes-icon-nano);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:tiny"] {
    --sizing-font-letter-spacing: var(--spacings-inline-tiny);
    --sizing-font-line-height: var(--fonts-line-heights-tiny);
    --sizing-font-size-block: var(--fonts-sizes-block-tiny);
    --sizing-font-size-inline: var(--fonts-sizes-inline-tiny);
    --sizing-size-block: var(--sizes-block-tiny);
    --sizing-size-borders: var(--sizes-borders-tiny);
    --sizing-size-icon: var(--sizes-icon-tiny);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:small"] {
    --sizing-font-letter-spacing: var(--spacings-inline-small);
    --sizing-font-line-height: var(--fonts-line-heights-small);
    --sizing-font-size-block: var(--fonts-sizes-block-small);
    --sizing-font-size-inline: var(--fonts-sizes-inline-small);
    --sizing-size-block: var(--sizes-block-small);
    --sizing-size-borders: var(--sizes-borders-small);
    --sizing-size-icon: var(--sizes-icon-small);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:medium"] {
    --sizing-font-letter-spacing: var(--spacings-inline-medium);
    --sizing-font-line-height: var(--fonts-line-heights-medium);
    --sizing-font-size-block: var(--fonts-sizes-block-medium);
    --sizing-font-size-inline: var(--fonts-sizes-inline-medium);
    --sizing-size-block: var(--sizes-block-medium);
    --sizing-size-borders: var(--sizes-borders-medium);
    --sizing-size-icon: var(--sizes-icon-medium);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:large"] {
    --sizing-font-letter-spacing: var(--spacings-inline-large);
    --sizing-font-line-height: var(--fonts-line-heights-large);
    --sizing-font-size-block: var(--fonts-sizes-block-large);
    --sizing-font-size-inline: var(--fonts-sizes-inline-large);
    --sizing-size-block: var(--sizes-block-large);
    --sizing-size-borders: var(--sizes-borders-large);
    --sizing-size-icon: var(--sizes-icon-large);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:huge"] {
    --sizing-font-letter-spacing: var(--spacings-inline-huge);
    --sizing-font-line-height: var(--fonts-line-heights-huge);
    --sizing-font-size-block: var(--fonts-sizes-block-huge);
    --sizing-font-size-inline: var(--fonts-sizes-inline-huge);
    --sizing-size-block: var(--sizes-block-huge);
    --sizing-size-borders: var(--sizes-borders-huge);
    --sizing-size-icon: var(--sizes-icon-huge);
  }
  [data-sizing~="tablet:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="tablet:massive"] {
    --sizing-font-letter-spacing: var(--spacings-inline-massive);
    --sizing-font-line-height: var(--fonts-line-heights-massive);
    --sizing-font-size-block: var(--fonts-sizes-block-massive);
    --sizing-font-size-inline: var(--fonts-sizes-inline-massive);
    --sizing-size-block: var(--sizes-block-massive);
    --sizing-size-borders: var(--sizes-borders-massive);
    --sizing-size-icon: var(--sizes-icon-massive);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:nano"] {
    --sizing-font-letter-spacing: var(--spacings-inline-nano);
    --sizing-font-line-height: var(--fonts-line-heights-nano);
    --sizing-font-size-block: var(--fonts-sizes-block-nano);
    --sizing-font-size-inline: var(--fonts-sizes-inline-nano);
    --sizing-size-block: var(--sizes-block-nano);
    --sizing-size-borders: var(--sizes-borders-nano);
    --sizing-size-icon: var(--sizes-icon-nano);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:tiny"] {
    --sizing-font-letter-spacing: var(--spacings-inline-tiny);
    --sizing-font-line-height: var(--fonts-line-heights-tiny);
    --sizing-font-size-block: var(--fonts-sizes-block-tiny);
    --sizing-font-size-inline: var(--fonts-sizes-inline-tiny);
    --sizing-size-block: var(--sizes-block-tiny);
    --sizing-size-borders: var(--sizes-borders-tiny);
    --sizing-size-icon: var(--sizes-icon-tiny);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:small"] {
    --sizing-font-letter-spacing: var(--spacings-inline-small);
    --sizing-font-line-height: var(--fonts-line-heights-small);
    --sizing-font-size-block: var(--fonts-sizes-block-small);
    --sizing-font-size-inline: var(--fonts-sizes-inline-small);
    --sizing-size-block: var(--sizes-block-small);
    --sizing-size-borders: var(--sizes-borders-small);
    --sizing-size-icon: var(--sizes-icon-small);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:medium"] {
    --sizing-font-letter-spacing: var(--spacings-inline-medium);
    --sizing-font-line-height: var(--fonts-line-heights-medium);
    --sizing-font-size-block: var(--fonts-sizes-block-medium);
    --sizing-font-size-inline: var(--fonts-sizes-inline-medium);
    --sizing-size-block: var(--sizes-block-medium);
    --sizing-size-borders: var(--sizes-borders-medium);
    --sizing-size-icon: var(--sizes-icon-medium);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:large"] {
    --sizing-font-letter-spacing: var(--spacings-inline-large);
    --sizing-font-line-height: var(--fonts-line-heights-large);
    --sizing-font-size-block: var(--fonts-sizes-block-large);
    --sizing-font-size-inline: var(--fonts-sizes-inline-large);
    --sizing-size-block: var(--sizes-block-large);
    --sizing-size-borders: var(--sizes-borders-large);
    --sizing-size-icon: var(--sizes-icon-large);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:huge"] {
    --sizing-font-letter-spacing: var(--spacings-inline-huge);
    --sizing-font-line-height: var(--fonts-line-heights-huge);
    --sizing-font-size-block: var(--fonts-sizes-block-huge);
    --sizing-font-size-inline: var(--fonts-sizes-inline-huge);
    --sizing-size-block: var(--sizes-block-huge);
    --sizing-size-borders: var(--sizes-borders-huge);
    --sizing-size-icon: var(--sizes-icon-huge);
  }
  [data-sizing~="desktop:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="desktop:massive"] {
    --sizing-font-letter-spacing: var(--spacings-inline-massive);
    --sizing-font-line-height: var(--fonts-line-heights-massive);
    --sizing-font-size-block: var(--fonts-sizes-block-massive);
    --sizing-font-size-inline: var(--fonts-sizes-inline-massive);
    --sizing-size-block: var(--sizes-block-massive);
    --sizing-size-borders: var(--sizes-borders-massive);
    --sizing-size-icon: var(--sizes-icon-massive);
  }
}
@media (min-width: 1025px) {
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:nano"] {
    --sizing-font-letter-spacing: var(--spacings-inline-nano);
    --sizing-font-line-height: var(--fonts-line-heights-nano);
    --sizing-font-size-block: var(--fonts-sizes-block-nano);
    --sizing-font-size-inline: var(--fonts-sizes-inline-nano);
    --sizing-size-block: var(--sizes-block-nano);
    --sizing-size-borders: var(--sizes-borders-nano);
    --sizing-size-icon: var(--sizes-icon-nano);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:tiny"] {
    --sizing-font-letter-spacing: var(--spacings-inline-tiny);
    --sizing-font-line-height: var(--fonts-line-heights-tiny);
    --sizing-font-size-block: var(--fonts-sizes-block-tiny);
    --sizing-font-size-inline: var(--fonts-sizes-inline-tiny);
    --sizing-size-block: var(--sizes-block-tiny);
    --sizing-size-borders: var(--sizes-borders-tiny);
    --sizing-size-icon: var(--sizes-icon-tiny);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:small"] {
    --sizing-font-letter-spacing: var(--spacings-inline-small);
    --sizing-font-line-height: var(--fonts-line-heights-small);
    --sizing-font-size-block: var(--fonts-sizes-block-small);
    --sizing-font-size-inline: var(--fonts-sizes-inline-small);
    --sizing-size-block: var(--sizes-block-small);
    --sizing-size-borders: var(--sizes-borders-small);
    --sizing-size-icon: var(--sizes-icon-small);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:medium"] {
    --sizing-font-letter-spacing: var(--spacings-inline-medium);
    --sizing-font-line-height: var(--fonts-line-heights-medium);
    --sizing-font-size-block: var(--fonts-sizes-block-medium);
    --sizing-font-size-inline: var(--fonts-sizes-inline-medium);
    --sizing-size-block: var(--sizes-block-medium);
    --sizing-size-borders: var(--sizes-borders-medium);
    --sizing-size-icon: var(--sizes-icon-medium);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:large"] {
    --sizing-font-letter-spacing: var(--spacings-inline-large);
    --sizing-font-line-height: var(--fonts-line-heights-large);
    --sizing-font-size-block: var(--fonts-sizes-block-large);
    --sizing-font-size-inline: var(--fonts-sizes-inline-large);
    --sizing-size-block: var(--sizes-block-large);
    --sizing-size-borders: var(--sizes-borders-large);
    --sizing-size-icon: var(--sizes-icon-large);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:huge"] {
    --sizing-font-letter-spacing: var(--spacings-inline-huge);
    --sizing-font-line-height: var(--fonts-line-heights-huge);
    --sizing-font-size-block: var(--fonts-sizes-block-huge);
    --sizing-font-size-inline: var(--fonts-sizes-inline-huge);
    --sizing-size-block: var(--sizes-block-huge);
    --sizing-size-borders: var(--sizes-borders-huge);
    --sizing-size-icon: var(--sizes-icon-huge);
  }
  [data-sizing~="widescreen:inherit"] {
    --sizing-font-letter-spacing: inherit;
    --sizing-font-line-height: inherit;
    --sizing-font-size-block: inherit;
    --sizing-font-size-inline: inherit;
    --sizing-size-block: inherit;
    --sizing-size-borders: inherit;
    --sizing-size-icon: inherit;
  }
  [data-sizing~="widescreen:massive"] {
    --sizing-font-letter-spacing: var(--spacings-inline-massive);
    --sizing-font-line-height: var(--fonts-line-heights-massive);
    --sizing-font-size-block: var(--fonts-sizes-block-massive);
    --sizing-font-size-inline: var(--fonts-sizes-inline-massive);
    --sizing-size-block: var(--sizes-block-massive);
    --sizing-size-borders: var(--sizes-borders-massive);
    --sizing-size-icon: var(--sizes-icon-massive);
  }
}
[data-spacing~=none] {
  --spacing-x: 0px !important;
  --spacing-y: 0px !important;
}
[data-spacing-x~=none] {
  --spacing-x: 0px !important;
}
[data-spacing-y~=none] {
  --spacing-y: 0px !important;
}
[data-spacing~=auto] {
  --spacing-x: auto !important;
  --spacing-y: auto !important;
}
[data-spacing-x~=auto] {
  --spacing-x: auto !important;
}
[data-spacing-y~=auto] {
  --spacing-y: auto !important;
}
[data-spacing~=nano] {
  --spacing-x: var(--spacings-block-nano) !important;
  --spacing-y: var(--spacings-block-nano) !important;
}
[data-spacing-x~=nano] {
  --spacing-x: var(--spacings-block-nano) !important;
}
[data-spacing-y~=nano] {
  --spacing-y: var(--spacings-block-nano) !important;
}
[data-spacing~=tiny] {
  --spacing-x: var(--spacings-block-tiny) !important;
  --spacing-y: var(--spacings-block-tiny) !important;
}
[data-spacing-x~=tiny] {
  --spacing-x: var(--spacings-block-tiny) !important;
}
[data-spacing-y~=tiny] {
  --spacing-y: var(--spacings-block-tiny) !important;
}
[data-spacing~=small] {
  --spacing-x: var(--spacings-block-small) !important;
  --spacing-y: var(--spacings-block-small) !important;
}
[data-spacing-x~=small] {
  --spacing-x: var(--spacings-block-small) !important;
}
[data-spacing-y~=small] {
  --spacing-y: var(--spacings-block-small) !important;
}
[data-spacing~=medium] {
  --spacing-x: var(--spacings-block-medium) !important;
  --spacing-y: var(--spacings-block-medium) !important;
}
[data-spacing-x~=medium] {
  --spacing-x: var(--spacings-block-medium) !important;
}
[data-spacing-y~=medium] {
  --spacing-y: var(--spacings-block-medium) !important;
}
[data-spacing~=large] {
  --spacing-x: var(--spacings-block-large) !important;
  --spacing-y: var(--spacings-block-large) !important;
}
[data-spacing-x~=large] {
  --spacing-x: var(--spacings-block-large) !important;
}
[data-spacing-y~=large] {
  --spacing-y: var(--spacings-block-large) !important;
}
[data-spacing~=huge] {
  --spacing-x: var(--spacings-block-huge) !important;
  --spacing-y: var(--spacings-block-huge) !important;
}
[data-spacing-x~=huge] {
  --spacing-x: var(--spacings-block-huge) !important;
}
[data-spacing-y~=huge] {
  --spacing-y: var(--spacings-block-huge) !important;
}
[data-spacing~=massive] {
  --spacing-x: var(--spacings-block-massive) !important;
  --spacing-y: var(--spacings-block-massive) !important;
}
[data-spacing-x~=massive] {
  --spacing-x: var(--spacings-block-massive) !important;
}
[data-spacing-y~=massive] {
  --spacing-y: var(--spacings-block-massive) !important;
}
@media (max-width: 640px) {
  [data-spacing~="mobile:none"] {
    --spacing-x: 0px !important;
    --spacing-y: 0px !important;
  }
  [data-spacing-x~="mobile:none"] {
    --spacing-x: 0px !important;
  }
  [data-spacing-y~="mobile:none"] {
    --spacing-y: 0px !important;
  }
  [data-spacing~="mobile:auto"] {
    --spacing-x: auto !important;
    --spacing-y: auto !important;
  }
  [data-spacing-x~="mobile:auto"] {
    --spacing-x: auto !important;
  }
  [data-spacing-y~="mobile:auto"] {
    --spacing-y: auto !important;
  }
  [data-spacing~="mobile:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing-x~="mobile:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
  }
  [data-spacing-y~="mobile:nano"] {
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing~="mobile:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing-x~="mobile:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
  }
  [data-spacing-y~="mobile:tiny"] {
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing~="mobile:small"] {
    --spacing-x: var(--spacings-block-small) !important;
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing-x~="mobile:small"] {
    --spacing-x: var(--spacings-block-small) !important;
  }
  [data-spacing-y~="mobile:small"] {
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing~="mobile:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing-x~="mobile:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
  }
  [data-spacing-y~="mobile:medium"] {
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing~="mobile:large"] {
    --spacing-x: var(--spacings-block-large) !important;
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing-x~="mobile:large"] {
    --spacing-x: var(--spacings-block-large) !important;
  }
  [data-spacing-y~="mobile:large"] {
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing~="mobile:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing-x~="mobile:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
  }
  [data-spacing-y~="mobile:huge"] {
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing~="mobile:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
    --spacing-y: var(--spacings-block-massive) !important;
  }
  [data-spacing-x~="mobile:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
  }
  [data-spacing-y~="mobile:massive"] {
    --spacing-y: var(--spacings-block-massive) !important;
  }
}
@media (min-width: 641px) and (max-width: 768px) {
  [data-spacing~="tablet:none"] {
    --spacing-x: 0px !important;
    --spacing-y: 0px !important;
  }
  [data-spacing-x~="tablet:none"] {
    --spacing-x: 0px !important;
  }
  [data-spacing-y~="tablet:none"] {
    --spacing-y: 0px !important;
  }
  [data-spacing~="tablet:auto"] {
    --spacing-x: auto !important;
    --spacing-y: auto !important;
  }
  [data-spacing-x~="tablet:auto"] {
    --spacing-x: auto !important;
  }
  [data-spacing-y~="tablet:auto"] {
    --spacing-y: auto !important;
  }
  [data-spacing~="tablet:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing-x~="tablet:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
  }
  [data-spacing-y~="tablet:nano"] {
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing~="tablet:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing-x~="tablet:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
  }
  [data-spacing-y~="tablet:tiny"] {
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing~="tablet:small"] {
    --spacing-x: var(--spacings-block-small) !important;
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing-x~="tablet:small"] {
    --spacing-x: var(--spacings-block-small) !important;
  }
  [data-spacing-y~="tablet:small"] {
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing~="tablet:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing-x~="tablet:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
  }
  [data-spacing-y~="tablet:medium"] {
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing~="tablet:large"] {
    --spacing-x: var(--spacings-block-large) !important;
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing-x~="tablet:large"] {
    --spacing-x: var(--spacings-block-large) !important;
  }
  [data-spacing-y~="tablet:large"] {
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing~="tablet:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing-x~="tablet:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
  }
  [data-spacing-y~="tablet:huge"] {
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing~="tablet:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
    --spacing-y: var(--spacings-block-massive) !important;
  }
  [data-spacing-x~="tablet:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
  }
  [data-spacing-y~="tablet:massive"] {
    --spacing-y: var(--spacings-block-massive) !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  [data-spacing~="desktop:none"] {
    --spacing-x: 0px !important;
    --spacing-y: 0px !important;
  }
  [data-spacing-x~="desktop:none"] {
    --spacing-x: 0px !important;
  }
  [data-spacing-y~="desktop:none"] {
    --spacing-y: 0px !important;
  }
  [data-spacing~="desktop:auto"] {
    --spacing-x: auto !important;
    --spacing-y: auto !important;
  }
  [data-spacing-x~="desktop:auto"] {
    --spacing-x: auto !important;
  }
  [data-spacing-y~="desktop:auto"] {
    --spacing-y: auto !important;
  }
  [data-spacing~="desktop:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing-x~="desktop:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
  }
  [data-spacing-y~="desktop:nano"] {
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing~="desktop:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing-x~="desktop:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
  }
  [data-spacing-y~="desktop:tiny"] {
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing~="desktop:small"] {
    --spacing-x: var(--spacings-block-small) !important;
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing-x~="desktop:small"] {
    --spacing-x: var(--spacings-block-small) !important;
  }
  [data-spacing-y~="desktop:small"] {
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing~="desktop:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing-x~="desktop:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
  }
  [data-spacing-y~="desktop:medium"] {
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing~="desktop:large"] {
    --spacing-x: var(--spacings-block-large) !important;
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing-x~="desktop:large"] {
    --spacing-x: var(--spacings-block-large) !important;
  }
  [data-spacing-y~="desktop:large"] {
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing~="desktop:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing-x~="desktop:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
  }
  [data-spacing-y~="desktop:huge"] {
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing~="desktop:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
    --spacing-y: var(--spacings-block-massive) !important;
  }
  [data-spacing-x~="desktop:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
  }
  [data-spacing-y~="desktop:massive"] {
    --spacing-y: var(--spacings-block-massive) !important;
  }
}
@media (min-width: 1025px) {
  [data-spacing~="widescreen:none"] {
    --spacing-x: 0px !important;
    --spacing-y: 0px !important;
  }
  [data-spacing-x~="widescreen:none"] {
    --spacing-x: 0px !important;
  }
  [data-spacing-y~="widescreen:none"] {
    --spacing-y: 0px !important;
  }
  [data-spacing~="widescreen:auto"] {
    --spacing-x: auto !important;
    --spacing-y: auto !important;
  }
  [data-spacing-x~="widescreen:auto"] {
    --spacing-x: auto !important;
  }
  [data-spacing-y~="widescreen:auto"] {
    --spacing-y: auto !important;
  }
  [data-spacing~="widescreen:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing-x~="widescreen:nano"] {
    --spacing-x: var(--spacings-block-nano) !important;
  }
  [data-spacing-y~="widescreen:nano"] {
    --spacing-y: var(--spacings-block-nano) !important;
  }
  [data-spacing~="widescreen:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing-x~="widescreen:tiny"] {
    --spacing-x: var(--spacings-block-tiny) !important;
  }
  [data-spacing-y~="widescreen:tiny"] {
    --spacing-y: var(--spacings-block-tiny) !important;
  }
  [data-spacing~="widescreen:small"] {
    --spacing-x: var(--spacings-block-small) !important;
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing-x~="widescreen:small"] {
    --spacing-x: var(--spacings-block-small) !important;
  }
  [data-spacing-y~="widescreen:small"] {
    --spacing-y: var(--spacings-block-small) !important;
  }
  [data-spacing~="widescreen:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing-x~="widescreen:medium"] {
    --spacing-x: var(--spacings-block-medium) !important;
  }
  [data-spacing-y~="widescreen:medium"] {
    --spacing-y: var(--spacings-block-medium) !important;
  }
  [data-spacing~="widescreen:large"] {
    --spacing-x: var(--spacings-block-large) !important;
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing-x~="widescreen:large"] {
    --spacing-x: var(--spacings-block-large) !important;
  }
  [data-spacing-y~="widescreen:large"] {
    --spacing-y: var(--spacings-block-large) !important;
  }
  [data-spacing~="widescreen:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing-x~="widescreen:huge"] {
    --spacing-x: var(--spacings-block-huge) !important;
  }
  [data-spacing-y~="widescreen:huge"] {
    --spacing-y: var(--spacings-block-huge) !important;
  }
  [data-spacing~="widescreen:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
    --spacing-y: var(--spacings-block-massive) !important;
  }
  [data-spacing-x~="widescreen:massive"] {
    --spacing-x: var(--spacings-block-massive) !important;
  }
  [data-spacing-y~="widescreen:massive"] {
    --spacing-y: var(--spacings-block-massive) !important;
  }
}
[data-transform=capitalize] {
  --transform-text: capitalize;
}
[data-transform=lowercase] {
  --transform-text: lowercase;
}
[data-transform=uppercase] {
  --transform-text: uppercase;
}