Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/
.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
.underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
/* Can combine this with overflow-hidden to make background images grow on hover
* even if you are using background-size: cover */
.grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; }
.grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); }
.grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); }
.grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); }
.grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
/* Add pointer on hover */
.pointer:hover { cursor: pointer; }
/*
Add shadow on hover.
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); }
.shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); }
.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; }
/* Combine with classes in skins and skins-pseudo for
* many different transition possibilities. */
.bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; }
/*
Z-INDEX
Base
z = z-index
Modifiers
-0 = literal value 0
-1 = literal value 1
-2 = literal value 2
-3 = literal value 3
-4 = literal value 4
-5 = literal value 5
-999 = literal value 999
-9999 = literal value 9999
-max = largest accepted z-index value as integer
-inherit = string value inherit
-initial = string value initial
-unset = string value unset
MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
Spec: http://www.w3.org/TR/CSS2/zindex.html
Articles:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Tips on extending:
There might be a time worth using negative z-index values.
Or if you are using tachyons with another project, you might need to
adjust these values to suit your needs.
*/
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-999 { z-index: 999; }
.z-9999 { z-index: 9999; }
.z-max { z-index: 2147483647; }
.z-inherit { z-index: inherit; }
.z-initial { z-index: initial; }
.z-unset { z-index: unset; }
/*
NESTED
Tachyons module for styling nested elements
that are generated by a cms.
*/
.nested-copy-line-height p, .nested-copy-line-height ul,
.nested-copy-line-height ol { line-height: 1.5; }
.nested-headline-line-height h1, .nested-headline-line-height h2,
.nested-headline-line-height h3, .nested-headline-line-height h4,
.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; }
.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
.nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.nested-copy-separator p+p { margin-top: 1.5em; }
.nested-img img { width: 100%; max-width: 100%; display: block; }
.nested-links a { color: #357edd; transition: color .15s ease-in; }
.nested-links a:hover { color: #96ccff; transition: color .15s ease-in; }
.nested-links a:focus { color: #96ccff; transition: color .15s ease-in; }
/*
STYLES
Add custom styles here.
*/
/* Variables */
/* Importing here will allow you to override any variables in the modules */
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
/*
CUSTOM MEDIA QUERIES
Media query values can be changed to fit your own content.
There are no magic bullets when it comes to media query width values.
They should be declared in em units - and they should be set to meet
the needs of your content. You can also add additional media queries,
or remove some of the existing ones.
These media queries can be referenced like so:
@media (--breakpoint-not-small) {
.medium-and-larger-specific-style {
background-color: red;
}
}
@media (--breakpoint-medium) {
.medium-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-large) {
.large-and-larger-screen-specific-style {
background-color: red;
}
}
*/
/* Media Queries */
/* Debugging */
/*
DEBUG CHILDREN
Docs: http://tachyons.io/docs/debug/
Just add the debug class to any element to see outlines on its
children.
*/
.debug * { outline: 1px solid gold; }
.debug-white * { outline: 1px solid white; }
.debug-black * { outline: 1px solid black; }
/*
DEBUG GRID
http://tachyons.io/docs/debug-grid/
Can be useful for debugging layout issues
or helping to make sure things line up perfectly.
Just tack one of these classes onto a parent element.
*/
.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
/* Uncomment out the line below to help debug layout issues */
/* @import './_debug'; */
@media screen and (min-width: 28rem) {
.aspect-ratio-xs { height: 0; position: relative; }
.aspect-ratio--16x9-xs { padding-bottom: 56.25%; }
.aspect-ratio--9x16-xs { padding-bottom: 177.77%; }
.aspect-ratio--4x3-xs { padding-bottom: 75%; }
.aspect-ratio--3x4-xs { padding-bottom: 133.33%; }
.aspect-ratio--6x4-xs { padding-bottom: 66.6%; }
.aspect-ratio--4x6-xs { padding-bottom: 150%; }
.aspect-ratio--8x5-xs { padding-bottom: 62.5%; }
.aspect-ratio--5x8-xs { padding-bottom: 160%; }
.aspect-ratio--7x5-xs { padding-bottom: 71.42%; }
.aspect-ratio--5x7-xs { padding-bottom: 140%; }
.aspect-ratio--1x1-xs { padding-bottom: 100%; }
.aspect-ratio--object-xs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-xs { background-size: cover !important; }
.contain-xs { background-size: contain !important; }
.bg-center-xs { background-repeat: no-repeat; background-position: center center; }
.bg-top-xs { background-repeat: no-repeat; background-position: top center; }
.bg-right-xs { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-xs { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-xs { background-repeat: no-repeat; background-position: center left; }
.object-fill-xs { object-fit: fill; };
.object-contain-xs { object-fit: contain; };
.object-cover-xs { object-fit: cover; };
.object-scale-down-xs { object-fit: scale-down; };
.object-none-xs { object-fit: none; };
.object-top-xs { object-position: top center; }
.object-left-xs { object-position: center left; }
.object-right-xs { object-position: center right; }
.object-bottom-xs { object-position: bottom center; }
.object-center-xs { object-position: center; }
.outline-xs { outline: 1px solid; }
.outline-transparent-xs { outline: 1px solid transparent; }
.outline-0-xs { outline: 0; }
.bn-xs { border-style: none; border-width: 0; }
.ba-xs { border-style: solid; border-width: 1px; }
.bt-xs { border-top-style: solid; border-top-width: 1px; }
.br-xs { border-right-style: solid; border-right-width: 1px; }
.bb-xs { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-xs { border-left-style: solid; border-left-width: 1px; }
.br0-xs { border-radius: 0; }
.br1-xs { border-radius: .125rem; }
.br2-xs { border-radius: .25rem; }
.br3-xs { border-radius: .5rem; }
.br4-xs { border-radius: 1rem; }
.br-100-xs { border-radius: 100%; }
.br-pill-xs { border-radius: 9999px; }
.br--bottom-xs { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-xs { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-xs { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-xs { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.br-inherit-xs { border-radius: inherit; }
.br-initial-xs { border-radius: initial; }
.br-unset-xs { border-radius: unset; }
.b--dotted-xs { border-style: dotted; }
.b--dashed-xs { border-style: dashed; }
.b--solid-xs { border-style: solid; }
.b--none-xs { border-style: none; }
.bw0-xs { border-width: 0; }
.bw1-xs { border-width: .125rem; }
.bw2-xs { border-width: .25rem; }
.bw3-xs { border-width: .5rem; }
.bw4-xs { border-width: 1rem; }
.bw5-xs { border-width: 2rem; }
.bt-0-xs { border-top-width: 0; }
.br-0-xs { border-right-width: 0; }
.bb-0-xs { border-bottom-width: 0; }
.bl-0-xs { border-left-width: 0; }
.shadow-1-xs { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-xs { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-xs { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-xs { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-xs { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-xs { top: 0; }
.left-0-xs { left: 0; }
.right-0-xs { right: 0; }
.bottom-0-xs { bottom: 0; }
.top-1-xs { top: 1rem; }
.left-1-xs { left: 1rem; }
.right-1-xs { right: 1rem; }
.bottom-1-xs { bottom: 1rem; }
.top-2-xs { top: 2rem; }
.left-2-xs { left: 2rem; }
.right-2-xs { right: 2rem; }
.bottom-2-xs { bottom: 2rem; }
.top--1-xs { top: -1rem; }
.right--1-xs { right: -1rem; }
.bottom--1-xs { bottom: -1rem; }
.left--1-xs { left: -1rem; }
.top--2-xs { top: -2rem; }
.right--2-xs { right: -2rem; }
.bottom--2-xs { bottom: -2rem; }
.left--2-xs { left: -2rem; }
.absolute--fill-xs { top: 0; right: 0; bottom: 0; left: 0; }
.cl-xs { clear: left; }
.cr-xs { clear: right; }
.cb-xs { clear: both; }
.cn-xs { clear: none; }
.dn-xs { display: none; }
.di-xs { display: inline; }
.db-xs { display: block; }
.dib-xs { display: inline-block; }
.dit-xs { display: inline-table; }
.dt-xs { display: table; }
.dtc-xs { display: table-cell; }
.dt-row-xs { display: table-row; }
.dt-row-group-xs { display: table-row-group; }
.dt-column-xs { display: table-column; }
.dt-column-group-xs { display: table-column-group; }
.dt--fixed-xs { table-layout: fixed; width: 100%; }
.flex-xs { display: flex; }
.inline-flex-xs { display: inline-flex; }
.flex-auto-xs { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-xs { flex: none; }
.flex-column-xs { flex-direction: column; }
.flex-row-xs { flex-direction: row; }
.flex-wrap-xs { flex-wrap: wrap; }
.flex-nowrap-xs { flex-wrap: nowrap; }
.flex-wrap-reverse-xs { flex-wrap: wrap-reverse; }
.flex-column-reverse-xs { flex-direction: column-reverse; }
.flex-row-reverse-xs { flex-direction: row-reverse; }
.items-start-xs { align-items: flex-start; }
.items-end-xs { align-items: flex-end; }
.items-center-xs { align-items: center; }
.items-baseline-xs { align-items: baseline; }
.items-stretch-xs { align-items: stretch; }
.self-start-xs { align-self: flex-start; }
.self-end-xs { align-self: flex-end; }
.self-center-xs { align-self: center; }
.self-baseline-xs { align-self: baseline; }
.self-stretch-xs { align-self: stretch; }
.justify-start-xs { justify-content: flex-start; }
.justify-end-xs { justify-content: flex-end; }
.justify-center-xs { justify-content: center; }
.justify-between-xs { justify-content: space-between; }
.justify-around-xs { justify-content: space-around; }
.content-start-xs { align-content: flex-start; }
.content-end-xs { align-content: flex-end; }
.content-center-xs { align-content: center; }
.content-between-xs { align-content: space-between; }
.content-around-xs { align-content: space-around; }
.content-stretch-xs { align-content: stretch; }
.order-0-xs { order: 0; }
.order-1-xs { order: 1; }
.order-2-xs { order: 2; }
.order-3-xs { order: 3; }
.order-4-xs { order: 4; }
.order-5-xs { order: 5; }
.order-6-xs { order: 6; }
.order-7-xs { order: 7; }
.order-8-xs { order: 8; }
.order-last-xs { order: 99999; }
.flex-grow-0-xs { flex-grow: 0; }
.flex-grow-1-xs { flex-grow: 1; }
.flex-shrink-0-xs { flex-shrink: 0; }
.flex-shrink-1-xs { flex-shrink: 1; }
.fl-xs { float: left; _display: inline; }
.fr-xs { float: right; _display: inline; }
.fn-xs { float: none; }
.i-xs { font-style: italic; }
.fs-normal-xs { font-style: normal; }
.normal-xs { font-weight: normal; }
.b-xs { font-weight: bold; }
.fw1-xs { font-weight: 100; }
.fw2-xs { font-weight: 200; }
.fw3-xs { font-weight: 300; }
.fw4-xs { font-weight: 400; }
.fw5-xs { font-weight: 500; }
.fw6-xs { font-weight: 600; }
.fw7-xs { font-weight: 700; }
.fw8-xs { font-weight: 800; }
.fw9-xs { font-weight: 900; }
.h1-xs { height: 1rem; }
.h2-xs { height: 2rem; }
.h3-xs { height: 4rem; }
.h4-xs { height: 8rem; }
.h5-xs { height: 16rem; }
.h-25-xs { height: 25%; }
.h-50-xs { height: 50%; }
.h-75-xs { height: 75%; }
.h-100-xs { height: 100%; }
.min-h-100-xs { min-height: 100%; }
.vh-25-xs { height: 25vh; }
.vh-50-xs { height: 50vh; }
.vh-75-xs { height: 75vh; }
.vh-100-xs { height: 100vh; }
.min-vh-100-xs { min-height: 100vh; }
.h-auto-xs { height: auto; }
.h-inherit-xs { height: inherit; }
.tracked-xs { letter-spacing: .1em; }
.tracked-tight-xs { letter-spacing: -.05em; }
.tracked-mega-xs { letter-spacing: .25em; }
.lh-solid-xs { line-height: 1; }
.lh-title-xs { line-height: 1.25; }
.lh-copy-xs { line-height: 1.5; }
.mw-100-xs { max-width: 100%; }
.mw1-xs { max-width: 1rem; }
.mw2-xs { max-width: 2rem; }
.mw3-xs { max-width: 4rem; }
.mw4-xs { max-width: 8rem; }
.mw5-xs { max-width: 16rem; }
.mw6-xs { max-width: 32rem; }
.mw7-xs { max-width: 48rem; }
.mw8-xs { max-width: 64rem; }
.mw9-xs { max-width: 96rem; }
.mw-none-xs { max-width: none; }
.w1-xs { width: 1rem; }
.w2-xs { width: 2rem; }
.w3-xs { width: 4rem; }
.w4-xs { width: 8rem; }
.w5-xs { width: 16rem; }
.w-10-xs { width: 10%; }
.w-20-xs { width: 20%; }
.w-25-xs { width: 25%; }
.w-30-xs { width: 30%; }
.w-33-xs { width: 33%; }
.w-34-xs { width: 34%; }
.w-40-xs { width: 40%; }
.w-50-xs { width: 50%; }
.w-60-xs { width: 60%; }
.w-70-xs { width: 70%; }
.w-75-xs { width: 75%; }
.w-80-xs { width: 80%; }
.w-90-xs { width: 90%; }
.w-100-xs { width: 100%; }
.w-third-xs { width: 33.33333%; }
.w-two-thirds-xs { width: 66.66667%; }
.w-auto-xs { width: auto; }
.w-1\/12-xs { width: 8.33333%; }
.w-2\/12-xs { width: 16.66667%; }
.w-3\/12-xs { width: 25%; }
.w-4\/12-xs { width: 33.33333%; }
.w-5\/12-xs { width: 41.66667%; }
.w-6\/12-xs { width: 50%; }
.w-7\/12-xs { width: 58.33333%; }
.w-8\/12-xs { width: 66.66667%; }
.w-9\/12-xs { width: 75%; }
.w-10\/12-xs { width: 83.33333%; }
.w-11\/12-xs { width: 91.66667%; }
.w-12\/12-xs { width: 100%; }
.overflow-visible-xs { overflow: visible; }
.overflow-hidden-xs { overflow: hidden; }
.overflow-scroll-xs { overflow: scroll; }
.overflow-auto-xs { overflow: auto; }
.overflow-x-visible-xs { overflow-x: visible; }
.overflow-x-hidden-xs { overflow-x: hidden; }
.overflow-x-scroll-xs { overflow-x: scroll; }
.overflow-x-auto-xs { overflow-x: auto; }
.overflow-y-visible-xs { overflow-y: visible; }
.overflow-y-hidden-xs { overflow-y: hidden; }
.overflow-y-scroll-xs { overflow-y: scroll; }
.overflow-y-auto-xs { overflow-y: auto; }
.static-xs { position: static; }
.relative-xs { position: relative; }
.absolute-xs { position: absolute; }
.fixed-xs { position: fixed; }
.sticky-xs { position: sticky; }
.rotate-45-xs { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-xs { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-xs { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-xs { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-xs { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-xs { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-xs { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-xs { padding: 0; }
.pa1-xs { padding: .25rem; }
.pa2-xs { padding: .5rem; }
.pa3-xs { padding: 1rem; }
.pa4-xs { padding: 2rem; }
.pa5-xs { padding: 4rem; }
.pa6-xs { padding: 8rem; }
.pa7-xs { padding: 16rem; }
.pl0-xs { padding-left: 0; }
.pl1-xs { padding-left: .25rem; }
.pl2-xs { padding-left: .5rem; }
.pl3-xs { padding-left: 1rem; }
.pl4-xs { padding-left: 2rem; }
.pl5-xs { padding-left: 4rem; }
.pl6-xs { padding-left: 8rem; }
.pl7-xs { padding-left: 16rem; }
.pr0-xs { padding-right: 0; }
.pr1-xs { padding-right: .25rem; }
.pr2-xs { padding-right: .5rem; }
.pr3-xs { padding-right: 1rem; }
.pr4-xs { padding-right: 2rem; }
.pr5-xs { padding-right: 4rem; }
.pr6-xs { padding-right: 8rem; }
.pr7-xs { padding-right: 16rem; }
.pb0-xs { padding-bottom: 0; }
.pb1-xs { padding-bottom: .25rem; }
.pb2-xs { padding-bottom: .5rem; }
.pb3-xs { padding-bottom: 1rem; }
.pb4-xs { padding-bottom: 2rem; }
.pb5-xs { padding-bottom: 4rem; }
.pb6-xs { padding-bottom: 8rem; }
.pb7-xs { padding-bottom: 16rem; }
.pt0-xs { padding-top: 0; }
.pt1-xs { padding-top: .25rem; }
.pt2-xs { padding-top: .5rem; }
.pt3-xs { padding-top: 1rem; }
.pt4-xs { padding-top: 2rem; }
.pt5-xs { padding-top: 4rem; }
.pt6-xs { padding-top: 8rem; }
.pt7-xs { padding-top: 16rem; }
.pv0-xs { padding-top: 0; padding-bottom: 0; }
.pv1-xs { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-xs { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-xs { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-xs { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-xs { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-xs { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-xs { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-xs { padding-left: 0; padding-right: 0; }
.ph1-xs { padding-left: .25rem; padding-right: .25rem; }
.ph2-xs { padding-left: .5rem; padding-right: .5rem; }
.ph3-xs { padding-left: 1rem; padding-right: 1rem; }
.ph4-xs { padding-left: 2rem; padding-right: 2rem; }
.ph5-xs { padding-left: 4rem; padding-right: 4rem; }
.ph6-xs { padding-left: 8rem; padding-right: 8rem; }
.ph7-xs { padding-left: 16rem; padding-right: 16rem; }
.ma0-xs { margin: 0; }
.ma1-xs { margin: .25rem; }
.ma2-xs { margin: .5rem; }
.ma3-xs { margin: 1rem; }
.ma4-xs { margin: 2rem; }
.ma5-xs { margin: 4rem; }
.ma6-xs { margin: 8rem; }
.ma7-xs { margin: 16rem; }
.ml0-xs { margin-left: 0; }
.ml1-xs { margin-left: .25rem; }
.ml2-xs { margin-left: .5rem; }
.ml3-xs { margin-left: 1rem; }
.ml4-xs { margin-left: 2rem; }
.ml5-xs { margin-left: 4rem; }
.ml6-xs { margin-left: 8rem; }
.ml7-xs { margin-left: 16rem; }
.mr0-xs { margin-right: 0; }
.mr1-xs { margin-right: .25rem; }
.mr2-xs { margin-right: .5rem; }
.mr3-xs { margin-right: 1rem; }
.mr4-xs { margin-right: 2rem; }
.mr5-xs { margin-right: 4rem; }
.mr6-xs { margin-right: 8rem; }
.mr7-xs { margin-right: 16rem; }
.mb0-xs { margin-bottom: 0; }
.mb1-xs { margin-bottom: .25rem; }
.mb2-xs { margin-bottom: .5rem; }
.mb3-xs { margin-bottom: 1rem; }
.mb4-xs { margin-bottom: 2rem; }
.mb5-xs { margin-bottom: 4rem; }
.mb6-xs { margin-bottom: 8rem; }
.mb7-xs { margin-bottom: 16rem; }
.mt0-xs { margin-top: 0; }
.mt1-xs { margin-top: .25rem; }
.mt2-xs { margin-top: .5rem; }
.mt3-xs { margin-top: 1rem; }
.mt4-xs { margin-top: 2rem; }
.mt5-xs { margin-top: 4rem; }
.mt6-xs { margin-top: 8rem; }
.mt7-xs { margin-top: 16rem; }
.mv0-xs { margin-top: 0; margin-bottom: 0; }
.mv1-xs { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-xs { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-xs { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-xs { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-xs { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-xs { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-xs { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-xs { margin-left: 0; margin-right: 0; }
.mh1-xs { margin-left: .25rem; margin-right: .25rem; }
.mh2-xs { margin-left: .5rem; margin-right: .5rem; }
.mh3-xs { margin-left: 1rem; margin-right: 1rem; }
.mh4-xs { margin-left: 2rem; margin-right: 2rem; }
.mh5-xs { margin-left: 4rem; margin-right: 4rem; }
.mh6-xs { margin-left: 8rem; margin-right: 8rem; }
.mh7-xs { margin-left: 16rem; margin-right: 16rem; }
.na1-xs { margin: -0.25rem; }
.na2-xs { margin: -0.5rem; }
.na3-xs { margin: -1rem; }
.na4-xs { margin: -2rem; }
.na5-xs { margin: -4rem; }
.na6-xs { margin: -8rem; }
.na7-xs { margin: -16rem; }
.nl1-xs { margin-left: -0.25rem; }
.nl2-xs { margin-left: -0.5rem; }
.nl3-xs { margin-left: -1rem; }
.nl4-xs { margin-left: -2rem; }
.nl5-xs { margin-left: -4rem; }
.nl6-xs { margin-left: -8rem; }
.nl7-xs { margin-left: -16rem; }
.nr1-xs { margin-right: -0.25rem; }
.nr2-xs { margin-right: -0.5rem; }
.nr3-xs { margin-right: -1rem; }
.nr4-xs { margin-right: -2rem; }
.nr5-xs { margin-right: -4rem; }
.nr6-xs { margin-right: -8rem; }
.nr7-xs { margin-right: -16rem; }
.nb1-xs { margin-bottom: -0.25rem; }
.nb2-xs { margin-bottom: -0.5rem; }
.nb3-xs { margin-bottom: -1rem; }
.nb4-xs { margin-bottom: -2rem; }
.nb5-xs { margin-bottom: -4rem; }
.nb6-xs { margin-bottom: -8rem; }
.nb7-xs { margin-bottom: -16rem; }
.nt1-xs { margin-top: -0.25rem; }
.nt2-xs { margin-top: -0.5rem; }
.nt3-xs { margin-top: -1rem; }
.nt4-xs { margin-top: -2rem; }
.nt5-xs { margin-top: -4rem; }
.nt6-xs { margin-top: -8rem; }
.nt7-xs { margin-top: -16rem; }
.nh1-xs { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.nh2-xs { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.nh3-xs { margin-top: -1rem; margin-bottom: -1rem; }
.nh4-xs { margin-top: -2rem; margin-bottom: -2rem; }
.nh5-xs { margin-top: -4rem; margin-bottom: -4rem; }
.nh6-xs { margin-top: -8rem; margin-bottom: -8rem; }
.nh7-xs { margin-top: -16rem; margin-bottom: -16rem; }
.nv1-xs { margin-left: -0.25rem; margin-right: -0.25rem; }
.nv2-xs { margin-left: -0.5rem; margin-right: -0.5rem; }
.nv3-xs { margin-left: -1rem; margin-right: -1rem; }
.nv4-xs { margin-left: -2rem; margin-right: -2rem; }
.nv5-xs { margin-left: -4rem; margin-right: -4rem; }
.nv6-xs { margin-left: -8rem; margin-right: -8rem; }
.nv7-xs { margin-left: -16rem; margin-right: -16rem; }
.strike-xs { text-decoration: line-through; }
.underline-xs { text-decoration: underline; }
.no-underline-xs { text-decoration: none; }
.tl-xs { text-align: left; }
.tr-xs { text-align: right; }
.tc-xs { text-align: center; }
.tj-xs { text-align: justify; }
.ttc-xs { text-transform: capitalize; }
.ttl-xs { text-transform: lowercase; }
.ttu-xs { text-transform: uppercase; }
.ttn-xs { text-transform: none; }
.f-6-ns, .f-headline-xs { font-size: 6rem; }
.f-5-ns, .f-subheadline-xs { font-size: 5rem; }
.f0-xs { font-size: 0; }
.f1-xs { font-size: 3rem; }
.f2-xs { font-size: 2.25rem; }
.f3-xs { font-size: 1.5rem; }
.f4-xs { font-size: 1.25rem; }
.f5-xs { font-size: 1rem; }
.f6-xs { font-size: .875rem; }
.f7-xs { font-size: .75rem; }
.f--4-xs { font-size: 0.25rem; }
.f--5-xs { font-size: 0.3125rem; }
.f--6-xs { font-size: 0.375rem; }
.f--7-xs { font-size: 0.4375rem; }
.f--8-xs { font-size: 0.5rem; }
.f--9-xs { font-size: 0.5625rem; }
.f--10-xs { font-size: 0.625rem; }
.f--11-xs { font-size: 0.6875rem; }
.f--12-xs { font-size: 0.75rem; }
.f--13-xs { font-size: 0.8125rem; }
.f--14-xs { font-size: 0.875rem; }
.f--15-xs { font-size: 0.9375rem; }
.f--16-xs { font-size: 1rem; }
.f--17-xs { font-size: 1.0625rem; }
.f--18-xs { font-size: 1.125rem; }
.f--19-xs { font-size: 1.1875rem; }
.f--20-xs { font-size: 1.25rem; }
.f--21-xs { font-size: 1.3125rem; }
.f--22-xs { font-size: 1.375rem; }
.f--23-xs { font-size: 1.4375rem; }
.f--24-xs { font-size: 1.5rem; }
.f--25-xs { font-size: 1.5625rem; }
.f--26-xs { font-size: 1.625rem; }
.f--27-xs { font-size: 1.6875rem; }
.f--28-xs { font-size: 1.75rem; }
.f--29-xs { font-size: 1.8125rem; }
.f--30-xs { font-size: 1.875rem; }
.f--31-xs { font-size: 1.9375rem; }
.f--32-xs { font-size: 2rem; }
.f--33-xs { font-size: 2.0625rem; }
.f--34-xs { font-size: 2.125rem; }
.f--35-xs { font-size: 2.1875rem; }
.f--36-xs { font-size: 2.25rem; }
.f--37-xs { font-size: 2.3125rem; }
.f--38-xs { font-size: 2.375rem; }
.f--39-xs { font-size: 2.4375rem; }
.f--40-xs { font-size: 2.5rem; }
.f--41-xs { font-size: 2.5625rem; }
.f--42-xs { font-size: 2.625rem; }
.f--43-xs { font-size: 2.6875rem; }
.f--44-xs { font-size: 2.75rem; }
.f--45-xs { font-size: 2.8125rem; }
.f--46-xs { font-size: 2.875rem; }
.f--47-xs { font-size: 2.9375rem; }
.f--48-xs { font-size: 3rem; }
.f--49-xs { font-size: 3.0625rem; }
.f--50-xs { font-size: 3.125rem; }
.f--51-xs { font-size: 3.1875rem; }
.f--52-xs { font-size: 3.25rem; }
.f--53-xs { font-size: 3.3125rem; }
.f--54-xs { font-size: 3.375rem; }
.f--55-xs { font-size: 3.4375rem; }
.f--56-xs { font-size: 3.5rem; }
.f--57-xs { font-size: 3.5625rem; }
.f--58-xs { font-size: 3.625rem; }
.f--59-xs { font-size: 3.6875rem; }
.f--60-xs { font-size: 3.75rem; }
.f--61-xs { font-size: 3.8125rem; }
.f--62-xs { font-size: 3.875rem; }
.f--63-xs { font-size: 3.9375rem; }
.f--64-xs { font-size: 4rem; }
.f--65-xs { font-size: 4.0625rem; }
.f--66-xs { font-size: 4.125rem; }
.f--67-xs { font-size: 4.1875rem; }
.f--68-xs { font-size: 4.25rem; }
.f--69-xs { font-size: 4.3125rem; }
.f--70-xs { font-size: 4.375rem; }
.f--71-xs { font-size: 4.4375rem; }
.f--72-xs { font-size: 4.5rem; }
.f--73-xs { font-size: 4.5625rem; }
.f--74-xs { font-size: 4.625rem; }
.f--75-xs { font-size: 4.6875rem; }
.f--76-xs { font-size: 4.75rem; }
.f--77-xs { font-size: 4.8125rem; }
.f--78-xs { font-size: 4.875rem; }
.f--79-xs { font-size: 4.9375rem; }
.f--80-xs { font-size: 5rem; }
.f--81-xs { font-size: 5.0625rem; }
.f--82-xs { font-size: 5.125rem; }
.f--83-xs { font-size: 5.1875rem; }
.f--84-xs { font-size: 5.25rem; }
.f--85-xs { font-size: 5.3125rem; }
.f--86-xs { font-size: 5.375rem; }
.f--87-xs { font-size: 5.4375rem; }
.f--88-xs { font-size: 5.5rem; }
.f--89-xs { font-size: 5.5625rem; }
.f--90-xs { font-size: 5.625rem; }
.f--91-xs { font-size: 5.6875rem; }
.f--92-xs { font-size: 5.75rem; }
.f--93-xs { font-size: 5.8125rem; }
.f--94-xs { font-size: 5.875rem; }
.f--95-xs { font-size: 5.9375rem; }
.f--96-xs { font-size: 6rem; }
.measure-xs { max-width: 30em; }
.measure-wide-xs { max-width: 34em; }
.measure-narrow-xs { max-width: 20em; }
.indent-xs { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-xs { font-variant: small-caps; }
.truncate-xs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-xs { margin-right: auto; margin-left: auto; }
.mr-auto-xs { margin-right: auto; }
.ml-auto-xs { margin-left: auto; }
.clip-xs { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-xs { white-space: normal; }
.nowrap-xs { white-space: nowrap; }
.pre-xs { white-space: pre; }
.v-base-xs { vertical-align: baseline; }
.v-mid-xs { vertical-align: middle; }
.v-top-xs { vertical-align: top; }
.v-btm-xs { vertical-align: bottom; }
}
@media screen and (min-width: 44rem) {
.aspect-ratio-s { height: 0; position: relative; }
.aspect-ratio--16x9-s { padding-bottom: 56.25%; }
.aspect-ratio--9x16-s { padding-bottom: 177.77%; }
.aspect-ratio--4x3-s { padding-bottom: 75%; }
.aspect-ratio--3x4-s { padding-bottom: 133.33%; }
.aspect-ratio--6x4-s { padding-bottom: 66.6%; }
.aspect-ratio--4x6-s { padding-bottom: 150%; }
.aspect-ratio--8x5-s { padding-bottom: 62.5%; }
.aspect-ratio--5x8-s { padding-bottom: 160%; }
.aspect-ratio--7x5-s { padding-bottom: 71.42%; }
.aspect-ratio--5x7-s { padding-bottom: 140%; }
.aspect-ratio--1x1-s { padding-bottom: 100%; }
.aspect-ratio--object-s { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-s { background-size: cover !important; }
.contain-s { background-size: contain !important; }
.bg-center-s { background-repeat: no-repeat; background-position: center center; }
.bg-top-s { background-repeat: no-repeat; background-position: top center; }
.bg-right-s { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-s { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-s { background-repeat: no-repeat; background-position: center left; }
.object-fill-s { object-fit: fill; };
.object-contain-s { object-fit: contain; };
.object-cover-s { object-fit: cover; };
.object-scale-down-s { object-fit: scale-down; };
.object-none-s { object-fit: none; };
.object-top-s { object-position: top center; }
.object-left-s { object-position: center left; }
.object-right-s { object-position: center right; }
.object-bottom-s { object-position: bottom center; }
.object-center-s { object-position: center; }
.outline-s { outline: 1px solid; }
.outline-transparent-s { outline: 1px solid transparent; }
.outline-0-s { outline: 0; }
.bn-s { border-style: none; border-width: 0; }
.ba-s { border-style: solid; border-width: 1px; }
.bt-s { border-top-style: solid; border-top-width: 1px; }
.br-s { border-right-style: solid; border-right-width: 1px; }
.bb-s { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-s { border-left-style: solid; border-left-width: 1px; }
.br0-s { border-radius: 0; }
.br1-s { border-radius: .125rem; }
.br2-s { border-radius: .25rem; }
.br3-s { border-radius: .5rem; }
.br4-s { border-radius: 1rem; }
.br-100-s { border-radius: 100%; }
.br-pill-s { border-radius: 9999px; }
.br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-s { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-s { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-s { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.br-inherit-s { border-radius: inherit; }
.br-initial-s { border-radius: initial; }
.br-unset-s { border-radius: unset; }
.b--dotted-s { border-style: dotted; }
.b--dashed-s { border-style: dashed; }
.b--solid-s { border-style: solid; }
.b--none-s { border-style: none; }
.bw0-s { border-width: 0; }
.bw1-s { border-width: .125rem; }
.bw2-s { border-width: .25rem; }
.bw3-s { border-width: .5rem; }
.bw4-s { border-width: 1rem; }
.bw5-s { border-width: 2rem; }
.bt-0-s { border-top-width: 0; }
.br-0-s { border-right-width: 0; }
.bb-0-s { border-bottom-width: 0; }
.bl-0-s { border-left-width: 0; }
.shadow-1-s { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-s { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-s { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-s { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-s { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-s { top: 0; }
.left-0-s { left: 0; }
.right-0-s { right: 0; }
.bottom-0-s { bottom: 0; }
.top-1-s { top: 1rem; }
.left-1-s { left: 1rem; }
.right-1-s { right: 1rem; }
.bottom-1-s { bottom: 1rem; }
.top-2-s { top: 2rem; }
.left-2-s { left: 2rem; }
.right-2-s { right: 2rem; }
.bottom-2-s { bottom: 2rem; }
.top--1-s { top: -1rem; }
.right--1-s { right: -1rem; }
.bottom--1-s { bottom: -1rem; }
.left--1-s { left: -1rem; }
.top--2-s { top: -2rem; }
.right--2-s { right: -2rem; }
.bottom--2-s { bottom: -2rem; }
.left--2-s { left: -2rem; }
.absolute--fill-s { top: 0; right: 0; bottom: 0; left: 0; }
.cl-s { clear: left; }
.cr-s { clear: right; }
.cb-s { clear: both; }
.cn-s { clear: none; }
.dn-s { display: none; }
.di-s { display: inline; }
.db-s { display: block; }
.dib-s { display: inline-block; }
.dit-s { display: inline-table; }
.dt-s { display: table; }
.dtc-s { display: table-cell; }
.dt-row-s { display: table-row; }
.dt-row-group-s { display: table-row-group; }
.dt-column-s { display: table-column; }
.dt-column-group-s { display: table-column-group; }
.dt--fixed-s { table-layout: fixed; width: 100%; }
.flex-s { display: flex; }
.inline-flex-s { display: inline-flex; }
.flex-auto-s { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-s { flex: none; }
.flex-column-s { flex-direction: column; }
.flex-row-s { flex-direction: row; }
.flex-wrap-s { flex-wrap: wrap; }
.flex-nowrap-s { flex-wrap: nowrap; }
.flex-wrap-reverse-s { flex-wrap: wrap-reverse; }
.flex-column-reverse-s { flex-direction: column-reverse; }
.flex-row-reverse-s { flex-direction: row-reverse; }
.items-start-s { align-items: flex-start; }
.items-end-s { align-items: flex-end; }
.items-center-s { align-items: center; }
.items-baseline-s { align-items: baseline; }
.items-stretch-s { align-items: stretch; }
.self-start-s { align-self: flex-start; }
.self-end-s { align-self: flex-end; }
.self-center-s { align-self: center; }
.self-baseline-s { align-self: baseline; }
.self-stretch-s { align-self: stretch; }
.justify-start-s { justify-content: flex-start; }
.justify-end-s { justify-content: flex-end; }
.justify-center-s { justify-content: center; }
.justify-between-s { justify-content: space-between; }
.justify-around-s { justify-content: space-around; }
.content-start-s { align-content: flex-start; }
.content-end-s { align-content: flex-end; }
.content-center-s { align-content: center; }
.content-between-s { align-content: space-between; }
.content-around-s { align-content: space-around; }
.content-stretch-s { align-content: stretch; }
.order-0-s { order: 0; }
.order-1-s { order: 1; }
.order-2-s { order: 2; }
.order-3-s { order: 3; }
.order-4-s { order: 4; }
.order-5-s { order: 5; }
.order-6-s { order: 6; }
.order-7-s { order: 7; }
.order-8-s { order: 8; }
.order-last-s { order: 99999; }
.flex-grow-0-s { flex-grow: 0; }
.flex-grow-1-s { flex-grow: 1; }
.flex-shrink-0-s { flex-shrink: 0; }
.flex-shrink-1-s { flex-shrink: 1; }
.fl-s { float: left; _display: inline; }
.fr-s { float: right; _display: inline; }
.fn-s { float: none; }
.i-s { font-style: italic; }
.fs-normal-s { font-style: normal; }
.normal-s { font-weight: normal; }
.b-s { font-weight: bold; }
.fw1-s { font-weight: 100; }
.fw2-s { font-weight: 200; }
.fw3-s { font-weight: 300; }
.fw4-s { font-weight: 400; }
.fw5-s { font-weight: 500; }
.fw6-s { font-weight: 600; }
.fw7-s { font-weight: 700; }
.fw8-s { font-weight: 800; }
.fw9-s { font-weight: 900; }
.h1-s { height: 1rem; }
.h2-s { height: 2rem; }
.h3-s { height: 4rem; }
.h4-s { height: 8rem; }
.h5-s { height: 16rem; }
.h-25-s { height: 25%; }
.h-50-s { height: 50%; }
.h-75-s { height: 75%; }
.h-100-s { height: 100%; }
.min-h-100-s { min-height: 100%; }
.vh-25-s { height: 25vh; }
.vh-50-s { height: 50vh; }
.vh-75-s { height: 75vh; }
.vh-100-s { height: 100vh; }
.min-vh-100-s { min-height: 100vh; }
.h-auto-s { height: auto; }
.h-inherit-s { height: inherit; }
.tracked-s { letter-spacing: .1em; }
.tracked-tight-s { letter-spacing: -.05em; }
.tracked-mega-s { letter-spacing: .25em; }
.lh-solid-s { line-height: 1; }
.lh-title-s { line-height: 1.25; }
.lh-copy-s { line-height: 1.5; }
.mw-100-s { max-width: 100%; }
.mw1-s { max-width: 1rem; }
.mw2-s { max-width: 2rem; }
.mw3-s { max-width: 4rem; }
.mw4-s { max-width: 8rem; }
.mw5-s { max-width: 16rem; }
.mw6-s { max-width: 32rem; }
.mw7-s { max-width: 48rem; }
.mw8-s { max-width: 64rem; }
.mw9-s { max-width: 96rem; }
.mw-none-s { max-width: none; }
.w1-s { width: 1rem; }
.w2-s { width: 2rem; }
.w3-s { width: 4rem; }
.w4-s { width: 8rem; }
.w5-s { width: 16rem; }
.w-10-s { width: 10%; }
.w-20-s { width: 20%; }
.w-25-s { width: 25%; }
.w-30-s { width: 30%; }
.w-33-s { width: 33%; }
.w-34-s { width: 34%; }
.w-40-s { width: 40%; }
.w-50-s { width: 50%; }
.w-60-s { width: 60%; }
.w-70-s { width: 70%; }
.w-75-s { width: 75%; }
.w-80-s { width: 80%; }
.w-90-s { width: 90%; }
.w-100-s { width: 100%; }
.w-third-s { width: 33.33333%; }
.w-two-thirds-s { width: 66.66667%; }
.w-auto-s { width: auto; }
.w-1\/12-s { width: 8.33333%; }
.w-2\/12-s { width: 16.66667%; }
.w-3\/12-s { width: 25%; }
.w-4\/12-s { width: 33.33333%; }
.w-5\/12-s { width: 41.66667%; }
.w-6\/12-s { width: 50%; }
.w-7\/12-s { width: 58.33333%; }
.w-8\/12-s { width: 66.66667%; }
.w-9\/12-s { width: 75%; }
.w-10\/12-s { width: 83.33333%; }
.w-11\/12-s { width: 91.66667%; }
.w-12\/12-s { width: 100%; }
.overflow-visible-s { overflow: visible; }
.overflow-hidden-s { overflow: hidden; }
.overflow-scroll-s { overflow: scroll; }
.overflow-auto-s { overflow: auto; }
.overflow-x-visible-s { overflow-x: visible; }
.overflow-x-hidden-s { overflow-x: hidden; }
.overflow-x-scroll-s { overflow-x: scroll; }
.overflow-x-auto-s { overflow-x: auto; }
.overflow-y-visible-s { overflow-y: visible; }
.overflow-y-hidden-s { overflow-y: hidden; }
.overflow-y-scroll-s { overflow-y: scroll; }
.overflow-y-auto-s { overflow-y: auto; }
.static-s { position: static; }
.relative-s { position: relative; }
.absolute-s { position: absolute; }
.fixed-s { position: fixed; }
.sticky-s { position: sticky; }
.rotate-45-s { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-s { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-s { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-s { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-s { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-s { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-s { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-s { padding: 0; }
.pa1-s { padding: .25rem; }
.pa2-s { padding: .5rem; }
.pa3-s { padding: 1rem; }
.pa4-s { padding: 2rem; }
.pa5-s { padding: 4rem; }
.pa6-s { padding: 8rem; }
.pa7-s { padding: 16rem; }
.pl0-s { padding-left: 0; }
.pl1-s { padding-left: .25rem; }
.pl2-s { padding-left: .5rem; }
.pl3-s { padding-left: 1rem; }
.pl4-s { padding-left: 2rem; }
.pl5-s { padding-left: 4rem; }
.pl6-s { padding-left: 8rem; }
.pl7-s { padding-left: 16rem; }
.pr0-s { padding-right: 0; }
.pr1-s { padding-right: .25rem; }
.pr2-s { padding-right: .5rem; }
.pr3-s { padding-right: 1rem; }
.pr4-s { padding-right: 2rem; }
.pr5-s { padding-right: 4rem; }
.pr6-s { padding-right: 8rem; }
.pr7-s { padding-right: 16rem; }
.pb0-s { padding-bottom: 0; }
.pb1-s { padding-bottom: .25rem; }
.pb2-s { padding-bottom: .5rem; }
.pb3-s { padding-bottom: 1rem; }
.pb4-s { padding-bottom: 2rem; }
.pb5-s { padding-bottom: 4rem; }
.pb6-s { padding-bottom: 8rem; }
.pb7-s { padding-bottom: 16rem; }
.pt0-s { padding-top: 0; }
.pt1-s { padding-top: .25rem; }
.pt2-s { padding-top: .5rem; }
.pt3-s { padding-top: 1rem; }
.pt4-s { padding-top: 2rem; }
.pt5-s { padding-top: 4rem; }
.pt6-s { padding-top: 8rem; }
.pt7-s { padding-top: 16rem; }
.pv0-s { padding-top: 0; padding-bottom: 0; }
.pv1-s { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-s { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-s { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-s { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-s { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-s { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-s { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-s { padding-left: 0; padding-right: 0; }
.ph1-s { padding-left: .25rem; padding-right: .25rem; }
.ph2-s { padding-left: .5rem; padding-right: .5rem; }
.ph3-s { padding-left: 1rem; padding-right: 1rem; }
.ph4-s { padding-left: 2rem; padding-right: 2rem; }
.ph5-s { padding-left: 4rem; padding-right: 4rem; }
.ph6-s { padding-left: 8rem; padding-right: 8rem; }
.ph7-s { padding-left: 16rem; padding-right: 16rem; }
.ma0-s { margin: 0; }
.ma1-s { margin: .25rem; }
.ma2-s { margin: .5rem; }
.ma3-s { margin: 1rem; }
.ma4-s { margin: 2rem; }
.ma5-s { margin: 4rem; }
.ma6-s { margin: 8rem; }
.ma7-s { margin: 16rem; }
.ml0-s { margin-left: 0; }
.ml1-s { margin-left: .25rem; }
.ml2-s { margin-left: .5rem; }
.ml3-s { margin-left: 1rem; }
.ml4-s { margin-left: 2rem; }
.ml5-s { margin-left: 4rem; }
.ml6-s { margin-left: 8rem; }
.ml7-s { margin-left: 16rem; }
.mr0-s { margin-right: 0; }
.mr1-s { margin-right: .25rem; }
.mr2-s { margin-right: .5rem; }
.mr3-s { margin-right: 1rem; }
.mr4-s { margin-right: 2rem; }
.mr5-s { margin-right: 4rem; }
.mr6-s { margin-right: 8rem; }
.mr7-s { margin-right: 16rem; }
.mb0-s { margin-bottom: 0; }
.mb1-s { margin-bottom: .25rem; }
.mb2-s { margin-bottom: .5rem; }
.mb3-s { margin-bottom: 1rem; }
.mb4-s { margin-bottom: 2rem; }
.mb5-s { margin-bottom: 4rem; }
.mb6-s { margin-bottom: 8rem; }
.mb7-s { margin-bottom: 16rem; }
.mt0-s { margin-top: 0; }
.mt1-s { margin-top: .25rem; }
.mt2-s { margin-top: .5rem; }
.mt3-s { margin-top: 1rem; }
.mt4-s { margin-top: 2rem; }
.mt5-s { margin-top: 4rem; }
.mt6-s { margin-top: 8rem; }
.mt7-s { margin-top: 16rem; }
.mv0-s { margin-top: 0; margin-bottom: 0; }
.mv1-s { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-s { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-s { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-s { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-s { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-s { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-s { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-s { margin-left: 0; margin-right: 0; }
.mh1-s { margin-left: .25rem; margin-right: .25rem; }
.mh2-s { margin-left: .5rem; margin-right: .5rem; }
.mh3-s { margin-left: 1rem; margin-right: 1rem; }
.mh4-s { margin-left: 2rem; margin-right: 2rem; }
.mh5-s { margin-left: 4rem; margin-right: 4rem; }
.mh6-s { margin-left: 8rem; margin-right: 8rem; }
.mh7-s { margin-left: 16rem; margin-right: 16rem; }
.na1-s { margin: -0.25rem; }
.na2-s { margin: -0.5rem; }
.na3-s { margin: -1rem; }
.na4-s { margin: -2rem; }
.na5-s { margin: -4rem; }
.na6-s { margin: -8rem; }
.na7-s { margin: -16rem; }
.nl1-s { margin-left: -0.25rem; }
.nl2-s { margin-left: -0.5rem; }
.nl3-s { margin-left: -1rem; }
.nl4-s { margin-left: -2rem; }
.nl5-s { margin-left: -4rem; }
.nl6-s { margin-left: -8rem; }
.nl7-s { margin-left: -16rem; }
.nr1-s { margin-right: -0.25rem; }
.nr2-s { margin-right: -0.5rem; }
.nr3-s { margin-right: -1rem; }
.nr4-s { margin-right: -2rem; }
.nr5-s { margin-right: -4rem; }
.nr6-s { margin-right: -8rem; }
.nr7-s { margin-right: -16rem; }
.nb1-s { margin-bottom: -0.25rem; }
.nb2-s { margin-bottom: -0.5rem; }
.nb3-s { margin-bottom: -1rem; }
.nb4-s { margin-bottom: -2rem; }
.nb5-s { margin-bottom: -4rem; }
.nb6-s { margin-bottom: -8rem; }
.nb7-s { margin-bottom: -16rem; }
.nt1-s { margin-top: -0.25rem; }
.nt2-s { margin-top: -0.5rem; }
.nt3-s { margin-top: -1rem; }
.nt4-s { margin-top: -2rem; }
.nt5-s { margin-top: -4rem; }
.nt6-s { margin-top: -8rem; }
.nt7-s { margin-top: -16rem; }
.nh1-s { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.nh2-s { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.nh3-s { margin-top: -1rem; margin-bottom: -1rem; }
.nh4-s { margin-top: -2rem; margin-bottom: -2rem; }
.nh5-s { margin-top: -4rem; margin-bottom: -4rem; }
.nh6-s { margin-top: -8rem; margin-bottom: -8rem; }
.nh7-s { margin-top: -16rem; margin-bottom: -16rem; }
.nv1-s { margin-left: -0.25rem; margin-right: -0.25rem; }
.nv2-s { margin-left: -0.5rem; margin-right: -0.5rem; }
.nv3-s { margin-left: -1rem; margin-right: -1rem; }
.nv4-s { margin-left: -2rem; margin-right: -2rem; }
.nv5-s { margin-left: -4rem; margin-right: -4rem; }
.nv6-s { margin-left: -8rem; margin-right: -8rem; }
.nv7-s { margin-left: -16rem; margin-right: -16rem; }
.strike-s { text-decoration: line-through; }
.underline-s { text-decoration: underline; }
.no-underline-s { text-decoration: none; }
.tl-s { text-align: left; }
.tr-s { text-align: right; }
.tc-s { text-align: center; }
.tj-s { text-align: justify; }
.ttc-s { text-transform: capitalize; }
.ttl-s { text-transform: lowercase; }
.ttu-s { text-transform: uppercase; }
.ttn-s { text-transform: none; }
.f-6-ns, .f-headline-s { font-size: 6rem; }
.f-5-ns, .f-subheadline-s { font-size: 5rem; }
.f0-s { font-size: 0; }
.f1-s { font-size: 3rem; }
.f2-s { font-size: 2.25rem; }
.f3-s { font-size: 1.5rem; }
.f4-s { font-size: 1.25rem; }
.f5-s { font-size: 1rem; }
.f6-s { font-size: .875rem; }
.f7-s { font-size: .75rem; }
.f--4-s { font-size: 0.25rem; }
.f--5-s { font-size: 0.3125rem; }
.f--6-s { font-size: 0.375rem; }
.f--7-s { font-size: 0.4375rem; }
.f--8-s { font-size: 0.5rem; }
.f--9-s { font-size: 0.5625rem; }
.f--10-s { font-size: 0.625rem; }
.f--11-s { font-size: 0.6875rem; }
.f--12-s { font-size: 0.75rem; }
.f--13-s { font-size: 0.8125rem; }
.f--14-s { font-size: 0.875rem; }
.f--15-s { font-size: 0.9375rem; }
.f--16-s { font-size: 1rem; }
.f--17-s { font-size: 1.0625rem; }
.f--18-s { font-size: 1.125rem; }
.f--19-s { font-size: 1.1875rem; }
.f--20-s { font-size: 1.25rem; }
.f--21-s { font-size: 1.3125rem; }
.f--22-s { font-size: 1.375rem; }
.f--23-s { font-size: 1.4375rem; }
.f--24-s { font-size: 1.5rem; }
.f--25-s { font-size: 1.5625rem; }
.f--26-s { font-size: 1.625rem; }
.f--27-s { font-size: 1.6875rem; }
.f--28-s { font-size: 1.75rem; }
.f--29-s { font-size: 1.8125rem; }
.f--30-s { font-size: 1.875rem; }
.f--31-s { font-size: 1.9375rem; }
.f--32-s { font-size: 2rem; }
.f--33-s { font-size: 2.0625rem; }
.f--34-s { font-size: 2.125rem; }
.f--35-s { font-size: 2.1875rem; }
.f--36-s { font-size: 2.25rem; }
.f--37-s { font-size: 2.3125rem; }
.f--38-s { font-size: 2.375rem; }
.f--39-s { font-size: 2.4375rem; }
.f--40-s { font-size: 2.5rem; }
.f--41-s { font-size: 2.5625rem; }
.f--42-s { font-size: 2.625rem; }
.f--43-s { font-size: 2.6875rem; }
.f--44-s { font-size: 2.75rem; }
.f--45-s { font-size: 2.8125rem; }
.f--46-s { font-size: 2.875rem; }
.f--47-s { font-size: 2.9375rem; }
.f--48-s { font-size: 3rem; }
.f--49-s { font-size: 3.0625rem; }
.f--50-s { font-size: 3.125rem; }
.f--51-s { font-size: 3.1875rem; }
.f--52-s { font-size: 3.25rem; }
.f--53-s { font-size: 3.3125rem; }
.f--54-s { font-size: 3.375rem; }
.f--55-s { font-size: 3.4375rem; }
.f--56-s { font-size: 3.5rem; }
.f--57-s { font-size: 3.5625rem; }
.f--58-s { font-size: 3.625rem; }
.f--59-s { font-size: 3.6875rem; }
.f--60-s { font-size: 3.75rem; }
.f--61-s { font-size: 3.8125rem; }
.f--62-s { font-size: 3.875rem; }
.f--63-s { font-size: 3.9375rem; }
.f--64-s { font-size: 4rem; }
.f--65-s { font-size: 4.0625rem; }
.f--66-s { font-size: 4.125rem; }
.f--67-s { font-size: 4.1875rem; }
.f--68-s { font-size: 4.25rem; }
.f--69-s { font-size: 4.3125rem; }
.f--70-s { font-size: 4.375rem; }
.f--71-s { font-size: 4.4375rem; }
.f--72-s { font-size: 4.5rem; }
.f--73-s { font-size: 4.5625rem; }
.f--74-s { font-size: 4.625rem; }
.f--75-s { font-size: 4.6875rem; }
.f--76-s { font-size: 4.75rem; }
.f--77-s { font-size: 4.8125rem; }
.f--78-s { font-size: 4.875rem; }
.f--79-s { font-size: 4.9375rem; }
.f--80-s { font-size: 5rem; }
.f--81-s { font-size: 5.0625rem; }
.f--82-s { font-size: 5.125rem; }
.f--83-s { font-size: 5.1875rem; }
.f--84-s { font-size: 5.25rem; }
.f--85-s { font-size: 5.3125rem; }
.f--86-s { font-size: 5.375rem; }
.f--87-s { font-size: 5.4375rem; }
.f--88-s { font-size: 5.5rem; }
.f--89-s { font-size: 5.5625rem; }
.f--90-s { font-size: 5.625rem; }
.f--91-s { font-size: 5.6875rem; }
.f--92-s { font-size: 5.75rem; }
.f--93-s { font-size: 5.8125rem; }
.f--94-s { font-size: 5.875rem; }
.f--95-s { font-size: 5.9375rem; }
.f--96-s { font-size: 6rem; }
.measure-s { max-width: 30em; }
.measure-wide-s { max-width: 34em; }
.measure-narrow-s { max-width: 20em; }
.indent-s { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-s { font-variant: small-caps; }
.truncate-s { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-s { margin-right: auto; margin-left: auto; }
.mr-auto-s { margin-right: auto; }
.ml-auto-s { margin-left: auto; }
.clip-s { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-s { white-space: normal; }
.nowrap-s { white-space: nowrap; }
.pre-s { white-space: pre; }
.v-base-s { vertical-align: baseline; }
.v-mid-s { vertical-align: middle; }
.v-top-s { vertical-align: top; }
.v-btm-s { vertical-align: bottom; }
}
@media screen and (min-width: 60rem) {
.aspect-ratio-m { height: 0; position: relative; }
.aspect-ratio--16x9-m { padding-bottom: 56.25%; }
.aspect-ratio--9x16-m { padding-bottom: 177.77%; }
.aspect-ratio--4x3-m { padding-bottom: 75%; }
.aspect-ratio--3x4-m { padding-bottom: 133.33%; }
.aspect-ratio--6x4-m { padding-bottom: 66.6%; }
.aspect-ratio--4x6-m { padding-bottom: 150%; }
.aspect-ratio--8x5-m { padding-bottom: 62.5%; }
.aspect-ratio--5x8-m { padding-bottom: 160%; }
.aspect-ratio--7x5-m { padding-bottom: 71.42%; }
.aspect-ratio--5x7-m { padding-bottom: 140%; }
.aspect-ratio--1x1-m { padding-bottom: 100%; }
.aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-m { background-size: cover !important; }
.contain-m { background-size: contain !important; }
.bg-center-m { background-repeat: no-repeat; background-position: center center; }
.bg-top-m { background-repeat: no-repeat; background-position: top center; }
.bg-right-m { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-m { background-repeat: no-repeat; background-position: center left; }
.object-fill-m { object-fit: fill; };
.object-contain-m { object-fit: contain; };
.object-cover-m { object-fit: cover; };
.object-scale-down-m { object-fit: scale-down; };
.object-none-m { object-fit: none; };
.object-top-m { object-position: top center; }
.object-left-m { object-position: center left; }
.object-right-m { object-position: center right; }
.object-bottom-m { object-position: bottom center; }
.object-center-m { object-position: center; }
.outline-m { outline: 1px solid; }
.outline-transparent-m { outline: 1px solid transparent; }
.outline-0-m { outline: 0; }
.bn-m { border-style: none; border-width: 0; }
.ba-m { border-style: solid; border-width: 1px; }
.bt-m { border-top-style: solid; border-top-width: 1px; }
.br-m { border-right-style: solid; border-right-width: 1px; }
.bb-m { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-m { border-left-style: solid; border-left-width: 1px; }
.br0-m { border-radius: 0; }
.br1-m { border-radius: .125rem; }
.br2-m { border-radius: .25rem; }
.br3-m { border-radius: .5rem; }
.br4-m { border-radius: 1rem; }
.br-100-m { border-radius: 100%; }
.br-pill-m { border-radius: 9999px; }
.br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.br-inherit-m { border-radius: inherit; }
.br-initial-m { border-radius: initial; }
.br-unset-m { border-radius: unset; }
.b--dotted-m { border-style: dotted; }
.b--dashed-m { border-style: dashed; }
.b--solid-m { border-style: solid; }
.b--none-m { border-style: none; }
.bw0-m { border-width: 0; }
.bw1-m { border-width: .125rem; }
.bw2-m { border-width: .25rem; }
.bw3-m { border-width: .5rem; }
.bw4-m { border-width: 1rem; }
.bw5-m { border-width: 2rem; }
.bt-0-m { border-top-width: 0; }
.br-0-m { border-right-width: 0; }
.bb-0-m { border-bottom-width: 0; }
.bl-0-m { border-left-width: 0; }
.shadow-1-m { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-m { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-m { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-m { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-m { top: 0; }
.left-0-m { left: 0; }
.right-0-m { right: 0; }
.bottom-0-m { bottom: 0; }
.top-1-m { top: 1rem; }
.left-1-m { left: 1rem; }
.right-1-m { right: 1rem; }
.bottom-1-m { bottom: 1rem; }
.top-2-m { top: 2rem; }
.left-2-m { left: 2rem; }
.right-2-m { right: 2rem; }
.bottom-2-m { bottom: 2rem; }
.top--1-m { top: -1rem; }
.right--1-m { right: -1rem; }
.bottom--1-m { bottom: -1rem; }
.left--1-m { left: -1rem; }
.top--2-m { top: -2rem; }
.right--2-m { right: -2rem; }
.bottom--2-m { bottom: -2rem; }
.left--2-m { left: -2rem; }
.absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
.cl-m { clear: left; }
.cr-m { clear: right; }
.cb-m { clear: both; }
.cn-m { clear: none; }
.dn-m { display: none; }
.di-m { display: inline; }
.db-m { display: block; }
.dib-m { display: inline-block; }
.dit-m { display: inline-table; }
.dt-m { display: table; }
.dtc-m { display: table-cell; }
.dt-row-m { display: table-row; }
.dt-row-group-m { display: table-row-group; }
.dt-column-m { display: table-column; }
.dt-column-group-m { display: table-column-group; }
.dt--fixed-m { table-layout: fixed; width: 100%; }
.flex-m { display: flex; }
.inline-flex-m { display: inline-flex; }
.flex-auto-m { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-m { flex: none; }
.flex-column-m { flex-direction: column; }
.flex-row-m { flex-direction: row; }
.flex-wrap-m { flex-wrap: wrap; }
.flex-nowrap-m { flex-wrap: nowrap; }
.flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
.flex-column-reverse-m { flex-direction: column-reverse; }
.flex-row-reverse-m { flex-direction: row-reverse; }
.items-start-m { align-items: flex-start; }
.items-end-m { align-items: flex-end; }
.items-center-m { align-items: center; }
.items-baseline-m { align-items: baseline; }
.items-stretch-m { align-items: stretch; }
.self-start-m { align-self: flex-start; }
.self-end-m { align-self: flex-end; }
.self-center-m { align-self: center; }
.self-baseline-m { align-self: baseline; }
.self-stretch-m { align-self: stretch; }
.justify-start-m { justify-content: flex-start; }
.justify-end-m { justify-content: flex-end; }
.justify-center-m { justify-content: center; }
.justify-between-m { justify-content: space-between; }
.justify-around-m { justify-content: space-around; }
.content-start-m { align-content: flex-start; }
.content-end-m { align-content: flex-end; }
.content-center-m { align-content: center; }
.content-between-m { align-content: space-between; }
.content-around-m { align-content: space-around; }
.content-stretch-m { align-content: stretch; }
.order-0-m { order: 0; }
.order-1-m { order: 1; }
.order-2-m { order: 2; }
.order-3-m { order: 3; }
.order-4-m { order: 4; }
.order-5-m { order: 5; }
.order-6-m { order: 6; }
.order-7-m { order: 7; }
.order-8-m { order: 8; }
.order-last-m { order: 99999; }
.flex-grow-0-m { flex-grow: 0; }
.flex-grow-1-m { flex-grow: 1; }
.flex-shrink-0-m { flex-shrink: 0; }
.flex-shrink-1-m { flex-shrink: 1; }
.fl-m { float: left; _display: inline; }
.fr-m { float: right; _display: inline; }
.fn-m { float: none; }
.i-m { font-style: italic; }
.fs-normal-m { font-style: normal; }
.normal-m { font-weight: normal; }
.b-m { font-weight: bold; }
.fw1-m { font-weight: 100; }
.fw2-m { font-weight: 200; }
.fw3-m { font-weight: 300; }
.fw4-m { font-weight: 400; }
.fw5-m { font-weight: 500; }
.fw6-m { font-weight: 600; }
.fw7-m { font-weight: 700; }
.fw8-m { font-weight: 800; }
.fw9-m { font-weight: 900; }
.h1-m { height: 1rem; }
.h2-m { height: 2rem; }
.h3-m { height: 4rem; }
.h4-m { height: 8rem; }
.h5-m { height: 16rem; }
.h-25-m { height: 25%; }
.h-50-m { height: 50%; }
.h-75-m { height: 75%; }
.h-100-m { height: 100%; }
.min-h-100-m { min-height: 100%; }
.vh-25-m { height: 25vh; }
.vh-50-m { height: 50vh; }
.vh-75-m { height: 75vh; }
.vh-100-m { height: 100vh; }
.min-vh-100-m { min-height: 100vh; }
.h-auto-m { height: auto; }
.h-inherit-m { height: inherit; }
.tracked-m { letter-spacing: .1em; }
.tracked-tight-m { letter-spacing: -.05em; }
.tracked-mega-m { letter-spacing: .25em; }
.lh-solid-m { line-height: 1; }
.lh-title-m { line-height: 1.25; }
.lh-copy-m { line-height: 1.5; }
.mw-100-m { max-width: 100%; }
.mw1-m { max-width: 1rem; }
.mw2-m { max-width: 2rem; }
.mw3-m { max-width: 4rem; }
.mw4-m { max-width: 8rem; }
.mw5-m { max-width: 16rem; }
.mw6-m { max-width: 32rem; }
.mw7-m { max-width: 48rem; }
.mw8-m { max-width: 64rem; }
.mw9-m { max-width: 96rem; }
.mw-none-m { max-width: none; }
.w1-m { width: 1rem; }
.w2-m { width: 2rem; }
.w3-m { width: 4rem; }
.w4-m { width: 8rem; }
.w5-m { width: 16rem; }
.w-10-m { width: 10%; }
.w-20-m { width: 20%; }
.w-25-m { width: 25%; }
.w-30-m { width: 30%; }
.w-33-m { width: 33%; }
.w-34-m { width: 34%; }
.w-40-m { width: 40%; }
.w-50-m { width: 50%; }
.w-60-m { width: 60%; }
.w-70-m { width: 70%; }
.w-75-m { width: 75%; }
.w-80-m { width: 80%; }
.w-90-m { width: 90%; }
.w-100-m { width: 100%; }
.w-third-m { width: 33.33333%; }
.w-two-thirds-m { width: 66.66667%; }
.w-auto-m { width: auto; }
.w-1\/12-m { width: 8.33333%; }
.w-2\/12-m { width: 16.66667%; }
.w-3\/12-m { width: 25%; }
.w-4\/12-m { width: 33.33333%; }
.w-5\/12-m { width: 41.66667%; }
.w-6\/12-m { width: 50%; }
.w-7\/12-m { width: 58.33333%; }
.w-8\/12-m { width: 66.66667%; }
.w-9\/12-m { width: 75%; }
.w-10\/12-m { width: 83.33333%; }
.w-11\/12-m { width: 91.66667%; }
.w-12\/12-m { width: 100%; }
.overflow-visible-m { overflow: visible; }
.overflow-hidden-m { overflow: hidden; }
.overflow-scroll-m { overflow: scroll; }
.overflow-auto-m { overflow: auto; }
.overflow-x-visible-m { overflow-x: visible; }
.overflow-x-hidden-m { overflow-x: hidden; }
.overflow-x-scroll-m { overflow-x: scroll; }
.overflow-x-auto-m { overflow-x: auto; }
.overflow-y-visible-m { overflow-y: visible; }
.overflow-y-hidden-m { overflow-y: hidden; }
.overflow-y-scroll-m { overflow-y: scroll; }
.overflow-y-auto-m { overflow-y: auto; }
.static-m { position: static; }
.relative-m { position: relative; }
.absolute-m { position: absolute; }
.fixed-m { position: fixed; }
.sticky-m { position: sticky; }
.rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-m { padding: 0; }
.pa1-m { padding: .25rem; }
.pa2-m { padding: .5rem; }
.pa3-m { padding: 1rem; }
.pa4-m { padding: 2rem; }
.pa5-m { padding: 4rem; }
.pa6-m { padding: 8rem; }
.pa7-m { padding: 16rem; }
.pl0-m { padding-left: 0; }
.pl1-m { padding-left: .25rem; }
.pl2-m { padding-left: .5rem; }
.pl3-m { padding-left: 1rem; }
.pl4-m { padding-left: 2rem; }
.pl5-m { padding-left: 4rem; }
.pl6-m { padding-left: 8rem; }
.pl7-m { padding-left: 16rem; }
.pr0-m { padding-right: 0; }
.pr1-m { padding-right: .25rem; }
.pr2-m { padding-right: .5rem; }
.pr3-m { padding-right: 1rem; }
.pr4-m { padding-right: 2rem; }
.pr5-m { padding-right: 4rem; }
.pr6-m { padding-right: 8rem; }
.pr7-m { padding-right: 16rem; }
.pb0-m { padding-bottom: 0; }
.pb1-m { padding-bottom: .25rem; }
.pb2-m { padding-bottom: .5rem; }
.pb3-m { padding-bottom: 1rem; }
.pb4-m { padding-bottom: 2rem; }
.pb5-m { padding-bottom: 4rem; }
.pb6-m { padding-bottom: 8rem; }
.pb7-m { padding-bottom: 16rem; }
.pt0-m { padding-top: 0; }
.pt1-m { padding-top: .25rem; }
.pt2-m { padding-top: .5rem; }
.pt3-m { padding-top: 1rem; }
.pt4-m { padding-top: 2rem; }
.pt5-m { padding-top: 4rem; }
.pt6-m { padding-top: 8rem; }
.pt7-m { padding-top: 16rem; }
.pv0-m { padding-top: 0; padding-bottom: 0; }
.pv1-m { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-m { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-m { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-m { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-m { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-m { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-m { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-m { padding-left: 0; padding-right: 0; }
.ph1-m { padding-left: .25rem; padding-right: .25rem; }
.ph2-m { padding-left: .5rem; padding-right: .5rem; }
.ph3-m { padding-left: 1rem; padding-right: 1rem; }
.ph4-m { padding-left: 2rem; padding-right: 2rem; }
.ph5-m { padding-left: 4rem; padding-right: 4rem; }
.ph6-m { padding-left: 8rem; padding-right: 8rem; }
.ph7-m { padding-left: 16rem; padding-right: 16rem; }
.ma0-m { margin: 0; }
.ma1-m { margin: .25rem; }
.ma2-m { margin: .5rem; }
.ma3-m { margin: 1rem; }
.ma4-m { margin: 2rem; }
.ma5-m { margin: 4rem; }
.ma6-m { margin: 8rem; }
.ma7-m { margin: 16rem; }
.ml0-m { margin-left: 0; }
.ml1-m { margin-left: .25rem; }
.ml2-m { margin-left: .5rem; }
.ml3-m { margin-left: 1rem; }
.ml4-m { margin-left: 2rem; }
.ml5-m { margin-left: 4rem; }
.ml6-m { margin-left: 8rem; }
.ml7-m { margin-left: 16rem; }
.mr0-m { margin-right: 0; }
.mr1-m { margin-right: .25rem; }
.mr2-m { margin-right: .5rem; }
.mr3-m { margin-right: 1rem; }
.mr4-m { margin-right: 2rem; }
.mr5-m { margin-right: 4rem; }
.mr6-m { margin-right: 8rem; }
.mr7-m { margin-right: 16rem; }
.mb0-m { margin-bottom: 0; }
.mb1-m { margin-bottom: .25rem; }
.mb2-m { margin-bottom: .5rem; }
.mb3-m { margin-bottom: 1rem; }
.mb4-m { margin-bottom: 2rem; }
.mb5-m { margin-bottom: 4rem; }
.mb6-m { margin-bottom: 8rem; }
.mb7-m { margin-bottom: 16rem; }
.mt0-m { margin-top: 0; }
.mt1-m { margin-top: .25rem; }
.mt2-m { margin-top: .5rem; }
.mt3-m { margin-top: 1rem; }
.mt4-m { margin-top: 2rem; }
.mt5-m { margin-top: 4rem; }
.mt6-m { margin-top: 8rem; }
.mt7-m { margin-top: 16rem; }
.mv0-m { margin-top: 0; margin-bottom: 0; }
.mv1-m { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-m { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-m { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-m { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-m { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-m { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-m { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-m { margin-left: 0; margin-right: 0; }
.mh1-m { margin-left: .25rem; margin-right: .25rem; }
.mh2-m { margin-left: .5rem; margin-right: .5rem; }
.mh3-m { margin-left: 1rem; margin-right: 1rem; }
.mh4-m { margin-left: 2rem; margin-right: 2rem; }
.mh5-m { margin-left: 4rem; margin-right: 4rem; }
.mh6-m { margin-left: 8rem; margin-right: 8rem; }
.mh7-m { margin-left: 16rem; margin-right: 16rem; }
.na1-m { margin: -0.25rem; }
.na2-m { margin: -0.5rem; }
.na3-m { margin: -1rem; }
.na4-m { margin: -2rem; }
.na5-m { margin: -4rem; }
.na6-m { margin: -8rem; }
.na7-m { margin: -16rem; }
.nl1-m { margin-left: -0.25rem; }
.nl2-m { margin-left: -0.5rem; }
.nl3-m { margin-left: -1rem; }
.nl4-m { margin-left: -2rem; }
.nl5-m { margin-left: -4rem; }
.nl6-m { margin-left: -8rem; }
.nl7-m { margin-left: -16rem; }
.nr1-m { margin-right: -0.25rem; }
.nr2-m { margin-right: -0.5rem; }
.nr3-m { margin-right: -1rem; }
.nr4-m { margin-right: -2rem; }
.nr5-m { margin-right: -4rem; }
.nr6-m { margin-right: -8rem; }
.nr7-m { margin-right: -16rem; }
.nb1-m { margin-bottom: -0.25rem; }
.nb2-m { margin-bottom: -0.5rem; }
.nb3-m { margin-bottom: -1rem; }
.nb4-m { margin-bottom: -2rem; }
.nb5-m { margin-bottom: -4rem; }
.nb6-m { margin-bottom: -8rem; }
.nb7-m { margin-bottom: -16rem; }
.nt1-m { margin-top: -0.25rem; }
.nt2-m { margin-top: -0.5rem; }
.nt3-m { margin-top: -1rem; }
.nt4-m { margin-top: -2rem; }
.nt5-m { margin-top: -4rem; }
.nt6-m { margin-top: -8rem; }
.nt7-m { margin-top: -16rem; }
.nh1-m { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.nh2-m { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.nh3-m { margin-top: -1rem; margin-bottom: -1rem; }
.nh4-m { margin-top: -2rem; margin-bottom: -2rem; }
.nh5-m { margin-top: -4rem; margin-bottom: -4rem; }
.nh6-m { margin-top: -8rem; margin-bottom: -8rem; }
.nh7-m { margin-top: -16rem; margin-bottom: -16rem; }
.nv1-m { margin-left: -0.25rem; margin-right: -0.25rem; }
.nv2-m { margin-left: -0.5rem; margin-right: -0.5rem; }
.nv3-m { margin-left: -1rem; margin-right: -1rem; }
.nv4-m { margin-left: -2rem; margin-right: -2rem; }
.nv5-m { margin-left: -4rem; margin-right: -4rem; }
.nv6-m { margin-left: -8rem; margin-right: -8rem; }
.nv7-m { margin-left: -16rem; margin-right: -16rem; }
.strike-m { text-decoration: line-through; }
.underline-m { text-decoration: underline; }
.no-underline-m { text-decoration: none; }
.tl-m { text-align: left; }
.tr-m { text-align: right; }
.tc-m { text-align: center; }
.tj-m { text-align: justify; }
.ttc-m { text-transform: capitalize; }
.ttl-m { text-transform: lowercase; }
.ttu-m { text-transform: uppercase; }
.ttn-m { text-transform: none; }
.f-6-ns, .f-headline-m { font-size: 6rem; }
.f-5-ns, .f-subheadline-m { font-size: 5rem; }
.f0-m { font-size: 0; }
.f1-m { font-size: 3rem; }
.f2-m { font-size: 2.25rem; }
.f3-m { font-size: 1.5rem; }
.f4-m { font-size: 1.25rem; }
.f5-m { font-size: 1rem; }
.f6-m { font-size: .875rem; }
.f7-m { font-size: .75rem; }
.f--4-m { font-size: 0.25rem; }
.f--5-m { font-size: 0.3125rem; }
.f--6-m { font-size: 0.375rem; }
.f--7-m { font-size: 0.4375rem; }
.f--8-m { font-size: 0.5rem; }
.f--9-m { font-size: 0.5625rem; }
.f--10-m { font-size: 0.625rem; }
.f--11-m { font-size: 0.6875rem; }
.f--12-m { font-size: 0.75rem; }
.f--13-m { font-size: 0.8125rem; }
.f--14-m { font-size: 0.875rem; }
.f--15-m { font-size: 0.9375rem; }
.f--16-m { font-size: 1rem; }
.f--17-m { font-size: 1.0625rem; }
.f--18-m { font-size: 1.125rem; }
.f--19-m { font-size: 1.1875rem; }
.f--20-m { font-size: 1.25rem; }
.f--21-m { font-size: 1.3125rem; }
.f--22-m { font-size: 1.375rem; }
.f--23-m { font-size: 1.4375rem; }
.f--24-m { font-size: 1.5rem; }
.f--25-m { font-size: 1.5625rem; }
.f--26-m { font-size: 1.625rem; }
.f--27-m { font-size: 1.6875rem; }
.f--28-m { font-size: 1.75rem; }
.f--29-m { font-size: 1.8125rem; }
.f--30-m { font-size: 1.875rem; }
.f--31-m { font-size: 1.9375rem; }
.f--32-m { font-size: 2rem; }
.f--33-m { font-size: 2.0625rem; }
.f--34-m { font-size: 2.125rem; }
.f--35-m { font-size: 2.1875rem; }
.f--36-m { font-size: 2.25rem; }
.f--37-m { font-size: 2.3125rem; }
.f--38-m { font-size: 2.375rem; }
.f--39-m { font-size: 2.4375rem; }
.f--40-m { font-size: 2.5rem; }
.f--41-m { font-size: 2.5625rem; }
.f--42-m { font-size: 2.625rem; }
.f--43-m { font-size: 2.6875rem; }
.f--44-m { font-size: 2.75rem; }
.f--45-m { font-size: 2.8125rem; }
.f--46-m { font-size: 2.875rem; }
.f--47-m { font-size: 2.9375rem; }
.f--48-m { font-size: 3rem; }
.f--49-m { font-size: 3.0625rem; }
.f--50-m { font-size: 3.125rem; }
.f--51-m { font-size: 3.1875rem; }
.f--52-m { font-size: 3.25rem; }
.f--53-m { font-size: 3.3125rem; }
.f--54-m { font-size: 3.375rem; }
.f--55-m { font-size: 3.4375rem; }
.f--56-m { font-size: 3.5rem; }
.f--57-m { font-size: 3.5625rem; }
.f--58-m { font-size: 3.625rem; }
.f--59-m { font-size: 3.6875rem; }
.f--60-m { font-size: 3.75rem; }
.f--61-m { font-size: 3.8125rem; }
.f--62-m { font-size: 3.875rem; }
.f--63-m { font-size: 3.9375rem; }
.f--64-m { font-size: 4rem; }
.f--65-m { font-size: 4.0625rem; }
.f--66-m { font-size: 4.125rem; }
.f--67-m { font-size: 4.1875rem; }
.f--68-m { font-size: 4.25rem; }
.f--69-m { font-size: 4.3125rem; }
.f--70-m { font-size: 4.375rem; }
.f--71-m { font-size: 4.4375rem; }
.f--72-m { font-size: 4.5rem; }
.f--73-m { font-size: 4.5625rem; }
.f--74-m { font-size: 4.625rem; }
.f--75-m { font-size: 4.6875rem; }
.f--76-m { font-size: 4.75rem; }
.f--77-m { font-size: 4.8125rem; }
.f--78-m { font-size: 4.875rem; }
.f--79-m { font-size: 4.9375rem; }
.f--80-m { font-size: 5rem; }
.f--81-m { font-size: 5.0625rem; }
.f--82-m { font-size: 5.125rem; }
.f--83-m { font-size: 5.1875rem; }
.f--84-m { font-size: 5.25rem; }
.f--85-m { font-size: 5.3125rem; }
.f--86-m { font-size: 5.375rem; }
.f--87-m { font-size: 5.4375rem; }
.f--88-m { font-size: 5.5rem; }
.f--89-m { font-size: 5.5625rem; }
.f--90-m { font-size: 5.625rem; }
.f--91-m { font-size: 5.6875rem; }
.f--92-m { font-size: 5.75rem; }
.f--93-m { font-size: 5.8125rem; }
.f--94-m { font-size: 5.875rem; }
.f--95-m { font-size: 5.9375rem; }
.f--96-m { font-size: 6rem; }
.measure-m { max-width: 30em; }
.measure-wide-m { max-width: 34em; }
.measure-narrow-m { max-width: 20em; }
.indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-m { font-variant: small-caps; }
.truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-m { margin-right: auto; margin-left: auto; }
.mr-auto-m { margin-right: auto; }
.ml-auto-m { margin-left: auto; }
.clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-m { white-space: normal; }
.nowrap-m { white-space: nowrap; }
.pre-m { white-space: pre; }
.v-base-m { vertical-align: baseline; }
.v-mid-m { vertical-align: middle; }
.v-top-m { vertical-align: top; }
.v-btm-m { vertical-align: bottom; }
}
@media screen and (min-width: 76rem) {
.aspect-ratio-l { height: 0; position: relative; }
.aspect-ratio--16x9-l { padding-bottom: 56.25%; }
.aspect-ratio--9x16-l { padding-bottom: 177.77%; }
.aspect-ratio--4x3-l { padding-bottom: 75%; }
.aspect-ratio--3x4-l { padding-bottom: 133.33%; }
.aspect-ratio--6x4-l { padding-bottom: 66.6%; }
.aspect-ratio--4x6-l { padding-bottom: 150%; }
.aspect-ratio--8x5-l { padding-bottom: 62.5%; }
.aspect-ratio--5x8-l { padding-bottom: 160%; }
.aspect-ratio--7x5-l { padding-bottom: 71.42%; }
.aspect-ratio--5x7-l { padding-bottom: 140%; }
.aspect-ratio--1x1-l { padding-bottom: 100%; }
.aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-l { background-size: cover !important; }
.contain-l { background-size: contain !important; }
.bg-center-l { background-repeat: no-repeat; background-position: center center; }
.bg-top-l { background-repeat: no-repeat; background-position: top center; }
.bg-right-l { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-l { background-repeat: no-repeat; background-position: center left; }
.object-fill-l { object-fit: fill; };
.object-contain-l { object-fit: contain; };
.object-cover-l { object-fit: cover; };
.object-scale-down-l { object-fit: scale-down; };
.object-none-l { object-fit: none; };
.object-top-l { object-position: top center; }
.object-left-l { object-position: center left; }
.object-right-l { object-position: center right; }
.object-bottom-l { object-position: bottom center; }
.object-center-l { object-position: center; }
.outline-l { outline: 1px solid; }
.outline-transparent-l { outline: 1px solid transparent; }
.outline-0-l { outline: 0; }
.bn-l { border-style: none; border-width: 0; }
.ba-l { border-style: solid; border-width: 1px; }
.bt-l { border-top-style: solid; border-top-width: 1px; }
.br-l { border-right-style: solid; border-right-width: 1px; }
.bb-l { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-l { border-left-style: solid; border-left-width: 1px; }
.br0-l { border-radius: 0; }
.br1-l { border-radius: .125rem; }
.br2-l { border-radius: .25rem; }
.br3-l { border-radius: .5rem; }
.br4-l { border-radius: 1rem; }
.br-100-l { border-radius: 100%; }
.br-pill-l { border-radius: 9999px; }
.br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.br-inherit-l { border-radius: inherit; }
.br-initial-l { border-radius: initial; }
.br-unset-l { border-radius: unset; }
.b--dotted-l { border-style: dotted; }
.b--dashed-l { border-style: dashed; }
.b--solid-l { border-style: solid; }
.b--none-l { border-style: none; }
.bw0-l { border-width: 0; }
.bw1-l { border-width: .125rem; }
.bw2-l { border-width: .25rem; }
.bw3-l { border-width: .5rem; }
.bw4-l { border-width: 1rem; }
.bw5-l { border-width: 2rem; }
.bt-0-l { border-top-width: 0; }
.br-0-l { border-right-width: 0; }
.bb-0-l { border-bottom-width: 0; }
.bl-0-l { border-left-width: 0; }
.shadow-1-l { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-l { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-l { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-l { top: 0; }
.left-0-l { left: 0; }
.right-0-l { right: 0; }
.bottom-0-l { bottom: 0; }
.top-1-l { top: 1rem; }
.left-1-l { left: 1rem; }
.right-1-l { right: 1rem; }
.bottom-1-l { bottom: 1rem; }
.top-2-l { top: 2rem; }
.left-2-l { left: 2rem; }
.right-2-l { right: 2rem; }
.bottom-2-l { bottom: 2rem; }
.top--1-l { top: -1rem; }
.right--1-l { right: -1rem; }
.bottom--1-l { bottom: -1rem; }
.left--1-l { left: -1rem; }
.top--2-l { top: -2rem; }
.right--2-l { right: -2rem; }
.bottom--2-l { bottom: -2rem; }
.left--2-l { left: -2rem; }
.absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
.cl-l { clear: left; }
.cr-l { clear: right; }
.cb-l { clear: both; }
.cn-l { clear: none; }
.dn-l { display: none; }
.di-l { display: inline; }
.db-l { display: block; }
.dib-l { display: inline-block; }
.dit-l { display: inline-table; }
.dt-l { display: table; }
.dtc-l { display: table-cell; }
.dt-row-l { display: table-row; }
.dt-row-group-l { display: table-row-group; }
.dt-column-l { display: table-column; }
.dt-column-group-l { display: table-column-group; }
.dt--fixed-l { table-layout: fixed; width: 100%; }
.flex-l { display: flex; }
.inline-flex-l { display: inline-flex; }
.flex-auto-l { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-l { flex: none; }
.flex-column-l { flex-direction: column; }
.flex-row-l { flex-direction: row; }
.flex-wrap-l { flex-wrap: wrap; }
.flex-nowrap-l { flex-wrap: nowrap; }
.flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
.flex-column-reverse-l { flex-direction: column-reverse; }
.flex-row-reverse-l { flex-direction: row-reverse; }
.items-start-l { align-items: flex-start; }
.items-end-l { align-items: flex-end; }
.items-center-l { align-items: center; }
.items-baseline-l { align-items: baseline; }
.items-stretch-l { align-items: stretch; }
.self-start-l { align-self: flex-start; }
.self-end-l { align-self: flex-end; }
.self-center-l { align-self: center; }
.self-baseline-l { align-self: baseline; }
.self-stretch-l { align-self: stretch; }
.justify-start-l { justify-content: flex-start; }
.justify-end-l { justify-content: flex-end; }
.justify-center-l { justify-content: center; }
.justify-between-l { justify-content: space-between; }
.justify-around-l { justify-content: space-around; }
.content-start-l { align-content: flex-start; }
.content-end-l { align-content: flex-end; }
.content-center-l { align-content: center; }
.content-between-l { align-content: space-between; }
.content-around-l { align-content: space-around; }
.content-stretch-l { align-content: stretch; }
.order-0-l { order: 0; }
.order-1-l { order: 1; }
.order-2-l { order: 2; }
.order-3-l { order: 3; }
.order-4-l { order: 4; }
.order-5-l { order: 5; }
.order-6-l { order: 6; }
.order-7-l { order: 7; }
.order-8-l { order: 8; }
.order-last-l { order: 99999; }
.flex-grow-0-l { flex-grow: 0; }
.flex-grow-1-l { flex-grow: 1; }
.flex-shrink-0-l { flex-shrink: 0; }
.flex-shrink-1-l { flex-shrink: 1; }
.fl-l { float: left; _display: inline; }
.fr-l { float: right; _display: inline; }
.fn-l { float: none; }
.i-l { font-style: italic; }
.fs-normal-l { font-style: normal; }
.normal-l { font-weight: normal; }
.b-l { font-weight: bold; }
.fw1-l { font-weight: 100; }
.fw2-l { font-weight: 200; }
.fw3-l { font-weight: 300; }
.fw4-l { font-weight: 400; }
.fw5-l { font-weight: 500; }
.fw6-l { font-weight: 600; }
.fw7-l { font-weight: 700; }
.fw8-l { font-weight: 800; }
.fw9-l { font-weight: 900; }
.h1-l { height: 1rem; }
.h2-l { height: 2rem; }
.h3-l { height: 4rem; }
.h4-l { height: 8rem; }
.h5-l { height: 16rem; }
.h-25-l { height: 25%; }
.h-50-l { height: 50%; }
.h-75-l { height: 75%; }
.h-100-l { height: 100%; }
.min-h-100-l { min-height: 100%; }
.vh-25-l { height: 25vh; }
.vh-50-l { height: 50vh; }
.vh-75-l { height: 75vh; }
.vh-100-l { height: 100vh; }
.min-vh-100-l { min-height: 100vh; }
.h-auto-l { height: auto; }
.h-inherit-l { height: inherit; }
.tracked-l { letter-spacing: .1em; }
.tracked-tight-l { letter-spacing: -.05em; }
.tracked-mega-l { letter-spacing: .25em; }
.lh-solid-l { line-height: 1; }
.lh-title-l { line-height: 1.25; }
.lh-copy-l { line-height: 1.5; }
.mw-100-l { max-width: 100%; }
.mw1-l { max-width: 1rem; }
.mw2-l { max-width: 2rem; }
.mw3-l { max-width: 4rem; }
.mw4-l { max-width: 8rem; }
.mw5-l { max-width: 16rem; }
.mw6-l { max-width: 32rem; }
.mw7-l { max-width: 48rem; }
.mw8-l { max-width: 64rem; }
.mw9-l { max-width: 96rem; }
.mw-none-l { max-width: none; }
.w1-l { width: 1rem; }
.w2-l { width: 2rem; }
.w3-l { width: 4rem; }
.w4-l { width: 8rem; }
.w5-l { width: 16rem; }
.w-10-l { width: 10%; }
.w-20-l { width: 20%; }
.w-25-l { width: 25%; }
.w-30-l { width: 30%; }
.w-33-l { width: 33%; }
.w-34-l { width: 34%; }
.w-40-l { width: 40%; }
.w-50-l { width: 50%; }
.w-60-l { width: 60%; }
.w-70-l { width: 70%; }
.w-75-l { width: 75%; }
.w-80-l { width: 80%; }
.w-90-l { width: 90%; }
.w-100-l { width: 100%; }
.w-third-l { width: 33.33333%; }
.w-two-thirds-l { width: 66.66667%; }
.w-auto-l { width: auto; }
.w-1\/12-l { width: 8.33333%; }
.w-2\/12-l { width: 16.66667%; }
.w-3\/12-l { width: 25%; }
.w-4\/12-l { width: 33.33333%; }
.w-5\/12-l { width: 41.66667%; }
.w-6\/12-l { width: 50%; }
.w-7\/12-l { width: 58.33333%; }
.w-8\/12-l { width: 66.66667%; }
.w-9\/12-l { width: 75%; }
.w-10\/12-l { width: 83.33333%; }
.w-11\/12-l { width: 91.66667%; }
.w-12\/12-l { width: 100%; }
.overflow-visible-l { overflow: visible; }
.overflow-hidden-l { overflow: hidden; }
.overflow-scroll-l { overflow: scroll; }
.overflow-auto-l { overflow: auto; }
.overflow-x-visible-l { overflow-x: visible; }
.overflow-x-hidden-l { overflow-x: hidden; }
.overflow-x-scroll-l { overflow-x: scroll; }
.overflow-x-auto-l { overflow-x: auto; }
.overflow-y-visible-l { overflow-y: visible; }
.overflow-y-hidden-l { overflow-y: hidden; }
.overflow-y-scroll-l { overflow-y: scroll; }
.overflow-y-auto-l { overflow-y: auto; }
.static-l { position: static; }
.relative-l { position: relative; }
.absolute-l { position: absolute; }
.fixed-l { position: fixed; }
.sticky-l { position: sticky; }
.rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-l { padding: 0; }
.pa1-l { padding: .25rem; }
.pa2-l { padding: .5rem; }
.pa3-l { padding: 1rem; }
.pa4-l { padding: 2rem; }
.pa5-l { padding: 4rem; }
.pa6-l { padding: 8rem; }
.pa7-l { padding: 16rem; }
.pl0-l { padding-left: 0; }
.pl1-l { padding-left: .25rem; }
.pl2-l { padding-left: .5rem; }
.pl3-l { padding-left: 1rem; }
.pl4-l { padding-left: 2rem; }
.pl5-l { padding-left: 4rem; }
.pl6-l { padding-left: 8rem; }
.pl7-l { padding-left: 16rem; }
.pr0-l { padding-right: 0; }
.pr1-l { padding-right: .25rem; }
.pr2-l { padding-right: .5rem; }
.pr3-l { padding-right: 1rem; }
.pr4-l { padding-right: 2rem; }
.pr5-l { padding-right: 4rem; }
.pr6-l { padding-right: 8rem; }
.pr7-l { padding-right: 16rem; }
.pb0-l { padding-bottom: 0; }
.pb1-l { padding-bottom: .25rem; }
.pb2-l { padding-bottom: .5rem; }
.pb3-l { padding-bottom: 1rem; }
.pb4-l { padding-bottom: 2rem; }
.pb5-l { padding-bottom: 4rem; }
.pb6-l { padding-bottom: 8rem; }
.pb7-l { padding-bottom: 16rem; }
.pt0-l { padding-top: 0; }
.pt1-l { padding-top: .25rem; }
.pt2-l { padding-top: .5rem; }
.pt3-l { padding-top: 1rem; }
.pt4-l { padding-top: 2rem; }
.pt5-l { padding-top: 4rem; }
.pt6-l { padding-top: 8rem; }
.pt7-l { padding-top: 16rem; }
.pv0-l { padding-top: 0; padding-bottom: 0; }
.pv1-l { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-l { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-l { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-l { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-l { padding-left: 0; padding-right: 0; }
.ph1-l { padding-left: .25rem; padding-right: .25rem; }
.ph2-l { padding-left: .5rem; padding-right: .5rem; }
.ph3-l { padding-left: 1rem; padding-right: 1rem; }
.ph4-l { padding-left: 2rem; padding-right: 2rem; }
.ph5-l { padding-left: 4rem; padding-right: 4rem; }
.ph6-l { padding-left: 8rem; padding-right: 8rem; }
.ph7-l { padding-left: 16rem; padding-right: 16rem; }
.ma0-l { margin: 0; }
.ma1-l { margin: .25rem; }
.ma2-l { margin: .5rem; }
.ma3-l { margin: 1rem; }
.ma4-l { margin: 2rem; }
.ma5-l { margin: 4rem; }
.ma6-l { margin: 8rem; }
.ma7-l { margin: 16rem; }
.ml0-l { margin-left: 0; }
.ml1-l { margin-left: .25rem; }
.ml2-l { margin-left: .5rem; }
.ml3-l { margin-left: 1rem; }
.ml4-l { margin-left: 2rem; }
.ml5-l { margin-left: 4rem; }
.ml6-l { margin-left: 8rem; }
.ml7-l { margin-left: 16rem; }
.mr0-l { margin-right: 0; }
.mr1-l { margin-right: .25rem; }
.mr2-l { margin-right: .5rem; }
.mr3-l { margin-right: 1rem; }
.mr4-l { margin-right: 2rem; }
.mr5-l { margin-right: 4rem; }
.mr6-l { margin-right: 8rem; }
.mr7-l { margin-right: 16rem; }
.mb0-l { margin-bottom: 0; }
.mb1-l { margin-bottom: .25rem; }
.mb2-l { margin-bottom: .5rem; }
.mb3-l { margin-bottom: 1rem; }
.mb4-l { margin-bottom: 2rem; }
.mb5-l { margin-bottom: 4rem; }
.mb6-l { margin-bottom: 8rem; }
.mb7-l { margin-bottom: 16rem; }
.mt0-l { margin-top: 0; }
.mt1-l { margin-top: .25rem; }
.mt2-l { margin-top: .5rem; }
.mt3-l { margin-top: 1rem; }
.mt4-l { margin-top: 2rem; }
.mt5-l { margin-top: 4rem; }
.mt6-l { margin-top: 8rem; }
.mt7-l { margin-top: 16rem; }
.mv0-l { margin-top: 0; margin-bottom: 0; }
.mv1-l { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-l { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-l { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-l { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-l { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-l { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-l { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-l { margin-left: 0; margin-right: 0; }
.mh1-l { margin-left: .25rem; margin-right: .25rem; }
.mh2-l { margin-left: .5rem; margin-right: .5rem; }
.mh3-l { margin-left: 1rem; margin-right: 1rem; }
.mh4-l { margin-left: 2rem; margin-right: 2rem; }
.mh5-l { margin-left: 4rem; margin-right: 4rem; }
.mh6-l { margin-left: 8rem; margin-right: 8rem; }
.mh7-l { margin-left: 16rem; margin-right: 16rem; }
.na1-l { margin: -0.25rem; }
.na2-l { margin: -0.5rem; }
.na3-l { margin: -1rem; }
.na4-l { margin: -2rem; }
.na5-l { margin: -4rem; }
.na6-l { margin: -8rem; }
.na7-l { margin: -16rem; }
.nl1-l { margin-left: -0.25rem; }
.nl2-l { margin-left: -0.5rem; }
.nl3-l { margin-left: -1rem; }
.nl4-l { margin-left: -2rem; }
.nl5-l { margin-left: -4rem; }
.nl6-l { margin-left: -8rem; }
.nl7-l { margin-left: -16rem; }
.nr1-l { margin-right: -0.25rem; }
.nr2-l { margin-right: -0.5rem; }
.nr3-l { margin-right: -1rem; }
.nr4-l { margin-right: -2rem; }
.nr5-l { margin-right: -4rem; }
.nr6-l { margin-right: -8rem; }
.nr7-l { margin-right: -16rem; }
.nb1-l { margin-bottom: -0.25rem; }
.nb2-l { margin-bottom: -0.5rem; }
.nb3-l { margin-bottom: -1rem; }
.nb4-l { margin-bottom: -2rem; }
.nb5-l { margin-bottom: -4rem; }
.nb6-l { margin-bottom: -8rem; }
.nb7-l { margin-bottom: -16rem; }
.nt1-l { margin-top: -0.25rem; }
.nt2-l { margin-top: -0.5rem; }
.nt3-l { margin-top: -1rem; }
.nt4-l { margin-top: -2rem; }
.nt5-l { margin-top: -4rem; }
.nt6-l { margin-top: -8rem; }
.nt7-l { margin-top: -16rem; }
.nh1-l { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.nh2-l { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.nh3-l { margin-top: -1rem; margin-bottom: -1rem; }
.nh4-l { margin-top: -2rem; margin-bottom: -2rem; }
.nh5-l { margin-top: -4rem; margin-bottom: -4rem; }
.nh6-l { margin-top: -8rem; margin-bottom: -8rem; }
.nh7-l { margin-top: -16rem; margin-bottom: -16rem; }
.nv1-l { margin-left: -0.25rem; margin-right: -0.25rem; }
.nv2-l { margin-left: -0.5rem; margin-right: -0.5rem; }
.nv3-l { margin-left: -1rem; margin-right: -1rem; }
.nv4-l { margin-left: -2rem; margin-right: -2rem; }
.nv5-l { margin-left: -4rem; margin-right: -4rem; }
.nv6-l { margin-left: -8rem; margin-right: -8rem; }
.nv7-l { margin-left: -16rem; margin-right: -16rem; }
.strike-l { text-decoration: line-through; }
.underline-l { text-decoration: underline; }
.no-underline-l { text-decoration: none; }
.tl-l { text-align: left; }
.tr-l { text-align: right; }
.tc-l { text-align: center; }
.tj-l { text-align: justify; }
.ttc-l { text-transform: capitalize; }
.ttl-l { text-transform: lowercase; }
.ttu-l { text-transform: uppercase; }
.ttn-l { text-transform: none; }
.f-6-ns, .f-headline-l { font-size: 6rem; }
.f-5-ns, .f-subheadline-l { font-size: 5rem; }
.f0-l { font-size: 0; }
.f1-l { font-size: 3rem; }
.f2-l { font-size: 2.25rem; }
.f3-l { font-size: 1.5rem; }
.f4-l { font-size: 1.25rem; }
.f5-l { font-size: 1rem; }
.f6-l { font-size: .875rem; }
.f7-l { font-size: .75rem; }
.f--4-l { font-size: 0.25rem; }
.f--5-l { font-size: 0.3125rem; }
.f--6-l { font-size: 0.375rem; }
.f--7-l { font-size: 0.4375rem; }
.f--8-l { font-size: 0.5rem; }
.f--9-l { font-size: 0.5625rem; }
.f--10-l { font-size: 0.625rem; }
.f--11-l { font-size: 0.6875rem; }
.f--12-l { font-size: 0.75rem; }
.f--13-l { font-size: 0.8125rem; }
.f--14-l { font-size: 0.875rem; }
.f--15-l { font-size: 0.9375rem; }
.f--16-l { font-size: 1rem; }
.f--17-l { font-size: 1.0625rem; }
.f--18-l { font-size: 1.125rem; }
.f--19-l { font-size: 1.1875rem; }
.f--20-l { font-size: 1.25rem; }
.f--21-l { font-size: 1.3125rem; }
.f--22-l { font-size: 1.375rem; }
.f--23-l { font-size: 1.4375rem; }
.f--24-l { font-size: 1.5rem; }
.f--25-l { font-size: 1.5625rem; }
.f--26-l { font-size: 1.625rem; }
.f--27-l { font-size: 1.6875rem; }
.f--28-l { font-size: 1.75rem; }
.f--29-l { font-size: 1.8125rem; }
.f--30-l { font-size: 1.875rem; }
.f--31-l { font-size: 1.9375rem; }
.f--32-l { font-size: 2rem; }
.f--33-l { font-size: 2.0625rem; }
.f--34-l { font-size: 2.125rem; }
.f--35-l { font-size: 2.1875rem; }
.f--36-l { font-size: 2.25rem; }
.f--37-l { font-size: 2.3125rem; }
.f--38-l { font-size: 2.375rem; }
.f--39-l { font-size: 2.4375rem; }
.f--40-l { font-size: 2.5rem; }
.f--41-l { font-size: 2.5625rem; }
.f--42-l { font-size: 2.625rem; }
.f--43-l { font-size: 2.6875rem; }
.f--44-l { font-size: 2.75rem; }
.f--45-l { font-size: 2.8125rem; }
.f--46-l { font-size: 2.875rem; }
.f--47-l { font-size: 2.9375rem; }
.f--48-l { font-size: 3rem; }
.f--49-l { font-size: 3.0625rem; }
.f--50-l { font-size: 3.125rem; }
.f--51-l { font-size: 3.1875rem; }
.f--52-l { font-size: 3.25rem; }
.f--53-l { font-size: 3.3125rem; }
.f--54-l { font-size: 3.375rem; }
.f--55-l { font-size: 3.4375rem; }
.f--56-l { font-size: 3.5rem; }
.f--57-l { font-size: 3.5625rem; }
.f--58-l { font-size: 3.625rem; }
.f--59-l { font-size: 3.6875rem; }
.f--60-l { font-size: 3.75rem; }
.f--61-l { font-size: 3.8125rem; }
.f--62-l { font-size: 3.875rem; }
.f--63-l { font-size: 3.9375rem; }
.f--64-l { font-size: 4rem; }
.f--65-l { font-size: 4.0625rem; }
.f--66-l { font-size: 4.125rem; }
.f--67-l { font-size: 4.1875rem; }
.f--68-l { font-size: 4.25rem; }
.f--69-l { font-size: 4.3125rem; }
.f--70-l { font-size: 4.375rem; }
.f--71-l { font-size: 4.4375rem; }
.f--72-l { font-size: 4.5rem; }
.f--73-l { font-size: 4.5625rem; }
.f--74-l { font-size: 4.625rem; }
.f--75-l { font-size: 4.6875rem; }
.f--76-l { font-size: 4.75rem; }
.f--77-l { font-size: 4.8125rem; }
.f--78-l { font-size: 4.875rem; }
.f--79-l { font-size: 4.9375rem; }
.f--80-l { font-size: 5rem; }
.f--81-l { font-size: 5.0625rem; }
.f--82-l { font-size: 5.125rem; }
.f--83-l { font-size: 5.1875rem; }
.f--84-l { font-size: 5.25rem; }
.f--85-l { font-size: 5.3125rem; }
.f--86-l { font-size: 5.375rem; }
.f--87-l { font-size: 5.4375rem; }
.f--88-l { font-size: 5.5rem; }
.f--89-l { font-size: 5.5625rem; }
.f--90-l { font-size: 5.625rem; }
.f--91-l { font-size: 5.6875rem; }
.f--92-l { font-size: 5.75rem; }
.f--93-l { font-size: 5.8125rem; }
.f--94-l { font-size: 5.875rem; }
.f--95-l { font-size: 5.9375rem; }
.f--96-l { font-size: 6rem; }
.measure-l { max-width: 30em; }
.measure-wide-l { max-width: 34em; }
.measure-narrow-l { max-width: 20em; }
.indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-l { font-variant: small-caps; }
.truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-l { margin-right: auto; margin-left: auto; }
.mr-auto-l { margin-right: auto; }
.ml-auto-l { margin-left: auto; }
.clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-l { white-space: normal; }
.nowrap-l { white-space: nowrap; }
.pre-l { white-space: pre; }
.v-base-l { vertical-align: baseline; }
.v-mid-l { vertical-align: middle; }
.v-top-l { vertical-align: top; }
.v-btm-l { vertical-align: bottom; }
}
@media screen and (min-width: 92rem) {
.aspect-ratio-xl { height: 0; position: relative; }
.aspect-ratio--16x9-xl { padding-bottom: 56.25%; }
.aspect-ratio--9x16-xl { padding-bottom: 177.77%; }
.aspect-ratio--4x3-xl { padding-bottom: 75%; }
.aspect-ratio--3x4-xl { padding-bottom: 133.33%; }
.aspect-ratio--6x4-xl { padding-bottom: 66.6%; }
.aspect-ratio--4x6-xl { padding-bottom: 150%; }
.aspect-ratio--8x5-xl { padding-bottom: 62.5%; }
.aspect-ratio--5x8-xl { padding-bottom: 160%; }
.aspect-ratio--7x5-xl { padding-bottom: 71.42%; }
.aspect-ratio--5x7-xl { padding-bottom: 140%; }
.aspect-ratio--1x1-xl { padding-bottom: 100%; }
.aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-xl { background-size: cover !important; }
.contain-xl { background-size: contain !important; }
.bg-center-xl { background-repeat: no-repeat; background-position: center center; }
.bg-top-xl { background-repeat: no-repeat; background-position: top center; }
.bg-right-xl { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-xl { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-xl { background-repeat: no-repeat; background-position: center left; }
.object-fill-xl { object-fit: fill; };
.object-contain-xl { object-fit: contain; };
.object-cover-xl { object-fit: cover; };
.object-scale-down-xl { object-fit: scale-down; };
.object-none-xl { object-fit: none; };
.object-top-xl { object-position: top center; }
.object-left-xl { object-position: center left; }
.object-right-xl { object-position: center right; }
.object-bottom-xl { object-position: bottom center; }
.object-center-xl { object-position: center; }
.outline-xl { outline: 1px solid; }
.outline-transparent-xl { outline: 1px solid transparent; }
.outline-0-xl { outline: 0; }
.bn-xl { border-style: none; border-width: 0; }
.ba-xl { border-style: solid; border-width: 1px; }
.bt-xl { border-top-style: solid; border-top-width: 1px; }
.br-xl { border-right-style: solid; border-right-width: 1px; }
.bb-xl { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-xl { border-left-style: solid; border-left-width: 1px; }
.br0-xl { border-radius: 0; }
.br1-xl { border-radius: .125rem; }
.br2-xl { border-radius: .25rem; }
.br3-xl { border-radius: .5rem; }
.br4-xl { border-radius: 1rem; }
.br-100-xl { border-radius: 100%; }
.br-pill-xl { border-radius: 9999px; }
.br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-xl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-xl { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.br-inherit-xl { border-radius: inherit; }
.br-initial-xl { border-radius: initial; }
.br-unset-xl { border-radius: unset; }
.b--dotted-xl { border-style: dotted; }
.b--dashed-xl { border-style: dashed; }
.b--solid-xl { border-style: solid; }
.b--none-xl { border-style: none; }
.bw0-xl { border-width: 0; }
.bw1-xl { border-width: .125rem; }
.bw2-xl { border-width: .25rem; }
.bw3-xl { border-width: .5rem; }
.bw4-xl { border-width: 1rem; }
.bw5-xl { border-width: 2rem; }
.bt-0-xl { border-top-width: 0; }
.br-0-xl { border-right-width: 0; }
.bb-0-xl { border-bottom-width: 0; }
.bl-0-xl { border-left-width: 0; }
.shadow-1-xl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-xl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-xl { top: 0; }
.left-0-xl { left: 0; }
.right-0-xl { right: 0; }
.bottom-0-xl { bottom: 0; }
.top-1-xl { top: 1rem; }
.left-1-xl { left: 1rem; }
.right-1-xl { right: 1rem; }
.bottom-1-xl { bottom: 1rem; }
.top-2-xl { top: 2rem; }
.left-2-xl { left: 2rem; }
.right-2-xl { right: 2rem; }
.bottom-2-xl { bottom: 2rem; }
.top--1-xl { top: -1rem; }
.right--1-xl { right: -1rem; }
.bottom--1-xl { bottom: -1rem; }
.left--1-xl { left: -1rem; }
.top--2-xl { top: -2rem; }
.right--2-xl { right: -2rem; }
.bottom--2-xl { bottom: -2rem; }
.left--2-xl { left: -2rem; }
.absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0; }
.cl-xl { clear: left; }
.cr-xl { clear: right; }
.cb-xl { clear: both; }
.cn-xl { clear: none; }
.dn-xl { display: none; }
.di-xl { display: inline; }
.db-xl { display: block; }
.dib-xl { display: inline-block; }
.dit-xl { display: inline-table; }
.dt-xl { display: table; }
.dtc-xl { display: table-cell; }
.dt-row-xl { display: table-row; }
.dt-row-group-xl { display: table-row-group; }
.dt-column-xl { display: table-column; }
.dt-column-group-xl { display: table-column-group; }
.dt--fixed-xl { table-layout: fixed; width: 100%; }
.flex-xl { display: flex; }
.inline-flex-xl { display: inline-flex; }
.flex-auto-xl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-xl { flex: none; }
.flex-column-xl { flex-direction: column; }
.flex-row-xl { flex-direction: row; }
.flex-wrap-xl { flex-wrap: wrap; }
.flex-nowrap-xl { flex-wrap: nowrap; }
.flex-wrap-reverse-xl { flex-wrap: wrap-reverse; }
.flex-column-reverse-xl { flex-direction: column-reverse; }
.flex-row-reverse-xl { flex-direction: row-reverse; }
.items-start-xl { align-items: flex-start; }
.items-end-xl { align-items: flex-end; }
.items-center-xl { align-items: center; }
.items-baseline-xl { align-items: baseline; }
.items-stretch-xl { align-items: stretch; }
.self-start-xl { align-self: flex-start; }
.self-end-xl { align-self: flex-end; }
.self-center-xl { align-self: center; }
.self-baseline-xl { align-self: baseline; }
.self-stretch-xl { align-self: stretch; }
.justify-start-xl { justify-content: flex-start; }
.justify-end-xl { justify-content: flex-end; }
.justify-center-xl { justify-content: center; }
.justify-between-xl { justify-content: space-between; }
.justify-around-xl { justify-content: space-around; }
.content-start-xl { align-content: flex-start; }
.content-end-xl { align-content: flex-end; }
.content-center-xl { align-content: center; }
.content-between-xl { align-content: space-between; }
.content-around-xl { align-content: space-around; }
.content-stretch-xl { align-content: stretch; }
.order-0-xl { order: 0; }
.order-1-xl { order: 1; }
.order-2-xl { order: 2; }
.order-3-xl { order: 3; }
.order-4-xl { order: 4; }
.order-5-xl { order: 5; }
.order-6-xl { order: 6; }
.order-7-xl { order: 7; }
.order-8-xl { order: 8; }
.order-last-xl { order: 99999; }
.flex-grow-0-xl { flex-grow: 0; }
.flex-grow-1-xl { flex-grow: 1; }
.flex-shrink-0-xl { flex-shrink: 0; }
.flex-shrink-1-xl { flex-shrink: 1; }
.fl-xl { float: left; _display: inline; }
.fr-xl { float: right; _display: inline; }
.fn-xl { float: none; }
.i-xl { font-style: italic; }
.fs-normal-xl { font-style: normal; }
.normal-xl { font-weight: normal; }
.b-xl { font-weight: bold; }
.fw1-xl { font-weight: 100; }
.fw2-xl { font-weight: 200; }
.fw3-xl { font-weight: 300; }
.fw4-xl { font-weight: 400; }
.fw5-xl { font-weight: 500; }
.fw6-xl { font-weight: 600; }
.fw7-xl { font-weight: 700; }
.fw8-xl { font-weight: 800; }
.fw9-xl { font-weight: 900; }
.h1-xl { height: 1rem; }
.h2-xl { height: 2rem; }
.h3-xl { height: 4rem; }
.h4-xl { height: 8rem; }
.h5-xl { height: 16rem; }
.h-25-xl { height: 25%; }
.h-50-xl { height: 50%; }
.h-75-xl { height: 75%; }
.h-100-xl { height: 100%; }
.min-h-100-xl { min-height: 100%; }
.vh-25-xl { height: 25vh; }
.vh-50-xl { height: 50vh; }
.vh-75-xl { height: 75vh; }
.vh-100-xl { height: 100vh; }
.min-vh-100-xl { min-height: 100vh; }
.h-auto-xl { height: auto; }
.h-inherit-xl { height: inherit; }
.tracked-xl { letter-spacing: .1em; }
.tracked-tight-xl { letter-spacing: -.05em; }
.tracked-mega-xl { letter-spacing: .25em; }
.lh-solid-xl { line-height: 1; }
.lh-title-xl { line-height: 1.25; }
.lh-copy-xl { line-height: 1.5; }
.mw-100-xl { max-width: 100%; }
.mw1-xl { max-width: 1rem; }
.mw2-xl { max-width: 2rem; }
.mw3-xl { max-width: 4rem; }
.mw4-xl { max-width: 8rem; }
.mw5-xl { max-width: 16rem; }
.mw6-xl { max-width: 32rem; }
.mw7-xl { max-width: 48rem; }
.mw8-xl { max-width: 64rem; }
.mw9-xl { max-width: 96rem; }
.mw-none-xl { max-width: none; }
.w1-xl { width: 1rem; }
.w2-xl { width: 2rem; }
.w3-xl { width: 4rem; }
.w4-xl { width: 8rem; }
.w5-xl { width: 16rem; }
.w-10-xl { width: 10%; }
.w-20-xl { width: 20%; }
.w-25-xl { width: 25%; }
.w-30-xl { width: 30%; }
.w-33-xl { width: 33%; }
.w-34-xl { width: 34%; }
.w-40-xl { width: 40%; }
.w-50-xl { width: 50%; }
.w-60-xl { width: 60%; }
.w-70-xl { width: 70%; }
.w-75-xl { width: 75%; }
.w-80-xl { width: 80%; }
.w-90-xl { width: 90%; }
.w-100-xl { width: 100%; }
.w-third-xl { width: 33.33333%; }
.w-two-thirds-xl { width: 66.66667%; }
.w-auto-xl { width: auto; }
.w-1\/12-xl { width: 8.33333%; }
.w-2\/12-xl { width: 16.66667%; }
.w-3\/12-xl { width: 25%; }
.w-4\/12-xl { width: 33.33333%; }
.w-5\/12-xl { width: 41.66667%; }
.w-6\/12-xl { width: 50%; }
.w-7\/12-xl { width: 58.33333%; }
.w-8\/12-xl { width: 66.66667%; }
.w-9\/12-xl { width: 75%; }
.w-10\/12-xl { width: 83.33333%; }
.w-11\/12-xl { width: 91.66667%; }
.w-12\/12-xl { width: 100%; }
.overflow-visible-xl { overflow: visible; }
.overflow-hidden-xl { overflow: hidden; }
.overflow-scroll-xl { overflow: scroll; }
.overflow-auto-xl { overflow: auto; }
.overflow-x-visible-xl { overflow-x: visible; }
.overflow-x-hidden-xl { overflow-x: hidden; }
.overflow-x-scroll-xl { overflow-x: scroll; }
.overflow-x-auto-xl { overflow-x: auto; }
.overflow-y-visible-xl { overflow-y: visible; }
.overflow-y-hidden-xl { overflow-y: hidden; }
.overflow-y-scroll-xl { overflow-y: scroll; }
.overflow-y-auto-xl { overflow-y: auto; }
.static-xl { position: static; }
.relative-xl { position: relative; }
.absolute-xl { position: absolute; }
.fixed-xl { position: fixed; }
.sticky-xl { position: sticky; }
.rotate-45-xl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-xl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-xl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-xl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-xl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-xl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-xl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-xl { padding: 0; }
.pa1-xl { padding: .25rem; }
.pa2-xl { padding: .5rem; }
.pa3-xl { padding: 1rem; }
.pa4-xl { padding: 2rem; }
.pa5-xl { padding: 4rem; }
.pa6-xl { padding: 8rem; }
.pa7-xl { padding: 16rem; }
.pl0-xl { padding-left: 0; }
.pl1-xl { padding-left: .25rem; }
.pl2-xl { padding-left: .5rem; }
.pl3-xl { padding-left: 1rem; }
.pl4-xl { padding-left: 2rem; }
.pl5-xl { padding-left: 4rem; }
.pl6-xl { padding-left: 8rem; }
.pl7-xl { padding-left: 16rem; }
.pr0-xl { padding-right: 0; }
.pr1-xl { padding-right: .25rem; }
.pr2-xl { padding-right: .5rem; }
.pr3-xl { padding-right: 1rem; }
.pr4-xl { padding-right: 2rem; }
.pr5-xl { padding-right: 4rem; }
.pr6-xl { padding-right: 8rem; }
.pr7-xl { padding-right: 16rem; }
.pb0-xl { padding-bottom: 0; }
.pb1-xl { padding-bottom: .25rem; }
.pb2-xl { padding-bottom: .5rem; }
.pb3-xl { padding-bottom: 1rem; }
.pb4-xl { padding-bottom: 2rem; }
.pb5-xl { padding-bottom: 4rem; }
.pb6-xl { padding-bottom: 8rem; }
.pb7-xl { padding-bottom: 16rem; }
.pt0-xl { padding-top: 0; }
.pt1-xl { padding-top: .25rem; }
.pt2-xl { padding-top: .5rem; }
.pt3-xl { padding-top: 1rem; }
.pt4-xl { padding-top: 2rem; }
.pt5-xl { padding-top: 4rem; }
.pt6-xl { padding-top: 8rem; }
.pt7-xl { padding-top: 16rem; }
.pv0-xl { padding-top: 0; padding-bottom: 0; }
.pv1-xl { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-xl { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-xl { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-xl { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-xl { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-xl { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-xl { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-xl { padding-left: 0; padding-right: 0; }
.ph1-xl { padding-left: .25rem; padding-right: .25rem; }
.ph2-xl { padding-left: .5rem; padding-right: .5rem; }
.ph3-xl { padding-left: 1rem; padding-right: 1rem; }
.ph4-xl { padding-left: 2rem; padding-right: 2rem; }
.ph5-xl { padding-left: 4rem; padding-right: 4rem; }
.ph6-xl { padding-left: 8rem; padding-right: 8rem; }
.ph7-xl { padding-left: 16rem; padding-right: 16rem; }
.ma0-xl { margin: 0; }
.ma1-xl { margin: .25rem; }
.ma2-xl { margin: .5rem; }
.ma3-xl { margin: 1rem; }
.ma4-xl { margin: 2rem; }
.ma5-xl { margin: 4rem; }
.ma6-xl { margin: 8rem; }
.ma7-xl { margin: 16rem; }
.ml0-xl { margin-left: 0; }
.ml1-xl { margin-left: .25rem; }
.ml2-xl { margin-left: .5rem; }
.ml3-xl { margin-left: 1rem; }
.ml4-xl { margin-left: 2rem; }
.ml5-xl { margin-left: 4rem; }
.ml6-xl { margin-left: 8rem; }
.ml7-xl { margin-left: 16rem; }
.mr0-xl { margin-right: 0; }
.mr1-xl { margin-right: .25rem; }
.mr2-xl { margin-right: .5rem; }
.mr3-xl { margin-right: 1rem; }
.mr4-xl { margin-right: 2rem; }
.mr5-xl { margin-right: 4rem; }
.mr6-xl { margin-right: 8rem; }
.mr7-xl { margin-right: 16rem; }
.mb0-xl { margin-bottom: 0; }
.mb1-xl { margin-bottom: .25rem; }
.mb2-xl { margin-bottom: .5rem; }
.mb3-xl { margin-bottom: 1rem; }
.mb4-xl { margin-bottom: 2rem; }
.mb5-xl { margin-bottom: 4rem; }
.mb6-xl { margin-bottom: 8rem; }
.mb7-xl { margin-bottom: 16rem; }
.mt0-xl { margin-top: 0; }
.mt1-xl { margin-top: .25rem; }
.mt2-xl { margin-top: .5rem; }
.mt3-xl { margin-top: 1rem; }
.mt4-xl { margin-top: 2rem; }
.mt5-xl { margin-top: 4rem; }
.mt6-xl { margin-top: 8rem; }
.mt7-xl { margin-top: 16rem; }
.mv0-xl { margin-top: 0; margin-bottom: 0; }
.mv1-xl { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-xl { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-xl { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-xl { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-xl { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-xl { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-xl { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-xl { margin-left: 0; margin-right: 0; }
.mh1-xl { margin-left: .25rem; margin-right: .25rem; }
.mh2-xl { margin-left: .5rem; margin-right: .5rem; }
.mh3-xl { margin-left: 1rem; margin-right: 1rem; }
.mh4-xl { margin-left: 2rem; margin-right: 2rem; }
.mh5-xl { margin-left: 4rem; margin-right: 4rem; }
.mh6-xl { margin-left: 8rem; margin-right: 8rem; }
.mh7-xl { margin-left: 16rem; margin-right: 16rem; }
.na1-xl { margin: -0.25rem; }
.na2-xl { margin: -0.5rem; }
.na3-xl { margin: -1rem; }
.na4-xl { margin: -2rem; }
.na5-xl { margin: -4rem; }
.na6-xl { margin: -8rem; }
.na7-xl { margin: -16rem; }
.nl1-xl { margin-left: -0.25rem; }
.nl2-xl { margin-left: -0.5rem; }
.nl3-xl { margin-left: -1rem; }
.nl4-xl { margin-left: -2rem; }
.nl5-xl { margin-left: -4rem; }
.nl6-xl { margin-left: -8rem; }
.nl7-xl { margin-left: -16rem; }
.nr1-xl { margin-right: -0.25rem; }
.nr2-xl { margin-right: -0.5rem; }
.nr3-xl { margin-right: -1rem; }
.nr4-xl { margin-right: -2rem; }
.nr5-xl { margin-right: -4rem; }
.nr6-xl { margin-right: -8rem; }
.nr7-xl { margin-right: -16rem; }
.nb1-xl { margin-bottom: -0.25rem; }
.nb2-xl { margin-bottom: -0.5rem; }
.nb3-xl { margin-bottom: -1rem; }
.nb4-xl { margin-bottom: -2rem; }
.nb5-xl { margin-bottom: -4rem; }
.nb6-xl { margin-bottom: -8rem; }
.nb7-xl { margin-bottom: -16rem; }
.nt1-xl { margin-top: -0.25rem; }
.nt2-xl { margin-top: -0.5rem; }
.nt3-xl { margin-top: -1rem; }
.nt4-xl { margin-top: -2rem; }
.nt5-xl { margin-top: -4rem; }
.nt6-xl { margin-top: -8rem; }
.nt7-xl { margin-top: -16rem; }
.nh1-xl { margin-top: -0.25rem; margin-bottom: -0.25rem; }
.nh2-xl { margin-top: -0.5rem; margin-bottom: -0.5rem; }
.nh3-xl { margin-top: -1rem; margin-bottom: -1rem; }
.nh4-xl { margin-top: -2rem; margin-bottom: -2rem; }
.nh5-xl { margin-top: -4rem; margin-bottom: -4rem; }
.nh6-xl { margin-top: -8rem; margin-bottom: -8rem; }
.nh7-xl { margin-top: -16rem; margin-bottom: -16rem; }
.nv1-xl { margin-left: -0.25rem; margin-right: -0.25rem; }
.nv2-xl { margin-left: -0.5rem; margin-right: -0.5rem; }
.nv3-xl { margin-left: -1rem; margin-right: -1rem; }
.nv4-xl { margin-left: -2rem; margin-right: -2rem; }
.nv5-xl { margin-left: -4rem; margin-right: -4rem; }
.nv6-xl { margin-left: -8rem; margin-right: -8rem; }
.nv7-xl { margin-left: -16rem; margin-right: -16rem; }
.strike-xl { text-decoration: line-through; }
.underline-xl { text-decoration: underline; }
.no-underline-xl { text-decoration: none; }
.tl-xl { text-align: left; }
.tr-xl { text-align: right; }
.tc-xl { text-align: center; }
.tj-xl { text-align: justify; }
.ttc-xl { text-transform: capitalize; }
.ttl-xl { text-transform: lowercase; }
.ttu-xl { text-transform: uppercase; }
.ttn-xl { text-transform: none; }
.f-6-ns, .f-headline-xl { font-size: 6rem; }
.f-5-ns, .f-subheadline-xl { font-size: 5rem; }
.f0-xl { font-size: 0; }
.f1-xl { font-size: 3rem; }
.f2-xl { font-size: 2.25rem; }
.f3-xl { font-size: 1.5rem; }
.f4-xl { font-size: 1.25rem; }
.f5-xl { font-size: 1rem; }
.f6-xl { font-size: .875rem; }
.f7-xl { font-size: .75rem; }
.f--4-xl { font-size: 0.25rem; }
.f--5-xl { font-size: 0.3125rem; }
.f--6-xl { font-size: 0.375rem; }
.f--7-xl { font-size: 0.4375rem; }
.f--8-xl { font-size: 0.5rem; }
.f--9-xl { font-size: 0.5625rem; }
.f--10-xl { font-size: 0.625rem; }
.f--11-xl { font-size: 0.6875rem; }
.f--12-xl { font-size: 0.75rem; }
.f--13-xl { font-size: 0.8125rem; }
.f--14-xl { font-size: 0.875rem; }
.f--15-xl { font-size: 0.9375rem; }
.f--16-xl { font-size: 1rem; }
.f--17-xl { font-size: 1.0625rem; }
.f--18-xl { font-size: 1.125rem; }
.f--19-xl { font-size: 1.1875rem; }
.f--20-xl { font-size: 1.25rem; }
.f--21-xl { font-size: 1.3125rem; }
.f--22-xl { font-size: 1.375rem; }
.f--23-xl { font-size: 1.4375rem; }
.f--24-xl { font-size: 1.5rem; }
.f--25-xl { font-size: 1.5625rem; }
.f--26-xl { font-size: 1.625rem; }
.f--27-xl { font-size: 1.6875rem; }
.f--28-xl { font-size: 1.75rem; }
.f--29-xl { font-size: 1.8125rem; }
.f--30-xl { font-size: 1.875rem; }
.f--31-xl { font-size: 1.9375rem; }
.f--32-xl { font-size: 2rem; }
.f--33-xl { font-size: 2.0625rem; }
.f--34-xl { font-size: 2.125rem; }
.f--35-xl { font-size: 2.1875rem; }
.f--36-xl { font-size: 2.25rem; }
.f--37-xl { font-size: 2.3125rem; }
.f--38-xl { font-size: 2.375rem; }
.f--39-xl { font-size: 2.4375rem; }
.f--40-xl { font-size: 2.5rem; }
.f--41-xl { font-size: 2.5625rem; }
.f--42-xl { font-size: 2.625rem; }
.f--43-xl { font-size: 2.6875rem; }
.f--44-xl { font-size: 2.75rem; }
.f--45-xl { font-size: 2.8125rem; }
.f--46-xl { font-size: 2.875rem; }
.f--47-xl { font-size: 2.9375rem; }
.f--48-xl { font-size: 3rem; }
.f--49-xl { font-size: 3.0625rem; }
.f--50-xl { font-size: 3.125rem; }
.f--51-xl { font-size: 3.1875rem; }
.f--52-xl { font-size: 3.25rem; }
.f--53-xl { font-size: 3.3125rem; }
.f--54-xl { font-size: 3.375rem; }
.f--55-xl { font-size: 3.4375rem; }
.f--56-xl { font-size: 3.5rem; }
.f--57-xl { font-size: 3.5625rem; }
.f--58-xl { font-size: 3.625rem; }
.f--59-xl { font-size: 3.6875rem; }
.f--60-xl { font-size: 3.75rem; }
.f--61-xl { font-size: 3.8125rem; }
.f--62-xl { font-size: 3.875rem; }
.f--63-xl { font-size: 3.9375rem; }
.f--64-xl { font-size: 4rem; }
.f--65-xl { font-size: 4.0625rem; }
.f--66-xl { font-size: 4.125rem; }
.f--67-xl { font-size: 4.1875rem; }
.f--68-xl { font-size: 4.25rem; }
.f--69-xl { font-size: 4.3125rem; }
.f--70-xl { font-size: 4.375rem; }
.f--71-xl { font-size: 4.4375rem; }
.f--72-xl { font-size: 4.5rem; }
.f--73-xl { font-size: 4.5625rem; }
.f--74-xl { font-size: 4.625rem; }
.f--75-xl { font-size: 4.6875rem; }
.f--76-xl { font-size: 4.75rem; }
.f--77-xl { font-size: 4.8125rem; }
.f--78-xl { font-size: 4.875rem; }
.f--79-xl { font-size: 4.9375rem; }
.f--80-xl { font-size: 5rem; }
.f--81-xl { font-size: 5.0625rem; }
.f--82-xl { font-size: 5.125rem; }
.f--83-xl { font-size: 5.1875rem; }
.f--84-xl { font-size: 5.25rem; }
.f--85-xl { font-size: 5.3125rem; }
.f--86-xl { font-size: 5.375rem; }
.f--87-xl { font-size: 5.4375rem; }
.f--88-xl { font-size: 5.5rem; }
.f--89-xl { font-size: 5.5625rem; }
.f--90-xl { font-size: 5.625rem; }
.f--91-xl { font-size: 5.6875rem; }
.f--92-xl { font-size: 5.75rem; }
.f--93-xl { font-size: 5.8125rem; }
.f--94-xl { font-size: 5.875rem; }
.f--95-xl { font-size: 5.9375rem; }
.f--96-xl { font-size: 6rem; }
.measure-xl { max-width: 30em; }
.measure-wide-xl { max-width: 34em; }
.measure-narrow-xl { max-width: 20em; }
.indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-xl { font-variant: small-caps; }
.truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-xl { margin-right: auto; margin-left: auto; }
.mr-auto-xl { margin-right: auto; }
.ml-auto-xl { margin-left: auto; }
.clip-xl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-xl { white-space: normal; }
.nowrap-xl { white-space: nowrap; }
.pre-xl { white-space: pre; }
.v-base-xl { vertical-align: baseline; }
.v-mid-xl { vertical-align: middle; }
.v-top-xl { vertical-align: top; }
.v-btm-xl { vertical-align: bottom; }
}