@utilitywarehouse/hearth-react 0.0.0

package/styles.css

@@ -0,0 +1,3481 @@
+:scope {
+  /** font-family **/
+  --font-family-body: 'Work Sans', arial, sans-serif;
+  --font-family-heading: aeonik, arial, sans-serif;
+
+  /** font-sizes **/
+  --font-size-body-xs: 0.75rem;
+  --font-size-body-sm: 0.875rem;
+  --font-size-body-md: 1rem;
+  --font-size-body-lg: 1.125rem;
+  --font-size-body-xl: 1.25rem;
+  --font-size-heading-xs: 1.125rem;
+  --font-size-heading-sm: 1.25rem;
+  --font-size-heading-md: 1.375rem;
+  --font-size-heading-lg: 1.5rem;
+  --font-size-heading-xl: 1.75rem;
+  --font-size-heading-2xl: 2rem;
+  --font-size-heading-3xl: 2.625rem;
+  --font-size-heading-4xl: 4rem;
+
+  /** font-weights **/
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /** line-heights **/
+  --line-height-sm: 1;
+  --line-height-md: 1.2;
+  --line-height-lg: 1.5;
+  --line-height-xl: 2;
+}
+:scope {
+  --space-0: 0px;
+  --space-25: 2px;
+  --space-50: 4px;
+  --space-75: 6px;
+  --space-100: 8px;
+  --space-150: 12px;
+  --space-200: 16px;
+  --space-250: 20px;
+  --space-300: 24px;
+  --space-350: 28px;
+  --space-400: 32px;
+  --space-500: 40px;
+  --space-600: 48px;
+  --space-700: 56px;
+  --space-800: 64px;
+  --space-900: 72px;
+  --space-1000: 80px;
+}
+.uw-Box {
+  box-sizing: border-box;
+  display: block;
+}
+.uw-Flex {
+  box-sizing: border-box;
+
+  /* Default values to provide the initial styles in the object syntax, e.g. `<Flex display={{ md: 'none' }} />` */
+  display: flex;
+  justify-content: flex-start;
+}
+.uw-BodyText {
+  font-family: var(--font-family-body);
+  color: var(--color-brand-midnight);
+}
+.uw-BodyText:where(.uw-body-text-color) {
+    color: var(--body-text-color);
+  }
+.uw-BodyText:where([data-truncate]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+/** variants **/
+.uw-BodyText:where(.uw-variant-subtitle) {
+    font-size: var(--font-size-body-lg);
+    line-height: var(--line-height-lg);
+  }
+@media (min-width: 992px) {
+.uw-BodyText:where(.uw-variant-subtitle) {
+      font-size: var(--font-size-body-xl);
+  }
+    }
+.uw-BodyText:where(.uw-variant-body) {
+    font-size: var(--font-size-body-md);
+    line-height: var(--line-height-lg);
+  }
+.uw-BodyText:where(.uw-variant-legalNote) {
+    font-size: var(--font-size-body-sm);
+    line-height: var(--line-height-lg);
+  }
+.uw-BodyText:where(.uw-variant-caption) {
+    font-size: var(--font-size-body-xs);
+    line-height: var(--line-height-xl);
+  }
+.uw-ButtonBase {
+  all: unset;
+  outline: transparent;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  flex-shrink: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none; /* make inner text unselectable */
+  vertical-align: top;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  touch-action: manipulation; /* make clicks not need to wait and observe a potential double click, making the buttons feel faster */
+  border: none;
+  transition-duration: 0.2s;
+  transition-property: color, background-color, border-color;
+  border-radius: 9999px;
+  color: var(--button-base-foreground-color);
+  background-color: var(--button-base-background-color);
+}
+.uw-ButtonBase:where([data-colorscheme='cyan']) {
+    --focus-outline-color: var(--color-cyan700);
+
+    /* solid */
+    --solid-background-color: var(--color-cyan400);
+    --solid-background-color-active: var(--color-cyan300);
+    --solid-background-color-disabled: var(--color-cyan100);
+    --solid-background-color-hover: var(--color-cyan500);
+    --solid-foreground-color: var(--color-cyan1000);
+    --solid-foreground-color-disabled: var(--color-cyan300);
+
+    /* outline */
+    --outline-background-color-active: var(--color-cyan100);
+    --outline-background-color-hover: var(--color-cyan50);
+    --outline-border-color: var(--color-cyan400);
+    --outline-border-color-disabled: var(--color-cyan300);
+    --outline-foreground-color: var(--color-cyan1000);
+    --outline-foreground-color-disabled: var(--color-cyan300);
+
+    /* ghost */
+    --ghost-background-color-hover: var(--color-cyan50);
+    --ghost-background-color-active: var(--color-cyan100);
+    --ghost-foreground-color: var(--color-cyan700);
+    --ghost-foreground-color-disabled: var(--color-cyan300);
+  }
+.uw-ButtonBase:where([data-colorscheme='green']) {
+    --focus-outline-color: var(--color-green700);
+
+    /* solid */
+    --solid-background-color: var(--color-green500);
+    --solid-background-color-active: var(--color-green700);
+    --solid-background-color-disabled: var(--color-green100);
+    --solid-background-color-hover: var(--color-green600);
+    --solid-foreground-color: white;
+    --solid-foreground-color-disabled: var(--color-green300);
+
+    /* outline */
+    --outline-background-color-active: var(--color-green100);
+    --outline-background-color-hover: var(--color-green50);
+    --outline-border-color: var(--color-green500);
+    --outline-border-color-disabled: var(--color-green300);
+    --outline-foreground-color: var(--color-green900);
+    --outline-foreground-color-disabled: var(--color-green300);
+
+    /* ghost */
+    --ghost-background-color-hover: var(--color-green50);
+    --ghost-background-color-active: var(--color-green100);
+    --ghost-foreground-color: var(--color-green700);
+    --ghost-foreground-color-disabled: var(--color-green300);
+  }
+.uw-ButtonBase:where([data-colorscheme='red']) {
+    --focus-outline-color: var(--color-red700);
+
+    /* solid */
+    --solid-background-color: var(--color-red500);
+    --solid-background-color-active: var(--color-red700);
+    --solid-background-color-disabled: var(--color-red100);
+    --solid-background-color-hover: var(--color-red600);
+    --solid-foreground-color: white;
+    --solid-foreground-color-disabled: var(--color-red300);
+
+    /* outline */
+    --outline-background-color-active: var(--color-red100);
+    --outline-background-color-hover: var(--color-red50);
+    --outline-border-color: var(--color-red500);
+    --outline-border-color-disabled: var(--color-red300);
+    --outline-foreground-color: var(--color-red900);
+    --outline-foreground-color-disabled: var(--color-red300);
+
+    /* ghost */
+    --ghost-background-color-hover: var(--color-red50);
+    --ghost-background-color-active: var(--color-red100);
+    --ghost-foreground-color: var(--color-red700);
+    --ghost-foreground-color-disabled: var(--color-red300);
+  }
+.uw-ButtonBase:where([data-colorscheme='gold']) {
+    --focus-outline-color: var(--color-gold700);
+
+    /* outline */
+    --outline-background-color-active: var(--color-gold100);
+    --outline-background-color-hover: var(--color-gold50);
+    --outline-border-color: var(--color-gold500);
+    --outline-border-color-disabled: var(--color-gold300);
+    --outline-foreground-color: var(--color-gold900);
+    --outline-foreground-color-disabled: var(--color-gold300);
+
+    /* ghost */
+    --ghost-background-color-hover: var(--color-gold50);
+    --ghost-background-color-active: var(--color-gold100);
+    --ghost-foreground-color: var(--color-gold700);
+    --ghost-foreground-color-disabled: var(--color-gold300);
+  }
+.uw-ButtonBase:where([data-colorscheme='grey']) {
+    --focus-outline-color: var(--color-grey700);
+
+    /* outline */
+    --outline-background-color-active: var(--color-grey100);
+    --outline-background-color-hover: var(--color-grey50);
+    --outline-border-color: var(--color-grey500);
+    --outline-border-color-disabled: var(--color-grey300);
+    --outline-foreground-color: var(--color-grey900);
+    --outline-foreground-color-disabled: var(--color-grey300);
+
+    /* ghost */
+    --ghost-background-color-hover: var(--color-grey50);
+    --ghost-background-color-active: var(--color-grey100);
+    --ghost-foreground-color: var(--color-grey700);
+    --ghost-foreground-color-disabled: var(--color-grey300);
+  }
+.uw-ButtonBase:where(.uw-variant-solid) {
+    --button-base-foreground-color: var(--solid-foreground-color);
+    --button-base-background-color: var(--solid-background-color);
+    --button-base-background-color-hover: var(--solid-background-color-hover);
+    --button-base-background-color-active: var(--solid-background-color-active);
+    --button-base-foreground-color-disabled: var(--solid-foreground-color-disabled);
+    --button-base-background-color-disabled: var(--solid-background-color-disabled);
+  }
+.uw-ButtonBase:where(.uw-variant-ghost) {
+    --button-base-background-color: transparent;
+    --button-base-background-color-disabled: transparent;
+    --button-base-foreground-color: var(--ghost-foreground-color);
+    --button-base-background-color-hover: var(--ghost-background-color-hover);
+    --button-base-background-color-active: var(--ghost-background-color-active);
+    --button-base-foreground-color-disabled: var(--ghost-foreground-color-disabled);
+  }
+.uw-ButtonBase:where(.uw-variant-outline) {
+    box-shadow: inset 0 0 0 2px var(--outline-border-color);
+
+    --button-base-background-color: transparent;
+    --button-base-background-color-disabled: transparent;
+    --button-base-foreground-color: var(--outline-foreground-color);
+    --button-base-background-color-hover: var(--outline-background-color-hover);
+    --button-base-background-color-active: var(--outline-background-color-active);
+    --button-base-foreground-color-disabled: var(--outline-foreground-color-disabled);
+    --button-base-border-color-disabled: var(--outline-border-color-disabled);
+  }
+.uw-ButtonBase:where(:focus-visible) {
+    outline: 2px solid var(--focus-outline-color);
+    outline-offset: 2px;
+  }
+@media (hover: hover) {
+    .uw-ButtonBase:where(:hover) {
+      --button-base-background-color: var(--button-base-background-color-hover);
+    }
+  }
+.uw-ButtonBase:where(:active) {
+    transition-duration: 0s;
+
+    --button-base-background-color: var(--button-base-background-color-active);
+  }
+.uw-ButtonBase:where([aria-disabled]) {
+    cursor: not-allowed;
+
+    --button-base-foreground-color: var(--button-base-foreground-color-disabled);
+    --button-base-background-color: var(--button-base-background-color-disabled);
+    --button-base-border-color: var(--button-base-border-color-disabled);
+  }
+.uw-ButtonBase:where([aria-disabled]):where(.uw-variant-outline) {
+      --outline-border-color: var(--outline-border-color-disabled);
+    }
+.uw-Button {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-md);
+  font-weight: var(--font-weight-medium);
+  line-height: var(--button-line-height);
+  min-width: var(--button-min-width);
+  gap: var(--space-100);
+  padding-block: var(--button-padding-block);
+  padding-inline: var(--button-padding-inline);
+}
+.uw-Button:where(.uw-r-size-medium) {
+  --button-line-height: 1.5;
+  --button-min-width: 136px;
+  --button-padding-inline: var(--space-300);
+  --button-padding-block: var(--space-200);
+}
+.uw-Button:where(.uw-r-size-small) {
+  --button-line-height: 1;
+  --button-min-width: 120px;
+  --button-padding-inline: var(--space-200);
+  --button-padding-block: var(--space-100);
+}
+@media (min-width: 740px) {
+    .uw-Button:where(.tablet\:uw-r-size-medium) {
+      --button-line-height: 1.5;
+      --button-min-width: 136px;
+      --button-padding-inline: var(--space-300);
+      --button-padding-block: var(--space-200);
+    }
+
+    .uw-Button:where(.tablet\:uw-r-size-small) {
+      --button-line-height: 1;
+      --button-min-width: 120px;
+      --button-padding-inline: var(--space-200);
+      --button-padding-block: var(--space-100);
+    }
+}
+@media (min-width: 992px) {
+    .uw-Button:where(.desktop\:uw-r-size-medium) {
+      --button-line-height: 1.5;
+      --button-min-width: 136px;
+      --button-padding-inline: var(--space-300);
+      --button-padding-block: var(--space-200);
+    }
+
+    .uw-Button:where(.desktop\:uw-r-size-small) {
+      --button-line-height: 1;
+      --button-min-width: 120px;
+      --button-padding-inline: var(--space-200);
+      --button-padding-block: var(--space-100);
+    }
+}
+@media (min-width: 1200px) {
+    .uw-Button:where(.wide\:uw-r-size-medium) {
+      --button-line-height: 1.5;
+      --button-min-width: 136px;
+      --button-padding-inline: var(--space-300);
+      --button-padding-block: var(--space-200);
+    }
+
+    .uw-Button:where(.wide\:uw-r-size-small) {
+      --button-line-height: 1;
+      --button-min-width: 120px;
+      --button-padding-inline: var(--space-200);
+      --button-padding-block: var(--space-100);
+    }
+}
+.uw-Heading {
+  font-family: var(--font-family-heading);
+  color: var(--color-brand-primaryPurple);
+}
+.uw-Heading:where(.uw-heading-color) {
+    color: var(--heading-color);
+  }
+.uw-Heading:where(.uw-variant-displayHeading) {
+    font-size: var(--font-size-heading-3xl);
+    line-height: var(--line-height-md);
+  }
+@media (min-width: 992px) {
+.uw-Heading:where(.uw-variant-displayHeading) {
+      font-size: var(--font-size-heading-4xl);
+  }
+    }
+.uw-Heading:where(.uw-variant-h1) {
+    font-size: var(--font-size-heading-2xl);
+    line-height: var(--line-height-md);
+  }
+@media (min-width: 992px) {
+.uw-Heading:where(.uw-variant-h1) {
+      font-size: var(--font-size-heading-3xl);
+  }
+    }
+.uw-Heading:where(.uw-variant-h2) {
+    font-size: var(--font-size-heading-xl);
+    line-height: var(--line-height-md);
+  }
+@media (min-width: 992px) {
+.uw-Heading:where(.uw-variant-h2) {
+      font-size: var(--font-size-heading-2xl);
+      line-height: var(--line-height-lg);
+  }
+    }
+.uw-Heading:where(.uw-variant-h3) {
+    font-size: var(--font-size-heading-md);
+    line-height: var(--line-height-lg);
+  }
+@media (min-width: 992px) {
+.uw-Heading:where(.uw-variant-h3) {
+      font-size: var(--font-size-heading-lg);
+  }
+    }
+.uw-Heading:where(.uw-variant-h4) {
+    font-size: var(--font-size-heading-xs);
+    line-height: var(--line-height-lg);
+  }
+@media (min-width: 992px) {
+.uw-Heading:where(.uw-variant-h4) {
+      font-size: var(--font-size-heading-sm);
+  }
+    }
+.uw-IconButton {
+  height: var(--icon-button-size);
+  width: var(--icon-button-size);
+}
+.uw-IconButton:where(.uw-r-size-medium) {
+  --icon-button-size: 3rem;
+}
+.uw-IconButton:where(.uw-r-size-small) {
+  --icon-button-size: 2rem;
+}
+.uw-IconButton:where(.uw-r-size-xsmall) {
+  --icon-button-size: 1.5rem;
+}
+@media (min-width: 740px) {
+    .uw-IconButton:where(.tablet\:uw-r-size-medium) {
+      --icon-button-size: 3rem;
+    }
+
+    .uw-IconButton:where(.tablet\:uw-r-size-small) {
+      --icon-button-size: 2rem;
+    }
+
+    .uw-IconButton:where(.tablet\:uw-r-size-xsmall) {
+      --icon-button-size: 1.5rem;
+    }
+}
+@media (min-width: 992px) {
+    .uw-IconButton:where(.desktop\:uw-r-size-medium) {
+      --icon-button-size: 3rem;
+    }
+
+    .uw-IconButton:where(.desktop\:uw-r-size-small) {
+      --icon-button-size: 2rem;
+    }
+
+    .uw-IconButton:where(.desktop\:uw-r-size-xsmall) {
+      --icon-button-size: 1.5rem;
+    }
+}
+@media (min-width: 1200px) {
+    .uw-IconButton:where(.wide\:uw-r-size-medium) {
+      --icon-button-size: 3rem;
+    }
+
+    .uw-IconButton:where(.wide\:uw-r-size-small) {
+      --icon-button-size: 2rem;
+    }
+
+    .uw-IconButton:where(.wide\:uw-r-size-xsmall) {
+      --icon-button-size: 1.5rem;
+    }
+}
+.uw-Label {
+  --label-color: var(--color-grey1000);
+  --label-color-disabled: var(--color-grey400);
+  --label-font-weight: var(--font-weight-semibold);
+  --label-font-weight-nested: var(--font-weight-regular);
+
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-md);
+  font-weight: var(--label-font-weight);
+  line-height: var(--line-height-lg);
+  color: var(--label-color);
+}
+.uw-Label:where([data-disabled],[data-disabled] .uw-Label) {
+    color: var(--label-color-disabled);
+  }
+.uw-Label:where([data-nested]) {
+    font-weight: var(--label-font-weight-nested);
+  }
+.uw-HelperText {
+  --helper-text-color: var(--color-grey700);
+  --helper-text-color-disabled: var(--color-grey400);
+  --helper-text-color-valid: var(--color-green600);
+  --helper-text-color-invalid: var(--color-red600);
+
+  display: inline-flex;
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body-md);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-lg);
+  color: var(--helper-text-color);
+  gap: 8px;
+  align-items: center;
+}
+.uw-HelperText:where([data-disabled],[data-disabled] .uw-HelperText) {
+    color: var(--helper-text-color-disabled);
+  }
+.uw-HelperText:where([data-validation='valid']) {
+    color: var(--helper-text-color-valid);
+  }
+.uw-HelperText:where([data-validation='invalid']) {
+    color: var(--helper-text-color-invalid);
+  }
+.uw-Radio {
+  --radio-border-color: var(--color-grey500);
+  --radio-border-color-hover: var(--color-cyan500);
+  --radio-border-color-focus: var(--color-cyan500);
+  --radio-border-color-checked: var(--color-cyan500);
+  --radio-border-color-disabled: var(--color-grey300);
+
+  cursor: pointer;
+}
+.uw-Radio * {
+    cursor: pointer;
+  }
+.uw-Radio {
+
+  flex: 1;
+}
+.uw-Radio .uw-RadioContainer {
+    width: 40px;
+    height: 40px;
+    margin: -8px;
+  }
+.uw-Radio .uw-RadioItem {
+    all: unset;
+    height: 20px;
+    width: 20px;
+    background-color: white;
+    border-radius: 100%;
+    border: 2px solid var(--radio-border-color);
+  }
+:is(.uw-Radio .uw-RadioItem):where(:focus-visible) {
+      --border-color: var(--radio-border-color-focus);
+
+      outline: 2px solid var(--color-cyan700);
+    }
+:is(.uw-Radio .uw-RadioItem):where([data-state='checked']) {
+      --radio-border-color: var(--radio-border-color-checked);
+    }
+@media (hover: hover) {
+      :is(.uw-Radio .uw-RadioItem):where(:hover:enabled) {
+        --radio-border-color: var(--radio-border-color-hover);
+
+        box-shadow: 0 0 0 8px var(--color-cyan75);
+      }
+    }
+:is(.uw-Radio .uw-RadioItem):where([data-disabled]) {
+      --radio-border-color: var(--radio-border-color-disabled);
+    }
+/* we do this so that the gap between the checkbox & label is clickable */
+.uw-Radio .uw-RadioLabel {
+    position: relative;
+  }
+:is(.uw-Radio .uw-RadioLabel)::before {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      left: -8;
+    }
+.uw-RadioIndicator {
+  --radio-indicator-background-color: var(--color-cyan500);
+  --radio-indicator-background-color-disabled: var(--color-grey300);
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.uw-RadioIndicator::after {
+    content: '';
+    display: block;
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    background-color: var(--radio-indicator-background-color);
+  }
+.uw-RadioIndicator:where([data-disabled])::after {
+      background-color: var(--radio-indicator-background-color-disabled);
+    }
+.uw-FieldsetLegend {
+  --fieldset-legend-color: var(--color-grey1000);
+  --fieldset-legend-color-disabled: var(--color-grey400);
+
+  padding: 0;
+  font-family: var(--font-family-body);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-body-md);
+  line-height: var(--line-height-lg);
+  color: var(--fieldset-legend-color);
+}
+.uw-FieldsetLegend:where([data-disabled]) {
+    --fieldset-legend-color: var(--fieldset-legend-color-disabled);
+  }
+.uw-Fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+.uw-RadioGroupRoot {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  flex-wrap: wrap;
+}
+.uw-RadioGroupRoot:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+.uw-RadioGroupRoot:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+.uw-RadioTile {
+  --radio-item-background-color: white;
+  --radio-item-background-color-focus: var(--color-cyan100);
+  --radio-item-background-color-hover: var(--color-cyan75);
+  --radio-item-box-shadow-color: var(--color-grey400);
+  --radio-item-box-shadow-color-focus: var(--color-cyan500);
+  --radio-item-box-shadow-color-hover: var(--color-cyan500);
+  --radio-item-box-shadow-color-disabled: var(--color-grey300);
+  --radio-border-color: var(--color-grey500);
+  --radio-border-color-focus: var(--color-cyan500);
+  --radio-border-color-checked: var(--color-cyan500);
+  --radio-border-color-disabled: var(--color-grey300);
+
+  all: unset;
+  display: flex;
+  border-radius: 8px;
+  padding: 16px;
+  flex: 1;
+  box-shadow: inset 0 0 0 2px var(--radio-item-box-shadow-color);
+  background-color: var(--radio-item-background-color);
+}
+.uw-RadioTile:where(:focus-visible) {
+    --radio-item-background-color: var(--radio-item-background-color-focus);
+    --radio-item-box-shadow-color: var(--radio-item-box-shadow-color-focus);
+
+    outline: 4px solid var(--color-cyan700);
+  }
+@media (hover: hover) {
+    .uw-RadioTile:where(:hover:enabled) {
+      --radio-item-background-color: var(--radio-item-background-color-hover);
+      --radio-item-box-shadow-color: var(--radio-item-box-shadow-color-hover);
+    }
+
+      .uw-RadioTile:where(:hover:enabled) div:first-child {
+        border-color: var(--color-cyan500);
+      }
+  }
+.uw-RadioTile:where([data-disabled]) {
+    --radio-item-box-shadow-color: var(--radio-item-box-shadow-color-disabled);
+  }
+.uw-RadioTile {
+
+  cursor: pointer;
+}
+.uw-RadioTile * {
+    cursor: pointer;
+  }
+.uw-RadioTile .uw-RadioTileRadio {
+    height: 24px;
+    width: 24px;
+    flex-shrink: 0;
+    background-color: white;
+    border-radius: 100%;
+    border: 2px solid var(--radio-border-color);
+  }
+:is(.uw-RadioTile .uw-RadioTileRadio):where(:focus-visible) {
+      --radio-border-color: var(--radio-border-color-focus);
+
+      box-shadow: 0 0 0 2px var(--color-cyan700);
+    }
+:is(.uw-RadioTile .uw-RadioTileRadio):where([data-state='checked'] :is(.uw-RadioTile .uw-RadioTileRadio)) {
+      --radio-border-color: var(--radio-border-color-checked);
+    }
+:is(.uw-RadioTile .uw-RadioTileRadio):where([data-disabled] :is(.uw-RadioTile .uw-RadioTileRadio)) {
+      --radio-border-color: var(--radio-border-color-disabled);
+    }
+.uw-RadioGridGroup .uw-RadioGridGroupRoot {
+    display: grid;
+    gap: 16px;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+  }
+.uw-Link {
+  --link-color: var(--color-cyan700);
+  --link-underline-color: var(--color-cyan400);
+  --link-underline-color-hover: var(--color-cyan500);
+  --link-underline-color-active: var(--color-cyan600);
+  --focus-outline-color: var(--color-cyan700);
+
+  /*  unset button styles when asChild is used */
+}
+.uw-Link:where(button) {
+    outline: transparent;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    border: none;
+    background: transparent;
+    padding: 0;
+  }
+.uw-Link {
+
+  cursor: pointer;
+  display: inline;
+  font-family: var(--font-family-body);
+  line-height: var(--line-height-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--link-color);
+  -webkit-text-decoration: solid var(--link-underline-color) underline 2px;
+          text-decoration: solid var(--link-underline-color) underline 2px;
+  text-underline-position: under;
+  border-radius: 4px;
+}
+@media (hover: hover) {
+    .uw-Link:where(:hover) {
+      --link-underline-color: var(--link-underline-color-hover);
+    }
+  }
+.uw-Link:where(.uw-r-size-large) {
+  font-size: var(--font-size-body-lg);
+}
+.uw-Link:where(.uw-r-size-small) {
+  font-size: var(--font-size-body-md);
+}
+@media (min-width: 740px) {
+    .uw-Link:where(.tablet\:uw-r-size-large) {
+      font-size: var(--font-size-body-lg);
+    }
+
+    .uw-Link:where(.tablet\:uw-r-size-small) {
+      font-size: var(--font-size-body-md);
+    }
+}
+@media (min-width: 992px) {
+    .uw-Link:where(.desktop\:uw-r-size-large) {
+      font-size: var(--font-size-body-lg);
+    }
+
+    .uw-Link:where(.desktop\:uw-r-size-small) {
+      font-size: var(--font-size-body-md);
+    }
+}
+@media (min-width: 1200px) {
+    .uw-Link:where(.wide\:uw-r-size-large) {
+      font-size: var(--font-size-body-lg);
+    }
+
+    .uw-Link:where(.wide\:uw-r-size-small) {
+      font-size: var(--font-size-body-md);
+    }
+}
+.uw-Link:has(svg,[data-icon]) {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: 4px;
+  }
+.uw-TextLink {
+  --text-link-color: var(--color-cyan600);
+  --text-link-color-active: var(--color-cyan800);
+  --text-link-color-visited: var(--color-purple700);
+  --text-link-focus-outline-color: var(--color-cyan700);
+
+  /* unset button styles when asChild is used */
+}
+.uw-TextLink:where(button) {
+    outline: transparent;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    border: none;
+    background: transparent;
+    padding: 0;
+  }
+.uw-TextLink {
+
+  cursor: pointer;
+  display: inline;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  color: var(--text-link-color);
+  text-decoration: underline;
+  text-decoration-color: var(--text-link-color);
+  border-radius: 4px;
+}
+.uw-TextLink:where(:visited) {
+    --text-link-color: var(--text-link-color-visited);
+  }
+@media (hover: hover) {
+    .uw-TextLink:where(:hover) {
+      text-decoration: none;
+    }
+  }
+.uw-TextLink:where(:active) {
+    --text-link-color: var(--text-link-color-active);
+  }
+.uw-TextLink:where(:focus-visible) {
+    outline: 2px solid var(--text-link-focus-outline-color);
+    outline-offset: 2px;
+  }
+.uw-TextLink:where([data-color-custom]) {
+    --text-link-color: var(--text-link-color-custom);
+    --text-link-color-active: var(--text-link-color-custom);
+    --text-link-color-visited: var(--text-link-color-custom);
+  }
+.uw-TextLink:has(svg,[data-icon]) {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: 4px;
+  }
+.uw-Em {
+  font-style: italic;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  color: inherit;
+}
+.uw-Strong {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: var(--font-weight-semibold);
+  line-height: inherit;
+  color: inherit;
+}
+.uw-Divider {
+  all: unset;
+  display: block; /* explicitly set this so horizontal dividers show inside block elements */
+  align-self: stretch;
+  flex-shrink: 0;
+  background-color: var(--color-grey175);
+}
+.uw-Divider:where(.uw-divider-color) {
+    background-color: var(--divider-color);
+  }
+.uw-Divider:where([data-orientation='horizontal']) {
+    height: 1px;
+    width: auto;
+  }
+.uw-Divider:where([data-orientation='vertical']) {
+    height: auto;
+    width: 1px;
+  }
+.uw-Badge {
+  display: inline-flex;
+  gap: var(--space-50);
+  align-items: center;
+  white-space: nowrap;
+  font-size: var(--font-size-body-sm);
+  font-family: var(--font-family-body);
+  font-weight: var(--font-weight-regular);
+  font-style: normal;
+  flex-shrink: 0;
+  line-height: var(--line-height-md);
+  text-align: center;
+
+  /* Make sure that the height is not stretched in a Flex/Grid layout */
+  height: -moz-fit-content;
+  height: fit-content;
+  border-radius: 4px;
+  color: var(--badge-color);
+  background-color: var(--badge-background-color);
+  padding-block: var(--space-50);
+}
+.uw-Badge:where(.uw-r-size-medium) {
+  padding-inline: var(--space-200);
+}
+.uw-Badge:where(.uw-r-size-small) {
+  padding-inline: var(--space-100);
+}
+@media (min-width: 740px) {
+    .uw-Badge:where(.tablet\:uw-r-size-medium) {
+      padding-inline: var(--space-200);
+    }
+
+    .uw-Badge:where(.tablet\:uw-r-size-small) {
+      padding-inline: var(--space-100);
+    }
+}
+@media (min-width: 992px) {
+    .uw-Badge:where(.desktop\:uw-r-size-medium) {
+      padding-inline: var(--space-200);
+    }
+
+    .uw-Badge:where(.desktop\:uw-r-size-small) {
+      padding-inline: var(--space-100);
+    }
+}
+@media (min-width: 1200px) {
+    .uw-Badge:where(.wide\:uw-r-size-medium) {
+      padding-inline: var(--space-200);
+    }
+
+    .uw-Badge:where(.wide\:uw-r-size-small) {
+      padding-inline: var(--space-100);
+    }
+}
+.uw-Badge:where([data-bottom-radius-zero]) {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+.uw-Badge:where(.uw-variant-soft) {
+    --badge-color: var(--badge-soft-color);
+    --badge-background-color: var(--badge-soft-background-color);
+  }
+.uw-Badge:where(.uw-variant-strong) {
+    --badge-color: var(--badge-strong-color);
+    --badge-background-color: var(--badge-strong-background-color);
+  }
+.uw-Badge:where(.uw-variant-outline) {
+    --badge-color: var(--badge-outline-color);
+    --badge-background-color: transparent;
+    --badge-border-color: var(--badge-outline-border-color);
+
+    box-shadow: inset 0 0 0 2px var(--badge-border-color);
+  }
+.uw-Badge:where([data-colorscheme='cyan']) {
+    --badge-soft-color: var(--color-cyan900);
+    --badge-soft-background-color: var(--color-cyan200);
+    --badge-strong-color: var(--color-cyan50);
+    --badge-strong-background-color: var(--color-cyan600);
+    --badge-outline-color: var(--color-cyan900);
+    --badge-outline-border-color: var(--color-cyan600);
+    --badge-outline-color-inverted: var(--color-cyan50);
+    --badge-outline-border-color-inverted: var(--color-cyan500);
+  }
+.uw-Badge:where([data-colorscheme='green']) {
+    --badge-soft-color: var(--color-green900);
+    --badge-soft-background-color: var(--color-green200);
+    --badge-strong-color: var(--color-green50);
+    --badge-strong-background-color: var(--color-green600);
+    --badge-outline-color: var(--color-green900);
+    --badge-outline-border-color: var(--color-green600);
+    --badge-outline-color-inverted: var(--color-green50);
+    --badge-outline-border-color-inverted: var(--color-green400);
+  }
+.uw-Badge:where([data-colorscheme='red']) {
+    --badge-soft-color: var(--color-red900);
+    --badge-soft-background-color: var(--color-red200);
+    --badge-strong-color: var(--color-red50);
+    --badge-strong-background-color: var(--color-red600);
+    --badge-outline-color: var(--color-red900);
+    --badge-outline-border-color: var(--color-red600);
+    --badge-outline-color-inverted: var(--color-red50);
+    --badge-outline-border-color-inverted: var(--color-red500);
+  }
+.uw-Badge:where([data-colorscheme='gold']) {
+    --badge-soft-color: var(--color-gold900);
+    --badge-soft-background-color: var(--color-gold200);
+    --badge-strong-color: var(--color-gold900);
+    --badge-strong-background-color: var(--color-gold300);
+    --badge-outline-color: var(--color-gold900);
+    --badge-outline-border-color: var(--color-gold500);
+    --badge-outline-color-inverted: var(--color-gold50);
+    --badge-outline-border-color-inverted: var(--color-gold400);
+  }
+.uw-Badge:where([data-colorscheme='grey']) {
+    --badge-soft-color: var(--color-grey900);
+    --badge-soft-background-color: var(--color-grey100);
+    --badge-strong-color: var(--color-grey900);
+    --badge-strong-background-color: var(--color-grey200);
+    --badge-outline-color: var(--color-grey900);
+    --badge-outline-border-color: var(--color-grey500);
+    --badge-outline-color-inverted: var(--color-grey50);
+    --badge-outline-border-color-inverted: var(--color-grey300);
+  }
+.uw-Checkbox {
+  cursor: pointer;
+}
+.uw-Checkbox * {
+    cursor: pointer;
+  }
+:is(.uw-Checkbox .uw-CheckboxBase):where(:focus-visible) {
+      --checkbox-outline-color: var(--color-cyan700);
+    }
+/* we do this so that the gap between the checkbox & label is clickable */
+.uw-Checkbox .uw-Label {
+    position: relative;
+  }
+:is(.uw-Checkbox .uw-Label)::before {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      left: -8px;
+    }
+.uw-CheckboxBase {
+  --checkbox-box-shadow-color: var(--color-grey500);
+
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: top;
+  flex-shrink: 0;
+  padding: 0;
+  height: 24px;
+  width: 24px;
+  border: none;
+  border-radius: 50%;
+  color: var(--color-cyan1000);
+  background-color: white;
+  outline: none;
+}
+.uw-CheckboxBase::before {
+    content: '';
+    display: block;
+    height: 24px;
+    width: 24px;
+    border-radius: 3px;
+    background-color: inherit;
+    box-shadow: inset 0 0 0 2px var(--checkbox-box-shadow-color);
+    outline: 2px solid transparent;
+  }
+.uw-CheckboxBase:where([data-state='unchecked']) {
+    background-color: white;
+
+    --checkbox-box-shadow-color-disabled: var(--color-grey300);
+  }
+.uw-CheckboxBase:where([data-state='checked']) {
+    background-color: var(--color-cyan500);
+
+    --checkbox-box-shadow-color: var(--color-cyan500);
+    --checkbox-box-shadow-color-disabled: var(--color-grey150);
+    --checkbox-background-color-disabled: var(--color-grey150);
+  }
+@media (hover: hover) {
+    .uw-CheckboxBase:where(:hover:enabled) {
+      border-color: var(--color-cyan500);
+      box-shadow: 0 0 0 8px var(--color-cyan75);
+    }
+  }
+.uw-CheckboxBase:where([data-disabled],[data-disabled] .uw-CheckboxBase) {
+    --checkbox-box-shadow-color: var(--checkbox-box-shadow-color-disabled);
+
+    color: var(--color-grey400);
+    background-color: var(--checkbox-background-color-disabled);
+  }
+.uw-CheckboxBase:where(:focus-visible) {
+    border-color: var(--color-cyan500);
+  }
+.uw-CheckboxBase .uw-CheckboxBaseIndicator {
+    position: absolute;
+  }
+.uw-CheckboxGroupRoot {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+  flex-wrap: wrap;
+}
+.uw-CheckboxGroupRoot:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+.uw-CheckboxGroupRoot:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+.uw-CheckboxTile {
+  display: flex;
+  gap: var(--space-100);
+  padding: var(--space-200);
+  border-radius: 8px;
+
+  --checkbox-tile-border-width: 2px;
+  --checkbox-tile-border-color: var(--color-grey400);
+  --checkbox-tile-border-color-hover: var(--color-cyan500);
+  --checkbox-tile-border-color-focus: var(--color-cyan500);
+  --checkbox-tile-border-color-disabled: var(--color-grey300);
+
+  box-shadow: inset 0 0 0 var(--checkbox-tile-border-width) var(--checkbox-tile-border-color);
+}
+.uw-CheckboxTile:where(:has(:focus-visible)) {
+    background-color: var(--color-cyan75);
+    outline: 4px solid var(--color-cyan700);
+
+    --checkbox-tile-border-color: var(--checkbox-tile-border-color-focus);
+  }
+@media (hover: hover) {
+    .uw-CheckboxTile:where(:hover:not([data-disabled],[data-disabled] .uw-CheckboxTile)) {
+      background-color: var(--color-cyan75);
+
+      --checkbox-tile-border-color: var(--checkbox-tile-border-color-hover);
+    }
+  }
+.uw-CheckboxTile:where([data-disabled],[data-disabled] .uw-CheckboxTile) {
+    --checkbox-tile-border-color: var(--checkbox-tile-border-color-disabled);
+  }
+.uw-CheckboxTile {
+
+  cursor: pointer;
+}
+.uw-CheckboxTile * {
+    cursor: pointer;
+  }
+.uw-CheckboxGridGroup .uw-CheckboxGridGroupRoot {
+    display: grid;
+    gap: 16px;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+  }
+.uw-Alert {
+  flex-direction: row;
+  gap: var(--space-100);
+  padding: var(--space-200);
+  border-radius: 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--alert-border-color);
+  background-color: var(--alert-background-color);
+  color: var(--alert-text-color);
+}
+.uw-Alert:where(:focus-visible) {
+    outline: none;
+    border-radius: 4px;
+    box-shadow: 0 0 0 2px var(--alert-focus-color);
+  }
+.uw-Alert  > :where(svg,[data-icon]) {
+    color: var(--alert-icon-color);
+  }
+.uw-Alert:where([data-colorscheme='cyan']) {
+    --alert-text-color: var(--color-cyan900);
+    --alert-background-color: var(--color-cyan50);
+    --alert-icon-color: var(--color-cyan700);
+    --alert-border-color: var(--color-cyan500);
+  }
+.uw-Alert:where([data-colorscheme='green']) {
+    --alert-text-color: var(--color-green900);
+    --alert-background-color: var(--color-green50);
+    --alert-icon-color: var(--color-green700);
+    --alert-border-color: var(--color-green500);
+  }
+.uw-Alert:where([data-colorscheme='gold']) {
+    --alert-text-color: var(--color-gold900);
+    --alert-background-color: var(--color-gold50);
+    --alert-icon-color: var(--color-gold700);
+    --alert-border-color: var(--color-gold500);
+  }
+.uw-Alert:where([data-colorscheme='red']) {
+    --alert-text-color: var(--color-red900);
+    --alert-background-color: var(--color-red50);
+    --alert-icon-color: var(--color-red700);
+    --alert-border-color: var(--color-red500);
+  }
+.uw-Alert .uw-IconButton {
+    height: auto;
+    width: auto;
+  }
+:is(.uw-Alert .uw-IconButton):where(:active) {
+      background-color: transparent;
+    }
+.uw-AlertLink {
+  font-weight: var(--font-weight-semibold);
+  color: var(--alert-link-color);
+  text-decoration-color: var(--alert-link-color);
+}
+.uw-AlertLink:where(:visited) {
+    color: var(--alert-link-color);
+    text-decoration-color: var(--alert-link-color); /* TODO: do we need this? */
+  }
+.uw-AlertLink:where([data-colorscheme='cyan'] .uw-AlertLink) {
+    --alert-link-color: var(--color-cyan700);
+    --alert-focus-color: var(--color-cyan700);
+  }
+.uw-AlertLink:where([data-colorscheme='green'] .uw-AlertLink) {
+    --alert-link-color: var(--color-green700);
+    --alert-focus-color: var(--color-green700);
+  }
+.uw-AlertLink:where([data-colorscheme='gold'] .uw-AlertLink) {
+    --alert-link-color: var(--color-gold700);
+    --alert-focus-color: var(--color-gold700);
+  }
+.uw-AlertLink:where([data-colorscheme='red'] .uw-AlertLink) {
+    --alert-link-color: var(--color-red700);
+    --alert-focus-color: var(--color-red700);
+  }
+.uw-AlertButton {
+  color: var(--alert-button-color);
+}
+@media (hover: hover) {
+    .uw-AlertButton:where(:hover) {
+      color: var(--alert-button-color-hover);
+    }
+  }
+.uw-AlertTitle {
+  color: var(--alert-text-color);
+}
+.uw-r-padding {
+  padding: var(--r-padding);
+}
+.uw-r-padding-0 {
+  padding: 0;
+}
+.uw-r-padding-25 {
+  padding: var(--space-25);
+}
+.uw-r-padding-50 {
+  padding: var(--space-50);
+}
+.uw-r-padding-75 {
+  padding: var(--space-75);
+}
+.uw-r-padding-100 {
+  padding: var(--space-100);
+}
+.uw-r-padding-150 {
+  padding: var(--space-150);
+}
+.uw-r-padding-200 {
+  padding: var(--space-200);
+}
+.uw-r-padding-250 {
+  padding: var(--space-250);
+}
+.uw-r-padding-300 {
+  padding: var(--space-300);
+}
+.uw-r-padding-350 {
+  padding: var(--space-350);
+}
+.uw-r-padding-400 {
+  padding: var(--space-400);
+}
+.uw-r-padding-500 {
+  padding: var(--space-500);
+}
+.uw-r-padding-600 {
+  padding: var(--space-600);
+}
+.uw-r-padding-700 {
+  padding: var(--space-700);
+}
+.uw-r-padding-800 {
+  padding: var(--space-800);
+}
+.uw-r-padding-900 {
+  padding: var(--space-900);
+}
+.uw-r-padding-1000 {
+  padding: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding {
+    padding: var(--r-padding-tablet);
+  }
+.tablet\:uw-r-padding-0 {
+    padding: 0;
+  }
+.tablet\:uw-r-padding-25 {
+    padding: var(--space-25);
+  }
+.tablet\:uw-r-padding-50 {
+    padding: var(--space-50);
+  }
+.tablet\:uw-r-padding-75 {
+    padding: var(--space-75);
+  }
+.tablet\:uw-r-padding-100 {
+    padding: var(--space-100);
+  }
+.tablet\:uw-r-padding-150 {
+    padding: var(--space-150);
+  }
+.tablet\:uw-r-padding-200 {
+    padding: var(--space-200);
+  }
+.tablet\:uw-r-padding-250 {
+    padding: var(--space-250);
+  }
+.tablet\:uw-r-padding-300 {
+    padding: var(--space-300);
+  }
+.tablet\:uw-r-padding-350 {
+    padding: var(--space-350);
+  }
+.tablet\:uw-r-padding-400 {
+    padding: var(--space-400);
+  }
+.tablet\:uw-r-padding-500 {
+    padding: var(--space-500);
+  }
+.tablet\:uw-r-padding-600 {
+    padding: var(--space-600);
+  }
+.tablet\:uw-r-padding-700 {
+    padding: var(--space-700);
+  }
+.tablet\:uw-r-padding-800 {
+    padding: var(--space-800);
+  }
+.tablet\:uw-r-padding-900 {
+    padding: var(--space-900);
+  }
+.tablet\:uw-r-padding-1000 {
+    padding: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding {
+    padding: var(--r-padding-desktop);
+  }
+.desktop\:uw-r-padding-0 {
+    padding: 0;
+  }
+.desktop\:uw-r-padding-25 {
+    padding: var(--space-25);
+  }
+.desktop\:uw-r-padding-50 {
+    padding: var(--space-50);
+  }
+.desktop\:uw-r-padding-75 {
+    padding: var(--space-75);
+  }
+.desktop\:uw-r-padding-100 {
+    padding: var(--space-100);
+  }
+.desktop\:uw-r-padding-150 {
+    padding: var(--space-150);
+  }
+.desktop\:uw-r-padding-200 {
+    padding: var(--space-200);
+  }
+.desktop\:uw-r-padding-250 {
+    padding: var(--space-250);
+  }
+.desktop\:uw-r-padding-300 {
+    padding: var(--space-300);
+  }
+.desktop\:uw-r-padding-350 {
+    padding: var(--space-350);
+  }
+.desktop\:uw-r-padding-400 {
+    padding: var(--space-400);
+  }
+.desktop\:uw-r-padding-500 {
+    padding: var(--space-500);
+  }
+.desktop\:uw-r-padding-600 {
+    padding: var(--space-600);
+  }
+.desktop\:uw-r-padding-700 {
+    padding: var(--space-700);
+  }
+.desktop\:uw-r-padding-800 {
+    padding: var(--space-800);
+  }
+.desktop\:uw-r-padding-900 {
+    padding: var(--space-900);
+  }
+.desktop\:uw-r-padding-1000 {
+    padding: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding {
+    padding: var(--r-padding-wide);
+  }
+.wide\:uw-r-padding-0 {
+    padding: 0;
+  }
+.wide\:uw-r-padding-25 {
+    padding: var(--space-25);
+  }
+.wide\:uw-r-padding-50 {
+    padding: var(--space-50);
+  }
+.wide\:uw-r-padding-75 {
+    padding: var(--space-75);
+  }
+.wide\:uw-r-padding-100 {
+    padding: var(--space-100);
+  }
+.wide\:uw-r-padding-150 {
+    padding: var(--space-150);
+  }
+.wide\:uw-r-padding-200 {
+    padding: var(--space-200);
+  }
+.wide\:uw-r-padding-250 {
+    padding: var(--space-250);
+  }
+.wide\:uw-r-padding-300 {
+    padding: var(--space-300);
+  }
+.wide\:uw-r-padding-350 {
+    padding: var(--space-350);
+  }
+.wide\:uw-r-padding-400 {
+    padding: var(--space-400);
+  }
+.wide\:uw-r-padding-500 {
+    padding: var(--space-500);
+  }
+.wide\:uw-r-padding-600 {
+    padding: var(--space-600);
+  }
+.wide\:uw-r-padding-700 {
+    padding: var(--space-700);
+  }
+.wide\:uw-r-padding-800 {
+    padding: var(--space-800);
+  }
+.wide\:uw-r-padding-900 {
+    padding: var(--space-900);
+  }
+.wide\:uw-r-padding-1000 {
+    padding: var(--space-1000);
+  }
+}
+.uw-r-padding-inline {
+  padding-inline: var(--r-padding-inline);
+}
+.uw-r-padding-inline-0 {
+  padding-inline: 0;
+}
+.uw-r-padding-inline-25 {
+  padding-inline: var(--space-25);
+}
+.uw-r-padding-inline-50 {
+  padding-inline: var(--space-50);
+}
+.uw-r-padding-inline-75 {
+  padding-inline: var(--space-75);
+}
+.uw-r-padding-inline-100 {
+  padding-inline: var(--space-100);
+}
+.uw-r-padding-inline-150 {
+  padding-inline: var(--space-150);
+}
+.uw-r-padding-inline-200 {
+  padding-inline: var(--space-200);
+}
+.uw-r-padding-inline-250 {
+  padding-inline: var(--space-250);
+}
+.uw-r-padding-inline-300 {
+  padding-inline: var(--space-300);
+}
+.uw-r-padding-inline-350 {
+  padding-inline: var(--space-350);
+}
+.uw-r-padding-inline-400 {
+  padding-inline: var(--space-400);
+}
+.uw-r-padding-inline-500 {
+  padding-inline: var(--space-500);
+}
+.uw-r-padding-inline-600 {
+  padding-inline: var(--space-600);
+}
+.uw-r-padding-inline-700 {
+  padding-inline: var(--space-700);
+}
+.uw-r-padding-inline-800 {
+  padding-inline: var(--space-800);
+}
+.uw-r-padding-inline-900 {
+  padding-inline: var(--space-900);
+}
+.uw-r-padding-inline-1000 {
+  padding-inline: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-inline {
+    padding-inline: var(--r-padding-inline-tablet);
+  }
+.tablet\:uw-r-padding-inline-0 {
+    padding-inline: 0;
+  }
+.tablet\:uw-r-padding-inline-25 {
+    padding-inline: var(--space-25);
+  }
+.tablet\:uw-r-padding-inline-50 {
+    padding-inline: var(--space-50);
+  }
+.tablet\:uw-r-padding-inline-75 {
+    padding-inline: var(--space-75);
+  }
+.tablet\:uw-r-padding-inline-100 {
+    padding-inline: var(--space-100);
+  }
+.tablet\:uw-r-padding-inline-150 {
+    padding-inline: var(--space-150);
+  }
+.tablet\:uw-r-padding-inline-200 {
+    padding-inline: var(--space-200);
+  }
+.tablet\:uw-r-padding-inline-250 {
+    padding-inline: var(--space-250);
+  }
+.tablet\:uw-r-padding-inline-300 {
+    padding-inline: var(--space-300);
+  }
+.tablet\:uw-r-padding-inline-350 {
+    padding-inline: var(--space-350);
+  }
+.tablet\:uw-r-padding-inline-400 {
+    padding-inline: var(--space-400);
+  }
+.tablet\:uw-r-padding-inline-500 {
+    padding-inline: var(--space-500);
+  }
+.tablet\:uw-r-padding-inline-600 {
+    padding-inline: var(--space-600);
+  }
+.tablet\:uw-r-padding-inline-700 {
+    padding-inline: var(--space-700);
+  }
+.tablet\:uw-r-padding-inline-800 {
+    padding-inline: var(--space-800);
+  }
+.tablet\:uw-r-padding-inline-900 {
+    padding-inline: var(--space-900);
+  }
+.tablet\:uw-r-padding-inline-1000 {
+    padding-inline: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-inline {
+    padding-inline: var(--r-padding-inline-desktop);
+  }
+.desktop\:uw-r-padding-inline-0 {
+    padding-inline: 0;
+  }
+.desktop\:uw-r-padding-inline-25 {
+    padding-inline: var(--space-25);
+  }
+.desktop\:uw-r-padding-inline-50 {
+    padding-inline: var(--space-50);
+  }
+.desktop\:uw-r-padding-inline-75 {
+    padding-inline: var(--space-75);
+  }
+.desktop\:uw-r-padding-inline-100 {
+    padding-inline: var(--space-100);
+  }
+.desktop\:uw-r-padding-inline-150 {
+    padding-inline: var(--space-150);
+  }
+.desktop\:uw-r-padding-inline-200 {
+    padding-inline: var(--space-200);
+  }
+.desktop\:uw-r-padding-inline-250 {
+    padding-inline: var(--space-250);
+  }
+.desktop\:uw-r-padding-inline-300 {
+    padding-inline: var(--space-300);
+  }
+.desktop\:uw-r-padding-inline-350 {
+    padding-inline: var(--space-350);
+  }
+.desktop\:uw-r-padding-inline-400 {
+    padding-inline: var(--space-400);
+  }
+.desktop\:uw-r-padding-inline-500 {
+    padding-inline: var(--space-500);
+  }
+.desktop\:uw-r-padding-inline-600 {
+    padding-inline: var(--space-600);
+  }
+.desktop\:uw-r-padding-inline-700 {
+    padding-inline: var(--space-700);
+  }
+.desktop\:uw-r-padding-inline-800 {
+    padding-inline: var(--space-800);
+  }
+.desktop\:uw-r-padding-inline-900 {
+    padding-inline: var(--space-900);
+  }
+.desktop\:uw-r-padding-inline-1000 {
+    padding-inline: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-inline {
+    padding-inline: var(--r-padding-inline-wide);
+  }
+.wide\:uw-r-padding-inline-0 {
+    padding-inline: 0;
+  }
+.wide\:uw-r-padding-inline-25 {
+    padding-inline: var(--space-25);
+  }
+.wide\:uw-r-padding-inline-50 {
+    padding-inline: var(--space-50);
+  }
+.wide\:uw-r-padding-inline-75 {
+    padding-inline: var(--space-75);
+  }
+.wide\:uw-r-padding-inline-100 {
+    padding-inline: var(--space-100);
+  }
+.wide\:uw-r-padding-inline-150 {
+    padding-inline: var(--space-150);
+  }
+.wide\:uw-r-padding-inline-200 {
+    padding-inline: var(--space-200);
+  }
+.wide\:uw-r-padding-inline-250 {
+    padding-inline: var(--space-250);
+  }
+.wide\:uw-r-padding-inline-300 {
+    padding-inline: var(--space-300);
+  }
+.wide\:uw-r-padding-inline-350 {
+    padding-inline: var(--space-350);
+  }
+.wide\:uw-r-padding-inline-400 {
+    padding-inline: var(--space-400);
+  }
+.wide\:uw-r-padding-inline-500 {
+    padding-inline: var(--space-500);
+  }
+.wide\:uw-r-padding-inline-600 {
+    padding-inline: var(--space-600);
+  }
+.wide\:uw-r-padding-inline-700 {
+    padding-inline: var(--space-700);
+  }
+.wide\:uw-r-padding-inline-800 {
+    padding-inline: var(--space-800);
+  }
+.wide\:uw-r-padding-inline-900 {
+    padding-inline: var(--space-900);
+  }
+.wide\:uw-r-padding-inline-1000 {
+    padding-inline: var(--space-1000);
+  }
+}
+.uw-r-padding-block {
+  padding-block: var(--r-padding-block);
+}
+.uw-r-padding-block-0 {
+  padding-block: 0;
+}
+.uw-r-padding-block-25 {
+  padding-block: var(--space-25);
+}
+.uw-r-padding-block-50 {
+  padding-block: var(--space-50);
+}
+.uw-r-padding-block-75 {
+  padding-block: var(--space-75);
+}
+.uw-r-padding-block-100 {
+  padding-block: var(--space-100);
+}
+.uw-r-padding-block-150 {
+  padding-block: var(--space-150);
+}
+.uw-r-padding-block-200 {
+  padding-block: var(--space-200);
+}
+.uw-r-padding-block-250 {
+  padding-block: var(--space-250);
+}
+.uw-r-padding-block-300 {
+  padding-block: var(--space-300);
+}
+.uw-r-padding-block-350 {
+  padding-block: var(--space-350);
+}
+.uw-r-padding-block-400 {
+  padding-block: var(--space-400);
+}
+.uw-r-padding-block-500 {
+  padding-block: var(--space-500);
+}
+.uw-r-padding-block-600 {
+  padding-block: var(--space-600);
+}
+.uw-r-padding-block-700 {
+  padding-block: var(--space-700);
+}
+.uw-r-padding-block-800 {
+  padding-block: var(--space-800);
+}
+.uw-r-padding-block-900 {
+  padding-block: var(--space-900);
+}
+.uw-r-padding-block-1000 {
+  padding-block: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-block {
+    padding-block: var(--r-padding-block-tablet);
+  }
+.tablet\:uw-r-padding-block-0 {
+    padding-block: 0;
+  }
+.tablet\:uw-r-padding-block-25 {
+    padding-block: var(--space-25);
+  }
+.tablet\:uw-r-padding-block-50 {
+    padding-block: var(--space-50);
+  }
+.tablet\:uw-r-padding-block-75 {
+    padding-block: var(--space-75);
+  }
+.tablet\:uw-r-padding-block-100 {
+    padding-block: var(--space-100);
+  }
+.tablet\:uw-r-padding-block-150 {
+    padding-block: var(--space-150);
+  }
+.tablet\:uw-r-padding-block-200 {
+    padding-block: var(--space-200);
+  }
+.tablet\:uw-r-padding-block-250 {
+    padding-block: var(--space-250);
+  }
+.tablet\:uw-r-padding-block-300 {
+    padding-block: var(--space-300);
+  }
+.tablet\:uw-r-padding-block-350 {
+    padding-block: var(--space-350);
+  }
+.tablet\:uw-r-padding-block-400 {
+    padding-block: var(--space-400);
+  }
+.tablet\:uw-r-padding-block-500 {
+    padding-block: var(--space-500);
+  }
+.tablet\:uw-r-padding-block-600 {
+    padding-block: var(--space-600);
+  }
+.tablet\:uw-r-padding-block-700 {
+    padding-block: var(--space-700);
+  }
+.tablet\:uw-r-padding-block-800 {
+    padding-block: var(--space-800);
+  }
+.tablet\:uw-r-padding-block-900 {
+    padding-block: var(--space-900);
+  }
+.tablet\:uw-r-padding-block-1000 {
+    padding-block: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-block {
+    padding-block: var(--r-padding-block-desktop);
+  }
+.desktop\:uw-r-padding-block-0 {
+    padding-block: 0;
+  }
+.desktop\:uw-r-padding-block-25 {
+    padding-block: var(--space-25);
+  }
+.desktop\:uw-r-padding-block-50 {
+    padding-block: var(--space-50);
+  }
+.desktop\:uw-r-padding-block-75 {
+    padding-block: var(--space-75);
+  }
+.desktop\:uw-r-padding-block-100 {
+    padding-block: var(--space-100);
+  }
+.desktop\:uw-r-padding-block-150 {
+    padding-block: var(--space-150);
+  }
+.desktop\:uw-r-padding-block-200 {
+    padding-block: var(--space-200);
+  }
+.desktop\:uw-r-padding-block-250 {
+    padding-block: var(--space-250);
+  }
+.desktop\:uw-r-padding-block-300 {
+    padding-block: var(--space-300);
+  }
+.desktop\:uw-r-padding-block-350 {
+    padding-block: var(--space-350);
+  }
+.desktop\:uw-r-padding-block-400 {
+    padding-block: var(--space-400);
+  }
+.desktop\:uw-r-padding-block-500 {
+    padding-block: var(--space-500);
+  }
+.desktop\:uw-r-padding-block-600 {
+    padding-block: var(--space-600);
+  }
+.desktop\:uw-r-padding-block-700 {
+    padding-block: var(--space-700);
+  }
+.desktop\:uw-r-padding-block-800 {
+    padding-block: var(--space-800);
+  }
+.desktop\:uw-r-padding-block-900 {
+    padding-block: var(--space-900);
+  }
+.desktop\:uw-r-padding-block-1000 {
+    padding-block: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-block {
+    padding-block: var(--r-padding-block-wide);
+  }
+.wide\:uw-r-padding-block-0 {
+    padding-block: 0;
+  }
+.wide\:uw-r-padding-block-25 {
+    padding-block: var(--space-25);
+  }
+.wide\:uw-r-padding-block-50 {
+    padding-block: var(--space-50);
+  }
+.wide\:uw-r-padding-block-75 {
+    padding-block: var(--space-75);
+  }
+.wide\:uw-r-padding-block-100 {
+    padding-block: var(--space-100);
+  }
+.wide\:uw-r-padding-block-150 {
+    padding-block: var(--space-150);
+  }
+.wide\:uw-r-padding-block-200 {
+    padding-block: var(--space-200);
+  }
+.wide\:uw-r-padding-block-250 {
+    padding-block: var(--space-250);
+  }
+.wide\:uw-r-padding-block-300 {
+    padding-block: var(--space-300);
+  }
+.wide\:uw-r-padding-block-350 {
+    padding-block: var(--space-350);
+  }
+.wide\:uw-r-padding-block-400 {
+    padding-block: var(--space-400);
+  }
+.wide\:uw-r-padding-block-500 {
+    padding-block: var(--space-500);
+  }
+.wide\:uw-r-padding-block-600 {
+    padding-block: var(--space-600);
+  }
+.wide\:uw-r-padding-block-700 {
+    padding-block: var(--space-700);
+  }
+.wide\:uw-r-padding-block-800 {
+    padding-block: var(--space-800);
+  }
+.wide\:uw-r-padding-block-900 {
+    padding-block: var(--space-900);
+  }
+.wide\:uw-r-padding-block-1000 {
+    padding-block: var(--space-1000);
+  }
+}
+.uw-r-padding-top {
+  padding-top: var(--r-padding-top);
+}
+.uw-r-padding-top-0 {
+  padding-top: 0;
+}
+.uw-r-padding-top-25 {
+  padding-top: var(--space-25);
+}
+.uw-r-padding-top-50 {
+  padding-top: var(--space-50);
+}
+.uw-r-padding-top-75 {
+  padding-top: var(--space-75);
+}
+.uw-r-padding-top-100 {
+  padding-top: var(--space-100);
+}
+.uw-r-padding-top-150 {
+  padding-top: var(--space-150);
+}
+.uw-r-padding-top-200 {
+  padding-top: var(--space-200);
+}
+.uw-r-padding-top-250 {
+  padding-top: var(--space-250);
+}
+.uw-r-padding-top-300 {
+  padding-top: var(--space-300);
+}
+.uw-r-padding-top-350 {
+  padding-top: var(--space-350);
+}
+.uw-r-padding-top-400 {
+  padding-top: var(--space-400);
+}
+.uw-r-padding-top-500 {
+  padding-top: var(--space-500);
+}
+.uw-r-padding-top-600 {
+  padding-top: var(--space-600);
+}
+.uw-r-padding-top-700 {
+  padding-top: var(--space-700);
+}
+.uw-r-padding-top-800 {
+  padding-top: var(--space-800);
+}
+.uw-r-padding-top-900 {
+  padding-top: var(--space-900);
+}
+.uw-r-padding-top-1000 {
+  padding-top: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-top {
+    padding-top: var(--r-padding-top-tablet);
+  }
+.tablet\:uw-r-padding-top-0 {
+    padding-top: 0;
+  }
+.tablet\:uw-r-padding-top-25 {
+    padding-top: var(--space-25);
+  }
+.tablet\:uw-r-padding-top-50 {
+    padding-top: var(--space-50);
+  }
+.tablet\:uw-r-padding-top-75 {
+    padding-top: var(--space-75);
+  }
+.tablet\:uw-r-padding-top-100 {
+    padding-top: var(--space-100);
+  }
+.tablet\:uw-r-padding-top-150 {
+    padding-top: var(--space-150);
+  }
+.tablet\:uw-r-padding-top-200 {
+    padding-top: var(--space-200);
+  }
+.tablet\:uw-r-padding-top-250 {
+    padding-top: var(--space-250);
+  }
+.tablet\:uw-r-padding-top-300 {
+    padding-top: var(--space-300);
+  }
+.tablet\:uw-r-padding-top-350 {
+    padding-top: var(--space-350);
+  }
+.tablet\:uw-r-padding-top-400 {
+    padding-top: var(--space-400);
+  }
+.tablet\:uw-r-padding-top-500 {
+    padding-top: var(--space-500);
+  }
+.tablet\:uw-r-padding-top-600 {
+    padding-top: var(--space-600);
+  }
+.tablet\:uw-r-padding-top-700 {
+    padding-top: var(--space-700);
+  }
+.tablet\:uw-r-padding-top-800 {
+    padding-top: var(--space-800);
+  }
+.tablet\:uw-r-padding-top-900 {
+    padding-top: var(--space-900);
+  }
+.tablet\:uw-r-padding-top-1000 {
+    padding-top: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-top {
+    padding-top: var(--r-padding-top-desktop);
+  }
+.desktop\:uw-r-padding-top-0 {
+    padding-top: 0;
+  }
+.desktop\:uw-r-padding-top-25 {
+    padding-top: var(--space-25);
+  }
+.desktop\:uw-r-padding-top-50 {
+    padding-top: var(--space-50);
+  }
+.desktop\:uw-r-padding-top-75 {
+    padding-top: var(--space-75);
+  }
+.desktop\:uw-r-padding-top-100 {
+    padding-top: var(--space-100);
+  }
+.desktop\:uw-r-padding-top-150 {
+    padding-top: var(--space-150);
+  }
+.desktop\:uw-r-padding-top-200 {
+    padding-top: var(--space-200);
+  }
+.desktop\:uw-r-padding-top-250 {
+    padding-top: var(--space-250);
+  }
+.desktop\:uw-r-padding-top-300 {
+    padding-top: var(--space-300);
+  }
+.desktop\:uw-r-padding-top-350 {
+    padding-top: var(--space-350);
+  }
+.desktop\:uw-r-padding-top-400 {
+    padding-top: var(--space-400);
+  }
+.desktop\:uw-r-padding-top-500 {
+    padding-top: var(--space-500);
+  }
+.desktop\:uw-r-padding-top-600 {
+    padding-top: var(--space-600);
+  }
+.desktop\:uw-r-padding-top-700 {
+    padding-top: var(--space-700);
+  }
+.desktop\:uw-r-padding-top-800 {
+    padding-top: var(--space-800);
+  }
+.desktop\:uw-r-padding-top-900 {
+    padding-top: var(--space-900);
+  }
+.desktop\:uw-r-padding-top-1000 {
+    padding-top: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-top {
+    padding-top: var(--r-padding-top-wide);
+  }
+.wide\:uw-r-padding-top-0 {
+    padding-top: 0;
+  }
+.wide\:uw-r-padding-top-25 {
+    padding-top: var(--space-25);
+  }
+.wide\:uw-r-padding-top-50 {
+    padding-top: var(--space-50);
+  }
+.wide\:uw-r-padding-top-75 {
+    padding-top: var(--space-75);
+  }
+.wide\:uw-r-padding-top-100 {
+    padding-top: var(--space-100);
+  }
+.wide\:uw-r-padding-top-150 {
+    padding-top: var(--space-150);
+  }
+.wide\:uw-r-padding-top-200 {
+    padding-top: var(--space-200);
+  }
+.wide\:uw-r-padding-top-250 {
+    padding-top: var(--space-250);
+  }
+.wide\:uw-r-padding-top-300 {
+    padding-top: var(--space-300);
+  }
+.wide\:uw-r-padding-top-350 {
+    padding-top: var(--space-350);
+  }
+.wide\:uw-r-padding-top-400 {
+    padding-top: var(--space-400);
+  }
+.wide\:uw-r-padding-top-500 {
+    padding-top: var(--space-500);
+  }
+.wide\:uw-r-padding-top-600 {
+    padding-top: var(--space-600);
+  }
+.wide\:uw-r-padding-top-700 {
+    padding-top: var(--space-700);
+  }
+.wide\:uw-r-padding-top-800 {
+    padding-top: var(--space-800);
+  }
+.wide\:uw-r-padding-top-900 {
+    padding-top: var(--space-900);
+  }
+.wide\:uw-r-padding-top-1000 {
+    padding-top: var(--space-1000);
+  }
+}
+.uw-r-padding-right {
+  padding-right: var(--r-padding-right);
+}
+.uw-r-padding-right-0 {
+  padding-right: 0;
+}
+.uw-r-padding-right-25 {
+  padding-right: var(--space-25);
+}
+.uw-r-padding-right-50 {
+  padding-right: var(--space-50);
+}
+.uw-r-padding-right-75 {
+  padding-right: var(--space-75);
+}
+.uw-r-padding-right-100 {
+  padding-right: var(--space-100);
+}
+.uw-r-padding-right-150 {
+  padding-right: var(--space-150);
+}
+.uw-r-padding-right-200 {
+  padding-right: var(--space-200);
+}
+.uw-r-padding-right-250 {
+  padding-right: var(--space-250);
+}
+.uw-r-padding-right-300 {
+  padding-right: var(--space-300);
+}
+.uw-r-padding-right-350 {
+  padding-right: var(--space-350);
+}
+.uw-r-padding-right-400 {
+  padding-right: var(--space-400);
+}
+.uw-r-padding-right-500 {
+  padding-right: var(--space-500);
+}
+.uw-r-padding-right-600 {
+  padding-right: var(--space-600);
+}
+.uw-r-padding-right-700 {
+  padding-right: var(--space-700);
+}
+.uw-r-padding-right-800 {
+  padding-right: var(--space-800);
+}
+.uw-r-padding-right-900 {
+  padding-right: var(--space-900);
+}
+.uw-r-padding-right-1000 {
+  padding-right: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-right {
+    padding-right: var(--r-padding-right-tablet);
+  }
+.tablet\:uw-r-padding-right-0 {
+    padding-right: 0;
+  }
+.tablet\:uw-r-padding-right-25 {
+    padding-right: var(--space-25);
+  }
+.tablet\:uw-r-padding-right-50 {
+    padding-right: var(--space-50);
+  }
+.tablet\:uw-r-padding-right-75 {
+    padding-right: var(--space-75);
+  }
+.tablet\:uw-r-padding-right-100 {
+    padding-right: var(--space-100);
+  }
+.tablet\:uw-r-padding-right-150 {
+    padding-right: var(--space-150);
+  }
+.tablet\:uw-r-padding-right-200 {
+    padding-right: var(--space-200);
+  }
+.tablet\:uw-r-padding-right-250 {
+    padding-right: var(--space-250);
+  }
+.tablet\:uw-r-padding-right-300 {
+    padding-right: var(--space-300);
+  }
+.tablet\:uw-r-padding-right-350 {
+    padding-right: var(--space-350);
+  }
+.tablet\:uw-r-padding-right-400 {
+    padding-right: var(--space-400);
+  }
+.tablet\:uw-r-padding-right-500 {
+    padding-right: var(--space-500);
+  }
+.tablet\:uw-r-padding-right-600 {
+    padding-right: var(--space-600);
+  }
+.tablet\:uw-r-padding-right-700 {
+    padding-right: var(--space-700);
+  }
+.tablet\:uw-r-padding-right-800 {
+    padding-right: var(--space-800);
+  }
+.tablet\:uw-r-padding-right-900 {
+    padding-right: var(--space-900);
+  }
+.tablet\:uw-r-padding-right-1000 {
+    padding-right: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-right {
+    padding-right: var(--r-padding-right-desktop);
+  }
+.desktop\:uw-r-padding-right-0 {
+    padding-right: 0;
+  }
+.desktop\:uw-r-padding-right-25 {
+    padding-right: var(--space-25);
+  }
+.desktop\:uw-r-padding-right-50 {
+    padding-right: var(--space-50);
+  }
+.desktop\:uw-r-padding-right-75 {
+    padding-right: var(--space-75);
+  }
+.desktop\:uw-r-padding-right-100 {
+    padding-right: var(--space-100);
+  }
+.desktop\:uw-r-padding-right-150 {
+    padding-right: var(--space-150);
+  }
+.desktop\:uw-r-padding-right-200 {
+    padding-right: var(--space-200);
+  }
+.desktop\:uw-r-padding-right-250 {
+    padding-right: var(--space-250);
+  }
+.desktop\:uw-r-padding-right-300 {
+    padding-right: var(--space-300);
+  }
+.desktop\:uw-r-padding-right-350 {
+    padding-right: var(--space-350);
+  }
+.desktop\:uw-r-padding-right-400 {
+    padding-right: var(--space-400);
+  }
+.desktop\:uw-r-padding-right-500 {
+    padding-right: var(--space-500);
+  }
+.desktop\:uw-r-padding-right-600 {
+    padding-right: var(--space-600);
+  }
+.desktop\:uw-r-padding-right-700 {
+    padding-right: var(--space-700);
+  }
+.desktop\:uw-r-padding-right-800 {
+    padding-right: var(--space-800);
+  }
+.desktop\:uw-r-padding-right-900 {
+    padding-right: var(--space-900);
+  }
+.desktop\:uw-r-padding-right-1000 {
+    padding-right: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-right {
+    padding-right: var(--r-padding-right-wide);
+  }
+.wide\:uw-r-padding-right-0 {
+    padding-right: 0;
+  }
+.wide\:uw-r-padding-right-25 {
+    padding-right: var(--space-25);
+  }
+.wide\:uw-r-padding-right-50 {
+    padding-right: var(--space-50);
+  }
+.wide\:uw-r-padding-right-75 {
+    padding-right: var(--space-75);
+  }
+.wide\:uw-r-padding-right-100 {
+    padding-right: var(--space-100);
+  }
+.wide\:uw-r-padding-right-150 {
+    padding-right: var(--space-150);
+  }
+.wide\:uw-r-padding-right-200 {
+    padding-right: var(--space-200);
+  }
+.wide\:uw-r-padding-right-250 {
+    padding-right: var(--space-250);
+  }
+.wide\:uw-r-padding-right-300 {
+    padding-right: var(--space-300);
+  }
+.wide\:uw-r-padding-right-350 {
+    padding-right: var(--space-350);
+  }
+.wide\:uw-r-padding-right-400 {
+    padding-right: var(--space-400);
+  }
+.wide\:uw-r-padding-right-500 {
+    padding-right: var(--space-500);
+  }
+.wide\:uw-r-padding-right-600 {
+    padding-right: var(--space-600);
+  }
+.wide\:uw-r-padding-right-700 {
+    padding-right: var(--space-700);
+  }
+.wide\:uw-r-padding-right-800 {
+    padding-right: var(--space-800);
+  }
+.wide\:uw-r-padding-right-900 {
+    padding-right: var(--space-900);
+  }
+.wide\:uw-r-padding-right-1000 {
+    padding-right: var(--space-1000);
+  }
+}
+.uw-r-padding-bottom {
+  padding-bottom: var(--r-padding-bottom);
+}
+.uw-r-padding-bottom-0 {
+  padding-bottom: 0;
+}
+.uw-r-padding-bottom-25 {
+  padding-bottom: var(--space-25);
+}
+.uw-r-padding-bottom-50 {
+  padding-bottom: var(--space-50);
+}
+.uw-r-padding-bottom-75 {
+  padding-bottom: var(--space-75);
+}
+.uw-r-padding-bottom-100 {
+  padding-bottom: var(--space-100);
+}
+.uw-r-padding-bottom-150 {
+  padding-bottom: var(--space-150);
+}
+.uw-r-padding-bottom-200 {
+  padding-bottom: var(--space-200);
+}
+.uw-r-padding-bottom-250 {
+  padding-bottom: var(--space-250);
+}
+.uw-r-padding-bottom-300 {
+  padding-bottom: var(--space-300);
+}
+.uw-r-padding-bottom-350 {
+  padding-bottom: var(--space-350);
+}
+.uw-r-padding-bottom-400 {
+  padding-bottom: var(--space-400);
+}
+.uw-r-padding-bottom-500 {
+  padding-bottom: var(--space-500);
+}
+.uw-r-padding-bottom-600 {
+  padding-bottom: var(--space-600);
+}
+.uw-r-padding-bottom-700 {
+  padding-bottom: var(--space-700);
+}
+.uw-r-padding-bottom-800 {
+  padding-bottom: var(--space-800);
+}
+.uw-r-padding-bottom-900 {
+  padding-bottom: var(--space-900);
+}
+.uw-r-padding-bottom-1000 {
+  padding-bottom: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-bottom {
+    padding-bottom: var(--r-padding-bottom-tablet);
+  }
+.tablet\:uw-r-padding-bottom-0 {
+    padding-bottom: 0;
+  }
+.tablet\:uw-r-padding-bottom-25 {
+    padding-bottom: var(--space-25);
+  }
+.tablet\:uw-r-padding-bottom-50 {
+    padding-bottom: var(--space-50);
+  }
+.tablet\:uw-r-padding-bottom-75 {
+    padding-bottom: var(--space-75);
+  }
+.tablet\:uw-r-padding-bottom-100 {
+    padding-bottom: var(--space-100);
+  }
+.tablet\:uw-r-padding-bottom-150 {
+    padding-bottom: var(--space-150);
+  }
+.tablet\:uw-r-padding-bottom-200 {
+    padding-bottom: var(--space-200);
+  }
+.tablet\:uw-r-padding-bottom-250 {
+    padding-bottom: var(--space-250);
+  }
+.tablet\:uw-r-padding-bottom-300 {
+    padding-bottom: var(--space-300);
+  }
+.tablet\:uw-r-padding-bottom-350 {
+    padding-bottom: var(--space-350);
+  }
+.tablet\:uw-r-padding-bottom-400 {
+    padding-bottom: var(--space-400);
+  }
+.tablet\:uw-r-padding-bottom-500 {
+    padding-bottom: var(--space-500);
+  }
+.tablet\:uw-r-padding-bottom-600 {
+    padding-bottom: var(--space-600);
+  }
+.tablet\:uw-r-padding-bottom-700 {
+    padding-bottom: var(--space-700);
+  }
+.tablet\:uw-r-padding-bottom-800 {
+    padding-bottom: var(--space-800);
+  }
+.tablet\:uw-r-padding-bottom-900 {
+    padding-bottom: var(--space-900);
+  }
+.tablet\:uw-r-padding-bottom-1000 {
+    padding-bottom: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-bottom {
+    padding-bottom: var(--r-padding-bottom-desktop);
+  }
+.desktop\:uw-r-padding-bottom-0 {
+    padding-bottom: 0;
+  }
+.desktop\:uw-r-padding-bottom-25 {
+    padding-bottom: var(--space-25);
+  }
+.desktop\:uw-r-padding-bottom-50 {
+    padding-bottom: var(--space-50);
+  }
+.desktop\:uw-r-padding-bottom-75 {
+    padding-bottom: var(--space-75);
+  }
+.desktop\:uw-r-padding-bottom-100 {
+    padding-bottom: var(--space-100);
+  }
+.desktop\:uw-r-padding-bottom-150 {
+    padding-bottom: var(--space-150);
+  }
+.desktop\:uw-r-padding-bottom-200 {
+    padding-bottom: var(--space-200);
+  }
+.desktop\:uw-r-padding-bottom-250 {
+    padding-bottom: var(--space-250);
+  }
+.desktop\:uw-r-padding-bottom-300 {
+    padding-bottom: var(--space-300);
+  }
+.desktop\:uw-r-padding-bottom-350 {
+    padding-bottom: var(--space-350);
+  }
+.desktop\:uw-r-padding-bottom-400 {
+    padding-bottom: var(--space-400);
+  }
+.desktop\:uw-r-padding-bottom-500 {
+    padding-bottom: var(--space-500);
+  }
+.desktop\:uw-r-padding-bottom-600 {
+    padding-bottom: var(--space-600);
+  }
+.desktop\:uw-r-padding-bottom-700 {
+    padding-bottom: var(--space-700);
+  }
+.desktop\:uw-r-padding-bottom-800 {
+    padding-bottom: var(--space-800);
+  }
+.desktop\:uw-r-padding-bottom-900 {
+    padding-bottom: var(--space-900);
+  }
+.desktop\:uw-r-padding-bottom-1000 {
+    padding-bottom: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-bottom {
+    padding-bottom: var(--r-padding-bottom-wide);
+  }
+.wide\:uw-r-padding-bottom-0 {
+    padding-bottom: 0;
+  }
+.wide\:uw-r-padding-bottom-25 {
+    padding-bottom: var(--space-25);
+  }
+.wide\:uw-r-padding-bottom-50 {
+    padding-bottom: var(--space-50);
+  }
+.wide\:uw-r-padding-bottom-75 {
+    padding-bottom: var(--space-75);
+  }
+.wide\:uw-r-padding-bottom-100 {
+    padding-bottom: var(--space-100);
+  }
+.wide\:uw-r-padding-bottom-150 {
+    padding-bottom: var(--space-150);
+  }
+.wide\:uw-r-padding-bottom-200 {
+    padding-bottom: var(--space-200);
+  }
+.wide\:uw-r-padding-bottom-250 {
+    padding-bottom: var(--space-250);
+  }
+.wide\:uw-r-padding-bottom-300 {
+    padding-bottom: var(--space-300);
+  }
+.wide\:uw-r-padding-bottom-350 {
+    padding-bottom: var(--space-350);
+  }
+.wide\:uw-r-padding-bottom-400 {
+    padding-bottom: var(--space-400);
+  }
+.wide\:uw-r-padding-bottom-500 {
+    padding-bottom: var(--space-500);
+  }
+.wide\:uw-r-padding-bottom-600 {
+    padding-bottom: var(--space-600);
+  }
+.wide\:uw-r-padding-bottom-700 {
+    padding-bottom: var(--space-700);
+  }
+.wide\:uw-r-padding-bottom-800 {
+    padding-bottom: var(--space-800);
+  }
+.wide\:uw-r-padding-bottom-900 {
+    padding-bottom: var(--space-900);
+  }
+.wide\:uw-r-padding-bottom-1000 {
+    padding-bottom: var(--space-1000);
+  }
+}
+.uw-r-padding-left {
+  padding-left: var(--r-padding-left);
+}
+.uw-r-padding-left-0 {
+  padding-left: 0;
+}
+.uw-r-padding-left-25 {
+  padding-left: var(--space-25);
+}
+.uw-r-padding-left-50 {
+  padding-left: var(--space-50);
+}
+.uw-r-padding-left-75 {
+  padding-left: var(--space-75);
+}
+.uw-r-padding-left-100 {
+  padding-left: var(--space-100);
+}
+.uw-r-padding-left-150 {
+  padding-left: var(--space-150);
+}
+.uw-r-padding-left-200 {
+  padding-left: var(--space-200);
+}
+.uw-r-padding-left-250 {
+  padding-left: var(--space-250);
+}
+.uw-r-padding-left-300 {
+  padding-left: var(--space-300);
+}
+.uw-r-padding-left-350 {
+  padding-left: var(--space-350);
+}
+.uw-r-padding-left-400 {
+  padding-left: var(--space-400);
+}
+.uw-r-padding-left-500 {
+  padding-left: var(--space-500);
+}
+.uw-r-padding-left-600 {
+  padding-left: var(--space-600);
+}
+.uw-r-padding-left-700 {
+  padding-left: var(--space-700);
+}
+.uw-r-padding-left-800 {
+  padding-left: var(--space-800);
+}
+.uw-r-padding-left-900 {
+  padding-left: var(--space-900);
+}
+.uw-r-padding-left-1000 {
+  padding-left: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-padding-left {
+    padding-left: var(--r-padding-left-tablet);
+  }
+.tablet\:uw-r-padding-left-0 {
+    padding-left: 0;
+  }
+.tablet\:uw-r-padding-left-25 {
+    padding-left: var(--space-25);
+  }
+.tablet\:uw-r-padding-left-50 {
+    padding-left: var(--space-50);
+  }
+.tablet\:uw-r-padding-left-75 {
+    padding-left: var(--space-75);
+  }
+.tablet\:uw-r-padding-left-100 {
+    padding-left: var(--space-100);
+  }
+.tablet\:uw-r-padding-left-150 {
+    padding-left: var(--space-150);
+  }
+.tablet\:uw-r-padding-left-200 {
+    padding-left: var(--space-200);
+  }
+.tablet\:uw-r-padding-left-250 {
+    padding-left: var(--space-250);
+  }
+.tablet\:uw-r-padding-left-300 {
+    padding-left: var(--space-300);
+  }
+.tablet\:uw-r-padding-left-350 {
+    padding-left: var(--space-350);
+  }
+.tablet\:uw-r-padding-left-400 {
+    padding-left: var(--space-400);
+  }
+.tablet\:uw-r-padding-left-500 {
+    padding-left: var(--space-500);
+  }
+.tablet\:uw-r-padding-left-600 {
+    padding-left: var(--space-600);
+  }
+.tablet\:uw-r-padding-left-700 {
+    padding-left: var(--space-700);
+  }
+.tablet\:uw-r-padding-left-800 {
+    padding-left: var(--space-800);
+  }
+.tablet\:uw-r-padding-left-900 {
+    padding-left: var(--space-900);
+  }
+.tablet\:uw-r-padding-left-1000 {
+    padding-left: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-padding-left {
+    padding-left: var(--r-padding-left-desktop);
+  }
+.desktop\:uw-r-padding-left-0 {
+    padding-left: 0;
+  }
+.desktop\:uw-r-padding-left-25 {
+    padding-left: var(--space-25);
+  }
+.desktop\:uw-r-padding-left-50 {
+    padding-left: var(--space-50);
+  }
+.desktop\:uw-r-padding-left-75 {
+    padding-left: var(--space-75);
+  }
+.desktop\:uw-r-padding-left-100 {
+    padding-left: var(--space-100);
+  }
+.desktop\:uw-r-padding-left-150 {
+    padding-left: var(--space-150);
+  }
+.desktop\:uw-r-padding-left-200 {
+    padding-left: var(--space-200);
+  }
+.desktop\:uw-r-padding-left-250 {
+    padding-left: var(--space-250);
+  }
+.desktop\:uw-r-padding-left-300 {
+    padding-left: var(--space-300);
+  }
+.desktop\:uw-r-padding-left-350 {
+    padding-left: var(--space-350);
+  }
+.desktop\:uw-r-padding-left-400 {
+    padding-left: var(--space-400);
+  }
+.desktop\:uw-r-padding-left-500 {
+    padding-left: var(--space-500);
+  }
+.desktop\:uw-r-padding-left-600 {
+    padding-left: var(--space-600);
+  }
+.desktop\:uw-r-padding-left-700 {
+    padding-left: var(--space-700);
+  }
+.desktop\:uw-r-padding-left-800 {
+    padding-left: var(--space-800);
+  }
+.desktop\:uw-r-padding-left-900 {
+    padding-left: var(--space-900);
+  }
+.desktop\:uw-r-padding-left-1000 {
+    padding-left: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-padding-left {
+    padding-left: var(--r-padding-left-wide);
+  }
+.wide\:uw-r-padding-left-0 {
+    padding-left: 0;
+  }
+.wide\:uw-r-padding-left-25 {
+    padding-left: var(--space-25);
+  }
+.wide\:uw-r-padding-left-50 {
+    padding-left: var(--space-50);
+  }
+.wide\:uw-r-padding-left-75 {
+    padding-left: var(--space-75);
+  }
+.wide\:uw-r-padding-left-100 {
+    padding-left: var(--space-100);
+  }
+.wide\:uw-r-padding-left-150 {
+    padding-left: var(--space-150);
+  }
+.wide\:uw-r-padding-left-200 {
+    padding-left: var(--space-200);
+  }
+.wide\:uw-r-padding-left-250 {
+    padding-left: var(--space-250);
+  }
+.wide\:uw-r-padding-left-300 {
+    padding-left: var(--space-300);
+  }
+.wide\:uw-r-padding-left-350 {
+    padding-left: var(--space-350);
+  }
+.wide\:uw-r-padding-left-400 {
+    padding-left: var(--space-400);
+  }
+.wide\:uw-r-padding-left-500 {
+    padding-left: var(--space-500);
+  }
+.wide\:uw-r-padding-left-600 {
+    padding-left: var(--space-600);
+  }
+.wide\:uw-r-padding-left-700 {
+    padding-left: var(--space-700);
+  }
+.wide\:uw-r-padding-left-800 {
+    padding-left: var(--space-800);
+  }
+.wide\:uw-r-padding-left-900 {
+    padding-left: var(--space-900);
+  }
+.wide\:uw-r-padding-left-1000 {
+    padding-left: var(--space-1000);
+  }
+}
+:where(.uw-r-text-align-left) {
+  text-align: left;
+}
+:where(.uw-r-text-align-center) {
+  text-align: center;
+}
+:where(.uw-r-text-align-right) {
+  text-align: right;
+}
+@media (min-width: 740px) {
+:where(.tablet\:uw-r-text-align-left) {
+    text-align: left;
+  }
+:where(.tablet\:uw-r-text-align-center) {
+    text-align: center;
+  }
+:where(.tablet\:uw-r-text-align-right) {
+    text-align: right;
+  }
+}
+@media (min-width: 992px) {
+:where(.desktop\:uw-r-text-align-left) {
+    text-align: left;
+  }
+:where(.desktop\:uw-r-text-align-center) {
+    text-align: center;
+  }
+:where(.desktop\:uw-r-text-align-right) {
+    text-align: right;
+  }
+}
+@media (min-width: 1200px) {
+:where(.wide\:uw-r-text-align-left) {
+    text-align: left;
+  }
+:where(.wide\:uw-r-text-align-center) {
+    text-align: center;
+  }
+:where(.wide\:uw-r-text-align-right) {
+    text-align: right;
+  }
+}
+.uw-r-weight-regular {
+  font-weight: var(--font-weight-regular);
+}
+.uw-r-weight-medium {
+  font-weight: var(--font-weight-medium);
+}
+.uw-r-weight-semibold {
+  font-weight: var(--font-weight-semibold);
+}
+.uw-r-weight-bold {
+  font-weight: var(--font-weight-bold);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-weight-regular {
+    font-weight: var(--font-weight-regular);
+  }
+.tablet\:uw-r-weight-medium {
+    font-weight: var(--font-weight-medium);
+  }
+.tablet\:uw-r-weight-semibold {
+    font-weight: var(--font-weight-semibold);
+  }
+.tablet\:uw-r-weight-bold {
+    font-weight: var(--font-weight-bold);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-weight-regular {
+    font-weight: var(--font-weight-regular);
+  }
+.desktop\:uw-r-weight-medium {
+    font-weight: var(--font-weight-medium);
+  }
+.desktop\:uw-r-weight-semibold {
+    font-weight: var(--font-weight-semibold);
+  }
+.desktop\:uw-r-weight-bold {
+    font-weight: var(--font-weight-bold);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-weight-regular {
+    font-weight: var(--font-weight-regular);
+  }
+.wide\:uw-r-weight-medium {
+    font-weight: var(--font-weight-medium);
+  }
+.wide\:uw-r-weight-semibold {
+    font-weight: var(--font-weight-semibold);
+  }
+.wide\:uw-r-weight-bold {
+    font-weight: var(--font-weight-bold);
+  }
+}
+.uw-r-display-block {
+  display: block;
+}
+.uw-r-display-inline {
+  display: inline;
+}
+.uw-r-display-inline-block {
+  display: inline-block;
+}
+.uw-r-display-flex {
+  display: flex;
+}
+.uw-r-display-inline-flex {
+  display: inline-flex;
+}
+.uw-r-display-grid {
+  display: grid;
+}
+.uw-r-display-inline-grid {
+  display: inline-grid;
+}
+.uw-r-display-none {
+  display: none;
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-display-block {
+    display: block;
+  }
+.tablet\:uw-r-display-inline {
+    display: inline;
+  }
+.tablet\:uw-r-display-inline-block {
+    display: inline-block;
+  }
+.tablet\:uw-r-display-flex {
+    display: flex;
+  }
+.tablet\:uw-r-display-inline-flex {
+    display: inline-flex;
+  }
+.tablet\:uw-r-display-grid {
+    display: grid;
+  }
+.tablet\:uw-r-display-inline-grid {
+    display: inline-grid;
+  }
+.tablet\:uw-r-display-none {
+    display: none;
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-display-block {
+    display: block;
+  }
+.desktop\:uw-r-display-inline {
+    display: inline;
+  }
+.desktop\:uw-r-display-inline-block {
+    display: inline-block;
+  }
+.desktop\:uw-r-display-flex {
+    display: flex;
+  }
+.desktop\:uw-r-display-inline-flex {
+    display: inline-flex;
+  }
+.desktop\:uw-r-display-grid {
+    display: grid;
+  }
+.desktop\:uw-r-display-inline-grid {
+    display: inline-grid;
+  }
+.desktop\:uw-r-display-none {
+    display: none;
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-display-block {
+    display: block;
+  }
+.wide\:uw-r-display-inline {
+    display: inline;
+  }
+.wide\:uw-r-display-inline-block {
+    display: inline-block;
+  }
+.wide\:uw-r-display-flex {
+    display: flex;
+  }
+.wide\:uw-r-display-inline-flex {
+    display: inline-flex;
+  }
+.wide\:uw-r-display-grid {
+    display: grid;
+  }
+.wide\:uw-r-display-inline-grid {
+    display: inline-grid;
+  }
+.wide\:uw-r-display-none {
+    display: none;
+  }
+}
+.uw-r-flex-direction-row {
+  flex-direction: row;
+}
+.uw-r-flex-direction-column {
+  flex-direction: column;
+}
+.uw-r-flex-direction-row-reverse {
+  flex-direction: row-reverse;
+}
+.uw-r-flex-direction-column-reverse {
+  flex-direction: column-reverse;
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-flex-direction-row {
+    flex-direction: row;
+  }
+.tablet\:uw-r-flex-direction-column {
+    flex-direction: column;
+  }
+.tablet\:uw-r-flex-direction-row-reverse {
+    flex-direction: row-reverse;
+  }
+.tablet\:uw-r-flex-direction-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-flex-direction-row {
+    flex-direction: row;
+  }
+.desktop\:uw-r-flex-direction-column {
+    flex-direction: column;
+  }
+.desktop\:uw-r-flex-direction-row-reverse {
+    flex-direction: row-reverse;
+  }
+.desktop\:uw-r-flex-direction-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-flex-direction-row {
+    flex-direction: row;
+  }
+.wide\:uw-r-flex-direction-column {
+    flex-direction: column;
+  }
+.wide\:uw-r-flex-direction-row-reverse {
+    flex-direction: row-reverse;
+  }
+.wide\:uw-r-flex-direction-column-reverse {
+    flex-direction: column-reverse;
+  }
+}
+.uw-r-gap {
+  gap: var(--r-gap);
+}
+.uw-r-gap-0 {
+  gap: 0;
+}
+.uw-r-gap-25 {
+  gap: var(--space-25);
+}
+.uw-r-gap-50 {
+  gap: var(--space-50);
+}
+.uw-r-gap-75 {
+  gap: var(--space-75);
+}
+.uw-r-gap-100 {
+  gap: var(--space-100);
+}
+.uw-r-gap-150 {
+  gap: var(--space-150);
+}
+.uw-r-gap-200 {
+  gap: var(--space-200);
+}
+.uw-r-gap-250 {
+  gap: var(--space-250);
+}
+.uw-r-gap-300 {
+  gap: var(--space-300);
+}
+.uw-r-gap-350 {
+  gap: var(--space-350);
+}
+.uw-r-gap-400 {
+  gap: var(--space-400);
+}
+.uw-r-gap-500 {
+  gap: var(--space-500);
+}
+.uw-r-gap-600 {
+  gap: var(--space-600);
+}
+.uw-r-gap-700 {
+  gap: var(--space-700);
+}
+.uw-r-gap-800 {
+  gap: var(--space-800);
+}
+.uw-r-gap-900 {
+  gap: var(--space-900);
+}
+.uw-r-gap-1000 {
+  gap: var(--space-1000);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-gap {
+    gap: var(--r-gap-tablet);
+  }
+.tablet\:uw-r-gap-0 {
+    gap: 0;
+  }
+.tablet\:uw-r-gap-25 {
+    gap: var(--space-25);
+  }
+.tablet\:uw-r-gap-50 {
+    gap: var(--space-50);
+  }
+.tablet\:uw-r-gap-75 {
+    gap: var(--space-75);
+  }
+.tablet\:uw-r-gap-100 {
+    gap: var(--space-100);
+  }
+.tablet\:uw-r-gap-150 {
+    gap: var(--space-150);
+  }
+.tablet\:uw-r-gap-200 {
+    gap: var(--space-200);
+  }
+.tablet\:uw-r-gap-250 {
+    gap: var(--space-250);
+  }
+.tablet\:uw-r-gap-300 {
+    gap: var(--space-300);
+  }
+.tablet\:uw-r-gap-350 {
+    gap: var(--space-350);
+  }
+.tablet\:uw-r-gap-400 {
+    gap: var(--space-400);
+  }
+.tablet\:uw-r-gap-500 {
+    gap: var(--space-500);
+  }
+.tablet\:uw-r-gap-600 {
+    gap: var(--space-600);
+  }
+.tablet\:uw-r-gap-700 {
+    gap: var(--space-700);
+  }
+.tablet\:uw-r-gap-800 {
+    gap: var(--space-800);
+  }
+.tablet\:uw-r-gap-900 {
+    gap: var(--space-900);
+  }
+.tablet\:uw-r-gap-1000 {
+    gap: var(--space-1000);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-gap {
+    gap: var(--r-gap-desktop);
+  }
+.desktop\:uw-r-gap-0 {
+    gap: 0;
+  }
+.desktop\:uw-r-gap-25 {
+    gap: var(--space-25);
+  }
+.desktop\:uw-r-gap-50 {
+    gap: var(--space-50);
+  }
+.desktop\:uw-r-gap-75 {
+    gap: var(--space-75);
+  }
+.desktop\:uw-r-gap-100 {
+    gap: var(--space-100);
+  }
+.desktop\:uw-r-gap-150 {
+    gap: var(--space-150);
+  }
+.desktop\:uw-r-gap-200 {
+    gap: var(--space-200);
+  }
+.desktop\:uw-r-gap-250 {
+    gap: var(--space-250);
+  }
+.desktop\:uw-r-gap-300 {
+    gap: var(--space-300);
+  }
+.desktop\:uw-r-gap-350 {
+    gap: var(--space-350);
+  }
+.desktop\:uw-r-gap-400 {
+    gap: var(--space-400);
+  }
+.desktop\:uw-r-gap-500 {
+    gap: var(--space-500);
+  }
+.desktop\:uw-r-gap-600 {
+    gap: var(--space-600);
+  }
+.desktop\:uw-r-gap-700 {
+    gap: var(--space-700);
+  }
+.desktop\:uw-r-gap-800 {
+    gap: var(--space-800);
+  }
+.desktop\:uw-r-gap-900 {
+    gap: var(--space-900);
+  }
+.desktop\:uw-r-gap-1000 {
+    gap: var(--space-1000);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-gap {
+    gap: var(--r-gap-wide);
+  }
+.wide\:uw-r-gap-0 {
+    gap: 0;
+  }
+.wide\:uw-r-gap-25 {
+    gap: var(--space-25);
+  }
+.wide\:uw-r-gap-50 {
+    gap: var(--space-50);
+  }
+.wide\:uw-r-gap-75 {
+    gap: var(--space-75);
+  }
+.wide\:uw-r-gap-100 {
+    gap: var(--space-100);
+  }
+.wide\:uw-r-gap-150 {
+    gap: var(--space-150);
+  }
+.wide\:uw-r-gap-200 {
+    gap: var(--space-200);
+  }
+.wide\:uw-r-gap-250 {
+    gap: var(--space-250);
+  }
+.wide\:uw-r-gap-300 {
+    gap: var(--space-300);
+  }
+.wide\:uw-r-gap-350 {
+    gap: var(--space-350);
+  }
+.wide\:uw-r-gap-400 {
+    gap: var(--space-400);
+  }
+.wide\:uw-r-gap-500 {
+    gap: var(--space-500);
+  }
+.wide\:uw-r-gap-600 {
+    gap: var(--space-600);
+  }
+.wide\:uw-r-gap-700 {
+    gap: var(--space-700);
+  }
+.wide\:uw-r-gap-800 {
+    gap: var(--space-800);
+  }
+.wide\:uw-r-gap-900 {
+    gap: var(--space-900);
+  }
+.wide\:uw-r-gap-1000 {
+    gap: var(--space-1000);
+  }
+}
+.uw-color {
+  color: var(--color);
+}
+.uw-background-color {
+  background-color: var(--background-color);
+}
+.uw-r-align-items-start {
+  align-items: flex-start;
+}
+.uw-r-align-items-center {
+  align-items: center;
+}
+.uw-r-align-items-end {
+  align-items: flex-end;
+}
+.uw-r-align-items-baseline {
+  align-items: baseline;
+}
+.uw-r-align-items-stretch {
+  align-items: stretch;
+}
+.uw-r-align-items-space-between {
+  align-items: space-between;
+}
+.uw-r-align-items-space-around {
+  align-items: space-between;
+}
+.uw-r-align-items-space-evenly {
+  align-items: space-between;
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-align-items-start {
+    align-items: flex-start;
+  }
+.tablet\:uw-r-align-items-center {
+    align-items: center;
+  }
+.tablet\:uw-r-align-items-end {
+    align-items: flex-end;
+  }
+.tablet\:uw-r-align-items-baseline {
+    align-items: baseline;
+  }
+.tablet\:uw-r-align-items-stretch {
+    align-items: stretch;
+  }
+.tablet\:uw-r-align-items-space-between {
+    align-items: space-between;
+  }
+.tablet\:uw-r-align-items-space-around {
+    align-items: space-between;
+  }
+.tablet\:uw-r-align-items-space-evenly {
+    align-items: space-between;
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-align-items-start {
+    align-items: flex-start;
+  }
+.desktop\:uw-r-align-items-center {
+    align-items: center;
+  }
+.desktop\:uw-r-align-items-end {
+    align-items: flex-end;
+  }
+.desktop\:uw-r-align-items-baseline {
+    align-items: baseline;
+  }
+.desktop\:uw-r-align-items-stretch {
+    align-items: stretch;
+  }
+.desktop\:uw-r-align-items-space-between {
+    align-items: space-between;
+  }
+.desktop\:uw-r-align-items-space-around {
+    align-items: space-between;
+  }
+.desktop\:uw-r-align-items-space-evenly {
+    align-items: space-between;
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-align-items-start {
+    align-items: flex-start;
+  }
+.wide\:uw-r-align-items-center {
+    align-items: center;
+  }
+.wide\:uw-r-align-items-end {
+    align-items: flex-end;
+  }
+.wide\:uw-r-align-items-baseline {
+    align-items: baseline;
+  }
+.wide\:uw-r-align-items-stretch {
+    align-items: stretch;
+  }
+.wide\:uw-r-align-items-space-between {
+    align-items: space-between;
+  }
+.wide\:uw-r-align-items-space-around {
+    align-items: space-between;
+  }
+.wide\:uw-r-align-items-space-evenly {
+    align-items: space-between;
+  }
+}
+.uw-r-justify-content-start {
+  justify-content: flex-start;
+}
+.uw-r-justify-content-center {
+  justify-content: center;
+}
+.uw-r-justify-content-end {
+  justify-content: flex-end;
+}
+.uw-r-justify-content-baseline {
+  justify-content: baseline;
+}
+.uw-r-justify-content-stretch {
+  justify-content: stretch;
+}
+.uw-r-justify-content-space-between {
+  justify-content: space-between;
+}
+.uw-r-justify-content-space-around {
+  justify-content: space-around;
+}
+.uw-r-justify-content-space-evenly {
+  justify-content: space-evenly;
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-justify-content-start {
+    justify-content: flex-start;
+  }
+.tablet\:uw-r-justify-content-center {
+    justify-content: center;
+  }
+.tablet\:uw-r-justify-content-end {
+    justify-content: flex-end;
+  }
+.tablet\:uw-r-justify-content-baseline {
+    justify-content: baseline;
+  }
+.tablet\:uw-r-justify-content-stretch {
+    justify-content: stretch;
+  }
+.tablet\:uw-r-justify-content-space-between {
+    justify-content: space-between;
+  }
+.tablet\:uw-r-justify-content-space-around {
+    justify-content: space-around;
+  }
+.tablet\:uw-r-justify-content-space-evenly {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-justify-content-start {
+    justify-content: flex-start;
+  }
+.desktop\:uw-r-justify-content-center {
+    justify-content: center;
+  }
+.desktop\:uw-r-justify-content-end {
+    justify-content: flex-end;
+  }
+.desktop\:uw-r-justify-content-baseline {
+    justify-content: baseline;
+  }
+.desktop\:uw-r-justify-content-stretch {
+    justify-content: stretch;
+  }
+.desktop\:uw-r-justify-content-space-between {
+    justify-content: space-between;
+  }
+.desktop\:uw-r-justify-content-space-around {
+    justify-content: space-around;
+  }
+.desktop\:uw-r-justify-content-space-evenly {
+    justify-content: space-evenly;
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-justify-content-start {
+    justify-content: flex-start;
+  }
+.wide\:uw-r-justify-content-center {
+    justify-content: center;
+  }
+.wide\:uw-r-justify-content-end {
+    justify-content: flex-end;
+  }
+.wide\:uw-r-justify-content-baseline {
+    justify-content: baseline;
+  }
+.wide\:uw-r-justify-content-stretch {
+    justify-content: stretch;
+  }
+.wide\:uw-r-justify-content-space-between {
+    justify-content: space-between;
+  }
+.wide\:uw-r-justify-content-space-around {
+    justify-content: space-around;
+  }
+.wide\:uw-r-justify-content-space-evenly {
+    justify-content: space-evenly;
+  }
+}
+:where([data-disable-user-select]) {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.uw-r-width {
+  width: var(--r-width);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-width {
+    width: var(--r-width-tablet);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-width {
+    width: var(--r-width-desktop);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-width {
+    width: var(--r-width-wide);
+  }
+}
+.uw-r-height {
+  height: var(--r-height);
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-height {
+    height: var(--r-height-tablet);
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-height {
+    height: var(--r-height-desktop);
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-height {
+    height: var(--r-height-wide);
+  }
+}
+.uw-r-columns {
+  grid-template-columns: repeat(var(--r-columns), minmax(10px, 1fr));
+}
+@media (min-width: 740px) {
+.tablet\:uw-r-columns {
+    grid-template-columns: repeat(var(--r-columns-tablet), minmax(10px, 1fr));
+  }
+}
+@media (min-width: 992px) {
+.desktop\:uw-r-columns {
+    grid-template-columns: repeat(var(--r-columns-desktop), minmax(10px, 1fr));
+  }
+}
+@media (min-width: 1200px) {
+.wide\:uw-r-columns {
+    grid-template-columns: repeat(var(--r-columns-wide), minmax(10px, 1fr));
+  }
+}