Moody Style Guide

Text Size Classes

.ut-text-xs (12px)
.ut-text-sm (14px)
.ut-text-base (16px)
.ut-text-lg (18px)
.ut-text-xl (20px)
.ut-text-2xl (24px)
.ut-text-3xl (30px)
.ut-text-4xl (36px)
.ut-text-5xl (48px)

Text Weight Classes

.ut-font-weight-light
.ut-font-weight-normal
.ut-font-weight-medium
.ut-font-weight-semibold
.ut-font-weight-bold
.ut-font-weight-black

Text Color Classes

.text-ut-black
.text-ut-charcoal
.text-ut-white
.text-ut-burntorange
.text-ut-limestone
.text-ut-moody-gray

Background Color Classes

.bg-ut-black
.bg-ut-white
.bg-ut-burntorange
.bg-ut-limestone
.bg-ut-moody-gray
.utexas-bg-f9fafb
.utexas-bg-e6ebed
.utexas-bg-c4cdd4
.utexas-bg-7d8a92
.utexas-bg-5e686e
.utexas-bg-3e4549
.utexas-bg-9d4700
.utexas-bg-ebeced
.utexas-bg-c2c5c8
.utexas-bg-858c91
.utexas-bg-1f262b
.utexas-bg-fbfbf9
.utexas-bg-f2f1ed
.utexas-bg-e6e4dc
.utexas-bg-aba89e
.utexas-bg-807e76
.utexas-bg-56544e

HTML Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a paragraph of text to demonstrate the paragraph styling.

This is a link
  • List item 1
  • List item 2
  • List item 3
  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
Header 1Header 2
Data 1Data 2

Input Label:  

This is a blockquote used to indicate the quotation of a large section of text from another source.

Preformatted text block to preserve both spaces and line breaks.
Code element to display inline code snippets.
Sample Image

Padding Utility Class Showcase

All-around Padding

.ut-p-1
.ut-p-2
.ut-p-4
.ut-p-8
.ut-p-16

Padding Top

.ut-pt-1
.ut-pt-2
.ut-pt-4
.ut-pt-8
.ut-pt-16

Padding Bottom

.ut-pb-1
.ut-pb-2
.ut-pb-4
.ut-pb-8
.ut-pb-16

Padding Left

.ut-pl-1
.ut-pl-2
.ut-pl-4
.ut-pl-8
.ut-pl-16

Padding Right

.ut-pr-1
.ut-pr-2
.ut-pr-4
.ut-pr-8
.ut-pr-16

Responsive Padding

.md:ut-p-4
.lg:ut-p-8
.xl:ut-p-16

Margin Utility Class Showcase

All-around Margin

.ut-m-1
.ut-m-2
.ut-m-4
.ut-m-8
.ut-m-16

Margin Top

.ut-mt-1
.ut-mt-2
.ut-mt-4
.ut-mt-8
.ut-mt-16

Margin Bottom

.ut-mb-1
.ut-mb-2
.ut-mb-4
.ut-mb-8
.ut-mb-16

Margin Left

.ut-ml-1
.ut-ml-2
.ut-ml-4
.ut-ml-8
.ut-ml-16

Margin Right

.ut-mr-1
.ut-mr-2
.ut-mr-4
.ut-mr-8
.ut-mr-16

Responsive Margin

.md:ut-m-4
.lg:ut-m-8
.xl:ut-m-16
A table headerTable header 2
Test 1Test 2
Test 3Test 4


 

A table header with ut-fit-tableTable header 2
Test 1Test 2
Test 3Test 4

Moody responsive utilities

This reference is generated from the same catalog as the CSS and AI allowlist. It supplements existing theme utilities; it does not require a Hero or Card Builder block on the page.

Use only documented Moody utilities. Base classes apply at every viewport; sm: starts at 576px, md: 768px, lg: 992px, xl: 1200px, mobile-first and cascading upward. Use a base value plus breakpoint overrides. Do not confuse viewport widths with Hero/Card Builder container queries (tablet 600px, desktop 900px).

Layout: ut-display-{block,inline-block,flex,inline-flex,grid,none}, ut-cols-{1..6}, ut-split-{halves,thirds,one-two,two-one,one-three,three-one}, ut-flex-{row,column,wrap,nowrap}, ut-items-{start,center,end,stretch}, ut-justify-{start,center,end,between,around}, ut-self-{start,center,end,stretch,auto}, ut-text-{left,center,right,start,end}.

Sizing: ut-w-{auto,full,half,third,two-thirds,quarter,three-quarters}, ut-min-w-0, ut-h-{auto,full}, ut-measure-{narrow,standard,wide,none}. Spacing: ut-{p,pt,pr,pb,pl,px,py,m,mt,mr,mb,ml,mx,my}-{0..32}, each step .25rem; margins also accept auto. Gap: ut-gap-{0,1,2,3,4,6,8,12,16}.

Media: ut-object-{cover,contain,fill,none}, ut-object-{left,center,right}-{top,center,bottom}, ut-aspect-{square,landscape,wide,portrait,auto}. Use on the actual image, not a drupal-media wrapper; use the managed Media settings if the image is nested.

Type: ut-text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl}, ut-font-weight-{light,normal,medium,semibold,bold,black}, ut-font-{sans,serif}. Surfaces: ut-surface-{white,paper,charcoal,orange}; approved foreground/background pairs. Square corners only. Do not generate retired teal/bright palette classes or rounded-corner options.

Position: ut-position-{static,relative,absolute,sticky}, ut-{top,right,bottom,left,inset}-{0,half,auto}, ut-translate-{center,none}, ut-layer-{0,1,2}. Prefer grid/flex for text; absolute text can overlap at zoom. Do not hide essential content or change visual reading order. Never use positioning to obscure navigation. Use Hero/Card Builder for managed responsive media and editable structured content; their internal mhb-/mcb- classes are not standalone utilities. All listed utilities support the viewport prefixes. No inline CSS needed.

Recipes

Responsive card grid

First card

Card copy.

Second card

Card copy.

Third card

Card copy.

<div class="ut-display-grid ut-cols-1 md:ut-cols-2 lg:ut-cols-3 ut-gap-6"><article class="ut-surface-paper ut-p-6"><h3>First card</h3><p>Card copy.</p></article><article class="ut-surface-paper ut-p-6"><h3>Second card</h3><p>Card copy.</p></article><article class="ut-surface-paper ut-p-6"><h3>Third card</h3><p>Card copy.</p></article></div>

Stack on mobile, split on desktop

Heading

Introductory copy.

Explore our site
<div class="ut-display-grid ut-cols-1 lg:ut-split-halves ut-gap-6 ut-items-center"><div><h3>Heading</h3><p>Introductory copy.</p></div><div class="ut-text-start lg:ut-text-end"><a class="ut-cta-link" href="/">Explore our site</a></div></div>

Reading width and responsive spacing

Readable text

A centered, bounded reading width with comfortable padding.

<div class="ut-measure-standard ut-mx-auto ut-p-4 md:ut-p-8"><h3>Readable text</h3><p>A centered, bounded reading width with comfortable padding.</p></div>

Hero-like content panel

A clear introduction

Use Hero Builder for interactive media, overlays and managed buttons.

<section class="ut-surface-charcoal ut-p-6 lg:ut-p-12"><div class="ut-measure-standard ut-ml-auto"><h3 class="ut-text-2xl lg:ut-text-4xl">A clear introduction</h3><p>Use Hero Builder for interactive media, overlays and managed buttons.</p></div></section>
Exact class reference

Every base class below supports sm:, md:, lg:, and xl:. Later breakpoints override earlier values regardless of class order in HTML. Use one value per property per breakpoint. Padding is inside an element; margin is outside; gap belongs on its flex/grid parent. Percentage heights require a parent with a defined height. Hidden content is also hidden from assistive technology.

Utility declarations
Base classCSS
ut-display-blockdisplay:block
ut-display-inline-blockdisplay:inline-block
ut-display-flexdisplay:flex
ut-display-inline-flexdisplay:inline-flex
ut-display-griddisplay:grid
ut-display-nonedisplay:none
ut-flex-rowflex-direction:row
ut-flex-columnflex-direction:column
ut-flex-wrapflex-wrap:wrap
ut-flex-nowrapflex-wrap:nowrap
ut-items-startalign-items:flex-start
ut-items-centeralign-items:center
ut-items-endalign-items:flex-end
ut-items-stretchalign-items:stretch
ut-justify-startjustify-content:flex-start
ut-justify-centerjustify-content:center
ut-justify-endjustify-content:flex-end
ut-justify-betweenjustify-content:space-between
ut-justify-aroundjustify-content:space-around
ut-self-startalign-self:start
ut-self-centeralign-self:center
ut-self-endalign-self:end
ut-self-stretchalign-self:stretch
ut-self-autoalign-self:auto
ut-text-lefttext-align:left
ut-text-centertext-align:center
ut-text-righttext-align:right
ut-text-starttext-align:start
ut-text-endtext-align:end
ut-cols-1grid-template-columns:repeat(1,minmax(0,1fr))
ut-cols-2grid-template-columns:repeat(2,minmax(0,1fr))
ut-cols-3grid-template-columns:repeat(3,minmax(0,1fr))
ut-cols-4grid-template-columns:repeat(4,minmax(0,1fr))
ut-cols-5grid-template-columns:repeat(5,minmax(0,1fr))
ut-cols-6grid-template-columns:repeat(6,minmax(0,1fr))
ut-split-halvesgrid-template-columns:minmax(0,1fr) minmax(0,1fr)
ut-split-thirdsgrid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)
ut-split-one-twogrid-template-columns:minmax(0,1fr) minmax(0,2fr)
ut-split-two-onegrid-template-columns:minmax(0,2fr) minmax(0,1fr)
ut-split-one-threegrid-template-columns:minmax(0,1fr) minmax(0,3fr)
ut-split-three-onegrid-template-columns:minmax(0,3fr) minmax(0,1fr)
ut-w-autowidth:auto;max-width:100%
ut-w-fullwidth:100%;max-width:100%
ut-w-halfwidth:50%;max-width:100%
ut-w-thirdwidth:33.333333%;max-width:100%
ut-w-two-thirdswidth:66.666667%;max-width:100%
ut-w-quarterwidth:25%;max-width:100%
ut-w-three-quarterswidth:75%;max-width:100%
ut-min-w-0min-width:0
ut-h-fullheight:100%
ut-h-autoheight:auto
ut-measure-narrowmax-width:45ch
ut-measure-standardmax-width:65ch
ut-measure-widemax-width:80ch
ut-measure-nonemax-width:none
ut-position-staticposition:static
ut-position-relativeposition:relative
ut-position-absoluteposition:absolute
ut-position-stickyposition:sticky
ut-top-0top:0
ut-top-halftop:50%
ut-top-autotop:auto
ut-right-0right:0
ut-right-halfright:50%
ut-right-autoright:auto
ut-bottom-0bottom:0
ut-bottom-halfbottom:50%
ut-bottom-autobottom:auto
ut-left-0left:0
ut-left-halfleft:50%
ut-left-autoleft:auto
ut-inset-0inset:0
ut-inset-halfinset:50%
ut-inset-autoinset:auto
ut-translate-centertransform:translate(-50%,-50%)
ut-translate-nonetransform:none
ut-object-coverobject-fit:cover
ut-object-containobject-fit:contain
ut-object-fillobject-fit:fill
ut-object-noneobject-fit:none
ut-object-left-topobject-position:left top
ut-object-left-centerobject-position:left center
ut-object-left-bottomobject-position:left bottom
ut-object-center-topobject-position:center top
ut-object-center-centerobject-position:center center
ut-object-center-bottomobject-position:center bottom
ut-object-right-topobject-position:right top
ut-object-right-centerobject-position:right center
ut-object-right-bottomobject-position:right bottom
ut-aspect-squareaspect-ratio:1 / 1
ut-aspect-landscapeaspect-ratio:4 / 3
ut-aspect-wideaspect-ratio:16 / 9
ut-aspect-portraitaspect-ratio:3 / 4
ut-aspect-autoaspect-ratio:auto
ut-overflow-visibleoverflow:visible
ut-overflow-hiddenoverflow:hidden
ut-overflow-autooverflow:auto
ut-layer-0z-index:0
ut-layer-1z-index:1
ut-layer-2z-index:2
ut-p-0padding:0rem
ut-p-1padding:0.25rem
ut-p-2padding:0.5rem
ut-p-3padding:0.75rem
ut-p-4padding:1rem
ut-p-5padding:1.25rem
ut-p-6padding:1.5rem
ut-p-7padding:1.75rem
ut-p-8padding:2rem
ut-p-9padding:2.25rem
ut-p-10padding:2.5rem
ut-p-11padding:2.75rem
ut-p-12padding:3rem
ut-p-13padding:3.25rem
ut-p-14padding:3.5rem
ut-p-15padding:3.75rem
ut-p-16padding:4rem
ut-p-17padding:4.25rem
ut-p-18padding:4.5rem
ut-p-19padding:4.75rem
ut-p-20padding:5rem
ut-p-21padding:5.25rem
ut-p-22padding:5.5rem
ut-p-23padding:5.75rem
ut-p-24padding:6rem
ut-p-25padding:6.25rem
ut-p-26padding:6.5rem
ut-p-27padding:6.75rem
ut-p-28padding:7rem
ut-p-29padding:7.25rem
ut-p-30padding:7.5rem
ut-p-31padding:7.75rem
ut-p-32padding:8rem
ut-m-0margin:0rem
ut-m-1margin:0.25rem
ut-m-2margin:0.5rem
ut-m-3margin:0.75rem
ut-m-4margin:1rem
ut-m-5margin:1.25rem
ut-m-6margin:1.5rem
ut-m-7margin:1.75rem
ut-m-8margin:2rem
ut-m-9margin:2.25rem
ut-m-10margin:2.5rem
ut-m-11margin:2.75rem
ut-m-12margin:3rem
ut-m-13margin:3.25rem
ut-m-14margin:3.5rem
ut-m-15margin:3.75rem
ut-m-16margin:4rem
ut-m-17margin:4.25rem
ut-m-18margin:4.5rem
ut-m-19margin:4.75rem
ut-m-20margin:5rem
ut-m-21margin:5.25rem
ut-m-22margin:5.5rem
ut-m-23margin:5.75rem
ut-m-24margin:6rem
ut-m-25margin:6.25rem
ut-m-26margin:6.5rem
ut-m-27margin:6.75rem
ut-m-28margin:7rem
ut-m-29margin:7.25rem
ut-m-30margin:7.5rem
ut-m-31margin:7.75rem
ut-m-32margin:8rem
ut-m-automargin:auto
ut-pt-0padding-top:0rem
ut-pt-1padding-top:0.25rem
ut-pt-2padding-top:0.5rem
ut-pt-3padding-top:0.75rem
ut-pt-4padding-top:1rem
ut-pt-5padding-top:1.25rem
ut-pt-6padding-top:1.5rem
ut-pt-7padding-top:1.75rem
ut-pt-8padding-top:2rem
ut-pt-9padding-top:2.25rem
ut-pt-10padding-top:2.5rem
ut-pt-11padding-top:2.75rem
ut-pt-12padding-top:3rem
ut-pt-13padding-top:3.25rem
ut-pt-14padding-top:3.5rem
ut-pt-15padding-top:3.75rem
ut-pt-16padding-top:4rem
ut-pt-17padding-top:4.25rem
ut-pt-18padding-top:4.5rem
ut-pt-19padding-top:4.75rem
ut-pt-20padding-top:5rem
ut-pt-21padding-top:5.25rem
ut-pt-22padding-top:5.5rem
ut-pt-23padding-top:5.75rem
ut-pt-24padding-top:6rem
ut-pt-25padding-top:6.25rem
ut-pt-26padding-top:6.5rem
ut-pt-27padding-top:6.75rem
ut-pt-28padding-top:7rem
ut-pt-29padding-top:7.25rem
ut-pt-30padding-top:7.5rem
ut-pt-31padding-top:7.75rem
ut-pt-32padding-top:8rem
ut-mt-0margin-top:0rem
ut-mt-1margin-top:0.25rem
ut-mt-2margin-top:0.5rem
ut-mt-3margin-top:0.75rem
ut-mt-4margin-top:1rem
ut-mt-5margin-top:1.25rem
ut-mt-6margin-top:1.5rem
ut-mt-7margin-top:1.75rem
ut-mt-8margin-top:2rem
ut-mt-9margin-top:2.25rem
ut-mt-10margin-top:2.5rem
ut-mt-11margin-top:2.75rem
ut-mt-12margin-top:3rem
ut-mt-13margin-top:3.25rem
ut-mt-14margin-top:3.5rem
ut-mt-15margin-top:3.75rem
ut-mt-16margin-top:4rem
ut-mt-17margin-top:4.25rem
ut-mt-18margin-top:4.5rem
ut-mt-19margin-top:4.75rem
ut-mt-20margin-top:5rem
ut-mt-21margin-top:5.25rem
ut-mt-22margin-top:5.5rem
ut-mt-23margin-top:5.75rem
ut-mt-24margin-top:6rem
ut-mt-25margin-top:6.25rem
ut-mt-26margin-top:6.5rem
ut-mt-27margin-top:6.75rem
ut-mt-28margin-top:7rem
ut-mt-29margin-top:7.25rem
ut-mt-30margin-top:7.5rem
ut-mt-31margin-top:7.75rem
ut-mt-32margin-top:8rem
ut-mt-automargin-top:auto
ut-pr-0padding-right:0rem
ut-pr-1padding-right:0.25rem
ut-pr-2padding-right:0.5rem
ut-pr-3padding-right:0.75rem
ut-pr-4padding-right:1rem
ut-pr-5padding-right:1.25rem
ut-pr-6padding-right:1.5rem
ut-pr-7padding-right:1.75rem
ut-pr-8padding-right:2rem
ut-pr-9padding-right:2.25rem
ut-pr-10padding-right:2.5rem
ut-pr-11padding-right:2.75rem
ut-pr-12padding-right:3rem
ut-pr-13padding-right:3.25rem
ut-pr-14padding-right:3.5rem
ut-pr-15padding-right:3.75rem
ut-pr-16padding-right:4rem
ut-pr-17padding-right:4.25rem
ut-pr-18padding-right:4.5rem
ut-pr-19padding-right:4.75rem
ut-pr-20padding-right:5rem
ut-pr-21padding-right:5.25rem
ut-pr-22padding-right:5.5rem
ut-pr-23padding-right:5.75rem
ut-pr-24padding-right:6rem
ut-pr-25padding-right:6.25rem
ut-pr-26padding-right:6.5rem
ut-pr-27padding-right:6.75rem
ut-pr-28padding-right:7rem
ut-pr-29padding-right:7.25rem
ut-pr-30padding-right:7.5rem
ut-pr-31padding-right:7.75rem
ut-pr-32padding-right:8rem
ut-mr-0margin-right:0rem
ut-mr-1margin-right:0.25rem
ut-mr-2margin-right:0.5rem
ut-mr-3margin-right:0.75rem
ut-mr-4margin-right:1rem
ut-mr-5margin-right:1.25rem
ut-mr-6margin-right:1.5rem
ut-mr-7margin-right:1.75rem
ut-mr-8margin-right:2rem
ut-mr-9margin-right:2.25rem
ut-mr-10margin-right:2.5rem
ut-mr-11margin-right:2.75rem
ut-mr-12margin-right:3rem
ut-mr-13margin-right:3.25rem
ut-mr-14margin-right:3.5rem
ut-mr-15margin-right:3.75rem
ut-mr-16margin-right:4rem
ut-mr-17margin-right:4.25rem
ut-mr-18margin-right:4.5rem
ut-mr-19margin-right:4.75rem
ut-mr-20margin-right:5rem
ut-mr-21margin-right:5.25rem
ut-mr-22margin-right:5.5rem
ut-mr-23margin-right:5.75rem
ut-mr-24margin-right:6rem
ut-mr-25margin-right:6.25rem
ut-mr-26margin-right:6.5rem
ut-mr-27margin-right:6.75rem
ut-mr-28margin-right:7rem
ut-mr-29margin-right:7.25rem
ut-mr-30margin-right:7.5rem
ut-mr-31margin-right:7.75rem
ut-mr-32margin-right:8rem
ut-mr-automargin-right:auto
ut-pb-0padding-bottom:0rem
ut-pb-1padding-bottom:0.25rem
ut-pb-2padding-bottom:0.5rem
ut-pb-3padding-bottom:0.75rem
ut-pb-4padding-bottom:1rem
ut-pb-5padding-bottom:1.25rem
ut-pb-6padding-bottom:1.5rem
ut-pb-7padding-bottom:1.75rem
ut-pb-8padding-bottom:2rem
ut-pb-9padding-bottom:2.25rem
ut-pb-10padding-bottom:2.5rem
ut-pb-11padding-bottom:2.75rem
ut-pb-12padding-bottom:3rem
ut-pb-13padding-bottom:3.25rem
ut-pb-14padding-bottom:3.5rem
ut-pb-15padding-bottom:3.75rem
ut-pb-16padding-bottom:4rem
ut-pb-17padding-bottom:4.25rem
ut-pb-18padding-bottom:4.5rem
ut-pb-19padding-bottom:4.75rem
ut-pb-20padding-bottom:5rem
ut-pb-21padding-bottom:5.25rem
ut-pb-22padding-bottom:5.5rem
ut-pb-23padding-bottom:5.75rem
ut-pb-24padding-bottom:6rem
ut-pb-25padding-bottom:6.25rem
ut-pb-26padding-bottom:6.5rem
ut-pb-27padding-bottom:6.75rem
ut-pb-28padding-bottom:7rem
ut-pb-29padding-bottom:7.25rem
ut-pb-30padding-bottom:7.5rem
ut-pb-31padding-bottom:7.75rem
ut-pb-32padding-bottom:8rem
ut-mb-0margin-bottom:0rem
ut-mb-1margin-bottom:0.25rem
ut-mb-2margin-bottom:0.5rem
ut-mb-3margin-bottom:0.75rem
ut-mb-4margin-bottom:1rem
ut-mb-5margin-bottom:1.25rem
ut-mb-6margin-bottom:1.5rem
ut-mb-7margin-bottom:1.75rem
ut-mb-8margin-bottom:2rem
ut-mb-9margin-bottom:2.25rem
ut-mb-10margin-bottom:2.5rem
ut-mb-11margin-bottom:2.75rem
ut-mb-12margin-bottom:3rem
ut-mb-13margin-bottom:3.25rem
ut-mb-14margin-bottom:3.5rem
ut-mb-15margin-bottom:3.75rem
ut-mb-16margin-bottom:4rem
ut-mb-17margin-bottom:4.25rem
ut-mb-18margin-bottom:4.5rem
ut-mb-19margin-bottom:4.75rem
ut-mb-20margin-bottom:5rem
ut-mb-21margin-bottom:5.25rem
ut-mb-22margin-bottom:5.5rem
ut-mb-23margin-bottom:5.75rem
ut-mb-24margin-bottom:6rem
ut-mb-25margin-bottom:6.25rem
ut-mb-26margin-bottom:6.5rem
ut-mb-27margin-bottom:6.75rem
ut-mb-28margin-bottom:7rem
ut-mb-29margin-bottom:7.25rem
ut-mb-30margin-bottom:7.5rem
ut-mb-31margin-bottom:7.75rem
ut-mb-32margin-bottom:8rem
ut-mb-automargin-bottom:auto
ut-pl-0padding-left:0rem
ut-pl-1padding-left:0.25rem
ut-pl-2padding-left:0.5rem
ut-pl-3padding-left:0.75rem
ut-pl-4padding-left:1rem
ut-pl-5padding-left:1.25rem
ut-pl-6padding-left:1.5rem
ut-pl-7padding-left:1.75rem
ut-pl-8padding-left:2rem
ut-pl-9padding-left:2.25rem
ut-pl-10padding-left:2.5rem
ut-pl-11padding-left:2.75rem
ut-pl-12padding-left:3rem
ut-pl-13padding-left:3.25rem
ut-pl-14padding-left:3.5rem
ut-pl-15padding-left:3.75rem
ut-pl-16padding-left:4rem
ut-pl-17padding-left:4.25rem
ut-pl-18padding-left:4.5rem
ut-pl-19padding-left:4.75rem
ut-pl-20padding-left:5rem
ut-pl-21padding-left:5.25rem
ut-pl-22padding-left:5.5rem
ut-pl-23padding-left:5.75rem
ut-pl-24padding-left:6rem
ut-pl-25padding-left:6.25rem
ut-pl-26padding-left:6.5rem
ut-pl-27padding-left:6.75rem
ut-pl-28padding-left:7rem
ut-pl-29padding-left:7.25rem
ut-pl-30padding-left:7.5rem
ut-pl-31padding-left:7.75rem
ut-pl-32padding-left:8rem
ut-ml-0margin-left:0rem
ut-ml-1margin-left:0.25rem
ut-ml-2margin-left:0.5rem
ut-ml-3margin-left:0.75rem
ut-ml-4margin-left:1rem
ut-ml-5margin-left:1.25rem
ut-ml-6margin-left:1.5rem
ut-ml-7margin-left:1.75rem
ut-ml-8margin-left:2rem
ut-ml-9margin-left:2.25rem
ut-ml-10margin-left:2.5rem
ut-ml-11margin-left:2.75rem
ut-ml-12margin-left:3rem
ut-ml-13margin-left:3.25rem
ut-ml-14margin-left:3.5rem
ut-ml-15margin-left:3.75rem
ut-ml-16margin-left:4rem
ut-ml-17margin-left:4.25rem
ut-ml-18margin-left:4.5rem
ut-ml-19margin-left:4.75rem
ut-ml-20margin-left:5rem
ut-ml-21margin-left:5.25rem
ut-ml-22margin-left:5.5rem
ut-ml-23margin-left:5.75rem
ut-ml-24margin-left:6rem
ut-ml-25margin-left:6.25rem
ut-ml-26margin-left:6.5rem
ut-ml-27margin-left:6.75rem
ut-ml-28margin-left:7rem
ut-ml-29margin-left:7.25rem
ut-ml-30margin-left:7.5rem
ut-ml-31margin-left:7.75rem
ut-ml-32margin-left:8rem
ut-ml-automargin-left:auto
ut-px-0padding-left:0rem;padding-right:0rem
ut-px-1padding-left:0.25rem;padding-right:0.25rem
ut-px-2padding-left:0.5rem;padding-right:0.5rem
ut-px-3padding-left:0.75rem;padding-right:0.75rem
ut-px-4padding-left:1rem;padding-right:1rem
ut-px-5padding-left:1.25rem;padding-right:1.25rem
ut-px-6padding-left:1.5rem;padding-right:1.5rem
ut-px-7padding-left:1.75rem;padding-right:1.75rem
ut-px-8padding-left:2rem;padding-right:2rem
ut-px-9padding-left:2.25rem;padding-right:2.25rem
ut-px-10padding-left:2.5rem;padding-right:2.5rem
ut-px-11padding-left:2.75rem;padding-right:2.75rem
ut-px-12padding-left:3rem;padding-right:3rem
ut-px-13padding-left:3.25rem;padding-right:3.25rem
ut-px-14padding-left:3.5rem;padding-right:3.5rem
ut-px-15padding-left:3.75rem;padding-right:3.75rem
ut-px-16padding-left:4rem;padding-right:4rem
ut-px-17padding-left:4.25rem;padding-right:4.25rem
ut-px-18padding-left:4.5rem;padding-right:4.5rem
ut-px-19padding-left:4.75rem;padding-right:4.75rem
ut-px-20padding-left:5rem;padding-right:5rem
ut-px-21padding-left:5.25rem;padding-right:5.25rem
ut-px-22padding-left:5.5rem;padding-right:5.5rem
ut-px-23padding-left:5.75rem;padding-right:5.75rem
ut-px-24padding-left:6rem;padding-right:6rem
ut-px-25padding-left:6.25rem;padding-right:6.25rem
ut-px-26padding-left:6.5rem;padding-right:6.5rem
ut-px-27padding-left:6.75rem;padding-right:6.75rem
ut-px-28padding-left:7rem;padding-right:7rem
ut-px-29padding-left:7.25rem;padding-right:7.25rem
ut-px-30padding-left:7.5rem;padding-right:7.5rem
ut-px-31padding-left:7.75rem;padding-right:7.75rem
ut-px-32padding-left:8rem;padding-right:8rem
ut-mx-0margin-left:0rem;margin-right:0rem
ut-mx-1margin-left:0.25rem;margin-right:0.25rem
ut-mx-2margin-left:0.5rem;margin-right:0.5rem
ut-mx-3margin-left:0.75rem;margin-right:0.75rem
ut-mx-4margin-left:1rem;margin-right:1rem
ut-mx-5margin-left:1.25rem;margin-right:1.25rem
ut-mx-6margin-left:1.5rem;margin-right:1.5rem
ut-mx-7margin-left:1.75rem;margin-right:1.75rem
ut-mx-8margin-left:2rem;margin-right:2rem
ut-mx-9margin-left:2.25rem;margin-right:2.25rem
ut-mx-10margin-left:2.5rem;margin-right:2.5rem
ut-mx-11margin-left:2.75rem;margin-right:2.75rem
ut-mx-12margin-left:3rem;margin-right:3rem
ut-mx-13margin-left:3.25rem;margin-right:3.25rem
ut-mx-14margin-left:3.5rem;margin-right:3.5rem
ut-mx-15margin-left:3.75rem;margin-right:3.75rem
ut-mx-16margin-left:4rem;margin-right:4rem
ut-mx-17margin-left:4.25rem;margin-right:4.25rem
ut-mx-18margin-left:4.5rem;margin-right:4.5rem
ut-mx-19margin-left:4.75rem;margin-right:4.75rem
ut-mx-20margin-left:5rem;margin-right:5rem
ut-mx-21margin-left:5.25rem;margin-right:5.25rem
ut-mx-22margin-left:5.5rem;margin-right:5.5rem
ut-mx-23margin-left:5.75rem;margin-right:5.75rem
ut-mx-24margin-left:6rem;margin-right:6rem
ut-mx-25margin-left:6.25rem;margin-right:6.25rem
ut-mx-26margin-left:6.5rem;margin-right:6.5rem
ut-mx-27margin-left:6.75rem;margin-right:6.75rem
ut-mx-28margin-left:7rem;margin-right:7rem
ut-mx-29margin-left:7.25rem;margin-right:7.25rem
ut-mx-30margin-left:7.5rem;margin-right:7.5rem
ut-mx-31margin-left:7.75rem;margin-right:7.75rem
ut-mx-32margin-left:8rem;margin-right:8rem
ut-mx-automargin-left:auto;margin-right:auto
ut-py-0padding-top:0rem;padding-bottom:0rem
ut-py-1padding-top:0.25rem;padding-bottom:0.25rem
ut-py-2padding-top:0.5rem;padding-bottom:0.5rem
ut-py-3padding-top:0.75rem;padding-bottom:0.75rem
ut-py-4padding-top:1rem;padding-bottom:1rem
ut-py-5padding-top:1.25rem;padding-bottom:1.25rem
ut-py-6padding-top:1.5rem;padding-bottom:1.5rem
ut-py-7padding-top:1.75rem;padding-bottom:1.75rem
ut-py-8padding-top:2rem;padding-bottom:2rem
ut-py-9padding-top:2.25rem;padding-bottom:2.25rem
ut-py-10padding-top:2.5rem;padding-bottom:2.5rem
ut-py-11padding-top:2.75rem;padding-bottom:2.75rem
ut-py-12padding-top:3rem;padding-bottom:3rem
ut-py-13padding-top:3.25rem;padding-bottom:3.25rem
ut-py-14padding-top:3.5rem;padding-bottom:3.5rem
ut-py-15padding-top:3.75rem;padding-bottom:3.75rem
ut-py-16padding-top:4rem;padding-bottom:4rem
ut-py-17padding-top:4.25rem;padding-bottom:4.25rem
ut-py-18padding-top:4.5rem;padding-bottom:4.5rem
ut-py-19padding-top:4.75rem;padding-bottom:4.75rem
ut-py-20padding-top:5rem;padding-bottom:5rem
ut-py-21padding-top:5.25rem;padding-bottom:5.25rem
ut-py-22padding-top:5.5rem;padding-bottom:5.5rem
ut-py-23padding-top:5.75rem;padding-bottom:5.75rem
ut-py-24padding-top:6rem;padding-bottom:6rem
ut-py-25padding-top:6.25rem;padding-bottom:6.25rem
ut-py-26padding-top:6.5rem;padding-bottom:6.5rem
ut-py-27padding-top:6.75rem;padding-bottom:6.75rem
ut-py-28padding-top:7rem;padding-bottom:7rem
ut-py-29padding-top:7.25rem;padding-bottom:7.25rem
ut-py-30padding-top:7.5rem;padding-bottom:7.5rem
ut-py-31padding-top:7.75rem;padding-bottom:7.75rem
ut-py-32padding-top:8rem;padding-bottom:8rem
ut-my-0margin-top:0rem;margin-bottom:0rem
ut-my-1margin-top:0.25rem;margin-bottom:0.25rem
ut-my-2margin-top:0.5rem;margin-bottom:0.5rem
ut-my-3margin-top:0.75rem;margin-bottom:0.75rem
ut-my-4margin-top:1rem;margin-bottom:1rem
ut-my-5margin-top:1.25rem;margin-bottom:1.25rem
ut-my-6margin-top:1.5rem;margin-bottom:1.5rem
ut-my-7margin-top:1.75rem;margin-bottom:1.75rem
ut-my-8margin-top:2rem;margin-bottom:2rem
ut-my-9margin-top:2.25rem;margin-bottom:2.25rem
ut-my-10margin-top:2.5rem;margin-bottom:2.5rem
ut-my-11margin-top:2.75rem;margin-bottom:2.75rem
ut-my-12margin-top:3rem;margin-bottom:3rem
ut-my-13margin-top:3.25rem;margin-bottom:3.25rem
ut-my-14margin-top:3.5rem;margin-bottom:3.5rem
ut-my-15margin-top:3.75rem;margin-bottom:3.75rem
ut-my-16margin-top:4rem;margin-bottom:4rem
ut-my-17margin-top:4.25rem;margin-bottom:4.25rem
ut-my-18margin-top:4.5rem;margin-bottom:4.5rem
ut-my-19margin-top:4.75rem;margin-bottom:4.75rem
ut-my-20margin-top:5rem;margin-bottom:5rem
ut-my-21margin-top:5.25rem;margin-bottom:5.25rem
ut-my-22margin-top:5.5rem;margin-bottom:5.5rem
ut-my-23margin-top:5.75rem;margin-bottom:5.75rem
ut-my-24margin-top:6rem;margin-bottom:6rem
ut-my-25margin-top:6.25rem;margin-bottom:6.25rem
ut-my-26margin-top:6.5rem;margin-bottom:6.5rem
ut-my-27margin-top:6.75rem;margin-bottom:6.75rem
ut-my-28margin-top:7rem;margin-bottom:7rem
ut-my-29margin-top:7.25rem;margin-bottom:7.25rem
ut-my-30margin-top:7.5rem;margin-bottom:7.5rem
ut-my-31margin-top:7.75rem;margin-bottom:7.75rem
ut-my-32margin-top:8rem;margin-bottom:8rem
ut-my-automargin-top:auto;margin-bottom:auto
ut-gap-0gap:0rem
ut-gap-1gap:0.25rem
ut-gap-2gap:0.5rem
ut-gap-3gap:0.75rem
ut-gap-4gap:1rem
ut-gap-6gap:1.5rem
ut-gap-8gap:2rem
ut-gap-12gap:3rem
ut-gap-16gap:4rem
ut-text-xsfont-size:0.75rem
ut-text-smfont-size:0.875rem
ut-text-basefont-size:1rem
ut-text-lgfont-size:1.125rem
ut-text-xlfont-size:1.25rem
ut-text-2xlfont-size:1.5rem
ut-text-3xlfont-size:1.875rem
ut-text-4xlfont-size:2.25rem
ut-text-5xlfont-size:3rem
ut-font-weight-lightfont-weight:300
ut-font-weight-normalfont-weight:400
ut-font-weight-mediumfont-weight:500
ut-font-weight-semiboldfont-weight:600
ut-font-weight-boldfont-weight:700
ut-font-weight-blackfont-weight:900
ut-font-sansfont-family:"LibreFrank",Arial,Helvetica,sans-serif
ut-font-seriffont-family:"CharisSil",Georgia,serif
ut-border-radius-noneborder-radius:0
ut-surface-whitebackground-color:#fff;color:#333f48
ut-surface-paperbackground-color:#f2f1ed;color:#333f48
ut-surface-charcoalbackground-color:#333f48;color:#fff
ut-surface-orangebackground-color:#a04400;color:#fff