/*! TACHYONS v4.12.0 | http://tachyons.io */ /* * * ________ ______ * ___ __/_____ _________ /______ ______________________ * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ * /____/ * * TABLE OF CONTENTS * * 2. Tachyons Modules * 3. Variables * - Media Queries * - Colors * 4. Debugging * - Debug all * - Debug children * */ /* Modules */ /* ASPECT RATIOS */ /* This is for fluid media that is embedded from third party sites like youtube, vimeo etc. * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e * Make sure there are no height and width attributes on the embedded media. * Adapted from: https://github.com/suitcss/components-flex-embed * * Example: * *
* *
* * */ .nested-tachyons .aspect-ratio { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9 { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16 { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3 { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4 { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4 { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6 { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5 { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8 { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5 { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7 { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1 { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } /* IMAGES Docs: http://tachyons.io/docs/elements/images/ */ /* Responsive images! */ img { max-width: 100%; } /* BACKGROUND SIZE Docs: http://tachyons.io/docs/themes/background-size/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Often used in combination with background image set as an inline style on an html element. */ .nested-tachyons .cover { background-size: cover !important; } .nested-tachyons .contain { background-size: contain !important; } /* BACKGROUND POSITION Base: bg = background Modifiers: -center = center center -top = top center -right = center right -bottom = bottom center -left = center left Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .bg-center { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill { object-fit: fill; }; .nested-tachyons .object-contain { object-fit: contain; }; .nested-tachyons .object-cover { object-fit: cover; }; .nested-tachyons .object-scale-down { object-fit: scale-down; }; .nested-tachyons .object-none { object-fit: none; }; .nested-tachyons .object-top { object-position: top center; } .nested-tachyons .object-left { object-position: center left; } .nested-tachyons .object-right { object-position: center right; } .nested-tachyons .object-bottom { object-position: bottom center; } .nested-tachyons .object-center { object-position: center; } /* OUTLINES Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .outline { outline: 1px solid; } .nested-tachyons .outline-transparent { outline: 1px solid transparent; } .nested-tachyons .outline-0 { outline: 0; } /* BORDERS Docs: http://tachyons.io/docs/themes/borders/ Base: b = border Modifiers: a = all t = top r = right b = bottom l = left n = none Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .bn { border-style: none; border-width: 0; } .nested-tachyons .ba { border-style: solid; border-width: 1px; } .nested-tachyons .bt { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl { border-left-style: solid; border-left-width: 1px; } /* BORDER COLORS Docs: http://tachyons.io/docs/themes/borders/ Border colors can be used to extend the base border classes ba,bt,bb,br,bl found in the _borders.css file. The base border class by default will set the color of the border to that of the current text color. These classes are for the cases where you desire for the text and border colors to be different. Base: b = border Modifiers: --color-name = each color variable name is also a border color name */ .nested-tachyons .b--black { border-color: #000; } .nested-tachyons .b--near-black { border-color: #111; } .nested-tachyons .b--dark-gray { border-color: #333; } .nested-tachyons .b--mid-gray { border-color: #555; } .nested-tachyons .b--gray { border-color: #777; } .nested-tachyons .b--silver { border-color: #999; } .nested-tachyons .b--light-silver { border-color: #aaa; } .nested-tachyons .b--moon-gray { border-color: #ccc; } .nested-tachyons .b--light-gray { border-color: #eee; } .nested-tachyons .b--near-white { border-color: #f4f4f4; } .nested-tachyons .b--white { border-color: #fff; } .nested-tachyons .b--white-90 { border-color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .b--white-80 { border-color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .b--white-70 { border-color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .b--white-60 { border-color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .b--white-50 { border-color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .b--white-40 { border-color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .b--white-30 { border-color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .b--white-20 { border-color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .b--white-10 { border-color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .b--white-05 { border-color: rgba( 255, 255, 255, .05 ); } .nested-tachyons .b--white-025 { border-color: rgba( 255, 255, 255, .025 ); } .nested-tachyons .b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); } .nested-tachyons .b--black-90 { border-color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .b--black-80 { border-color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .b--black-70 { border-color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .b--black-60 { border-color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .b--black-50 { border-color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .b--black-40 { border-color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .b--black-30 { border-color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .b--black-20 { border-color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .b--black-10 { border-color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .b--black-05 { border-color: rgba( 0, 0, 0, .05 ); } .nested-tachyons .b--black-025 { border-color: rgba( 0, 0, 0, .025 ); } .nested-tachyons .b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); } .nested-tachyons .b--dark-red { border-color: #e7040f; } .nested-tachyons .b--red { border-color: #ff4136; } .nested-tachyons .b--light-red { border-color: #ff725c; } .nested-tachyons .b--orange { border-color: #ff6300; } .nested-tachyons .b--gold { border-color: #ffb700; } .nested-tachyons .b--yellow { border-color: #ffd700; } .nested-tachyons .b--light-yellow { border-color: #fbf1a9; } .nested-tachyons .b--purple { border-color: #5e2ca5; } .nested-tachyons .b--light-purple { border-color: #a463f2; } .nested-tachyons .b--dark-pink { border-color: #d5008f; } .nested-tachyons .b--hot-pink { border-color: #ff41b4; } .nested-tachyons .b--pink { border-color: #ff80cc; } .nested-tachyons .b--light-pink { border-color: #ffa3d7; } .nested-tachyons .b--dark-green { border-color: #137752; } .nested-tachyons .b--green { border-color: #19a974; } .nested-tachyons .b--light-green { border-color: #9eebcf; } .nested-tachyons .b--navy { border-color: #001b44; } .nested-tachyons .b--dark-blue { border-color: #00449e; } .nested-tachyons .b--blue { border-color: #357edd; } .nested-tachyons .b--light-blue { border-color: #96ccff; } .nested-tachyons .b--lightest-blue { border-color: #cdecff; } .nested-tachyons .b--washed-blue { border-color: #f6fffe; } .nested-tachyons .b--washed-green { border-color: #e8fdf5; } .nested-tachyons .b--washed-yellow { border-color: #fffceb; } .nested-tachyons .b--washed-red { border-color: #ffdfdf; } .nested-tachyons .b--transparent { border-color: transparent; } .nested-tachyons .b--inherit { border-color: inherit; } .nested-tachyons .b--initial { border-color: initial; } .nested-tachyons .b--unset { border-color: unset; } /* BORDER RADIUS Docs: http://tachyons.io/docs/themes/border-radius/ Base: br = border-radius Modifiers: 0 = 0/none 1 = 1st step in scale 2 = 2nd step in scale 3 = 3rd step in scale 4 = 4th step in scale Literal values: -100 = 100% -pill = 9999px Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .br0 { border-radius: 0; } .nested-tachyons .br1 { border-radius: .125rem; } .nested-tachyons .br2 { border-radius: .25rem; } .nested-tachyons .br3 { border-radius: .5rem; } .nested-tachyons .br4 { border-radius: 1rem; } .nested-tachyons .br-100 { border-radius: 100%; } .nested-tachyons .br-pill { border-radius: 9999px; } .nested-tachyons .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit { border-radius: inherit; } .nested-tachyons .br-initial { border-radius: initial; } .nested-tachyons .br-unset { border-radius: unset; } /* BORDER STYLES Docs: http://tachyons.io/docs/themes/borders/ Depends on base border module in _borders.css Base: b = border-style Modifiers: --none = none --dotted = dotted --dashed = dashed --solid = solid Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .b--dotted { border-style: dotted; } .nested-tachyons .b--dashed { border-style: dashed; } .nested-tachyons .b--solid { border-style: solid; } .nested-tachyons .b--none { border-style: none; } /* BORDER WIDTHS Docs: http://tachyons.io/docs/themes/borders/ Base: bw = border-width Modifiers: 0 = 0 width border 1 = 1st step in border-width scale 2 = 2nd step in border-width scale 3 = 3rd step in border-width scale 4 = 4th step in border-width scale 5 = 5th step in border-width scale Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .bw0 { border-width: 0; } .nested-tachyons .bw1 { border-width: .125rem; } .nested-tachyons .bw2 { border-width: .25rem; } .nested-tachyons .bw3 { border-width: .5rem; } .nested-tachyons .bw4 { border-width: 1rem; } .nested-tachyons .bw5 { border-width: 2rem; } /* Resets */ .nested-tachyons .bt-0 { border-top-width: 0; } .nested-tachyons .br-0 { border-right-width: 0; } .nested-tachyons .bb-0 { border-bottom-width: 0; } .nested-tachyons .bl-0 { border-left-width: 0; } /* BOX-SHADOW Docs: http://tachyons.io/docs/themes/box-shadow/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2 { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } /* CODE */ .nested-tachyons .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; } /* COORDINATES Docs: http://tachyons.io/docs/layout/position/ Use in combination with the position module. Base: top bottom right left Modifiers: -0 = literal value 0 -1 = literal value 1 -2 = literal value 2 --1 = literal value -1 --2 = literal value -2 Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .top-0 { top: 0; } .nested-tachyons .right-0 { right: 0; } .nested-tachyons .bottom-0 { bottom: 0; } .nested-tachyons .left-0 { left: 0; } .nested-tachyons .top-1 { top: 1rem; } .nested-tachyons .right-1 { right: 1rem; } .nested-tachyons .bottom-1 { bottom: 1rem; } .nested-tachyons .left-1 { left: 1rem; } .nested-tachyons .top-2 { top: 2rem; } .nested-tachyons .right-2 { right: 2rem; } .nested-tachyons .bottom-2 { bottom: 2rem; } .nested-tachyons .left-2 { left: 2rem; } .nested-tachyons .top--1 { top: -1rem; } .nested-tachyons .right--1 { right: -1rem; } .nested-tachyons .bottom--1 { bottom: -1rem; } .nested-tachyons .left--1 { left: -1rem; } .nested-tachyons .top--2 { top: -2rem; } .nested-tachyons .right--2 { right: -2rem; } .nested-tachyons .bottom--2 { bottom: -2rem; } .nested-tachyons .left--2 { left: -2rem; } .nested-tachyons .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } /* CLEARFIX http://tachyons.io/docs/layout/clearfix/ */ /* Nicolas Gallaghers Clearfix solution Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ .nested-tachyons .cf:before, .nested-tachyons .cf:after { content: " "; display: table; } .nested-tachyons .cf:after { clear: both; } .nested-tachyons .cf { *zoom: 1; } .nested-tachyons .cl { clear: left; } .nested-tachyons .cr { clear: right; } .nested-tachyons .cb { clear: both; } .nested-tachyons .cn { clear: none; } /* DISPLAY Docs: http://tachyons.io/docs/layout/display Base: d = display Modifiers: n = none b = block ib = inline-block it = inline-table t = table tc = table-cell t-row = table-row t-columm = table-column t-column-group = table-column-group Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .dn { display: none; } .nested-tachyons .di { display: inline; } .nested-tachyons .db { display: block; } .nested-tachyons .dib { display: inline-block; } .nested-tachyons .dit { display: inline-table; } .nested-tachyons .dt { display: table; } .nested-tachyons .dtc { display: table-cell; } .nested-tachyons .dt-row { display: table-row; } .nested-tachyons .dt-row-group { display: table-row-group; } .nested-tachyons .dt-column { display: table-column; } .nested-tachyons .dt-column-group { display: table-column-group; } /* This will set table to full width and then all cells will be equal width */ .nested-tachyons .dt--fixed { table-layout: fixed; width: 100%; } /* FLEXBOX Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .flex { display: flex; } .nested-tachyons .inline-flex { display: inline-flex; } /* 1. Fix for Chrome 44 bug. * https://code.google.com/p/chromium/issues/detail?id=506893 */ .nested-tachyons .flex-auto { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none { flex: none; } .nested-tachyons .flex-column { flex-direction: column; } .nested-tachyons .flex-row { flex-direction: row; } .nested-tachyons .flex-wrap { flex-wrap: wrap; } .nested-tachyons .flex-nowrap { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse { flex-direction: row-reverse; } .nested-tachyons .items-start { align-items: flex-start; } .nested-tachyons .items-end { align-items: flex-end; } .nested-tachyons .items-center { align-items: center; } .nested-tachyons .items-baseline { align-items: baseline; } .nested-tachyons .items-stretch { align-items: stretch; } .nested-tachyons .self-start { align-self: flex-start; } .nested-tachyons .self-end { align-self: flex-end; } .nested-tachyons .self-center { align-self: center; } .nested-tachyons .self-baseline { align-self: baseline; } .nested-tachyons .self-stretch { align-self: stretch; } .nested-tachyons .justify-start { justify-content: flex-start; } .nested-tachyons .justify-end { justify-content: flex-end; } .nested-tachyons .justify-center { justify-content: center; } .nested-tachyons .justify-between { justify-content: space-between; } .nested-tachyons .justify-around { justify-content: space-around; } .nested-tachyons .content-start { align-content: flex-start; } .nested-tachyons .content-end { align-content: flex-end; } .nested-tachyons .content-center { align-content: center; } .nested-tachyons .content-between { align-content: space-between; } .nested-tachyons .content-around { align-content: space-around; } .nested-tachyons .content-stretch { align-content: stretch; } .nested-tachyons .order-0 { order: 0; } .nested-tachyons .order-1 { order: 1; } .nested-tachyons .order-2 { order: 2; } .nested-tachyons .order-3 { order: 3; } .nested-tachyons .order-4 { order: 4; } .nested-tachyons .order-5 { order: 5; } .nested-tachyons .order-6 { order: 6; } .nested-tachyons .order-7 { order: 7; } .nested-tachyons .order-8 { order: 8; } .nested-tachyons .order-last { order: 99999; } .nested-tachyons .flex-grow-0 { flex-grow: 0; } .nested-tachyons .flex-grow-1 { flex-grow: 1; } .nested-tachyons .flex-shrink-0 { flex-shrink: 0; } .nested-tachyons .flex-shrink-1 { flex-shrink: 1; } /* FLOATS http://tachyons.io/docs/layout/floats/ 1. Floated elements are automatically rendered as block level elements. Setting floats to display inline will fix the double margin bug in ie6. You know... just in case. 2. Don't forget to clearfix your floats with .cf Base: f = float Modifiers: l = left r = right n = none Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .fl { float: left; _display: inline; } .nested-tachyons .fr { float: right; _display: inline; } .nested-tachyons .fn { float: none; } /* FONT FAMILY GROUPS Docs: http://tachyons.io/docs/typography/font-family/ */ .nested-tachyons .sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; } .nested-tachyons .serif { font-family: georgia, times, serif; } .nested-tachyons .system-sans-serif { font-family: sans-serif; } .nested-tachyons .system-serif { font-family: serif; } /* Monospaced Typefaces (for code) */ /* From http://cssfontstack.com */ code, .code { font-family: Consolas, monaco, monospace; } .nested-tachyons .courier { font-family: 'Courier Next', courier, monospace; } /* Sans-Serif Typefaces */ .nested-tachyons .helvetica { font-family: 'helvetica neue', helvetica, sans-serif; } .nested-tachyons .avenir { font-family: 'avenir next', avenir, sans-serif; } /* Serif Typefaces */ .nested-tachyons .athelas { font-family: athelas, georgia, serif; } .nested-tachyons .georgia { font-family: georgia, serif; } .nested-tachyons .times { font-family: times, serif; } .nested-tachyons .bodoni { font-family: "Bodoni MT", serif; } .nested-tachyons .calisto { font-family: "Calisto MT", serif; } .nested-tachyons .garamond { font-family: garamond, serif; } .nested-tachyons .baskerville { font-family: baskerville, serif; } /* FONT STYLE Docs: http://tachyons.io/docs/typography/font-style/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .i { font-style: italic; } .nested-tachyons .fs-normal { font-style: normal; } /* FONT WEIGHT Docs: http://tachyons.io/docs/typography/font-weight/ Base fw = font-weight Modifiers: 1 = literal value 100 2 = literal value 200 3 = literal value 300 4 = literal value 400 5 = literal value 500 6 = literal value 600 7 = literal value 700 8 = literal value 800 9 = literal value 900 Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .normal { font-weight: normal; } .nested-tachyons .b { font-weight: bold; } .nested-tachyons .fw1 { font-weight: 100; } .nested-tachyons .fw2 { font-weight: 200; } .nested-tachyons .fw3 { font-weight: 300; } .nested-tachyons .fw4 { font-weight: 400; } .nested-tachyons .fw5 { font-weight: 500; } .nested-tachyons .fw6 { font-weight: 600; } .nested-tachyons .fw7 { font-weight: 700; } .nested-tachyons .fw8 { font-weight: 800; } .nested-tachyons .fw9 { font-weight: 900; } /* FORMS */ .nested-tachyons .input-reset { -webkit-appearance: none; -moz-appearance: none; } .nested-tachyons .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } /* HEIGHTS Docs: http://tachyons.io/docs/layout/heights/ Base: h = height min-h = min-height min-vh = min-height vertical screen height vh = vertical screen height Modifiers 1 = 1st step in height scale 2 = 2nd step in height scale 3 = 3rd step in height scale 4 = 4th step in height scale 5 = 5th step in height scale -25 = literal value 25% -50 = literal value 50% -75 = literal value 75% -100 = literal value 100% -auto = string value of auto -inherit = string value of inherit Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Height Scale */ .nested-tachyons .h1 { height: 1rem; } .nested-tachyons .h2 { height: 2rem; } .nested-tachyons .h3 { height: 4rem; } .nested-tachyons .h4 { height: 8rem; } .nested-tachyons .h5 { height: 16rem; } /* Height Percentages - Based off of height of parent */ .nested-tachyons .h-25 { height: 25%; } .nested-tachyons .h-50 { height: 50%; } .nested-tachyons .h-75 { height: 75%; } .nested-tachyons .h-100 { height: 100%; } .nested-tachyons .min-h-100 { min-height: 100%; } /* Screen Height Percentage */ .nested-tachyons .vh-25 { height: 25vh; } .nested-tachyons .vh-50 { height: 50vh; } .nested-tachyons .vh-75 { height: 75vh; } .nested-tachyons .vh-100 { height: 100vh; } .nested-tachyons .min-vh-100 { min-height: 100vh; } /* String Properties */ .nested-tachyons .h-auto { height: auto; } .nested-tachyons .h-inherit { height: inherit; } /* LETTER SPACING Docs: http://tachyons.io/docs/typography/tracking/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .tracked { letter-spacing: .1em; } .nested-tachyons .tracked-tight { letter-spacing: -.05em; } .nested-tachyons .tracked-mega { letter-spacing: .25em; } /* LINE HEIGHT / LEADING Docs: http://tachyons.io/docs/typography/line-height Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .lh-solid { line-height: 1; } .nested-tachyons .lh-title { line-height: 1.25; } .nested-tachyons .lh-copy { line-height: 1.5; } /* LINKS Docs: http://tachyons.io/docs/elements/links/ */ .nested-tachyons .link { text-decoration: none; transition: color .15s ease-in; } .nested-tachyons .link:link, .link:visited { transition: color .15s ease-in; } .nested-tachyons .link:hover { transition: color .15s ease-in; } .nested-tachyons .link:active { transition: color .15s ease-in; } .nested-tachyons .link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; } /* LISTS http://tachyons.io/docs/elements/lists/ */ .nested-tachyons .list { list-style-type: none; } /* MAX WIDTHS Docs: http://tachyons.io/docs/layout/max-widths/ Base: mw = max-width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale 6 = 6st step in width scale 7 = 7nd step in width scale 8 = 8rd step in width scale 9 = 9th step in width scale -100 = literal value 100% -none = string value none Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Max Width Percentages */ .nested-tachyons .mw-100 { max-width: 100%; } /* Max Width Scale */ .nested-tachyons .mw1 { max-width: 1rem; } .nested-tachyons .mw2 { max-width: 2rem; } .nested-tachyons .mw3 { max-width: 4rem; } .nested-tachyons .mw4 { max-width: 8rem; } .nested-tachyons .mw5 { max-width: 16rem; } .nested-tachyons .mw6 { max-width: 32rem; } .nested-tachyons .mw7 { max-width: 48rem; } .nested-tachyons .mw8 { max-width: 64rem; } .nested-tachyons .mw9 { max-width: 96rem; } /* Max Width String Properties */ .nested-tachyons .mw-none { max-width: none; } /* WIDTHS Docs: http://tachyons.io/docs/layout/widths/ Base: w = width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale -10 = literal value 10% -20 = literal value 20% -25 = literal value 25% -30 = literal value 30% -33 = literal value 33% -34 = literal value 34% -40 = literal value 40% -50 = literal value 50% -60 = literal value 60% -70 = literal value 70% -75 = literal value 75% -80 = literal value 80% -90 = literal value 90% -100 = literal value 100% -third = 100% / 3 (Not supported in opera mini or IE8) -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) -auto = string value auto -col1 = 8.33333% -col2 = 16.66667% -col3 = 25.00000% -col4 = 33.33333% -col5 = 41.66667% -col6 = 50.00000% -col7 = 58.33333% -col8 = 66.66667% -col9 = 75.00000% -col10 = 83.33333% -col11 = 91.66667% -col12 = 100.00000% Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Width Scale */ .nested-tachyons .w1 { width: 1rem; } .nested-tachyons .w2 { width: 2rem; } .nested-tachyons .w3 { width: 4rem; } .nested-tachyons .w4 { width: 8rem; } .nested-tachyons .w5 { width: 16rem; } .nested-tachyons .w-10 { width: 10%; } .nested-tachyons .w-20 { width: 20%; } .nested-tachyons .w-25 { width: 25%; } .nested-tachyons .w-30 { width: 30%; } .nested-tachyons .w-33 { width: 33%; } .nested-tachyons .w-34 { width: 34%; } .nested-tachyons .w-40 { width: 40%; } .nested-tachyons .w-50 { width: 50%; } .nested-tachyons .w-60 { width: 60%; } .nested-tachyons .w-70 { width: 70%; } .nested-tachyons .w-75 { width: 75%; } .nested-tachyons .w-80 { width: 80%; } .nested-tachyons .w-90 { width: 90%; } .nested-tachyons .w-100 { width: 100%; } .nested-tachyons .w-third { width: 33.33333%; } .nested-tachyons .w-two-thirds { width: 66.66667%; } .nested-tachyons .w-auto { width: auto; } .nested-tachyons .w-1\/12 { width: 8.33333%; } .nested-tachyons .w-2\/12 { width: 16.66667%; } .nested-tachyons .w-3\/12 { width: 25%; } .nested-tachyons .w-4\/12 { width: 33.33333%; } .nested-tachyons .w-5\/12 { width: 41.66667%; } .nested-tachyons .w-6\/12 { width: 50%; } .nested-tachyons .w-7\/12 { width: 58.33333%; } .nested-tachyons .w-8\/12 { width: 66.66667%; } .nested-tachyons .w-9\/12 { width: 75%; } .nested-tachyons .w-10\/12 { width: 83.33333%; } .nested-tachyons .w-11\/12 { width: 91.66667%; } .nested-tachyons .w-12\/12 { width: 100%; } /* OVERFLOW Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .overflow-visible { overflow: visible; } .nested-tachyons .overflow-hidden { overflow: hidden; } .nested-tachyons .overflow-scroll { overflow: scroll; } .nested-tachyons .overflow-auto { overflow: auto; } .nested-tachyons .overflow-x-visible { overflow-x: visible; } .nested-tachyons .overflow-x-hidden { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll { overflow-x: scroll; } .nested-tachyons .overflow-x-auto { overflow-x: auto; } .nested-tachyons .overflow-y-visible { overflow-y: visible; } .nested-tachyons .overflow-y-hidden { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll { overflow-y: scroll; } .nested-tachyons .overflow-y-auto { overflow-y: auto; } /* POSITIONING Docs: http://tachyons.io/docs/layout/position/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .static { position: static; } .nested-tachyons .relative { position: relative; } .nested-tachyons .absolute { position: absolute; } .nested-tachyons .fixed { position: fixed; } .nested-tachyons .sticky { position: sticky; } /* OPACITY Docs: http://tachyons.io/docs/themes/opacity/ */ .nested-tachyons .o-100 { opacity: 1; } .nested-tachyons .o-90 { opacity: .9; } .nested-tachyons .o-80 { opacity: .8; } .nested-tachyons .o-70 { opacity: .7; } .nested-tachyons .o-60 { opacity: .6; } .nested-tachyons .o-50 { opacity: .5; } .nested-tachyons .o-40 { opacity: .4; } .nested-tachyons .o-30 { opacity: .3; } .nested-tachyons .o-20 { opacity: .2; } .nested-tachyons .o-10 { opacity: .1; } .nested-tachyons .o-05 { opacity: .05; } .nested-tachyons .o-025 { opacity: .025; } .nested-tachyons .o-0 { opacity: 0; } /* ROTATIONS */ .nested-tachyons .rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } /* SKINS Docs: http://tachyons.io/docs/themes/skins/ Classes for setting foreground and background colors on elements. If you haven't declared a border color, but set border on an element, it will be set to the current text color. */ /* Text colors */ .nested-tachyons .black-90 { color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .black-80 { color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .black-70 { color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .black-60 { color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .black-50 { color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .black-40 { color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .black-30 { color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .black-20 { color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .black-10 { color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .black-05 { color: rgba( 0, 0, 0, .05 ); } .nested-tachyons .white-90 { color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .white-80 { color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .white-70 { color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .white-60 { color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .white-50 { color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .white-40 { color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .white-30 { color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .white-20 { color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .white-10 { color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .black { color: #000; } .nested-tachyons .near-black { color: #111; } .nested-tachyons .dark-gray { color: #333; } .nested-tachyons .mid-gray { color: #555; } .nested-tachyons .gray { color: #777; } .nested-tachyons .silver { color: #999; } .nested-tachyons .light-silver { color: #aaa; } .nested-tachyons .moon-gray { color: #ccc; } .nested-tachyons .light-gray { color: #eee; } .nested-tachyons .near-white { color: #f4f4f4; } .nested-tachyons .white { color: #fff; } .nested-tachyons .dark-red { color: #e7040f; } .nested-tachyons .red { color: #ff4136; } .nested-tachyons .light-red { color: #ff725c; } .nested-tachyons .orange { color: #ff6300; } .nested-tachyons .gold { color: #ffb700; } .nested-tachyons .yellow { color: #ffd700; } .nested-tachyons .light-yellow { color: #fbf1a9; } .nested-tachyons .purple { color: #5e2ca5; } .nested-tachyons .light-purple { color: #a463f2; } .nested-tachyons .dark-pink { color: #d5008f; } .nested-tachyons .hot-pink { color: #ff41b4; } .nested-tachyons .pink { color: #ff80cc; } .nested-tachyons .light-pink { color: #ffa3d7; } .nested-tachyons .dark-green { color: #137752; } .nested-tachyons .green { color: #19a974; } .nested-tachyons .light-green { color: #9eebcf; } .nested-tachyons .navy { color: #001b44; } .nested-tachyons .dark-blue { color: #00449e; } .nested-tachyons .blue { color: #357edd; } .nested-tachyons .light-blue { color: #96ccff; } .nested-tachyons .lightest-blue { color: #cdecff; } .nested-tachyons .washed-blue { color: #f6fffe; } .nested-tachyons .washed-green { color: #e8fdf5; } .nested-tachyons .washed-yellow { color: #fffceb; } .nested-tachyons .washed-red { color: #ffdfdf; } .nested-tachyons .color-inherit { color: inherit; } /* Background colors */ .nested-tachyons .bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); } .nested-tachyons .bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .bg-black { background-color: #000; } .nested-tachyons .bg-near-black { background-color: #111; } .nested-tachyons .bg-dark-gray { background-color: #333; } .nested-tachyons .bg-mid-gray { background-color: #555; } .nested-tachyons .bg-gray { background-color: #777; } .nested-tachyons .bg-silver { background-color: #999; } .nested-tachyons .bg-light-silver { background-color: #aaa; } .nested-tachyons .bg-moon-gray { background-color: #ccc; } .nested-tachyons .bg-light-gray { background-color: #eee; } .nested-tachyons .bg-near-white { background-color: #f4f4f4; } .nested-tachyons .bg-white { background-color: #fff; } .nested-tachyons .bg-transparent { background-color: transparent; } .nested-tachyons .bg-dark-red { background-color: #e7040f; } .nested-tachyons .bg-red { background-color: #ff4136; } .nested-tachyons .bg-light-red { background-color: #ff725c; } .nested-tachyons .bg-orange { background-color: #ff6300; } .nested-tachyons .bg-gold { background-color: #ffb700; } .nested-tachyons .bg-yellow { background-color: #ffd700; } .nested-tachyons .bg-light-yellow { background-color: #fbf1a9; } .nested-tachyons .bg-purple { background-color: #5e2ca5; } .nested-tachyons .bg-light-purple { background-color: #a463f2; } .nested-tachyons .bg-dark-pink { background-color: #d5008f; } .nested-tachyons .bg-hot-pink { background-color: #ff41b4; } .nested-tachyons .bg-pink { background-color: #ff80cc; } .nested-tachyons .bg-light-pink { background-color: #ffa3d7; } .nested-tachyons .bg-dark-green { background-color: #137752; } .nested-tachyons .bg-green { background-color: #19a974; } .nested-tachyons .bg-light-green { background-color: #9eebcf; } .nested-tachyons .bg-navy { background-color: #001b44; } .nested-tachyons .bg-dark-blue { background-color: #00449e; } .nested-tachyons .bg-blue { background-color: #357edd; } .nested-tachyons .bg-light-blue { background-color: #96ccff; } .nested-tachyons .bg-lightest-blue { background-color: #cdecff; } .nested-tachyons .bg-washed-blue { background-color: #f6fffe; } .nested-tachyons .bg-washed-green { background-color: #e8fdf5; } .nested-tachyons .bg-washed-yellow { background-color: #fffceb; } .nested-tachyons .bg-washed-red { background-color: #ffdfdf; } .nested-tachyons .bg-inherit { background-color: inherit; } /* SKINS:PSEUDO Customize the color of an element when it is focused or hovered over. */ .nested-tachyons .hover-black:hover { color: #000; } .nested-tachyons .hover-black:focus { color: #000; } .nested-tachyons .hover-near-black:hover { color: #111; } .nested-tachyons .hover-near-black:focus { color: #111; } .nested-tachyons .hover-dark-gray:hover { color: #333; } .nested-tachyons .hover-dark-gray:focus { color: #333; } .nested-tachyons .hover-mid-gray:hover { color: #555; } .nested-tachyons .hover-mid-gray:focus { color: #555; } .nested-tachyons .hover-gray:hover { color: #777; } .nested-tachyons .hover-gray:focus { color: #777; } .nested-tachyons .hover-silver:hover { color: #999; } .nested-tachyons .hover-silver:focus { color: #999; } .nested-tachyons .hover-light-silver:hover { color: #aaa; } .nested-tachyons .hover-light-silver:focus { color: #aaa; } .nested-tachyons .hover-moon-gray:hover { color: #ccc; } .nested-tachyons .hover-moon-gray:focus { color: #ccc; } .nested-tachyons .hover-light-gray:hover { color: #eee; } .nested-tachyons .hover-light-gray:focus { color: #eee; } .nested-tachyons .hover-near-white:hover { color: #f4f4f4; } .nested-tachyons .hover-near-white:focus { color: #f4f4f4; } .nested-tachyons .hover-white:hover { color: #fff; } .nested-tachyons .hover-white:focus { color: #fff; } .nested-tachyons .hover-black-90:hover { color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .hover-black-90:focus { color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .hover-black-80:hover { color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .hover-black-80:focus { color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .hover-black-70:hover { color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .hover-black-70:focus { color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .hover-black-60:hover { color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .hover-black-60:focus { color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .hover-black-50:hover { color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .hover-black-50:focus { color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .hover-black-40:hover { color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .hover-black-40:focus { color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .hover-black-30:hover { color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .hover-black-30:focus { color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .hover-black-20:hover { color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .hover-black-20:focus { color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .hover-black-10:hover { color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .hover-black-10:focus { color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .hover-white-90:hover { color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .hover-white-90:focus { color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .hover-white-80:hover { color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .hover-white-80:focus { color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .hover-white-70:hover { color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .hover-white-70:focus { color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .hover-white-60:hover { color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .hover-white-60:focus { color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .hover-white-50:hover { color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .hover-white-50:focus { color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .hover-white-40:hover { color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .hover-white-40:focus { color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .hover-white-30:hover { color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .hover-white-30:focus { color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .hover-white-20:hover { color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .hover-white-20:focus { color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .hover-white-10:hover { color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .hover-white-10:focus { color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .hover-inherit:hover, .hover-inherit:focus { color: inherit; } .nested-tachyons .hover-bg-black:hover { background-color: #000; } .nested-tachyons .hover-bg-black:focus { background-color: #000; } .nested-tachyons .hover-bg-near-black:hover { background-color: #111; } .nested-tachyons .hover-bg-near-black:focus { background-color: #111; } .nested-tachyons .hover-bg-dark-gray:hover { background-color: #333; } .nested-tachyons .hover-bg-dark-gray:focus { background-color: #333; } .nested-tachyons .hover-bg-mid-gray:hover { background-color: #555; } .nested-tachyons .hover-bg-mid-gray:focus { background-color: #555; } .nested-tachyons .hover-bg-gray:hover { background-color: #777; } .nested-tachyons .hover-bg-gray:focus { background-color: #777; } .nested-tachyons .hover-bg-silver:hover { background-color: #999; } .nested-tachyons .hover-bg-silver:focus { background-color: #999; } .nested-tachyons .hover-bg-light-silver:hover { background-color: #aaa; } .nested-tachyons .hover-bg-light-silver:focus { background-color: #aaa; } .nested-tachyons .hover-bg-moon-gray:hover { background-color: #ccc; } .nested-tachyons .hover-bg-moon-gray:focus { background-color: #ccc; } .nested-tachyons .hover-bg-light-gray:hover { background-color: #eee; } .nested-tachyons .hover-bg-light-gray:focus { background-color: #eee; } .nested-tachyons .hover-bg-near-white:hover { background-color: #f4f4f4; } .nested-tachyons .hover-bg-near-white:focus { background-color: #f4f4f4; } .nested-tachyons .hover-bg-white:hover { background-color: #fff; } .nested-tachyons .hover-bg-white:focus { background-color: #fff; } .nested-tachyons .hover-bg-transparent:hover { background-color: transparent; } .nested-tachyons .hover-bg-transparent:focus { background-color: transparent; } .nested-tachyons .hover-bg-black-90:hover { background-color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .hover-bg-black-90:focus { background-color: rgba( 0, 0, 0, .9 ); } .nested-tachyons .hover-bg-black-80:hover { background-color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .hover-bg-black-80:focus { background-color: rgba( 0, 0, 0, .8 ); } .nested-tachyons .hover-bg-black-70:hover { background-color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .hover-bg-black-70:focus { background-color: rgba( 0, 0, 0, .7 ); } .nested-tachyons .hover-bg-black-60:hover { background-color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .hover-bg-black-60:focus { background-color: rgba( 0, 0, 0, .6 ); } .nested-tachyons .hover-bg-black-50:hover { background-color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .hover-bg-black-50:focus { background-color: rgba( 0, 0, 0, .5 ); } .nested-tachyons .hover-bg-black-40:hover { background-color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .hover-bg-black-40:focus { background-color: rgba( 0, 0, 0, .4 ); } .nested-tachyons .hover-bg-black-30:hover { background-color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .hover-bg-black-30:focus { background-color: rgba( 0, 0, 0, .3 ); } .nested-tachyons .hover-bg-black-20:hover { background-color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .hover-bg-black-20:focus { background-color: rgba( 0, 0, 0, .2 ); } .nested-tachyons .hover-bg-black-10:hover { background-color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .hover-bg-black-10:focus { background-color: rgba( 0, 0, 0, .1 ); } .nested-tachyons .hover-bg-white-90:hover { background-color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .hover-bg-white-90:focus { background-color: rgba( 255, 255, 255, .9 ); } .nested-tachyons .hover-bg-white-80:hover { background-color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .hover-bg-white-80:focus { background-color: rgba( 255, 255, 255, .8 ); } .nested-tachyons .hover-bg-white-70:hover { background-color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .hover-bg-white-70:focus { background-color: rgba( 255, 255, 255, .7 ); } .nested-tachyons .hover-bg-white-60:hover { background-color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .hover-bg-white-60:focus { background-color: rgba( 255, 255, 255, .6 ); } .nested-tachyons .hover-bg-white-50:hover { background-color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .hover-bg-white-50:focus { background-color: rgba( 255, 255, 255, .5 ); } .nested-tachyons .hover-bg-white-40:hover { background-color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .hover-bg-white-40:focus { background-color: rgba( 255, 255, 255, .4 ); } .nested-tachyons .hover-bg-white-30:hover { background-color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .hover-bg-white-30:focus { background-color: rgba( 255, 255, 255, .3 ); } .nested-tachyons .hover-bg-white-20:hover { background-color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .hover-bg-white-20:focus { background-color: rgba( 255, 255, 255, .2 ); } .nested-tachyons .hover-bg-white-10:hover { background-color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .hover-bg-white-10:focus { background-color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .hover-dark-red:hover { color: #e7040f; } .nested-tachyons .hover-dark-red:focus { color: #e7040f; } .nested-tachyons .hover-red:hover { color: #ff4136; } .nested-tachyons .hover-red:focus { color: #ff4136; } .nested-tachyons .hover-light-red:hover { color: #ff725c; } .nested-tachyons .hover-light-red:focus { color: #ff725c; } .nested-tachyons .hover-orange:hover { color: #ff6300; } .nested-tachyons .hover-orange:focus { color: #ff6300; } .nested-tachyons .hover-gold:hover { color: #ffb700; } .nested-tachyons .hover-gold:focus { color: #ffb700; } .nested-tachyons .hover-yellow:hover { color: #ffd700; } .nested-tachyons .hover-yellow:focus { color: #ffd700; } .nested-tachyons .hover-light-yellow:hover { color: #fbf1a9; } .nested-tachyons .hover-light-yellow:focus { color: #fbf1a9; } .nested-tachyons .hover-purple:hover { color: #5e2ca5; } .nested-tachyons .hover-purple:focus { color: #5e2ca5; } .nested-tachyons .hover-light-purple:hover { color: #a463f2; } .nested-tachyons .hover-light-purple:focus { color: #a463f2; } .nested-tachyons .hover-dark-pink:hover { color: #d5008f; } .nested-tachyons .hover-dark-pink:focus { color: #d5008f; } .nested-tachyons .hover-hot-pink:hover { color: #ff41b4; } .nested-tachyons .hover-hot-pink:focus { color: #ff41b4; } .nested-tachyons .hover-pink:hover { color: #ff80cc; } .nested-tachyons .hover-pink:focus { color: #ff80cc; } .nested-tachyons .hover-light-pink:hover { color: #ffa3d7; } .nested-tachyons .hover-light-pink:focus { color: #ffa3d7; } .nested-tachyons .hover-dark-green:hover { color: #137752; } .nested-tachyons .hover-dark-green:focus { color: #137752; } .nested-tachyons .hover-green:hover { color: #19a974; } .nested-tachyons .hover-green:focus { color: #19a974; } .nested-tachyons .hover-light-green:hover { color: #9eebcf; } .nested-tachyons .hover-light-green:focus { color: #9eebcf; } .nested-tachyons .hover-navy:hover { color: #001b44; } .nested-tachyons .hover-navy:focus { color: #001b44; } .nested-tachyons .hover-dark-blue:hover { color: #00449e; } .nested-tachyons .hover-dark-blue:focus { color: #00449e; } .nested-tachyons .hover-blue:hover { color: #357edd; } .nested-tachyons .hover-blue:focus { color: #357edd; } .nested-tachyons .hover-light-blue:hover { color: #96ccff; } .nested-tachyons .hover-light-blue:focus { color: #96ccff; } .nested-tachyons .hover-lightest-blue:hover { color: #cdecff; } .nested-tachyons .hover-lightest-blue:focus { color: #cdecff; } .nested-tachyons .hover-washed-blue:hover { color: #f6fffe; } .nested-tachyons .hover-washed-blue:focus { color: #f6fffe; } .nested-tachyons .hover-washed-green:hover { color: #e8fdf5; } .nested-tachyons .hover-washed-green:focus { color: #e8fdf5; } .nested-tachyons .hover-washed-yellow:hover { color: #fffceb; } .nested-tachyons .hover-washed-yellow:focus { color: #fffceb; } .nested-tachyons .hover-washed-red:hover { color: #ffdfdf; } .nested-tachyons .hover-washed-red:focus { color: #ffdfdf; } .nested-tachyons .hover-bg-dark-red:hover { background-color: #e7040f; } .nested-tachyons .hover-bg-dark-red:focus { background-color: #e7040f; } .nested-tachyons .hover-bg-red:hover { background-color: #ff4136; } .nested-tachyons .hover-bg-red:focus { background-color: #ff4136; } .nested-tachyons .hover-bg-light-red:hover { background-color: #ff725c; } .nested-tachyons .hover-bg-light-red:focus { background-color: #ff725c; } .nested-tachyons .hover-bg-orange:hover { background-color: #ff6300; } .nested-tachyons .hover-bg-orange:focus { background-color: #ff6300; } .nested-tachyons .hover-bg-gold:hover { background-color: #ffb700; } .nested-tachyons .hover-bg-gold:focus { background-color: #ffb700; } .nested-tachyons .hover-bg-yellow:hover { background-color: #ffd700; } .nested-tachyons .hover-bg-yellow:focus { background-color: #ffd700; } .nested-tachyons .hover-bg-light-yellow:hover { background-color: #fbf1a9; } .nested-tachyons .hover-bg-light-yellow:focus { background-color: #fbf1a9; } .nested-tachyons .hover-bg-purple:hover { background-color: #5e2ca5; } .nested-tachyons .hover-bg-purple:focus { background-color: #5e2ca5; } .nested-tachyons .hover-bg-light-purple:hover { background-color: #a463f2; } .nested-tachyons .hover-bg-light-purple:focus { background-color: #a463f2; } .nested-tachyons .hover-bg-dark-pink:hover { background-color: #d5008f; } .nested-tachyons .hover-bg-dark-pink:focus { background-color: #d5008f; } .nested-tachyons .hover-bg-hot-pink:hover { background-color: #ff41b4; } .nested-tachyons .hover-bg-hot-pink:focus { background-color: #ff41b4; } .nested-tachyons .hover-bg-pink:hover { background-color: #ff80cc; } .nested-tachyons .hover-bg-pink:focus { background-color: #ff80cc; } .nested-tachyons .hover-bg-light-pink:hover { background-color: #ffa3d7; } .nested-tachyons .hover-bg-light-pink:focus { background-color: #ffa3d7; } .nested-tachyons .hover-bg-dark-green:hover { background-color: #137752; } .nested-tachyons .hover-bg-dark-green:focus { background-color: #137752; } .nested-tachyons .hover-bg-green:hover { background-color: #19a974; } .nested-tachyons .hover-bg-green:focus { background-color: #19a974; } .nested-tachyons .hover-bg-light-green:hover { background-color: #9eebcf; } .nested-tachyons .hover-bg-light-green:focus { background-color: #9eebcf; } .nested-tachyons .hover-bg-navy:hover { background-color: #001b44; } .nested-tachyons .hover-bg-navy:focus { background-color: #001b44; } .nested-tachyons .hover-bg-dark-blue:hover { background-color: #00449e; } .nested-tachyons .hover-bg-dark-blue:focus { background-color: #00449e; } .nested-tachyons .hover-bg-blue:hover { background-color: #357edd; } .nested-tachyons .hover-bg-blue:focus { background-color: #357edd; } .nested-tachyons .hover-bg-light-blue:hover { background-color: #96ccff; } .nested-tachyons .hover-bg-light-blue:focus { background-color: #96ccff; } .nested-tachyons .hover-bg-lightest-blue:hover { background-color: #cdecff; } .nested-tachyons .hover-bg-lightest-blue:focus { background-color: #cdecff; } .nested-tachyons .hover-bg-washed-blue:hover { background-color: #f6fffe; } .nested-tachyons .hover-bg-washed-blue:focus { background-color: #f6fffe; } .nested-tachyons .hover-bg-washed-green:hover { background-color: #e8fdf5; } .nested-tachyons .hover-bg-washed-green:focus { background-color: #e8fdf5; } .nested-tachyons .hover-bg-washed-yellow:hover { background-color: #fffceb; } .nested-tachyons .hover-bg-washed-yellow:focus { background-color: #fffceb; } .nested-tachyons .hover-bg-washed-red:hover { background-color: #ffdfdf; } .nested-tachyons .hover-bg-washed-red:focus { background-color: #ffdfdf; } .nested-tachyons .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; } /* Variables */ /* SPACING Docs: http://tachyons.io/docs/layout/spacing/ An eight step powers of two scale ranging from 0 to 16rem. Base: p = padding m = margin Modifiers: a = all h = horizontal v = vertical t = top r = right b = bottom l = left 0 = none 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .pa0 { padding: 0; } .nested-tachyons .pa1 { padding: .25rem; } .nested-tachyons .pa2 { padding: .5rem; } .nested-tachyons .pa3 { padding: 1rem; } .nested-tachyons .pa4 { padding: 2rem; } .nested-tachyons .pa5 { padding: 4rem; } .nested-tachyons .pa6 { padding: 8rem; } .nested-tachyons .pa7 { padding: 16rem; } .nested-tachyons .pl0 { padding-left: 0; } .nested-tachyons .pl1 { padding-left: .25rem; } .nested-tachyons .pl2 { padding-left: .5rem; } .nested-tachyons .pl3 { padding-left: 1rem; } .nested-tachyons .pl4 { padding-left: 2rem; } .nested-tachyons .pl5 { padding-left: 4rem; } .nested-tachyons .pl6 { padding-left: 8rem; } .nested-tachyons .pl7 { padding-left: 16rem; } .nested-tachyons .pr0 { padding-right: 0; } .nested-tachyons .pr1 { padding-right: .25rem; } .nested-tachyons .pr2 { padding-right: .5rem; } .nested-tachyons .pr3 { padding-right: 1rem; } .nested-tachyons .pr4 { padding-right: 2rem; } .nested-tachyons .pr5 { padding-right: 4rem; } .nested-tachyons .pr6 { padding-right: 8rem; } .nested-tachyons .pr7 { padding-right: 16rem; } .nested-tachyons .pb0 { padding-bottom: 0; } .nested-tachyons .pb1 { padding-bottom: .25rem; } .nested-tachyons .pb2 { padding-bottom: .5rem; } .nested-tachyons .pb3 { padding-bottom: 1rem; } .nested-tachyons .pb4 { padding-bottom: 2rem; } .nested-tachyons .pb5 { padding-bottom: 4rem; } .nested-tachyons .pb6 { padding-bottom: 8rem; } .nested-tachyons .pb7 { padding-bottom: 16rem; } .nested-tachyons .pt0 { padding-top: 0; } .nested-tachyons .pt1 { padding-top: .25rem; } .nested-tachyons .pt2 { padding-top: .5rem; } .nested-tachyons .pt3 { padding-top: 1rem; } .nested-tachyons .pt4 { padding-top: 2rem; } .nested-tachyons .pt5 { padding-top: 4rem; } .nested-tachyons .pt6 { padding-top: 8rem; } .nested-tachyons .pt7 { padding-top: 16rem; } .nested-tachyons .pv0 { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1 { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2 { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3 { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4 { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5 { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6 { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7 { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0 { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1 { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2 { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3 { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4 { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5 { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6 { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7 { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0 { margin: 0; } .nested-tachyons .ma1 { margin: .25rem; } .nested-tachyons .ma2 { margin: .5rem; } .nested-tachyons .ma3 { margin: 1rem; } .nested-tachyons .ma4 { margin: 2rem; } .nested-tachyons .ma5 { margin: 4rem; } .nested-tachyons .ma6 { margin: 8rem; } .nested-tachyons .ma7 { margin: 16rem; } .nested-tachyons .ml0 { margin-left: 0; } .nested-tachyons .ml1 { margin-left: .25rem; } .nested-tachyons .ml2 { margin-left: .5rem; } .nested-tachyons .ml3 { margin-left: 1rem; } .nested-tachyons .ml4 { margin-left: 2rem; } .nested-tachyons .ml5 { margin-left: 4rem; } .nested-tachyons .ml6 { margin-left: 8rem; } .nested-tachyons .ml7 { margin-left: 16rem; } .nested-tachyons .mr0 { margin-right: 0; } .nested-tachyons .mr1 { margin-right: .25rem; } .nested-tachyons .mr2 { margin-right: .5rem; } .nested-tachyons .mr3 { margin-right: 1rem; } .nested-tachyons .mr4 { margin-right: 2rem; } .nested-tachyons .mr5 { margin-right: 4rem; } .nested-tachyons .mr6 { margin-right: 8rem; } .nested-tachyons .mr7 { margin-right: 16rem; } .nested-tachyons .mb0 { margin-bottom: 0; } .nested-tachyons .mb1 { margin-bottom: .25rem; } .nested-tachyons .mb2 { margin-bottom: .5rem; } .nested-tachyons .mb3 { margin-bottom: 1rem; } .nested-tachyons .mb4 { margin-bottom: 2rem; } .nested-tachyons .mb5 { margin-bottom: 4rem; } .nested-tachyons .mb6 { margin-bottom: 8rem; } .nested-tachyons .mb7 { margin-bottom: 16rem; } .nested-tachyons .mt0 { margin-top: 0; } .nested-tachyons .mt1 { margin-top: .25rem; } .nested-tachyons .mt2 { margin-top: .5rem; } .nested-tachyons .mt3 { margin-top: 1rem; } .nested-tachyons .mt4 { margin-top: 2rem; } .nested-tachyons .mt5 { margin-top: 4rem; } .nested-tachyons .mt6 { margin-top: 8rem; } .nested-tachyons .mt7 { margin-top: 16rem; } .nested-tachyons .mv0 { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1 { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2 { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3 { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4 { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5 { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6 { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7 { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0 { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1 { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2 { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3 { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4 { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5 { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6 { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7 { margin-left: 16rem; margin-right: 16rem; } /* NEGATIVE MARGINS Base: n = negative Modifiers: a = all t = top r = right b = bottom l = left 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .na1 { margin: -0.25rem; } .nested-tachyons .na2 { margin: -0.5rem; } .nested-tachyons .na3 { margin: -1rem; } .nested-tachyons .na4 { margin: -2rem; } .nested-tachyons .na5 { margin: -4rem; } .nested-tachyons .na6 { margin: -8rem; } .nested-tachyons .na7 { margin: -16rem; } .nested-tachyons .nl1 { margin-left: -0.25rem; } .nested-tachyons .nl2 { margin-left: -0.5rem; } .nested-tachyons .nl3 { margin-left: -1rem; } .nested-tachyons .nl4 { margin-left: -2rem; } .nested-tachyons .nl5 { margin-left: -4rem; } .nested-tachyons .nl6 { margin-left: -8rem; } .nested-tachyons .nl7 { margin-left: -16rem; } .nested-tachyons .nr1 { margin-right: -0.25rem; } .nested-tachyons .nr2 { margin-right: -0.5rem; } .nested-tachyons .nr3 { margin-right: -1rem; } .nested-tachyons .nr4 { margin-right: -2rem; } .nested-tachyons .nr5 { margin-right: -4rem; } .nested-tachyons .nr6 { margin-right: -8rem; } .nested-tachyons .nr7 { margin-right: -16rem; } .nested-tachyons .nb1 { margin-bottom: -0.25rem; } .nested-tachyons .nb2 { margin-bottom: -0.5rem; } .nested-tachyons .nb3 { margin-bottom: -1rem; } .nested-tachyons .nb4 { margin-bottom: -2rem; } .nested-tachyons .nb5 { margin-bottom: -4rem; } .nested-tachyons .nb6 { margin-bottom: -8rem; } .nested-tachyons .nb7 { margin-bottom: -16rem; } .nested-tachyons .nt1 { margin-top: -0.25rem; } .nested-tachyons .nt2 { margin-top: -0.5rem; } .nested-tachyons .nt3 { margin-top: -1rem; } .nested-tachyons .nt4 { margin-top: -2rem; } .nested-tachyons .nt5 { margin-top: -4rem; } .nested-tachyons .nt6 { margin-top: -8rem; } .nested-tachyons .nt7 { margin-top: -16rem; } /* TABLES Docs: http://tachyons.io/docs/elements/tables/ */ .nested-tachyons .collapse { border-collapse: collapse; border-spacing: 0; } .nested-tachyons .striped--light-silver:nth-child(odd) { background-color: #aaa; } .nested-tachyons .striped--moon-gray:nth-child(odd) { background-color: #ccc; } .nested-tachyons .striped--light-gray:nth-child(odd) { background-color: #eee; } .nested-tachyons .striped--near-white:nth-child(odd) { background-color: #f4f4f4; } .nested-tachyons .stripe-light:nth-child(odd) { background-color: rgba( 255, 255, 255, .1 ); } .nested-tachyons .stripe-dark:nth-child(odd) { background-color: rgba( 0, 0, 0, .1 ); } /* TEXT DECORATION Docs: http://tachyons.io/docs/typography/text-decoration/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .strike { text-decoration: line-through; } .nested-tachyons .underline { text-decoration: underline; } .nested-tachyons .no-underline { text-decoration: none; } /* TEXT ALIGN Docs: http://tachyons.io/docs/typography/text-align/ Base t = text-align Modifiers l = left r = right c = center j = justify Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .tl { text-align: left; } .nested-tachyons .tr { text-align: right; } .nested-tachyons .tc { text-align: center; } .nested-tachyons .tj { text-align: justify; } /* TEXT TRANSFORM Docs: http://tachyons.io/docs/typography/text-transform/ Base: tt = text-transform Modifiers c = capitalize l = lowercase u = uppercase n = none Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .ttc { text-transform: capitalize; } .nested-tachyons .ttl { text-transform: lowercase; } .nested-tachyons .ttu { text-transform: uppercase; } .nested-tachyons .ttn { text-transform: none; } /* TYPE SCALE Docs: http://tachyons.io/docs/typography/scale/ Base: f = font-size Modifiers 1 = 1st step in size scale 2 = 2nd step in size scale 3 = 3rd step in size scale 4 = 4th step in size scale 5 = 5th step in size scale 6 = 6th step in size scale 7 = 7th step in size scale Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* * For Hero/Marketing Titles * * These generally are too large for mobile * so be careful using them on smaller screens. * */ .nested-tachyons .f-6, .f-headline { font-size: 6rem; } .nested-tachyons .f-5, .f-subheadline { font-size: 5rem; } /* Type Scale */ .nested-tachyons .f0 { font-size: 0; } .nested-tachyons .f1 { font-size: 3rem; } .nested-tachyons .f2 { font-size: 2.25rem; } .nested-tachyons .f3 { font-size: 1.5rem; } .nested-tachyons .f4 { font-size: 1.25rem; } .nested-tachyons .f5 { font-size: 1rem; } .nested-tachyons .f6 { font-size: .875rem; } .nested-tachyons .f7 { font-size: .75rem; } .nested-tachyons .f--4 { font-size: 0.25rem; } .nested-tachyons .f--5 { font-size: 0.3125rem; } .nested-tachyons .f--6 { font-size: 0.375rem; } .nested-tachyons .f--7 { font-size: 0.4375rem; } .nested-tachyons .f--8 { font-size: 0.5rem; } .nested-tachyons .f--9 { font-size: 0.5625rem; } .nested-tachyons .f--10 { font-size: 0.625rem; } .nested-tachyons .f--11 { font-size: 0.6875rem; } .nested-tachyons .f--12 { font-size: 0.75rem; } .nested-tachyons .f--13 { font-size: 0.8125rem; } .nested-tachyons .f--14 { font-size: 0.875rem; } .nested-tachyons .f--15 { font-size: 0.9375rem; } .nested-tachyons .f--16 { font-size: 1rem; } .nested-tachyons .f--17 { font-size: 1.0625rem; } .nested-tachyons .f--18 { font-size: 1.125rem; } .nested-tachyons .f--19 { font-size: 1.1875rem; } .nested-tachyons .f--20 { font-size: 1.25rem; } .nested-tachyons .f--21 { font-size: 1.3125rem; } .nested-tachyons .f--22 { font-size: 1.375rem; } .nested-tachyons .f--23 { font-size: 1.4375rem; } .nested-tachyons .f--24 { font-size: 1.5rem; } .nested-tachyons .f--25 { font-size: 1.5625rem; } .nested-tachyons .f--26 { font-size: 1.625rem; } .nested-tachyons .f--27 { font-size: 1.6875rem; } .nested-tachyons .f--28 { font-size: 1.75rem; } .nested-tachyons .f--29 { font-size: 1.8125rem; } .nested-tachyons .f--30 { font-size: 1.875rem; } .nested-tachyons .f--31 { font-size: 1.9375rem; } .nested-tachyons .f--32 { font-size: 2rem; } .nested-tachyons .f--33 { font-size: 2.0625rem; } .nested-tachyons .f--34 { font-size: 2.125rem; } .nested-tachyons .f--35 { font-size: 2.1875rem; } .nested-tachyons .f--36 { font-size: 2.25rem; } .nested-tachyons .f--37 { font-size: 2.3125rem; } .nested-tachyons .f--38 { font-size: 2.375rem; } .nested-tachyons .f--39 { font-size: 2.4375rem; } .nested-tachyons .f--40 { font-size: 2.5rem; } .nested-tachyons .f--41 { font-size: 2.5625rem; } .nested-tachyons .f--42 { font-size: 2.625rem; } .nested-tachyons .f--43 { font-size: 2.6875rem; } .nested-tachyons .f--44 { font-size: 2.75rem; } .nested-tachyons .f--45 { font-size: 2.8125rem; } .nested-tachyons .f--46 { font-size: 2.875rem; } .nested-tachyons .f--47 { font-size: 2.9375rem; } .nested-tachyons .f--48 { font-size: 3rem; } .nested-tachyons .f--49 { font-size: 3.0625rem; } .nested-tachyons .f--50 { font-size: 3.125rem; } .nested-tachyons .f--51 { font-size: 3.1875rem; } .nested-tachyons .f--52 { font-size: 3.25rem; } .nested-tachyons .f--53 { font-size: 3.3125rem; } .nested-tachyons .f--54 { font-size: 3.375rem; } .nested-tachyons .f--55 { font-size: 3.4375rem; } .nested-tachyons .f--56 { font-size: 3.5rem; } .nested-tachyons .f--57 { font-size: 3.5625rem; } .nested-tachyons .f--58 { font-size: 3.625rem; } .nested-tachyons .f--59 { font-size: 3.6875rem; } .nested-tachyons .f--60 { font-size: 3.75rem; } .nested-tachyons .f--61 { font-size: 3.8125rem; } .nested-tachyons .f--62 { font-size: 3.875rem; } .nested-tachyons .f--63 { font-size: 3.9375rem; } .nested-tachyons .f--64 { font-size: 4rem; } .nested-tachyons .f--65 { font-size: 4.0625rem; } .nested-tachyons .f--66 { font-size: 4.125rem; } .nested-tachyons .f--67 { font-size: 4.1875rem; } .nested-tachyons .f--68 { font-size: 4.25rem; } .nested-tachyons .f--69 { font-size: 4.3125rem; } .nested-tachyons .f--70 { font-size: 4.375rem; } .nested-tachyons .f--71 { font-size: 4.4375rem; } .nested-tachyons .f--72 { font-size: 4.5rem; } .nested-tachyons .f--73 { font-size: 4.5625rem; } .nested-tachyons .f--74 { font-size: 4.625rem; } .nested-tachyons .f--75 { font-size: 4.6875rem; } .nested-tachyons .f--76 { font-size: 4.75rem; } .nested-tachyons .f--77 { font-size: 4.8125rem; } .nested-tachyons .f--78 { font-size: 4.875rem; } .nested-tachyons .f--79 { font-size: 4.9375rem; } .nested-tachyons .f--80 { font-size: 5rem; } .nested-tachyons .f--81 { font-size: 5.0625rem; } .nested-tachyons .f--82 { font-size: 5.125rem; } .nested-tachyons .f--83 { font-size: 5.1875rem; } .nested-tachyons .f--84 { font-size: 5.25rem; } .nested-tachyons .f--85 { font-size: 5.3125rem; } .nested-tachyons .f--86 { font-size: 5.375rem; } .nested-tachyons .f--87 { font-size: 5.4375rem; } .nested-tachyons .f--88 { font-size: 5.5rem; } .nested-tachyons .f--89 { font-size: 5.5625rem; } .nested-tachyons .f--90 { font-size: 5.625rem; } .nested-tachyons .f--91 { font-size: 5.6875rem; } .nested-tachyons .f--92 { font-size: 5.75rem; } .nested-tachyons .f--93 { font-size: 5.8125rem; } .nested-tachyons .f--94 { font-size: 5.875rem; } .nested-tachyons .f--95 { font-size: 5.9375rem; } .nested-tachyons .f--96 { font-size: 6rem; } /* Small and hard to read for many people so use with extreme caution */ /* TYPOGRAPHY http://tachyons.io/docs/typography/measure/ Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Measure is limited to ~66 characters */ .nested-tachyons .measure { max-width: 30em; } /* Measure is limited to ~80 characters */ .nested-tachyons .measure-wide { max-width: 34em; } /* Measure is limited to ~45 characters */ .nested-tachyons .measure-narrow { max-width: 20em; } /* Book paragraph style - paragraphs are indented with no vertical spacing. */ .nested-tachyons .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps { font-variant: small-caps; } /* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */ .nested-tachyons .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* UTILITIES Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Equivalent to .overflow-y-scroll */ .nested-tachyons .overflow-container { overflow-y: scroll; } .nested-tachyons .center { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto { margin-right: auto; } .nested-tachyons .ml-auto { margin-left: auto; } /* VISIBILITY Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Text that is hidden but accessible Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .nested-tachyons .clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } /* WHITE SPACE Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .ws-normal { white-space: normal; } .nested-tachyons .nowrap { white-space: nowrap; } .nested-tachyons .pre { white-space: pre; } /* VERTICAL ALIGN Media Query Extensions: -xs = extra-small -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .nested-tachyons .v-base { vertical-align: baseline; } .nested-tachyons .v-mid { vertical-align: middle; } .nested-tachyons .v-top { vertical-align: top; } .nested-tachyons .v-btm { vertical-align: bottom; } /* HOVER EFFECTS Docs: http://tachyons.io/docs/themes/hovers/ - Dim - Glow - Hide Child - Underline text - Grow - Pointer - Shadow */ /* Dim element on hover by adding the dim class. */ .nested-tachyons .dim { opacity: 1; transition: opacity .15s ease-in; } .nested-tachyons .dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; } .nested-tachyons .dim:active { opacity: .8; transition: opacity .15s ease-out; } /* Animate opacity to 100% on hover by adding the glow class. */ .nested-tachyons .glow { transition: opacity .15s ease-in; } .nested-tachyons .glow:hover, .glow:focus { opacity: 1; transition: opacity .15s ease-in; } /* Hide child & reveal on hover: Put the hide-child class on a parent element and any nested element with the child class will be hidden and displayed on hover or focus.
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/ .nested-tachyons .hide-child .child { opacity: 0; transition: opacity .15s ease-in; } .nested-tachyons .hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; } .nested-tachyons .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 */ .nested-tachyons .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; } .nested-tachyons .grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); } .nested-tachyons .grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); } .nested-tachyons .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; } .nested-tachyons .grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } .nested-tachyons .grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); } /* Add pointer on hover */ .nested-tachyons .pointer:hover { cursor: pointer; } /* Add shadow on hover. Performant box-shadow animation pattern from http://tobiasahlin.com/blog/how-to-animate-box-shadow/ */ .nested-tachyons .shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); } .nested-tachyons .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 ); } .nested-tachyons .shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; } /* Combine with classes in skins and skins-pseudo for * many different transition possibilities. */ .nested-tachyons .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. */ .nested-tachyons .z-0 { z-index: 0; } .nested-tachyons .z-1 { z-index: 1; } .nested-tachyons .z-2 { z-index: 2; } .nested-tachyons .z-3 { z-index: 3; } .nested-tachyons .z-4 { z-index: 4; } .nested-tachyons .z-5 { z-index: 5; } .nested-tachyons .z-999 { z-index: 999; } .nested-tachyons .z-9999 { z-index: 9999; } .nested-tachyons .z-max { z-index: 2147483647; } .nested-tachyons .z-inherit { z-index: inherit; } .nested-tachyons .z-initial { z-index: initial; } .nested-tachyons .z-unset { z-index: unset; } /* NESTED Tachyons module for styling nested elements that are generated by a cms. */ .nested-tachyons .nested-copy-line-height p, .nested-copy-line-height ul, .nested-tachyons .nested-copy-line-height ol { line-height: 1.5; } .nested-tachyons .nested-headline-line-height h1, .nested-headline-line-height h2, .nested-tachyons .nested-headline-line-height h3, .nested-headline-line-height h4, .nested-tachyons .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; } .nested-tachyons .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } .nested-tachyons .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .nested-copy-separator p+p { margin-top: 1.5em; } .nested-tachyons .nested-img img { width: 100%; max-width: 100%; display: block; } .nested-tachyons .nested-links a { color: #357edd; transition: color .15s ease-in; } .nested-tachyons .nested-links a:hover { color: #96ccff; transition: color .15s ease-in; } .nested-tachyons .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) { .nested-tachyons .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .nested-tachyons .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .nested-tachyons .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. */ .nested-tachyons .debug * { outline: 1px solid gold; } .nested-tachyons .debug-white * { outline: 1px solid white; } .nested-tachyons .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. */ .nested-tachyons .debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; } .nested-tachyons .debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; } .nested-tachyons .debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; } .nested-tachyons .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: 0px) { .nested-tachyons .aspect-ratio-xs { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-xs { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-xs { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-xs { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-xs { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-xs { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-xs { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-xs { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-xs { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-xs { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-xs { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-xs { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-xs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-xs { background-size: cover !important; } .nested-tachyons .contain-xs { background-size: contain !important; } .nested-tachyons .bg-center-xs { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-xs { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-xs { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-xs { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-xs { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-xs { object-fit: fill; }; .nested-tachyons .object-contain-xs { object-fit: contain; }; .nested-tachyons .object-cover-xs { object-fit: cover; }; .nested-tachyons .object-scale-down-xs { object-fit: scale-down; }; .nested-tachyons .object-none-xs { object-fit: none; }; .nested-tachyons .object-top-xs { object-position: top center; } .nested-tachyons .object-left-xs { object-position: center left; } .nested-tachyons .object-right-xs { object-position: center right; } .nested-tachyons .object-bottom-xs { object-position: bottom center; } .nested-tachyons .object-center-xs { object-position: center; } .nested-tachyons .outline-xs { outline: 1px solid; } .nested-tachyons .outline-transparent-xs { outline: 1px solid transparent; } .nested-tachyons .outline-0-xs { outline: 0; } .nested-tachyons .bn-xs { border-style: none; border-width: 0; } .nested-tachyons .ba-xs { border-style: solid; border-width: 1px; } .nested-tachyons .bt-xs { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-xs { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-xs { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-xs { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-xs { border-radius: 0; } .nested-tachyons .br1-xs { border-radius: .125rem; } .nested-tachyons .br2-xs { border-radius: .25rem; } .nested-tachyons .br3-xs { border-radius: .5rem; } .nested-tachyons .br4-xs { border-radius: 1rem; } .nested-tachyons .br-100-xs { border-radius: 100%; } .nested-tachyons .br-pill-xs { border-radius: 9999px; } .nested-tachyons .br--bottom-xs { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-xs { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-xs { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-xs { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-xs { border-radius: inherit; } .nested-tachyons .br-initial-xs { border-radius: initial; } .nested-tachyons .br-unset-xs { border-radius: unset; } .nested-tachyons .b--dotted-xs { border-style: dotted; } .nested-tachyons .b--dashed-xs { border-style: dashed; } .nested-tachyons .b--solid-xs { border-style: solid; } .nested-tachyons .b--none-xs { border-style: none; } .nested-tachyons .bw0-xs { border-width: 0; } .nested-tachyons .bw1-xs { border-width: .125rem; } .nested-tachyons .bw2-xs { border-width: .25rem; } .nested-tachyons .bw3-xs { border-width: .5rem; } .nested-tachyons .bw4-xs { border-width: 1rem; } .nested-tachyons .bw5-xs { border-width: 2rem; } .nested-tachyons .bt-0-xs { border-top-width: 0; } .nested-tachyons .br-0-xs { border-right-width: 0; } .nested-tachyons .bb-0-xs { border-bottom-width: 0; } .nested-tachyons .bl-0-xs { border-left-width: 0; } .nested-tachyons .shadow-1-xs { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-xs { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-xs { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-xs { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-xs { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-xs { top: 0; } .nested-tachyons .left-0-xs { left: 0; } .nested-tachyons .right-0-xs { right: 0; } .nested-tachyons .bottom-0-xs { bottom: 0; } .nested-tachyons .top-1-xs { top: 1rem; } .nested-tachyons .left-1-xs { left: 1rem; } .nested-tachyons .right-1-xs { right: 1rem; } .nested-tachyons .bottom-1-xs { bottom: 1rem; } .nested-tachyons .top-2-xs { top: 2rem; } .nested-tachyons .left-2-xs { left: 2rem; } .nested-tachyons .right-2-xs { right: 2rem; } .nested-tachyons .bottom-2-xs { bottom: 2rem; } .nested-tachyons .top--1-xs { top: -1rem; } .nested-tachyons .right--1-xs { right: -1rem; } .nested-tachyons .bottom--1-xs { bottom: -1rem; } .nested-tachyons .left--1-xs { left: -1rem; } .nested-tachyons .top--2-xs { top: -2rem; } .nested-tachyons .right--2-xs { right: -2rem; } .nested-tachyons .bottom--2-xs { bottom: -2rem; } .nested-tachyons .left--2-xs { left: -2rem; } .nested-tachyons .absolute--fill-xs { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-xs { clear: left; } .nested-tachyons .cr-xs { clear: right; } .nested-tachyons .cb-xs { clear: both; } .nested-tachyons .cn-xs { clear: none; } .nested-tachyons .dn-xs { display: none; } .nested-tachyons .di-xs { display: inline; } .nested-tachyons .db-xs { display: block; } .nested-tachyons .dib-xs { display: inline-block; } .nested-tachyons .dit-xs { display: inline-table; } .nested-tachyons .dt-xs { display: table; } .nested-tachyons .dtc-xs { display: table-cell; } .nested-tachyons .dt-row-xs { display: table-row; } .nested-tachyons .dt-row-group-xs { display: table-row-group; } .nested-tachyons .dt-column-xs { display: table-column; } .nested-tachyons .dt-column-group-xs { display: table-column-group; } .nested-tachyons .dt--fixed-xs { table-layout: fixed; width: 100%; } .nested-tachyons .flex-xs { display: flex; } .nested-tachyons .inline-flex-xs { display: inline-flex; } .nested-tachyons .flex-auto-xs { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-xs { flex: none; } .nested-tachyons .flex-column-xs { flex-direction: column; } .nested-tachyons .flex-row-xs { flex-direction: row; } .nested-tachyons .flex-wrap-xs { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-xs { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-xs { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-xs { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-xs { flex-direction: row-reverse; } .nested-tachyons .items-start-xs { align-items: flex-start; } .nested-tachyons .items-end-xs { align-items: flex-end; } .nested-tachyons .items-center-xs { align-items: center; } .nested-tachyons .items-baseline-xs { align-items: baseline; } .nested-tachyons .items-stretch-xs { align-items: stretch; } .nested-tachyons .self-start-xs { align-self: flex-start; } .nested-tachyons .self-end-xs { align-self: flex-end; } .nested-tachyons .self-center-xs { align-self: center; } .nested-tachyons .self-baseline-xs { align-self: baseline; } .nested-tachyons .self-stretch-xs { align-self: stretch; } .nested-tachyons .justify-start-xs { justify-content: flex-start; } .nested-tachyons .justify-end-xs { justify-content: flex-end; } .nested-tachyons .justify-center-xs { justify-content: center; } .nested-tachyons .justify-between-xs { justify-content: space-between; } .nested-tachyons .justify-around-xs { justify-content: space-around; } .nested-tachyons .content-start-xs { align-content: flex-start; } .nested-tachyons .content-end-xs { align-content: flex-end; } .nested-tachyons .content-center-xs { align-content: center; } .nested-tachyons .content-between-xs { align-content: space-between; } .nested-tachyons .content-around-xs { align-content: space-around; } .nested-tachyons .content-stretch-xs { align-content: stretch; } .nested-tachyons .order-0-xs { order: 0; } .nested-tachyons .order-1-xs { order: 1; } .nested-tachyons .order-2-xs { order: 2; } .nested-tachyons .order-3-xs { order: 3; } .nested-tachyons .order-4-xs { order: 4; } .nested-tachyons .order-5-xs { order: 5; } .nested-tachyons .order-6-xs { order: 6; } .nested-tachyons .order-7-xs { order: 7; } .nested-tachyons .order-8-xs { order: 8; } .nested-tachyons .order-last-xs { order: 99999; } .nested-tachyons .flex-grow-0-xs { flex-grow: 0; } .nested-tachyons .flex-grow-1-xs { flex-grow: 1; } .nested-tachyons .flex-shrink-0-xs { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-xs { flex-shrink: 1; } .nested-tachyons .fl-xs { float: left; _display: inline; } .nested-tachyons .fr-xs { float: right; _display: inline; } .nested-tachyons .fn-xs { float: none; } .nested-tachyons .i-xs { font-style: italic; } .nested-tachyons .fs-normal-xs { font-style: normal; } .nested-tachyons .normal-xs { font-weight: normal; } .nested-tachyons .b-xs { font-weight: bold; } .nested-tachyons .fw1-xs { font-weight: 100; } .nested-tachyons .fw2-xs { font-weight: 200; } .nested-tachyons .fw3-xs { font-weight: 300; } .nested-tachyons .fw4-xs { font-weight: 400; } .nested-tachyons .fw5-xs { font-weight: 500; } .nested-tachyons .fw6-xs { font-weight: 600; } .nested-tachyons .fw7-xs { font-weight: 700; } .nested-tachyons .fw8-xs { font-weight: 800; } .nested-tachyons .fw9-xs { font-weight: 900; } .nested-tachyons .h1-xs { height: 1rem; } .nested-tachyons .h2-xs { height: 2rem; } .nested-tachyons .h3-xs { height: 4rem; } .nested-tachyons .h4-xs { height: 8rem; } .nested-tachyons .h5-xs { height: 16rem; } .nested-tachyons .h-25-xs { height: 25%; } .nested-tachyons .h-50-xs { height: 50%; } .nested-tachyons .h-75-xs { height: 75%; } .nested-tachyons .h-100-xs { height: 100%; } .nested-tachyons .min-h-100-xs { min-height: 100%; } .nested-tachyons .vh-25-xs { height: 25vh; } .nested-tachyons .vh-50-xs { height: 50vh; } .nested-tachyons .vh-75-xs { height: 75vh; } .nested-tachyons .vh-100-xs { height: 100vh; } .nested-tachyons .min-vh-100-xs { min-height: 100vh; } .nested-tachyons .h-auto-xs { height: auto; } .nested-tachyons .h-inherit-xs { height: inherit; } .nested-tachyons .tracked-xs { letter-spacing: .1em; } .nested-tachyons .tracked-tight-xs { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-xs { letter-spacing: .25em; } .nested-tachyons .lh-solid-xs { line-height: 1; } .nested-tachyons .lh-title-xs { line-height: 1.25; } .nested-tachyons .lh-copy-xs { line-height: 1.5; } .nested-tachyons .mw-100-xs { max-width: 100%; } .nested-tachyons .mw1-xs { max-width: 1rem; } .nested-tachyons .mw2-xs { max-width: 2rem; } .nested-tachyons .mw3-xs { max-width: 4rem; } .nested-tachyons .mw4-xs { max-width: 8rem; } .nested-tachyons .mw5-xs { max-width: 16rem; } .nested-tachyons .mw6-xs { max-width: 32rem; } .nested-tachyons .mw7-xs { max-width: 48rem; } .nested-tachyons .mw8-xs { max-width: 64rem; } .nested-tachyons .mw9-xs { max-width: 96rem; } .nested-tachyons .mw-none-xs { max-width: none; } .nested-tachyons .w1-xs { width: 1rem; } .nested-tachyons .w2-xs { width: 2rem; } .nested-tachyons .w3-xs { width: 4rem; } .nested-tachyons .w4-xs { width: 8rem; } .nested-tachyons .w5-xs { width: 16rem; } .nested-tachyons .w-10-xs { width: 10%; } .nested-tachyons .w-20-xs { width: 20%; } .nested-tachyons .w-25-xs { width: 25%; } .nested-tachyons .w-30-xs { width: 30%; } .nested-tachyons .w-33-xs { width: 33%; } .nested-tachyons .w-34-xs { width: 34%; } .nested-tachyons .w-40-xs { width: 40%; } .nested-tachyons .w-50-xs { width: 50%; } .nested-tachyons .w-60-xs { width: 60%; } .nested-tachyons .w-70-xs { width: 70%; } .nested-tachyons .w-75-xs { width: 75%; } .nested-tachyons .w-80-xs { width: 80%; } .nested-tachyons .w-90-xs { width: 90%; } .nested-tachyons .w-100-xs { width: 100%; } .nested-tachyons .w-third-xs { width: 33.33333%; } .nested-tachyons .w-two-thirds-xs { width: 66.66667%; } .nested-tachyons .w-auto-xs { width: auto; } .nested-tachyons .w-1\/12-xs { width: 8.33333%; } .nested-tachyons .w-2\/12-xs { width: 16.66667%; } .nested-tachyons .w-3\/12-xs { width: 25%; } .nested-tachyons .w-4\/12-xs { width: 33.33333%; } .nested-tachyons .w-5\/12-xs { width: 41.66667%; } .nested-tachyons .w-6\/12-xs { width: 50%; } .nested-tachyons .w-7\/12-xs { width: 58.33333%; } .nested-tachyons .w-8\/12-xs { width: 66.66667%; } .nested-tachyons .w-9\/12-xs { width: 75%; } .nested-tachyons .w-10\/12-xs { width: 83.33333%; } .nested-tachyons .w-11\/12-xs { width: 91.66667%; } .nested-tachyons .w-12\/12-xs { width: 100%; } .nested-tachyons .overflow-visible-xs { overflow: visible; } .nested-tachyons .overflow-hidden-xs { overflow: hidden; } .nested-tachyons .overflow-scroll-xs { overflow: scroll; } .nested-tachyons .overflow-auto-xs { overflow: auto; } .nested-tachyons .overflow-x-visible-xs { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-xs { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-xs { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-xs { overflow-x: auto; } .nested-tachyons .overflow-y-visible-xs { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-xs { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-xs { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-xs { overflow-y: auto; } .nested-tachyons .static-xs { position: static; } .nested-tachyons .relative-xs { position: relative; } .nested-tachyons .absolute-xs { position: absolute; } .nested-tachyons .fixed-xs { position: fixed; } .nested-tachyons .sticky-xs { position: sticky; } .nested-tachyons .rotate-45-xs { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-xs { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-xs { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-xs { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-xs { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-xs { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-xs { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-xs { padding: 0; } .nested-tachyons .pa1-xs { padding: .25rem; } .nested-tachyons .pa2-xs { padding: .5rem; } .nested-tachyons .pa3-xs { padding: 1rem; } .nested-tachyons .pa4-xs { padding: 2rem; } .nested-tachyons .pa5-xs { padding: 4rem; } .nested-tachyons .pa6-xs { padding: 8rem; } .nested-tachyons .pa7-xs { padding: 16rem; } .nested-tachyons .pl0-xs { padding-left: 0; } .nested-tachyons .pl1-xs { padding-left: .25rem; } .nested-tachyons .pl2-xs { padding-left: .5rem; } .nested-tachyons .pl3-xs { padding-left: 1rem; } .nested-tachyons .pl4-xs { padding-left: 2rem; } .nested-tachyons .pl5-xs { padding-left: 4rem; } .nested-tachyons .pl6-xs { padding-left: 8rem; } .nested-tachyons .pl7-xs { padding-left: 16rem; } .nested-tachyons .pr0-xs { padding-right: 0; } .nested-tachyons .pr1-xs { padding-right: .25rem; } .nested-tachyons .pr2-xs { padding-right: .5rem; } .nested-tachyons .pr3-xs { padding-right: 1rem; } .nested-tachyons .pr4-xs { padding-right: 2rem; } .nested-tachyons .pr5-xs { padding-right: 4rem; } .nested-tachyons .pr6-xs { padding-right: 8rem; } .nested-tachyons .pr7-xs { padding-right: 16rem; } .nested-tachyons .pb0-xs { padding-bottom: 0; } .nested-tachyons .pb1-xs { padding-bottom: .25rem; } .nested-tachyons .pb2-xs { padding-bottom: .5rem; } .nested-tachyons .pb3-xs { padding-bottom: 1rem; } .nested-tachyons .pb4-xs { padding-bottom: 2rem; } .nested-tachyons .pb5-xs { padding-bottom: 4rem; } .nested-tachyons .pb6-xs { padding-bottom: 8rem; } .nested-tachyons .pb7-xs { padding-bottom: 16rem; } .nested-tachyons .pt0-xs { padding-top: 0; } .nested-tachyons .pt1-xs { padding-top: .25rem; } .nested-tachyons .pt2-xs { padding-top: .5rem; } .nested-tachyons .pt3-xs { padding-top: 1rem; } .nested-tachyons .pt4-xs { padding-top: 2rem; } .nested-tachyons .pt5-xs { padding-top: 4rem; } .nested-tachyons .pt6-xs { padding-top: 8rem; } .nested-tachyons .pt7-xs { padding-top: 16rem; } .nested-tachyons .pv0-xs { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-xs { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-xs { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-xs { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-xs { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-xs { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-xs { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-xs { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-xs { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-xs { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-xs { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-xs { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-xs { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-xs { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-xs { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-xs { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-xs { margin: 0; } .nested-tachyons .ma1-xs { margin: .25rem; } .nested-tachyons .ma2-xs { margin: .5rem; } .nested-tachyons .ma3-xs { margin: 1rem; } .nested-tachyons .ma4-xs { margin: 2rem; } .nested-tachyons .ma5-xs { margin: 4rem; } .nested-tachyons .ma6-xs { margin: 8rem; } .nested-tachyons .ma7-xs { margin: 16rem; } .nested-tachyons .ml0-xs { margin-left: 0; } .nested-tachyons .ml1-xs { margin-left: .25rem; } .nested-tachyons .ml2-xs { margin-left: .5rem; } .nested-tachyons .ml3-xs { margin-left: 1rem; } .nested-tachyons .ml4-xs { margin-left: 2rem; } .nested-tachyons .ml5-xs { margin-left: 4rem; } .nested-tachyons .ml6-xs { margin-left: 8rem; } .nested-tachyons .ml7-xs { margin-left: 16rem; } .nested-tachyons .mr0-xs { margin-right: 0; } .nested-tachyons .mr1-xs { margin-right: .25rem; } .nested-tachyons .mr2-xs { margin-right: .5rem; } .nested-tachyons .mr3-xs { margin-right: 1rem; } .nested-tachyons .mr4-xs { margin-right: 2rem; } .nested-tachyons .mr5-xs { margin-right: 4rem; } .nested-tachyons .mr6-xs { margin-right: 8rem; } .nested-tachyons .mr7-xs { margin-right: 16rem; } .nested-tachyons .mb0-xs { margin-bottom: 0; } .nested-tachyons .mb1-xs { margin-bottom: .25rem; } .nested-tachyons .mb2-xs { margin-bottom: .5rem; } .nested-tachyons .mb3-xs { margin-bottom: 1rem; } .nested-tachyons .mb4-xs { margin-bottom: 2rem; } .nested-tachyons .mb5-xs { margin-bottom: 4rem; } .nested-tachyons .mb6-xs { margin-bottom: 8rem; } .nested-tachyons .mb7-xs { margin-bottom: 16rem; } .nested-tachyons .mt0-xs { margin-top: 0; } .nested-tachyons .mt1-xs { margin-top: .25rem; } .nested-tachyons .mt2-xs { margin-top: .5rem; } .nested-tachyons .mt3-xs { margin-top: 1rem; } .nested-tachyons .mt4-xs { margin-top: 2rem; } .nested-tachyons .mt5-xs { margin-top: 4rem; } .nested-tachyons .mt6-xs { margin-top: 8rem; } .nested-tachyons .mt7-xs { margin-top: 16rem; } .nested-tachyons .mv0-xs { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-xs { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-xs { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-xs { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-xs { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-xs { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-xs { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-xs { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-xs { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-xs { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-xs { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-xs { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-xs { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-xs { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-xs { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-xs { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-xs { margin: -0.25rem; } .nested-tachyons .na2-xs { margin: -0.5rem; } .nested-tachyons .na3-xs { margin: -1rem; } .nested-tachyons .na4-xs { margin: -2rem; } .nested-tachyons .na5-xs { margin: -4rem; } .nested-tachyons .na6-xs { margin: -8rem; } .nested-tachyons .na7-xs { margin: -16rem; } .nested-tachyons .nl1-xs { margin-left: -0.25rem; } .nested-tachyons .nl2-xs { margin-left: -0.5rem; } .nested-tachyons .nl3-xs { margin-left: -1rem; } .nested-tachyons .nl4-xs { margin-left: -2rem; } .nested-tachyons .nl5-xs { margin-left: -4rem; } .nested-tachyons .nl6-xs { margin-left: -8rem; } .nested-tachyons .nl7-xs { margin-left: -16rem; } .nested-tachyons .nr1-xs { margin-right: -0.25rem; } .nested-tachyons .nr2-xs { margin-right: -0.5rem; } .nested-tachyons .nr3-xs { margin-right: -1rem; } .nested-tachyons .nr4-xs { margin-right: -2rem; } .nested-tachyons .nr5-xs { margin-right: -4rem; } .nested-tachyons .nr6-xs { margin-right: -8rem; } .nested-tachyons .nr7-xs { margin-right: -16rem; } .nested-tachyons .nb1-xs { margin-bottom: -0.25rem; } .nested-tachyons .nb2-xs { margin-bottom: -0.5rem; } .nested-tachyons .nb3-xs { margin-bottom: -1rem; } .nested-tachyons .nb4-xs { margin-bottom: -2rem; } .nested-tachyons .nb5-xs { margin-bottom: -4rem; } .nested-tachyons .nb6-xs { margin-bottom: -8rem; } .nested-tachyons .nb7-xs { margin-bottom: -16rem; } .nested-tachyons .nt1-xs { margin-top: -0.25rem; } .nested-tachyons .nt2-xs { margin-top: -0.5rem; } .nested-tachyons .nt3-xs { margin-top: -1rem; } .nested-tachyons .nt4-xs { margin-top: -2rem; } .nested-tachyons .nt5-xs { margin-top: -4rem; } .nested-tachyons .nt6-xs { margin-top: -8rem; } .nested-tachyons .nt7-xs { margin-top: -16rem; } .nested-tachyons .strike-xs { text-decoration: line-through; } .nested-tachyons .underline-xs { text-decoration: underline; } .nested-tachyons .no-underline-xs { text-decoration: none; } .nested-tachyons .tl-xs { text-align: left; } .nested-tachyons .tr-xs { text-align: right; } .nested-tachyons .tc-xs { text-align: center; } .nested-tachyons .tj-xs { text-align: justify; } .nested-tachyons .ttc-xs { text-transform: capitalize; } .nested-tachyons .ttl-xs { text-transform: lowercase; } .nested-tachyons .ttu-xs { text-transform: uppercase; } .nested-tachyons .ttn-xs { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-xs { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-xs { font-size: 5rem; } .nested-tachyons .f0-xs { font-size: 0; } .nested-tachyons .f1-xs { font-size: 3rem; } .nested-tachyons .f2-xs { font-size: 2.25rem; } .nested-tachyons .f3-xs { font-size: 1.5rem; } .nested-tachyons .f4-xs { font-size: 1.25rem; } .nested-tachyons .f5-xs { font-size: 1rem; } .nested-tachyons .f6-xs { font-size: .875rem; } .nested-tachyons .f7-xs { font-size: .75rem; } .nested-tachyons .f--4-xs { font-size: 0.25rem; } .nested-tachyons .f--5-xs { font-size: 0.3125rem; } .nested-tachyons .f--6-xs { font-size: 0.375rem; } .nested-tachyons .f--7-xs { font-size: 0.4375rem; } .nested-tachyons .f--8-xs { font-size: 0.5rem; } .nested-tachyons .f--9-xs { font-size: 0.5625rem; } .nested-tachyons .f--10-xs { font-size: 0.625rem; } .nested-tachyons .f--11-xs { font-size: 0.6875rem; } .nested-tachyons .f--12-xs { font-size: 0.75rem; } .nested-tachyons .f--13-xs { font-size: 0.8125rem; } .nested-tachyons .f--14-xs { font-size: 0.875rem; } .nested-tachyons .f--15-xs { font-size: 0.9375rem; } .nested-tachyons .f--16-xs { font-size: 1rem; } .nested-tachyons .f--17-xs { font-size: 1.0625rem; } .nested-tachyons .f--18-xs { font-size: 1.125rem; } .nested-tachyons .f--19-xs { font-size: 1.1875rem; } .nested-tachyons .f--20-xs { font-size: 1.25rem; } .nested-tachyons .f--21-xs { font-size: 1.3125rem; } .nested-tachyons .f--22-xs { font-size: 1.375rem; } .nested-tachyons .f--23-xs { font-size: 1.4375rem; } .nested-tachyons .f--24-xs { font-size: 1.5rem; } .nested-tachyons .f--25-xs { font-size: 1.5625rem; } .nested-tachyons .f--26-xs { font-size: 1.625rem; } .nested-tachyons .f--27-xs { font-size: 1.6875rem; } .nested-tachyons .f--28-xs { font-size: 1.75rem; } .nested-tachyons .f--29-xs { font-size: 1.8125rem; } .nested-tachyons .f--30-xs { font-size: 1.875rem; } .nested-tachyons .f--31-xs { font-size: 1.9375rem; } .nested-tachyons .f--32-xs { font-size: 2rem; } .nested-tachyons .f--33-xs { font-size: 2.0625rem; } .nested-tachyons .f--34-xs { font-size: 2.125rem; } .nested-tachyons .f--35-xs { font-size: 2.1875rem; } .nested-tachyons .f--36-xs { font-size: 2.25rem; } .nested-tachyons .f--37-xs { font-size: 2.3125rem; } .nested-tachyons .f--38-xs { font-size: 2.375rem; } .nested-tachyons .f--39-xs { font-size: 2.4375rem; } .nested-tachyons .f--40-xs { font-size: 2.5rem; } .nested-tachyons .f--41-xs { font-size: 2.5625rem; } .nested-tachyons .f--42-xs { font-size: 2.625rem; } .nested-tachyons .f--43-xs { font-size: 2.6875rem; } .nested-tachyons .f--44-xs { font-size: 2.75rem; } .nested-tachyons .f--45-xs { font-size: 2.8125rem; } .nested-tachyons .f--46-xs { font-size: 2.875rem; } .nested-tachyons .f--47-xs { font-size: 2.9375rem; } .nested-tachyons .f--48-xs { font-size: 3rem; } .nested-tachyons .f--49-xs { font-size: 3.0625rem; } .nested-tachyons .f--50-xs { font-size: 3.125rem; } .nested-tachyons .f--51-xs { font-size: 3.1875rem; } .nested-tachyons .f--52-xs { font-size: 3.25rem; } .nested-tachyons .f--53-xs { font-size: 3.3125rem; } .nested-tachyons .f--54-xs { font-size: 3.375rem; } .nested-tachyons .f--55-xs { font-size: 3.4375rem; } .nested-tachyons .f--56-xs { font-size: 3.5rem; } .nested-tachyons .f--57-xs { font-size: 3.5625rem; } .nested-tachyons .f--58-xs { font-size: 3.625rem; } .nested-tachyons .f--59-xs { font-size: 3.6875rem; } .nested-tachyons .f--60-xs { font-size: 3.75rem; } .nested-tachyons .f--61-xs { font-size: 3.8125rem; } .nested-tachyons .f--62-xs { font-size: 3.875rem; } .nested-tachyons .f--63-xs { font-size: 3.9375rem; } .nested-tachyons .f--64-xs { font-size: 4rem; } .nested-tachyons .f--65-xs { font-size: 4.0625rem; } .nested-tachyons .f--66-xs { font-size: 4.125rem; } .nested-tachyons .f--67-xs { font-size: 4.1875rem; } .nested-tachyons .f--68-xs { font-size: 4.25rem; } .nested-tachyons .f--69-xs { font-size: 4.3125rem; } .nested-tachyons .f--70-xs { font-size: 4.375rem; } .nested-tachyons .f--71-xs { font-size: 4.4375rem; } .nested-tachyons .f--72-xs { font-size: 4.5rem; } .nested-tachyons .f--73-xs { font-size: 4.5625rem; } .nested-tachyons .f--74-xs { font-size: 4.625rem; } .nested-tachyons .f--75-xs { font-size: 4.6875rem; } .nested-tachyons .f--76-xs { font-size: 4.75rem; } .nested-tachyons .f--77-xs { font-size: 4.8125rem; } .nested-tachyons .f--78-xs { font-size: 4.875rem; } .nested-tachyons .f--79-xs { font-size: 4.9375rem; } .nested-tachyons .f--80-xs { font-size: 5rem; } .nested-tachyons .f--81-xs { font-size: 5.0625rem; } .nested-tachyons .f--82-xs { font-size: 5.125rem; } .nested-tachyons .f--83-xs { font-size: 5.1875rem; } .nested-tachyons .f--84-xs { font-size: 5.25rem; } .nested-tachyons .f--85-xs { font-size: 5.3125rem; } .nested-tachyons .f--86-xs { font-size: 5.375rem; } .nested-tachyons .f--87-xs { font-size: 5.4375rem; } .nested-tachyons .f--88-xs { font-size: 5.5rem; } .nested-tachyons .f--89-xs { font-size: 5.5625rem; } .nested-tachyons .f--90-xs { font-size: 5.625rem; } .nested-tachyons .f--91-xs { font-size: 5.6875rem; } .nested-tachyons .f--92-xs { font-size: 5.75rem; } .nested-tachyons .f--93-xs { font-size: 5.8125rem; } .nested-tachyons .f--94-xs { font-size: 5.875rem; } .nested-tachyons .f--95-xs { font-size: 5.9375rem; } .nested-tachyons .f--96-xs { font-size: 6rem; } .nested-tachyons .measure-xs { max-width: 30em; } .nested-tachyons .measure-wide-xs { max-width: 34em; } .nested-tachyons .measure-narrow-xs { max-width: 20em; } .nested-tachyons .indent-xs { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-xs { font-variant: small-caps; } .nested-tachyons .truncate-xs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-xs { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-xs { margin-right: auto; } .nested-tachyons .ml-auto-xs { margin-left: auto; } .nested-tachyons .clip-xs { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-xs { white-space: normal; } .nested-tachyons .nowrap-xs { white-space: nowrap; } .nested-tachyons .pre-xs { white-space: pre; } .nested-tachyons .v-base-xs { vertical-align: baseline; } .nested-tachyons .v-mid-xs { vertical-align: middle; } .nested-tachyons .v-top-xs { vertical-align: top; } .nested-tachyons .v-btm-xs { vertical-align: bottom; } } @media screen and (min-width: 576px) { .nested-tachyons .aspect-ratio-sm { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-sm { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-sm { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-sm { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-sm { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-sm { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-sm { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-sm { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-sm { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-sm { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-sm { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-sm { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-sm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-sm { background-size: cover !important; } .nested-tachyons .contain-sm { background-size: contain !important; } .nested-tachyons .bg-center-sm { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-sm { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-sm { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-sm { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-sm { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-sm { object-fit: fill; }; .nested-tachyons .object-contain-sm { object-fit: contain; }; .nested-tachyons .object-cover-sm { object-fit: cover; }; .nested-tachyons .object-scale-down-sm { object-fit: scale-down; }; .nested-tachyons .object-none-sm { object-fit: none; }; .nested-tachyons .object-top-sm { object-position: top center; } .nested-tachyons .object-left-sm { object-position: center left; } .nested-tachyons .object-right-sm { object-position: center right; } .nested-tachyons .object-bottom-sm { object-position: bottom center; } .nested-tachyons .object-center-sm { object-position: center; } .nested-tachyons .outline-sm { outline: 1px solid; } .nested-tachyons .outline-transparent-sm { outline: 1px solid transparent; } .nested-tachyons .outline-0-sm { outline: 0; } .nested-tachyons .bn-sm { border-style: none; border-width: 0; } .nested-tachyons .ba-sm { border-style: solid; border-width: 1px; } .nested-tachyons .bt-sm { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-sm { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-sm { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-sm { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-sm { border-radius: 0; } .nested-tachyons .br1-sm { border-radius: .125rem; } .nested-tachyons .br2-sm { border-radius: .25rem; } .nested-tachyons .br3-sm { border-radius: .5rem; } .nested-tachyons .br4-sm { border-radius: 1rem; } .nested-tachyons .br-100-sm { border-radius: 100%; } .nested-tachyons .br-pill-sm { border-radius: 9999px; } .nested-tachyons .br--bottom-sm { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-sm { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-sm { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-sm { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-sm { border-radius: inherit; } .nested-tachyons .br-initial-sm { border-radius: initial; } .nested-tachyons .br-unset-sm { border-radius: unset; } .nested-tachyons .b--dotted-sm { border-style: dotted; } .nested-tachyons .b--dashed-sm { border-style: dashed; } .nested-tachyons .b--solid-sm { border-style: solid; } .nested-tachyons .b--none-sm { border-style: none; } .nested-tachyons .bw0-sm { border-width: 0; } .nested-tachyons .bw1-sm { border-width: .125rem; } .nested-tachyons .bw2-sm { border-width: .25rem; } .nested-tachyons .bw3-sm { border-width: .5rem; } .nested-tachyons .bw4-sm { border-width: 1rem; } .nested-tachyons .bw5-sm { border-width: 2rem; } .nested-tachyons .bt-0-sm { border-top-width: 0; } .nested-tachyons .br-0-sm { border-right-width: 0; } .nested-tachyons .bb-0-sm { border-bottom-width: 0; } .nested-tachyons .bl-0-sm { border-left-width: 0; } .nested-tachyons .shadow-1-sm { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-sm { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-sm { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-sm { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-sm { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-sm { top: 0; } .nested-tachyons .left-0-sm { left: 0; } .nested-tachyons .right-0-sm { right: 0; } .nested-tachyons .bottom-0-sm { bottom: 0; } .nested-tachyons .top-1-sm { top: 1rem; } .nested-tachyons .left-1-sm { left: 1rem; } .nested-tachyons .right-1-sm { right: 1rem; } .nested-tachyons .bottom-1-sm { bottom: 1rem; } .nested-tachyons .top-2-sm { top: 2rem; } .nested-tachyons .left-2-sm { left: 2rem; } .nested-tachyons .right-2-sm { right: 2rem; } .nested-tachyons .bottom-2-sm { bottom: 2rem; } .nested-tachyons .top--1-sm { top: -1rem; } .nested-tachyons .right--1-sm { right: -1rem; } .nested-tachyons .bottom--1-sm { bottom: -1rem; } .nested-tachyons .left--1-sm { left: -1rem; } .nested-tachyons .top--2-sm { top: -2rem; } .nested-tachyons .right--2-sm { right: -2rem; } .nested-tachyons .bottom--2-sm { bottom: -2rem; } .nested-tachyons .left--2-sm { left: -2rem; } .nested-tachyons .absolute--fill-sm { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-sm { clear: left; } .nested-tachyons .cr-sm { clear: right; } .nested-tachyons .cb-sm { clear: both; } .nested-tachyons .cn-sm { clear: none; } .nested-tachyons .dn-sm { display: none; } .nested-tachyons .di-sm { display: inline; } .nested-tachyons .db-sm { display: block; } .nested-tachyons .dib-sm { display: inline-block; } .nested-tachyons .dit-sm { display: inline-table; } .nested-tachyons .dt-sm { display: table; } .nested-tachyons .dtc-sm { display: table-cell; } .nested-tachyons .dt-row-sm { display: table-row; } .nested-tachyons .dt-row-group-sm { display: table-row-group; } .nested-tachyons .dt-column-sm { display: table-column; } .nested-tachyons .dt-column-group-sm { display: table-column-group; } .nested-tachyons .dt--fixed-sm { table-layout: fixed; width: 100%; } .nested-tachyons .flex-sm { display: flex; } .nested-tachyons .inline-flex-sm { display: inline-flex; } .nested-tachyons .flex-auto-sm { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-sm { flex: none; } .nested-tachyons .flex-column-sm { flex-direction: column; } .nested-tachyons .flex-row-sm { flex-direction: row; } .nested-tachyons .flex-wrap-sm { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-sm { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-sm { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-sm { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-sm { flex-direction: row-reverse; } .nested-tachyons .items-start-sm { align-items: flex-start; } .nested-tachyons .items-end-sm { align-items: flex-end; } .nested-tachyons .items-center-sm { align-items: center; } .nested-tachyons .items-baseline-sm { align-items: baseline; } .nested-tachyons .items-stretch-sm { align-items: stretch; } .nested-tachyons .self-start-sm { align-self: flex-start; } .nested-tachyons .self-end-sm { align-self: flex-end; } .nested-tachyons .self-center-sm { align-self: center; } .nested-tachyons .self-baseline-sm { align-self: baseline; } .nested-tachyons .self-stretch-sm { align-self: stretch; } .nested-tachyons .justify-start-sm { justify-content: flex-start; } .nested-tachyons .justify-end-sm { justify-content: flex-end; } .nested-tachyons .justify-center-sm { justify-content: center; } .nested-tachyons .justify-between-sm { justify-content: space-between; } .nested-tachyons .justify-around-sm { justify-content: space-around; } .nested-tachyons .content-start-sm { align-content: flex-start; } .nested-tachyons .content-end-sm { align-content: flex-end; } .nested-tachyons .content-center-sm { align-content: center; } .nested-tachyons .content-between-sm { align-content: space-between; } .nested-tachyons .content-around-sm { align-content: space-around; } .nested-tachyons .content-stretch-sm { align-content: stretch; } .nested-tachyons .order-0-sm { order: 0; } .nested-tachyons .order-1-sm { order: 1; } .nested-tachyons .order-2-sm { order: 2; } .nested-tachyons .order-3-sm { order: 3; } .nested-tachyons .order-4-sm { order: 4; } .nested-tachyons .order-5-sm { order: 5; } .nested-tachyons .order-6-sm { order: 6; } .nested-tachyons .order-7-sm { order: 7; } .nested-tachyons .order-8-sm { order: 8; } .nested-tachyons .order-last-sm { order: 99999; } .nested-tachyons .flex-grow-0-sm { flex-grow: 0; } .nested-tachyons .flex-grow-1-sm { flex-grow: 1; } .nested-tachyons .flex-shrink-0-sm { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-sm { flex-shrink: 1; } .nested-tachyons .fl-sm { float: left; _display: inline; } .nested-tachyons .fr-sm { float: right; _display: inline; } .nested-tachyons .fn-sm { float: none; } .nested-tachyons .i-sm { font-style: italic; } .nested-tachyons .fs-normal-sm { font-style: normal; } .nested-tachyons .normal-sm { font-weight: normal; } .nested-tachyons .b-sm { font-weight: bold; } .nested-tachyons .fw1-sm { font-weight: 100; } .nested-tachyons .fw2-sm { font-weight: 200; } .nested-tachyons .fw3-sm { font-weight: 300; } .nested-tachyons .fw4-sm { font-weight: 400; } .nested-tachyons .fw5-sm { font-weight: 500; } .nested-tachyons .fw6-sm { font-weight: 600; } .nested-tachyons .fw7-sm { font-weight: 700; } .nested-tachyons .fw8-sm { font-weight: 800; } .nested-tachyons .fw9-sm { font-weight: 900; } .nested-tachyons .h1-sm { height: 1rem; } .nested-tachyons .h2-sm { height: 2rem; } .nested-tachyons .h3-sm { height: 4rem; } .nested-tachyons .h4-sm { height: 8rem; } .nested-tachyons .h5-sm { height: 16rem; } .nested-tachyons .h-25-sm { height: 25%; } .nested-tachyons .h-50-sm { height: 50%; } .nested-tachyons .h-75-sm { height: 75%; } .nested-tachyons .h-100-sm { height: 100%; } .nested-tachyons .min-h-100-sm { min-height: 100%; } .nested-tachyons .vh-25-sm { height: 25vh; } .nested-tachyons .vh-50-sm { height: 50vh; } .nested-tachyons .vh-75-sm { height: 75vh; } .nested-tachyons .vh-100-sm { height: 100vh; } .nested-tachyons .min-vh-100-sm { min-height: 100vh; } .nested-tachyons .h-auto-sm { height: auto; } .nested-tachyons .h-inherit-sm { height: inherit; } .nested-tachyons .tracked-sm { letter-spacing: .1em; } .nested-tachyons .tracked-tight-sm { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-sm { letter-spacing: .25em; } .nested-tachyons .lh-solid-sm { line-height: 1; } .nested-tachyons .lh-title-sm { line-height: 1.25; } .nested-tachyons .lh-copy-sm { line-height: 1.5; } .nested-tachyons .mw-100-sm { max-width: 100%; } .nested-tachyons .mw1-sm { max-width: 1rem; } .nested-tachyons .mw2-sm { max-width: 2rem; } .nested-tachyons .mw3-sm { max-width: 4rem; } .nested-tachyons .mw4-sm { max-width: 8rem; } .nested-tachyons .mw5-sm { max-width: 16rem; } .nested-tachyons .mw6-sm { max-width: 32rem; } .nested-tachyons .mw7-sm { max-width: 48rem; } .nested-tachyons .mw8-sm { max-width: 64rem; } .nested-tachyons .mw9-sm { max-width: 96rem; } .nested-tachyons .mw-none-sm { max-width: none; } .nested-tachyons .w1-sm { width: 1rem; } .nested-tachyons .w2-sm { width: 2rem; } .nested-tachyons .w3-sm { width: 4rem; } .nested-tachyons .w4-sm { width: 8rem; } .nested-tachyons .w5-sm { width: 16rem; } .nested-tachyons .w-10-sm { width: 10%; } .nested-tachyons .w-20-sm { width: 20%; } .nested-tachyons .w-25-sm { width: 25%; } .nested-tachyons .w-30-sm { width: 30%; } .nested-tachyons .w-33-sm { width: 33%; } .nested-tachyons .w-34-sm { width: 34%; } .nested-tachyons .w-40-sm { width: 40%; } .nested-tachyons .w-50-sm { width: 50%; } .nested-tachyons .w-60-sm { width: 60%; } .nested-tachyons .w-70-sm { width: 70%; } .nested-tachyons .w-75-sm { width: 75%; } .nested-tachyons .w-80-sm { width: 80%; } .nested-tachyons .w-90-sm { width: 90%; } .nested-tachyons .w-100-sm { width: 100%; } .nested-tachyons .w-third-sm { width: 33.33333%; } .nested-tachyons .w-two-thirds-sm { width: 66.66667%; } .nested-tachyons .w-auto-sm { width: auto; } .nested-tachyons .w-1\/12-sm { width: 8.33333%; } .nested-tachyons .w-2\/12-sm { width: 16.66667%; } .nested-tachyons .w-3\/12-sm { width: 25%; } .nested-tachyons .w-4\/12-sm { width: 33.33333%; } .nested-tachyons .w-5\/12-sm { width: 41.66667%; } .nested-tachyons .w-6\/12-sm { width: 50%; } .nested-tachyons .w-7\/12-sm { width: 58.33333%; } .nested-tachyons .w-8\/12-sm { width: 66.66667%; } .nested-tachyons .w-9\/12-sm { width: 75%; } .nested-tachyons .w-10\/12-sm { width: 83.33333%; } .nested-tachyons .w-11\/12-sm { width: 91.66667%; } .nested-tachyons .w-12\/12-sm { width: 100%; } .nested-tachyons .overflow-visible-sm { overflow: visible; } .nested-tachyons .overflow-hidden-sm { overflow: hidden; } .nested-tachyons .overflow-scroll-sm { overflow: scroll; } .nested-tachyons .overflow-auto-sm { overflow: auto; } .nested-tachyons .overflow-x-visible-sm { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-sm { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-sm { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-sm { overflow-x: auto; } .nested-tachyons .overflow-y-visible-sm { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-sm { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-sm { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-sm { overflow-y: auto; } .nested-tachyons .static-sm { position: static; } .nested-tachyons .relative-sm { position: relative; } .nested-tachyons .absolute-sm { position: absolute; } .nested-tachyons .fixed-sm { position: fixed; } .nested-tachyons .sticky-sm { position: sticky; } .nested-tachyons .rotate-45-sm { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-sm { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-sm { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-sm { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-sm { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-sm { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-sm { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-sm { padding: 0; } .nested-tachyons .pa1-sm { padding: .25rem; } .nested-tachyons .pa2-sm { padding: .5rem; } .nested-tachyons .pa3-sm { padding: 1rem; } .nested-tachyons .pa4-sm { padding: 2rem; } .nested-tachyons .pa5-sm { padding: 4rem; } .nested-tachyons .pa6-sm { padding: 8rem; } .nested-tachyons .pa7-sm { padding: 16rem; } .nested-tachyons .pl0-sm { padding-left: 0; } .nested-tachyons .pl1-sm { padding-left: .25rem; } .nested-tachyons .pl2-sm { padding-left: .5rem; } .nested-tachyons .pl3-sm { padding-left: 1rem; } .nested-tachyons .pl4-sm { padding-left: 2rem; } .nested-tachyons .pl5-sm { padding-left: 4rem; } .nested-tachyons .pl6-sm { padding-left: 8rem; } .nested-tachyons .pl7-sm { padding-left: 16rem; } .nested-tachyons .pr0-sm { padding-right: 0; } .nested-tachyons .pr1-sm { padding-right: .25rem; } .nested-tachyons .pr2-sm { padding-right: .5rem; } .nested-tachyons .pr3-sm { padding-right: 1rem; } .nested-tachyons .pr4-sm { padding-right: 2rem; } .nested-tachyons .pr5-sm { padding-right: 4rem; } .nested-tachyons .pr6-sm { padding-right: 8rem; } .nested-tachyons .pr7-sm { padding-right: 16rem; } .nested-tachyons .pb0-sm { padding-bottom: 0; } .nested-tachyons .pb1-sm { padding-bottom: .25rem; } .nested-tachyons .pb2-sm { padding-bottom: .5rem; } .nested-tachyons .pb3-sm { padding-bottom: 1rem; } .nested-tachyons .pb4-sm { padding-bottom: 2rem; } .nested-tachyons .pb5-sm { padding-bottom: 4rem; } .nested-tachyons .pb6-sm { padding-bottom: 8rem; } .nested-tachyons .pb7-sm { padding-bottom: 16rem; } .nested-tachyons .pt0-sm { padding-top: 0; } .nested-tachyons .pt1-sm { padding-top: .25rem; } .nested-tachyons .pt2-sm { padding-top: .5rem; } .nested-tachyons .pt3-sm { padding-top: 1rem; } .nested-tachyons .pt4-sm { padding-top: 2rem; } .nested-tachyons .pt5-sm { padding-top: 4rem; } .nested-tachyons .pt6-sm { padding-top: 8rem; } .nested-tachyons .pt7-sm { padding-top: 16rem; } .nested-tachyons .pv0-sm { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-sm { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-sm { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-sm { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-sm { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-sm { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-sm { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-sm { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-sm { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-sm { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-sm { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-sm { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-sm { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-sm { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-sm { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-sm { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-sm { margin: 0; } .nested-tachyons .ma1-sm { margin: .25rem; } .nested-tachyons .ma2-sm { margin: .5rem; } .nested-tachyons .ma3-sm { margin: 1rem; } .nested-tachyons .ma4-sm { margin: 2rem; } .nested-tachyons .ma5-sm { margin: 4rem; } .nested-tachyons .ma6-sm { margin: 8rem; } .nested-tachyons .ma7-sm { margin: 16rem; } .nested-tachyons .ml0-sm { margin-left: 0; } .nested-tachyons .ml1-sm { margin-left: .25rem; } .nested-tachyons .ml2-sm { margin-left: .5rem; } .nested-tachyons .ml3-sm { margin-left: 1rem; } .nested-tachyons .ml4-sm { margin-left: 2rem; } .nested-tachyons .ml5-sm { margin-left: 4rem; } .nested-tachyons .ml6-sm { margin-left: 8rem; } .nested-tachyons .ml7-sm { margin-left: 16rem; } .nested-tachyons .mr0-sm { margin-right: 0; } .nested-tachyons .mr1-sm { margin-right: .25rem; } .nested-tachyons .mr2-sm { margin-right: .5rem; } .nested-tachyons .mr3-sm { margin-right: 1rem; } .nested-tachyons .mr4-sm { margin-right: 2rem; } .nested-tachyons .mr5-sm { margin-right: 4rem; } .nested-tachyons .mr6-sm { margin-right: 8rem; } .nested-tachyons .mr7-sm { margin-right: 16rem; } .nested-tachyons .mb0-sm { margin-bottom: 0; } .nested-tachyons .mb1-sm { margin-bottom: .25rem; } .nested-tachyons .mb2-sm { margin-bottom: .5rem; } .nested-tachyons .mb3-sm { margin-bottom: 1rem; } .nested-tachyons .mb4-sm { margin-bottom: 2rem; } .nested-tachyons .mb5-sm { margin-bottom: 4rem; } .nested-tachyons .mb6-sm { margin-bottom: 8rem; } .nested-tachyons .mb7-sm { margin-bottom: 16rem; } .nested-tachyons .mt0-sm { margin-top: 0; } .nested-tachyons .mt1-sm { margin-top: .25rem; } .nested-tachyons .mt2-sm { margin-top: .5rem; } .nested-tachyons .mt3-sm { margin-top: 1rem; } .nested-tachyons .mt4-sm { margin-top: 2rem; } .nested-tachyons .mt5-sm { margin-top: 4rem; } .nested-tachyons .mt6-sm { margin-top: 8rem; } .nested-tachyons .mt7-sm { margin-top: 16rem; } .nested-tachyons .mv0-sm { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-sm { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-sm { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-sm { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-sm { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-sm { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-sm { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-sm { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-sm { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-sm { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-sm { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-sm { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-sm { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-sm { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-sm { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-sm { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-sm { margin: -0.25rem; } .nested-tachyons .na2-sm { margin: -0.5rem; } .nested-tachyons .na3-sm { margin: -1rem; } .nested-tachyons .na4-sm { margin: -2rem; } .nested-tachyons .na5-sm { margin: -4rem; } .nested-tachyons .na6-sm { margin: -8rem; } .nested-tachyons .na7-sm { margin: -16rem; } .nested-tachyons .nl1-sm { margin-left: -0.25rem; } .nested-tachyons .nl2-sm { margin-left: -0.5rem; } .nested-tachyons .nl3-sm { margin-left: -1rem; } .nested-tachyons .nl4-sm { margin-left: -2rem; } .nested-tachyons .nl5-sm { margin-left: -4rem; } .nested-tachyons .nl6-sm { margin-left: -8rem; } .nested-tachyons .nl7-sm { margin-left: -16rem; } .nested-tachyons .nr1-sm { margin-right: -0.25rem; } .nested-tachyons .nr2-sm { margin-right: -0.5rem; } .nested-tachyons .nr3-sm { margin-right: -1rem; } .nested-tachyons .nr4-sm { margin-right: -2rem; } .nested-tachyons .nr5-sm { margin-right: -4rem; } .nested-tachyons .nr6-sm { margin-right: -8rem; } .nested-tachyons .nr7-sm { margin-right: -16rem; } .nested-tachyons .nb1-sm { margin-bottom: -0.25rem; } .nested-tachyons .nb2-sm { margin-bottom: -0.5rem; } .nested-tachyons .nb3-sm { margin-bottom: -1rem; } .nested-tachyons .nb4-sm { margin-bottom: -2rem; } .nested-tachyons .nb5-sm { margin-bottom: -4rem; } .nested-tachyons .nb6-sm { margin-bottom: -8rem; } .nested-tachyons .nb7-sm { margin-bottom: -16rem; } .nested-tachyons .nt1-sm { margin-top: -0.25rem; } .nested-tachyons .nt2-sm { margin-top: -0.5rem; } .nested-tachyons .nt3-sm { margin-top: -1rem; } .nested-tachyons .nt4-sm { margin-top: -2rem; } .nested-tachyons .nt5-sm { margin-top: -4rem; } .nested-tachyons .nt6-sm { margin-top: -8rem; } .nested-tachyons .nt7-sm { margin-top: -16rem; } .nested-tachyons .strike-sm { text-decoration: line-through; } .nested-tachyons .underline-sm { text-decoration: underline; } .nested-tachyons .no-underline-sm { text-decoration: none; } .nested-tachyons .tl-sm { text-align: left; } .nested-tachyons .tr-sm { text-align: right; } .nested-tachyons .tc-sm { text-align: center; } .nested-tachyons .tj-sm { text-align: justify; } .nested-tachyons .ttc-sm { text-transform: capitalize; } .nested-tachyons .ttl-sm { text-transform: lowercase; } .nested-tachyons .ttu-sm { text-transform: uppercase; } .nested-tachyons .ttn-sm { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-sm { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-sm { font-size: 5rem; } .nested-tachyons .f0-sm { font-size: 0; } .nested-tachyons .f1-sm { font-size: 3rem; } .nested-tachyons .f2-sm { font-size: 2.25rem; } .nested-tachyons .f3-sm { font-size: 1.5rem; } .nested-tachyons .f4-sm { font-size: 1.25rem; } .nested-tachyons .f5-sm { font-size: 1rem; } .nested-tachyons .f6-sm { font-size: .875rem; } .nested-tachyons .f7-sm { font-size: .75rem; } .nested-tachyons .f--4-sm { font-size: 0.25rem; } .nested-tachyons .f--5-sm { font-size: 0.3125rem; } .nested-tachyons .f--6-sm { font-size: 0.375rem; } .nested-tachyons .f--7-sm { font-size: 0.4375rem; } .nested-tachyons .f--8-sm { font-size: 0.5rem; } .nested-tachyons .f--9-sm { font-size: 0.5625rem; } .nested-tachyons .f--10-sm { font-size: 0.625rem; } .nested-tachyons .f--11-sm { font-size: 0.6875rem; } .nested-tachyons .f--12-sm { font-size: 0.75rem; } .nested-tachyons .f--13-sm { font-size: 0.8125rem; } .nested-tachyons .f--14-sm { font-size: 0.875rem; } .nested-tachyons .f--15-sm { font-size: 0.9375rem; } .nested-tachyons .f--16-sm { font-size: 1rem; } .nested-tachyons .f--17-sm { font-size: 1.0625rem; } .nested-tachyons .f--18-sm { font-size: 1.125rem; } .nested-tachyons .f--19-sm { font-size: 1.1875rem; } .nested-tachyons .f--20-sm { font-size: 1.25rem; } .nested-tachyons .f--21-sm { font-size: 1.3125rem; } .nested-tachyons .f--22-sm { font-size: 1.375rem; } .nested-tachyons .f--23-sm { font-size: 1.4375rem; } .nested-tachyons .f--24-sm { font-size: 1.5rem; } .nested-tachyons .f--25-sm { font-size: 1.5625rem; } .nested-tachyons .f--26-sm { font-size: 1.625rem; } .nested-tachyons .f--27-sm { font-size: 1.6875rem; } .nested-tachyons .f--28-sm { font-size: 1.75rem; } .nested-tachyons .f--29-sm { font-size: 1.8125rem; } .nested-tachyons .f--30-sm { font-size: 1.875rem; } .nested-tachyons .f--31-sm { font-size: 1.9375rem; } .nested-tachyons .f--32-sm { font-size: 2rem; } .nested-tachyons .f--33-sm { font-size: 2.0625rem; } .nested-tachyons .f--34-sm { font-size: 2.125rem; } .nested-tachyons .f--35-sm { font-size: 2.1875rem; } .nested-tachyons .f--36-sm { font-size: 2.25rem; } .nested-tachyons .f--37-sm { font-size: 2.3125rem; } .nested-tachyons .f--38-sm { font-size: 2.375rem; } .nested-tachyons .f--39-sm { font-size: 2.4375rem; } .nested-tachyons .f--40-sm { font-size: 2.5rem; } .nested-tachyons .f--41-sm { font-size: 2.5625rem; } .nested-tachyons .f--42-sm { font-size: 2.625rem; } .nested-tachyons .f--43-sm { font-size: 2.6875rem; } .nested-tachyons .f--44-sm { font-size: 2.75rem; } .nested-tachyons .f--45-sm { font-size: 2.8125rem; } .nested-tachyons .f--46-sm { font-size: 2.875rem; } .nested-tachyons .f--47-sm { font-size: 2.9375rem; } .nested-tachyons .f--48-sm { font-size: 3rem; } .nested-tachyons .f--49-sm { font-size: 3.0625rem; } .nested-tachyons .f--50-sm { font-size: 3.125rem; } .nested-tachyons .f--51-sm { font-size: 3.1875rem; } .nested-tachyons .f--52-sm { font-size: 3.25rem; } .nested-tachyons .f--53-sm { font-size: 3.3125rem; } .nested-tachyons .f--54-sm { font-size: 3.375rem; } .nested-tachyons .f--55-sm { font-size: 3.4375rem; } .nested-tachyons .f--56-sm { font-size: 3.5rem; } .nested-tachyons .f--57-sm { font-size: 3.5625rem; } .nested-tachyons .f--58-sm { font-size: 3.625rem; } .nested-tachyons .f--59-sm { font-size: 3.6875rem; } .nested-tachyons .f--60-sm { font-size: 3.75rem; } .nested-tachyons .f--61-sm { font-size: 3.8125rem; } .nested-tachyons .f--62-sm { font-size: 3.875rem; } .nested-tachyons .f--63-sm { font-size: 3.9375rem; } .nested-tachyons .f--64-sm { font-size: 4rem; } .nested-tachyons .f--65-sm { font-size: 4.0625rem; } .nested-tachyons .f--66-sm { font-size: 4.125rem; } .nested-tachyons .f--67-sm { font-size: 4.1875rem; } .nested-tachyons .f--68-sm { font-size: 4.25rem; } .nested-tachyons .f--69-sm { font-size: 4.3125rem; } .nested-tachyons .f--70-sm { font-size: 4.375rem; } .nested-tachyons .f--71-sm { font-size: 4.4375rem; } .nested-tachyons .f--72-sm { font-size: 4.5rem; } .nested-tachyons .f--73-sm { font-size: 4.5625rem; } .nested-tachyons .f--74-sm { font-size: 4.625rem; } .nested-tachyons .f--75-sm { font-size: 4.6875rem; } .nested-tachyons .f--76-sm { font-size: 4.75rem; } .nested-tachyons .f--77-sm { font-size: 4.8125rem; } .nested-tachyons .f--78-sm { font-size: 4.875rem; } .nested-tachyons .f--79-sm { font-size: 4.9375rem; } .nested-tachyons .f--80-sm { font-size: 5rem; } .nested-tachyons .f--81-sm { font-size: 5.0625rem; } .nested-tachyons .f--82-sm { font-size: 5.125rem; } .nested-tachyons .f--83-sm { font-size: 5.1875rem; } .nested-tachyons .f--84-sm { font-size: 5.25rem; } .nested-tachyons .f--85-sm { font-size: 5.3125rem; } .nested-tachyons .f--86-sm { font-size: 5.375rem; } .nested-tachyons .f--87-sm { font-size: 5.4375rem; } .nested-tachyons .f--88-sm { font-size: 5.5rem; } .nested-tachyons .f--89-sm { font-size: 5.5625rem; } .nested-tachyons .f--90-sm { font-size: 5.625rem; } .nested-tachyons .f--91-sm { font-size: 5.6875rem; } .nested-tachyons .f--92-sm { font-size: 5.75rem; } .nested-tachyons .f--93-sm { font-size: 5.8125rem; } .nested-tachyons .f--94-sm { font-size: 5.875rem; } .nested-tachyons .f--95-sm { font-size: 5.9375rem; } .nested-tachyons .f--96-sm { font-size: 6rem; } .nested-tachyons .measure-sm { max-width: 30em; } .nested-tachyons .measure-wide-sm { max-width: 34em; } .nested-tachyons .measure-narrow-sm { max-width: 20em; } .nested-tachyons .indent-sm { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-sm { font-variant: small-caps; } .nested-tachyons .truncate-sm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-sm { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-sm { margin-right: auto; } .nested-tachyons .ml-auto-sm { margin-left: auto; } .nested-tachyons .clip-sm { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-sm { white-space: normal; } .nested-tachyons .nowrap-sm { white-space: nowrap; } .nested-tachyons .pre-sm { white-space: pre; } .nested-tachyons .v-base-sm { vertical-align: baseline; } .nested-tachyons .v-mid-sm { vertical-align: middle; } .nested-tachyons .v-top-sm { vertical-align: top; } .nested-tachyons .v-btm-sm { vertical-align: bottom; } } @media screen and (min-width: 768px) { .nested-tachyons .aspect-ratio-md { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-md { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-md { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-md { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-md { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-md { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-md { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-md { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-md { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-md { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-md { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-md { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-md { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-md { background-size: cover !important; } .nested-tachyons .contain-md { background-size: contain !important; } .nested-tachyons .bg-center-md { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-md { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-md { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-md { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-md { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-md { object-fit: fill; }; .nested-tachyons .object-contain-md { object-fit: contain; }; .nested-tachyons .object-cover-md { object-fit: cover; }; .nested-tachyons .object-scale-down-md { object-fit: scale-down; }; .nested-tachyons .object-none-md { object-fit: none; }; .nested-tachyons .object-top-md { object-position: top center; } .nested-tachyons .object-left-md { object-position: center left; } .nested-tachyons .object-right-md { object-position: center right; } .nested-tachyons .object-bottom-md { object-position: bottom center; } .nested-tachyons .object-center-md { object-position: center; } .nested-tachyons .outline-md { outline: 1px solid; } .nested-tachyons .outline-transparent-md { outline: 1px solid transparent; } .nested-tachyons .outline-0-md { outline: 0; } .nested-tachyons .bn-md { border-style: none; border-width: 0; } .nested-tachyons .ba-md { border-style: solid; border-width: 1px; } .nested-tachyons .bt-md { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-md { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-md { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-md { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-md { border-radius: 0; } .nested-tachyons .br1-md { border-radius: .125rem; } .nested-tachyons .br2-md { border-radius: .25rem; } .nested-tachyons .br3-md { border-radius: .5rem; } .nested-tachyons .br4-md { border-radius: 1rem; } .nested-tachyons .br-100-md { border-radius: 100%; } .nested-tachyons .br-pill-md { border-radius: 9999px; } .nested-tachyons .br--bottom-md { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-md { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-md { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-md { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-md { border-radius: inherit; } .nested-tachyons .br-initial-md { border-radius: initial; } .nested-tachyons .br-unset-md { border-radius: unset; } .nested-tachyons .b--dotted-md { border-style: dotted; } .nested-tachyons .b--dashed-md { border-style: dashed; } .nested-tachyons .b--solid-md { border-style: solid; } .nested-tachyons .b--none-md { border-style: none; } .nested-tachyons .bw0-md { border-width: 0; } .nested-tachyons .bw1-md { border-width: .125rem; } .nested-tachyons .bw2-md { border-width: .25rem; } .nested-tachyons .bw3-md { border-width: .5rem; } .nested-tachyons .bw4-md { border-width: 1rem; } .nested-tachyons .bw5-md { border-width: 2rem; } .nested-tachyons .bt-0-md { border-top-width: 0; } .nested-tachyons .br-0-md { border-right-width: 0; } .nested-tachyons .bb-0-md { border-bottom-width: 0; } .nested-tachyons .bl-0-md { border-left-width: 0; } .nested-tachyons .shadow-1-md { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-md { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-md { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-md { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-md { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-md { top: 0; } .nested-tachyons .left-0-md { left: 0; } .nested-tachyons .right-0-md { right: 0; } .nested-tachyons .bottom-0-md { bottom: 0; } .nested-tachyons .top-1-md { top: 1rem; } .nested-tachyons .left-1-md { left: 1rem; } .nested-tachyons .right-1-md { right: 1rem; } .nested-tachyons .bottom-1-md { bottom: 1rem; } .nested-tachyons .top-2-md { top: 2rem; } .nested-tachyons .left-2-md { left: 2rem; } .nested-tachyons .right-2-md { right: 2rem; } .nested-tachyons .bottom-2-md { bottom: 2rem; } .nested-tachyons .top--1-md { top: -1rem; } .nested-tachyons .right--1-md { right: -1rem; } .nested-tachyons .bottom--1-md { bottom: -1rem; } .nested-tachyons .left--1-md { left: -1rem; } .nested-tachyons .top--2-md { top: -2rem; } .nested-tachyons .right--2-md { right: -2rem; } .nested-tachyons .bottom--2-md { bottom: -2rem; } .nested-tachyons .left--2-md { left: -2rem; } .nested-tachyons .absolute--fill-md { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-md { clear: left; } .nested-tachyons .cr-md { clear: right; } .nested-tachyons .cb-md { clear: both; } .nested-tachyons .cn-md { clear: none; } .nested-tachyons .dn-md { display: none; } .nested-tachyons .di-md { display: inline; } .nested-tachyons .db-md { display: block; } .nested-tachyons .dib-md { display: inline-block; } .nested-tachyons .dit-md { display: inline-table; } .nested-tachyons .dt-md { display: table; } .nested-tachyons .dtc-md { display: table-cell; } .nested-tachyons .dt-row-md { display: table-row; } .nested-tachyons .dt-row-group-md { display: table-row-group; } .nested-tachyons .dt-column-md { display: table-column; } .nested-tachyons .dt-column-group-md { display: table-column-group; } .nested-tachyons .dt--fixed-md { table-layout: fixed; width: 100%; } .nested-tachyons .flex-md { display: flex; } .nested-tachyons .inline-flex-md { display: inline-flex; } .nested-tachyons .flex-auto-md { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-md { flex: none; } .nested-tachyons .flex-column-md { flex-direction: column; } .nested-tachyons .flex-row-md { flex-direction: row; } .nested-tachyons .flex-wrap-md { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-md { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-md { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-md { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-md { flex-direction: row-reverse; } .nested-tachyons .items-start-md { align-items: flex-start; } .nested-tachyons .items-end-md { align-items: flex-end; } .nested-tachyons .items-center-md { align-items: center; } .nested-tachyons .items-baseline-md { align-items: baseline; } .nested-tachyons .items-stretch-md { align-items: stretch; } .nested-tachyons .self-start-md { align-self: flex-start; } .nested-tachyons .self-end-md { align-self: flex-end; } .nested-tachyons .self-center-md { align-self: center; } .nested-tachyons .self-baseline-md { align-self: baseline; } .nested-tachyons .self-stretch-md { align-self: stretch; } .nested-tachyons .justify-start-md { justify-content: flex-start; } .nested-tachyons .justify-end-md { justify-content: flex-end; } .nested-tachyons .justify-center-md { justify-content: center; } .nested-tachyons .justify-between-md { justify-content: space-between; } .nested-tachyons .justify-around-md { justify-content: space-around; } .nested-tachyons .content-start-md { align-content: flex-start; } .nested-tachyons .content-end-md { align-content: flex-end; } .nested-tachyons .content-center-md { align-content: center; } .nested-tachyons .content-between-md { align-content: space-between; } .nested-tachyons .content-around-md { align-content: space-around; } .nested-tachyons .content-stretch-md { align-content: stretch; } .nested-tachyons .order-0-md { order: 0; } .nested-tachyons .order-1-md { order: 1; } .nested-tachyons .order-2-md { order: 2; } .nested-tachyons .order-3-md { order: 3; } .nested-tachyons .order-4-md { order: 4; } .nested-tachyons .order-5-md { order: 5; } .nested-tachyons .order-6-md { order: 6; } .nested-tachyons .order-7-md { order: 7; } .nested-tachyons .order-8-md { order: 8; } .nested-tachyons .order-last-md { order: 99999; } .nested-tachyons .flex-grow-0-md { flex-grow: 0; } .nested-tachyons .flex-grow-1-md { flex-grow: 1; } .nested-tachyons .flex-shrink-0-md { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-md { flex-shrink: 1; } .nested-tachyons .fl-md { float: left; _display: inline; } .nested-tachyons .fr-md { float: right; _display: inline; } .nested-tachyons .fn-md { float: none; } .nested-tachyons .i-md { font-style: italic; } .nested-tachyons .fs-normal-md { font-style: normal; } .nested-tachyons .normal-md { font-weight: normal; } .nested-tachyons .b-md { font-weight: bold; } .nested-tachyons .fw1-md { font-weight: 100; } .nested-tachyons .fw2-md { font-weight: 200; } .nested-tachyons .fw3-md { font-weight: 300; } .nested-tachyons .fw4-md { font-weight: 400; } .nested-tachyons .fw5-md { font-weight: 500; } .nested-tachyons .fw6-md { font-weight: 600; } .nested-tachyons .fw7-md { font-weight: 700; } .nested-tachyons .fw8-md { font-weight: 800; } .nested-tachyons .fw9-md { font-weight: 900; } .nested-tachyons .h1-md { height: 1rem; } .nested-tachyons .h2-md { height: 2rem; } .nested-tachyons .h3-md { height: 4rem; } .nested-tachyons .h4-md { height: 8rem; } .nested-tachyons .h5-md { height: 16rem; } .nested-tachyons .h-25-md { height: 25%; } .nested-tachyons .h-50-md { height: 50%; } .nested-tachyons .h-75-md { height: 75%; } .nested-tachyons .h-100-md { height: 100%; } .nested-tachyons .min-h-100-md { min-height: 100%; } .nested-tachyons .vh-25-md { height: 25vh; } .nested-tachyons .vh-50-md { height: 50vh; } .nested-tachyons .vh-75-md { height: 75vh; } .nested-tachyons .vh-100-md { height: 100vh; } .nested-tachyons .min-vh-100-md { min-height: 100vh; } .nested-tachyons .h-auto-md { height: auto; } .nested-tachyons .h-inherit-md { height: inherit; } .nested-tachyons .tracked-md { letter-spacing: .1em; } .nested-tachyons .tracked-tight-md { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-md { letter-spacing: .25em; } .nested-tachyons .lh-solid-md { line-height: 1; } .nested-tachyons .lh-title-md { line-height: 1.25; } .nested-tachyons .lh-copy-md { line-height: 1.5; } .nested-tachyons .mw-100-md { max-width: 100%; } .nested-tachyons .mw1-md { max-width: 1rem; } .nested-tachyons .mw2-md { max-width: 2rem; } .nested-tachyons .mw3-md { max-width: 4rem; } .nested-tachyons .mw4-md { max-width: 8rem; } .nested-tachyons .mw5-md { max-width: 16rem; } .nested-tachyons .mw6-md { max-width: 32rem; } .nested-tachyons .mw7-md { max-width: 48rem; } .nested-tachyons .mw8-md { max-width: 64rem; } .nested-tachyons .mw9-md { max-width: 96rem; } .nested-tachyons .mw-none-md { max-width: none; } .nested-tachyons .w1-md { width: 1rem; } .nested-tachyons .w2-md { width: 2rem; } .nested-tachyons .w3-md { width: 4rem; } .nested-tachyons .w4-md { width: 8rem; } .nested-tachyons .w5-md { width: 16rem; } .nested-tachyons .w-10-md { width: 10%; } .nested-tachyons .w-20-md { width: 20%; } .nested-tachyons .w-25-md { width: 25%; } .nested-tachyons .w-30-md { width: 30%; } .nested-tachyons .w-33-md { width: 33%; } .nested-tachyons .w-34-md { width: 34%; } .nested-tachyons .w-40-md { width: 40%; } .nested-tachyons .w-50-md { width: 50%; } .nested-tachyons .w-60-md { width: 60%; } .nested-tachyons .w-70-md { width: 70%; } .nested-tachyons .w-75-md { width: 75%; } .nested-tachyons .w-80-md { width: 80%; } .nested-tachyons .w-90-md { width: 90%; } .nested-tachyons .w-100-md { width: 100%; } .nested-tachyons .w-third-md { width: 33.33333%; } .nested-tachyons .w-two-thirds-md { width: 66.66667%; } .nested-tachyons .w-auto-md { width: auto; } .nested-tachyons .w-1\/12-md { width: 8.33333%; } .nested-tachyons .w-2\/12-md { width: 16.66667%; } .nested-tachyons .w-3\/12-md { width: 25%; } .nested-tachyons .w-4\/12-md { width: 33.33333%; } .nested-tachyons .w-5\/12-md { width: 41.66667%; } .nested-tachyons .w-6\/12-md { width: 50%; } .nested-tachyons .w-7\/12-md { width: 58.33333%; } .nested-tachyons .w-8\/12-md { width: 66.66667%; } .nested-tachyons .w-9\/12-md { width: 75%; } .nested-tachyons .w-10\/12-md { width: 83.33333%; } .nested-tachyons .w-11\/12-md { width: 91.66667%; } .nested-tachyons .w-12\/12-md { width: 100%; } .nested-tachyons .overflow-visible-md { overflow: visible; } .nested-tachyons .overflow-hidden-md { overflow: hidden; } .nested-tachyons .overflow-scroll-md { overflow: scroll; } .nested-tachyons .overflow-auto-md { overflow: auto; } .nested-tachyons .overflow-x-visible-md { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-md { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-md { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-md { overflow-x: auto; } .nested-tachyons .overflow-y-visible-md { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-md { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-md { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-md { overflow-y: auto; } .nested-tachyons .static-md { position: static; } .nested-tachyons .relative-md { position: relative; } .nested-tachyons .absolute-md { position: absolute; } .nested-tachyons .fixed-md { position: fixed; } .nested-tachyons .sticky-md { position: sticky; } .nested-tachyons .rotate-45-md { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-md { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-md { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-md { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-md { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-md { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-md { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-md { padding: 0; } .nested-tachyons .pa1-md { padding: .25rem; } .nested-tachyons .pa2-md { padding: .5rem; } .nested-tachyons .pa3-md { padding: 1rem; } .nested-tachyons .pa4-md { padding: 2rem; } .nested-tachyons .pa5-md { padding: 4rem; } .nested-tachyons .pa6-md { padding: 8rem; } .nested-tachyons .pa7-md { padding: 16rem; } .nested-tachyons .pl0-md { padding-left: 0; } .nested-tachyons .pl1-md { padding-left: .25rem; } .nested-tachyons .pl2-md { padding-left: .5rem; } .nested-tachyons .pl3-md { padding-left: 1rem; } .nested-tachyons .pl4-md { padding-left: 2rem; } .nested-tachyons .pl5-md { padding-left: 4rem; } .nested-tachyons .pl6-md { padding-left: 8rem; } .nested-tachyons .pl7-md { padding-left: 16rem; } .nested-tachyons .pr0-md { padding-right: 0; } .nested-tachyons .pr1-md { padding-right: .25rem; } .nested-tachyons .pr2-md { padding-right: .5rem; } .nested-tachyons .pr3-md { padding-right: 1rem; } .nested-tachyons .pr4-md { padding-right: 2rem; } .nested-tachyons .pr5-md { padding-right: 4rem; } .nested-tachyons .pr6-md { padding-right: 8rem; } .nested-tachyons .pr7-md { padding-right: 16rem; } .nested-tachyons .pb0-md { padding-bottom: 0; } .nested-tachyons .pb1-md { padding-bottom: .25rem; } .nested-tachyons .pb2-md { padding-bottom: .5rem; } .nested-tachyons .pb3-md { padding-bottom: 1rem; } .nested-tachyons .pb4-md { padding-bottom: 2rem; } .nested-tachyons .pb5-md { padding-bottom: 4rem; } .nested-tachyons .pb6-md { padding-bottom: 8rem; } .nested-tachyons .pb7-md { padding-bottom: 16rem; } .nested-tachyons .pt0-md { padding-top: 0; } .nested-tachyons .pt1-md { padding-top: .25rem; } .nested-tachyons .pt2-md { padding-top: .5rem; } .nested-tachyons .pt3-md { padding-top: 1rem; } .nested-tachyons .pt4-md { padding-top: 2rem; } .nested-tachyons .pt5-md { padding-top: 4rem; } .nested-tachyons .pt6-md { padding-top: 8rem; } .nested-tachyons .pt7-md { padding-top: 16rem; } .nested-tachyons .pv0-md { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-md { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-md { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-md { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-md { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-md { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-md { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-md { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-md { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-md { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-md { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-md { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-md { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-md { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-md { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-md { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-md { margin: 0; } .nested-tachyons .ma1-md { margin: .25rem; } .nested-tachyons .ma2-md { margin: .5rem; } .nested-tachyons .ma3-md { margin: 1rem; } .nested-tachyons .ma4-md { margin: 2rem; } .nested-tachyons .ma5-md { margin: 4rem; } .nested-tachyons .ma6-md { margin: 8rem; } .nested-tachyons .ma7-md { margin: 16rem; } .nested-tachyons .ml0-md { margin-left: 0; } .nested-tachyons .ml1-md { margin-left: .25rem; } .nested-tachyons .ml2-md { margin-left: .5rem; } .nested-tachyons .ml3-md { margin-left: 1rem; } .nested-tachyons .ml4-md { margin-left: 2rem; } .nested-tachyons .ml5-md { margin-left: 4rem; } .nested-tachyons .ml6-md { margin-left: 8rem; } .nested-tachyons .ml7-md { margin-left: 16rem; } .nested-tachyons .mr0-md { margin-right: 0; } .nested-tachyons .mr1-md { margin-right: .25rem; } .nested-tachyons .mr2-md { margin-right: .5rem; } .nested-tachyons .mr3-md { margin-right: 1rem; } .nested-tachyons .mr4-md { margin-right: 2rem; } .nested-tachyons .mr5-md { margin-right: 4rem; } .nested-tachyons .mr6-md { margin-right: 8rem; } .nested-tachyons .mr7-md { margin-right: 16rem; } .nested-tachyons .mb0-md { margin-bottom: 0; } .nested-tachyons .mb1-md { margin-bottom: .25rem; } .nested-tachyons .mb2-md { margin-bottom: .5rem; } .nested-tachyons .mb3-md { margin-bottom: 1rem; } .nested-tachyons .mb4-md { margin-bottom: 2rem; } .nested-tachyons .mb5-md { margin-bottom: 4rem; } .nested-tachyons .mb6-md { margin-bottom: 8rem; } .nested-tachyons .mb7-md { margin-bottom: 16rem; } .nested-tachyons .mt0-md { margin-top: 0; } .nested-tachyons .mt1-md { margin-top: .25rem; } .nested-tachyons .mt2-md { margin-top: .5rem; } .nested-tachyons .mt3-md { margin-top: 1rem; } .nested-tachyons .mt4-md { margin-top: 2rem; } .nested-tachyons .mt5-md { margin-top: 4rem; } .nested-tachyons .mt6-md { margin-top: 8rem; } .nested-tachyons .mt7-md { margin-top: 16rem; } .nested-tachyons .mv0-md { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-md { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-md { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-md { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-md { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-md { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-md { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-md { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-md { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-md { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-md { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-md { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-md { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-md { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-md { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-md { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-md { margin: -0.25rem; } .nested-tachyons .na2-md { margin: -0.5rem; } .nested-tachyons .na3-md { margin: -1rem; } .nested-tachyons .na4-md { margin: -2rem; } .nested-tachyons .na5-md { margin: -4rem; } .nested-tachyons .na6-md { margin: -8rem; } .nested-tachyons .na7-md { margin: -16rem; } .nested-tachyons .nl1-md { margin-left: -0.25rem; } .nested-tachyons .nl2-md { margin-left: -0.5rem; } .nested-tachyons .nl3-md { margin-left: -1rem; } .nested-tachyons .nl4-md { margin-left: -2rem; } .nested-tachyons .nl5-md { margin-left: -4rem; } .nested-tachyons .nl6-md { margin-left: -8rem; } .nested-tachyons .nl7-md { margin-left: -16rem; } .nested-tachyons .nr1-md { margin-right: -0.25rem; } .nested-tachyons .nr2-md { margin-right: -0.5rem; } .nested-tachyons .nr3-md { margin-right: -1rem; } .nested-tachyons .nr4-md { margin-right: -2rem; } .nested-tachyons .nr5-md { margin-right: -4rem; } .nested-tachyons .nr6-md { margin-right: -8rem; } .nested-tachyons .nr7-md { margin-right: -16rem; } .nested-tachyons .nb1-md { margin-bottom: -0.25rem; } .nested-tachyons .nb2-md { margin-bottom: -0.5rem; } .nested-tachyons .nb3-md { margin-bottom: -1rem; } .nested-tachyons .nb4-md { margin-bottom: -2rem; } .nested-tachyons .nb5-md { margin-bottom: -4rem; } .nested-tachyons .nb6-md { margin-bottom: -8rem; } .nested-tachyons .nb7-md { margin-bottom: -16rem; } .nested-tachyons .nt1-md { margin-top: -0.25rem; } .nested-tachyons .nt2-md { margin-top: -0.5rem; } .nested-tachyons .nt3-md { margin-top: -1rem; } .nested-tachyons .nt4-md { margin-top: -2rem; } .nested-tachyons .nt5-md { margin-top: -4rem; } .nested-tachyons .nt6-md { margin-top: -8rem; } .nested-tachyons .nt7-md { margin-top: -16rem; } .nested-tachyons .strike-md { text-decoration: line-through; } .nested-tachyons .underline-md { text-decoration: underline; } .nested-tachyons .no-underline-md { text-decoration: none; } .nested-tachyons .tl-md { text-align: left; } .nested-tachyons .tr-md { text-align: right; } .nested-tachyons .tc-md { text-align: center; } .nested-tachyons .tj-md { text-align: justify; } .nested-tachyons .ttc-md { text-transform: capitalize; } .nested-tachyons .ttl-md { text-transform: lowercase; } .nested-tachyons .ttu-md { text-transform: uppercase; } .nested-tachyons .ttn-md { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-md { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-md { font-size: 5rem; } .nested-tachyons .f0-md { font-size: 0; } .nested-tachyons .f1-md { font-size: 3rem; } .nested-tachyons .f2-md { font-size: 2.25rem; } .nested-tachyons .f3-md { font-size: 1.5rem; } .nested-tachyons .f4-md { font-size: 1.25rem; } .nested-tachyons .f5-md { font-size: 1rem; } .nested-tachyons .f6-md { font-size: .875rem; } .nested-tachyons .f7-md { font-size: .75rem; } .nested-tachyons .f--4-md { font-size: 0.25rem; } .nested-tachyons .f--5-md { font-size: 0.3125rem; } .nested-tachyons .f--6-md { font-size: 0.375rem; } .nested-tachyons .f--7-md { font-size: 0.4375rem; } .nested-tachyons .f--8-md { font-size: 0.5rem; } .nested-tachyons .f--9-md { font-size: 0.5625rem; } .nested-tachyons .f--10-md { font-size: 0.625rem; } .nested-tachyons .f--11-md { font-size: 0.6875rem; } .nested-tachyons .f--12-md { font-size: 0.75rem; } .nested-tachyons .f--13-md { font-size: 0.8125rem; } .nested-tachyons .f--14-md { font-size: 0.875rem; } .nested-tachyons .f--15-md { font-size: 0.9375rem; } .nested-tachyons .f--16-md { font-size: 1rem; } .nested-tachyons .f--17-md { font-size: 1.0625rem; } .nested-tachyons .f--18-md { font-size: 1.125rem; } .nested-tachyons .f--19-md { font-size: 1.1875rem; } .nested-tachyons .f--20-md { font-size: 1.25rem; } .nested-tachyons .f--21-md { font-size: 1.3125rem; } .nested-tachyons .f--22-md { font-size: 1.375rem; } .nested-tachyons .f--23-md { font-size: 1.4375rem; } .nested-tachyons .f--24-md { font-size: 1.5rem; } .nested-tachyons .f--25-md { font-size: 1.5625rem; } .nested-tachyons .f--26-md { font-size: 1.625rem; } .nested-tachyons .f--27-md { font-size: 1.6875rem; } .nested-tachyons .f--28-md { font-size: 1.75rem; } .nested-tachyons .f--29-md { font-size: 1.8125rem; } .nested-tachyons .f--30-md { font-size: 1.875rem; } .nested-tachyons .f--31-md { font-size: 1.9375rem; } .nested-tachyons .f--32-md { font-size: 2rem; } .nested-tachyons .f--33-md { font-size: 2.0625rem; } .nested-tachyons .f--34-md { font-size: 2.125rem; } .nested-tachyons .f--35-md { font-size: 2.1875rem; } .nested-tachyons .f--36-md { font-size: 2.25rem; } .nested-tachyons .f--37-md { font-size: 2.3125rem; } .nested-tachyons .f--38-md { font-size: 2.375rem; } .nested-tachyons .f--39-md { font-size: 2.4375rem; } .nested-tachyons .f--40-md { font-size: 2.5rem; } .nested-tachyons .f--41-md { font-size: 2.5625rem; } .nested-tachyons .f--42-md { font-size: 2.625rem; } .nested-tachyons .f--43-md { font-size: 2.6875rem; } .nested-tachyons .f--44-md { font-size: 2.75rem; } .nested-tachyons .f--45-md { font-size: 2.8125rem; } .nested-tachyons .f--46-md { font-size: 2.875rem; } .nested-tachyons .f--47-md { font-size: 2.9375rem; } .nested-tachyons .f--48-md { font-size: 3rem; } .nested-tachyons .f--49-md { font-size: 3.0625rem; } .nested-tachyons .f--50-md { font-size: 3.125rem; } .nested-tachyons .f--51-md { font-size: 3.1875rem; } .nested-tachyons .f--52-md { font-size: 3.25rem; } .nested-tachyons .f--53-md { font-size: 3.3125rem; } .nested-tachyons .f--54-md { font-size: 3.375rem; } .nested-tachyons .f--55-md { font-size: 3.4375rem; } .nested-tachyons .f--56-md { font-size: 3.5rem; } .nested-tachyons .f--57-md { font-size: 3.5625rem; } .nested-tachyons .f--58-md { font-size: 3.625rem; } .nested-tachyons .f--59-md { font-size: 3.6875rem; } .nested-tachyons .f--60-md { font-size: 3.75rem; } .nested-tachyons .f--61-md { font-size: 3.8125rem; } .nested-tachyons .f--62-md { font-size: 3.875rem; } .nested-tachyons .f--63-md { font-size: 3.9375rem; } .nested-tachyons .f--64-md { font-size: 4rem; } .nested-tachyons .f--65-md { font-size: 4.0625rem; } .nested-tachyons .f--66-md { font-size: 4.125rem; } .nested-tachyons .f--67-md { font-size: 4.1875rem; } .nested-tachyons .f--68-md { font-size: 4.25rem; } .nested-tachyons .f--69-md { font-size: 4.3125rem; } .nested-tachyons .f--70-md { font-size: 4.375rem; } .nested-tachyons .f--71-md { font-size: 4.4375rem; } .nested-tachyons .f--72-md { font-size: 4.5rem; } .nested-tachyons .f--73-md { font-size: 4.5625rem; } .nested-tachyons .f--74-md { font-size: 4.625rem; } .nested-tachyons .f--75-md { font-size: 4.6875rem; } .nested-tachyons .f--76-md { font-size: 4.75rem; } .nested-tachyons .f--77-md { font-size: 4.8125rem; } .nested-tachyons .f--78-md { font-size: 4.875rem; } .nested-tachyons .f--79-md { font-size: 4.9375rem; } .nested-tachyons .f--80-md { font-size: 5rem; } .nested-tachyons .f--81-md { font-size: 5.0625rem; } .nested-tachyons .f--82-md { font-size: 5.125rem; } .nested-tachyons .f--83-md { font-size: 5.1875rem; } .nested-tachyons .f--84-md { font-size: 5.25rem; } .nested-tachyons .f--85-md { font-size: 5.3125rem; } .nested-tachyons .f--86-md { font-size: 5.375rem; } .nested-tachyons .f--87-md { font-size: 5.4375rem; } .nested-tachyons .f--88-md { font-size: 5.5rem; } .nested-tachyons .f--89-md { font-size: 5.5625rem; } .nested-tachyons .f--90-md { font-size: 5.625rem; } .nested-tachyons .f--91-md { font-size: 5.6875rem; } .nested-tachyons .f--92-md { font-size: 5.75rem; } .nested-tachyons .f--93-md { font-size: 5.8125rem; } .nested-tachyons .f--94-md { font-size: 5.875rem; } .nested-tachyons .f--95-md { font-size: 5.9375rem; } .nested-tachyons .f--96-md { font-size: 6rem; } .nested-tachyons .measure-md { max-width: 30em; } .nested-tachyons .measure-wide-md { max-width: 34em; } .nested-tachyons .measure-narrow-md { max-width: 20em; } .nested-tachyons .indent-md { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-md { font-variant: small-caps; } .nested-tachyons .truncate-md { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-md { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-md { margin-right: auto; } .nested-tachyons .ml-auto-md { margin-left: auto; } .nested-tachyons .clip-md { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-md { white-space: normal; } .nested-tachyons .nowrap-md { white-space: nowrap; } .nested-tachyons .pre-md { white-space: pre; } .nested-tachyons .v-base-md { vertical-align: baseline; } .nested-tachyons .v-mid-md { vertical-align: middle; } .nested-tachyons .v-top-md { vertical-align: top; } .nested-tachyons .v-btm-md { vertical-align: bottom; } } @media screen and (min-width: 992px) { .nested-tachyons .aspect-ratio-lg { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-lg { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-lg { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-lg { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-lg { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-lg { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-lg { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-lg { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-lg { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-lg { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-lg { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-lg { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-lg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-lg { background-size: cover !important; } .nested-tachyons .contain-lg { background-size: contain !important; } .nested-tachyons .bg-center-lg { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-lg { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-lg { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-lg { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-lg { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-lg { object-fit: fill; }; .nested-tachyons .object-contain-lg { object-fit: contain; }; .nested-tachyons .object-cover-lg { object-fit: cover; }; .nested-tachyons .object-scale-down-lg { object-fit: scale-down; }; .nested-tachyons .object-none-lg { object-fit: none; }; .nested-tachyons .object-top-lg { object-position: top center; } .nested-tachyons .object-left-lg { object-position: center left; } .nested-tachyons .object-right-lg { object-position: center right; } .nested-tachyons .object-bottom-lg { object-position: bottom center; } .nested-tachyons .object-center-lg { object-position: center; } .nested-tachyons .outline-lg { outline: 1px solid; } .nested-tachyons .outline-transparent-lg { outline: 1px solid transparent; } .nested-tachyons .outline-0-lg { outline: 0; } .nested-tachyons .bn-lg { border-style: none; border-width: 0; } .nested-tachyons .ba-lg { border-style: solid; border-width: 1px; } .nested-tachyons .bt-lg { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-lg { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-lg { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-lg { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-lg { border-radius: 0; } .nested-tachyons .br1-lg { border-radius: .125rem; } .nested-tachyons .br2-lg { border-radius: .25rem; } .nested-tachyons .br3-lg { border-radius: .5rem; } .nested-tachyons .br4-lg { border-radius: 1rem; } .nested-tachyons .br-100-lg { border-radius: 100%; } .nested-tachyons .br-pill-lg { border-radius: 9999px; } .nested-tachyons .br--bottom-lg { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-lg { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-lg { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-lg { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-lg { border-radius: inherit; } .nested-tachyons .br-initial-lg { border-radius: initial; } .nested-tachyons .br-unset-lg { border-radius: unset; } .nested-tachyons .b--dotted-lg { border-style: dotted; } .nested-tachyons .b--dashed-lg { border-style: dashed; } .nested-tachyons .b--solid-lg { border-style: solid; } .nested-tachyons .b--none-lg { border-style: none; } .nested-tachyons .bw0-lg { border-width: 0; } .nested-tachyons .bw1-lg { border-width: .125rem; } .nested-tachyons .bw2-lg { border-width: .25rem; } .nested-tachyons .bw3-lg { border-width: .5rem; } .nested-tachyons .bw4-lg { border-width: 1rem; } .nested-tachyons .bw5-lg { border-width: 2rem; } .nested-tachyons .bt-0-lg { border-top-width: 0; } .nested-tachyons .br-0-lg { border-right-width: 0; } .nested-tachyons .bb-0-lg { border-bottom-width: 0; } .nested-tachyons .bl-0-lg { border-left-width: 0; } .nested-tachyons .shadow-1-lg { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-lg { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-lg { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-lg { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-lg { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-lg { top: 0; } .nested-tachyons .left-0-lg { left: 0; } .nested-tachyons .right-0-lg { right: 0; } .nested-tachyons .bottom-0-lg { bottom: 0; } .nested-tachyons .top-1-lg { top: 1rem; } .nested-tachyons .left-1-lg { left: 1rem; } .nested-tachyons .right-1-lg { right: 1rem; } .nested-tachyons .bottom-1-lg { bottom: 1rem; } .nested-tachyons .top-2-lg { top: 2rem; } .nested-tachyons .left-2-lg { left: 2rem; } .nested-tachyons .right-2-lg { right: 2rem; } .nested-tachyons .bottom-2-lg { bottom: 2rem; } .nested-tachyons .top--1-lg { top: -1rem; } .nested-tachyons .right--1-lg { right: -1rem; } .nested-tachyons .bottom--1-lg { bottom: -1rem; } .nested-tachyons .left--1-lg { left: -1rem; } .nested-tachyons .top--2-lg { top: -2rem; } .nested-tachyons .right--2-lg { right: -2rem; } .nested-tachyons .bottom--2-lg { bottom: -2rem; } .nested-tachyons .left--2-lg { left: -2rem; } .nested-tachyons .absolute--fill-lg { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-lg { clear: left; } .nested-tachyons .cr-lg { clear: right; } .nested-tachyons .cb-lg { clear: both; } .nested-tachyons .cn-lg { clear: none; } .nested-tachyons .dn-lg { display: none; } .nested-tachyons .di-lg { display: inline; } .nested-tachyons .db-lg { display: block; } .nested-tachyons .dib-lg { display: inline-block; } .nested-tachyons .dit-lg { display: inline-table; } .nested-tachyons .dt-lg { display: table; } .nested-tachyons .dtc-lg { display: table-cell; } .nested-tachyons .dt-row-lg { display: table-row; } .nested-tachyons .dt-row-group-lg { display: table-row-group; } .nested-tachyons .dt-column-lg { display: table-column; } .nested-tachyons .dt-column-group-lg { display: table-column-group; } .nested-tachyons .dt--fixed-lg { table-layout: fixed; width: 100%; } .nested-tachyons .flex-lg { display: flex; } .nested-tachyons .inline-flex-lg { display: inline-flex; } .nested-tachyons .flex-auto-lg { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-lg { flex: none; } .nested-tachyons .flex-column-lg { flex-direction: column; } .nested-tachyons .flex-row-lg { flex-direction: row; } .nested-tachyons .flex-wrap-lg { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-lg { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-lg { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-lg { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-lg { flex-direction: row-reverse; } .nested-tachyons .items-start-lg { align-items: flex-start; } .nested-tachyons .items-end-lg { align-items: flex-end; } .nested-tachyons .items-center-lg { align-items: center; } .nested-tachyons .items-baseline-lg { align-items: baseline; } .nested-tachyons .items-stretch-lg { align-items: stretch; } .nested-tachyons .self-start-lg { align-self: flex-start; } .nested-tachyons .self-end-lg { align-self: flex-end; } .nested-tachyons .self-center-lg { align-self: center; } .nested-tachyons .self-baseline-lg { align-self: baseline; } .nested-tachyons .self-stretch-lg { align-self: stretch; } .nested-tachyons .justify-start-lg { justify-content: flex-start; } .nested-tachyons .justify-end-lg { justify-content: flex-end; } .nested-tachyons .justify-center-lg { justify-content: center; } .nested-tachyons .justify-between-lg { justify-content: space-between; } .nested-tachyons .justify-around-lg { justify-content: space-around; } .nested-tachyons .content-start-lg { align-content: flex-start; } .nested-tachyons .content-end-lg { align-content: flex-end; } .nested-tachyons .content-center-lg { align-content: center; } .nested-tachyons .content-between-lg { align-content: space-between; } .nested-tachyons .content-around-lg { align-content: space-around; } .nested-tachyons .content-stretch-lg { align-content: stretch; } .nested-tachyons .order-0-lg { order: 0; } .nested-tachyons .order-1-lg { order: 1; } .nested-tachyons .order-2-lg { order: 2; } .nested-tachyons .order-3-lg { order: 3; } .nested-tachyons .order-4-lg { order: 4; } .nested-tachyons .order-5-lg { order: 5; } .nested-tachyons .order-6-lg { order: 6; } .nested-tachyons .order-7-lg { order: 7; } .nested-tachyons .order-8-lg { order: 8; } .nested-tachyons .order-last-lg { order: 99999; } .nested-tachyons .flex-grow-0-lg { flex-grow: 0; } .nested-tachyons .flex-grow-1-lg { flex-grow: 1; } .nested-tachyons .flex-shrink-0-lg { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-lg { flex-shrink: 1; } .nested-tachyons .fl-lg { float: left; _display: inline; } .nested-tachyons .fr-lg { float: right; _display: inline; } .nested-tachyons .fn-lg { float: none; } .nested-tachyons .i-lg { font-style: italic; } .nested-tachyons .fs-normal-lg { font-style: normal; } .nested-tachyons .normal-lg { font-weight: normal; } .nested-tachyons .b-lg { font-weight: bold; } .nested-tachyons .fw1-lg { font-weight: 100; } .nested-tachyons .fw2-lg { font-weight: 200; } .nested-tachyons .fw3-lg { font-weight: 300; } .nested-tachyons .fw4-lg { font-weight: 400; } .nested-tachyons .fw5-lg { font-weight: 500; } .nested-tachyons .fw6-lg { font-weight: 600; } .nested-tachyons .fw7-lg { font-weight: 700; } .nested-tachyons .fw8-lg { font-weight: 800; } .nested-tachyons .fw9-lg { font-weight: 900; } .nested-tachyons .h1-lg { height: 1rem; } .nested-tachyons .h2-lg { height: 2rem; } .nested-tachyons .h3-lg { height: 4rem; } .nested-tachyons .h4-lg { height: 8rem; } .nested-tachyons .h5-lg { height: 16rem; } .nested-tachyons .h-25-lg { height: 25%; } .nested-tachyons .h-50-lg { height: 50%; } .nested-tachyons .h-75-lg { height: 75%; } .nested-tachyons .h-100-lg { height: 100%; } .nested-tachyons .min-h-100-lg { min-height: 100%; } .nested-tachyons .vh-25-lg { height: 25vh; } .nested-tachyons .vh-50-lg { height: 50vh; } .nested-tachyons .vh-75-lg { height: 75vh; } .nested-tachyons .vh-100-lg { height: 100vh; } .nested-tachyons .min-vh-100-lg { min-height: 100vh; } .nested-tachyons .h-auto-lg { height: auto; } .nested-tachyons .h-inherit-lg { height: inherit; } .nested-tachyons .tracked-lg { letter-spacing: .1em; } .nested-tachyons .tracked-tight-lg { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-lg { letter-spacing: .25em; } .nested-tachyons .lh-solid-lg { line-height: 1; } .nested-tachyons .lh-title-lg { line-height: 1.25; } .nested-tachyons .lh-copy-lg { line-height: 1.5; } .nested-tachyons .mw-100-lg { max-width: 100%; } .nested-tachyons .mw1-lg { max-width: 1rem; } .nested-tachyons .mw2-lg { max-width: 2rem; } .nested-tachyons .mw3-lg { max-width: 4rem; } .nested-tachyons .mw4-lg { max-width: 8rem; } .nested-tachyons .mw5-lg { max-width: 16rem; } .nested-tachyons .mw6-lg { max-width: 32rem; } .nested-tachyons .mw7-lg { max-width: 48rem; } .nested-tachyons .mw8-lg { max-width: 64rem; } .nested-tachyons .mw9-lg { max-width: 96rem; } .nested-tachyons .mw-none-lg { max-width: none; } .nested-tachyons .w1-lg { width: 1rem; } .nested-tachyons .w2-lg { width: 2rem; } .nested-tachyons .w3-lg { width: 4rem; } .nested-tachyons .w4-lg { width: 8rem; } .nested-tachyons .w5-lg { width: 16rem; } .nested-tachyons .w-10-lg { width: 10%; } .nested-tachyons .w-20-lg { width: 20%; } .nested-tachyons .w-25-lg { width: 25%; } .nested-tachyons .w-30-lg { width: 30%; } .nested-tachyons .w-33-lg { width: 33%; } .nested-tachyons .w-34-lg { width: 34%; } .nested-tachyons .w-40-lg { width: 40%; } .nested-tachyons .w-50-lg { width: 50%; } .nested-tachyons .w-60-lg { width: 60%; } .nested-tachyons .w-70-lg { width: 70%; } .nested-tachyons .w-75-lg { width: 75%; } .nested-tachyons .w-80-lg { width: 80%; } .nested-tachyons .w-90-lg { width: 90%; } .nested-tachyons .w-100-lg { width: 100%; } .nested-tachyons .w-third-lg { width: 33.33333%; } .nested-tachyons .w-two-thirds-lg { width: 66.66667%; } .nested-tachyons .w-auto-lg { width: auto; } .nested-tachyons .w-1\/12-lg { width: 8.33333%; } .nested-tachyons .w-2\/12-lg { width: 16.66667%; } .nested-tachyons .w-3\/12-lg { width: 25%; } .nested-tachyons .w-4\/12-lg { width: 33.33333%; } .nested-tachyons .w-5\/12-lg { width: 41.66667%; } .nested-tachyons .w-6\/12-lg { width: 50%; } .nested-tachyons .w-7\/12-lg { width: 58.33333%; } .nested-tachyons .w-8\/12-lg { width: 66.66667%; } .nested-tachyons .w-9\/12-lg { width: 75%; } .nested-tachyons .w-10\/12-lg { width: 83.33333%; } .nested-tachyons .w-11\/12-lg { width: 91.66667%; } .nested-tachyons .w-12\/12-lg { width: 100%; } .nested-tachyons .overflow-visible-lg { overflow: visible; } .nested-tachyons .overflow-hidden-lg { overflow: hidden; } .nested-tachyons .overflow-scroll-lg { overflow: scroll; } .nested-tachyons .overflow-auto-lg { overflow: auto; } .nested-tachyons .overflow-x-visible-lg { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-lg { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-lg { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-lg { overflow-x: auto; } .nested-tachyons .overflow-y-visible-lg { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-lg { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-lg { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-lg { overflow-y: auto; } .nested-tachyons .static-lg { position: static; } .nested-tachyons .relative-lg { position: relative; } .nested-tachyons .absolute-lg { position: absolute; } .nested-tachyons .fixed-lg { position: fixed; } .nested-tachyons .sticky-lg { position: sticky; } .nested-tachyons .rotate-45-lg { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-lg { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-lg { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-lg { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-lg { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-lg { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-lg { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-lg { padding: 0; } .nested-tachyons .pa1-lg { padding: .25rem; } .nested-tachyons .pa2-lg { padding: .5rem; } .nested-tachyons .pa3-lg { padding: 1rem; } .nested-tachyons .pa4-lg { padding: 2rem; } .nested-tachyons .pa5-lg { padding: 4rem; } .nested-tachyons .pa6-lg { padding: 8rem; } .nested-tachyons .pa7-lg { padding: 16rem; } .nested-tachyons .pl0-lg { padding-left: 0; } .nested-tachyons .pl1-lg { padding-left: .25rem; } .nested-tachyons .pl2-lg { padding-left: .5rem; } .nested-tachyons .pl3-lg { padding-left: 1rem; } .nested-tachyons .pl4-lg { padding-left: 2rem; } .nested-tachyons .pl5-lg { padding-left: 4rem; } .nested-tachyons .pl6-lg { padding-left: 8rem; } .nested-tachyons .pl7-lg { padding-left: 16rem; } .nested-tachyons .pr0-lg { padding-right: 0; } .nested-tachyons .pr1-lg { padding-right: .25rem; } .nested-tachyons .pr2-lg { padding-right: .5rem; } .nested-tachyons .pr3-lg { padding-right: 1rem; } .nested-tachyons .pr4-lg { padding-right: 2rem; } .nested-tachyons .pr5-lg { padding-right: 4rem; } .nested-tachyons .pr6-lg { padding-right: 8rem; } .nested-tachyons .pr7-lg { padding-right: 16rem; } .nested-tachyons .pb0-lg { padding-bottom: 0; } .nested-tachyons .pb1-lg { padding-bottom: .25rem; } .nested-tachyons .pb2-lg { padding-bottom: .5rem; } .nested-tachyons .pb3-lg { padding-bottom: 1rem; } .nested-tachyons .pb4-lg { padding-bottom: 2rem; } .nested-tachyons .pb5-lg { padding-bottom: 4rem; } .nested-tachyons .pb6-lg { padding-bottom: 8rem; } .nested-tachyons .pb7-lg { padding-bottom: 16rem; } .nested-tachyons .pt0-lg { padding-top: 0; } .nested-tachyons .pt1-lg { padding-top: .25rem; } .nested-tachyons .pt2-lg { padding-top: .5rem; } .nested-tachyons .pt3-lg { padding-top: 1rem; } .nested-tachyons .pt4-lg { padding-top: 2rem; } .nested-tachyons .pt5-lg { padding-top: 4rem; } .nested-tachyons .pt6-lg { padding-top: 8rem; } .nested-tachyons .pt7-lg { padding-top: 16rem; } .nested-tachyons .pv0-lg { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-lg { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-lg { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-lg { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-lg { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-lg { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-lg { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-lg { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-lg { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-lg { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-lg { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-lg { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-lg { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-lg { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-lg { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-lg { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-lg { margin: 0; } .nested-tachyons .ma1-lg { margin: .25rem; } .nested-tachyons .ma2-lg { margin: .5rem; } .nested-tachyons .ma3-lg { margin: 1rem; } .nested-tachyons .ma4-lg { margin: 2rem; } .nested-tachyons .ma5-lg { margin: 4rem; } .nested-tachyons .ma6-lg { margin: 8rem; } .nested-tachyons .ma7-lg { margin: 16rem; } .nested-tachyons .ml0-lg { margin-left: 0; } .nested-tachyons .ml1-lg { margin-left: .25rem; } .nested-tachyons .ml2-lg { margin-left: .5rem; } .nested-tachyons .ml3-lg { margin-left: 1rem; } .nested-tachyons .ml4-lg { margin-left: 2rem; } .nested-tachyons .ml5-lg { margin-left: 4rem; } .nested-tachyons .ml6-lg { margin-left: 8rem; } .nested-tachyons .ml7-lg { margin-left: 16rem; } .nested-tachyons .mr0-lg { margin-right: 0; } .nested-tachyons .mr1-lg { margin-right: .25rem; } .nested-tachyons .mr2-lg { margin-right: .5rem; } .nested-tachyons .mr3-lg { margin-right: 1rem; } .nested-tachyons .mr4-lg { margin-right: 2rem; } .nested-tachyons .mr5-lg { margin-right: 4rem; } .nested-tachyons .mr6-lg { margin-right: 8rem; } .nested-tachyons .mr7-lg { margin-right: 16rem; } .nested-tachyons .mb0-lg { margin-bottom: 0; } .nested-tachyons .mb1-lg { margin-bottom: .25rem; } .nested-tachyons .mb2-lg { margin-bottom: .5rem; } .nested-tachyons .mb3-lg { margin-bottom: 1rem; } .nested-tachyons .mb4-lg { margin-bottom: 2rem; } .nested-tachyons .mb5-lg { margin-bottom: 4rem; } .nested-tachyons .mb6-lg { margin-bottom: 8rem; } .nested-tachyons .mb7-lg { margin-bottom: 16rem; } .nested-tachyons .mt0-lg { margin-top: 0; } .nested-tachyons .mt1-lg { margin-top: .25rem; } .nested-tachyons .mt2-lg { margin-top: .5rem; } .nested-tachyons .mt3-lg { margin-top: 1rem; } .nested-tachyons .mt4-lg { margin-top: 2rem; } .nested-tachyons .mt5-lg { margin-top: 4rem; } .nested-tachyons .mt6-lg { margin-top: 8rem; } .nested-tachyons .mt7-lg { margin-top: 16rem; } .nested-tachyons .mv0-lg { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-lg { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-lg { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-lg { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-lg { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-lg { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-lg { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-lg { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-lg { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-lg { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-lg { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-lg { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-lg { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-lg { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-lg { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-lg { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-lg { margin: -0.25rem; } .nested-tachyons .na2-lg { margin: -0.5rem; } .nested-tachyons .na3-lg { margin: -1rem; } .nested-tachyons .na4-lg { margin: -2rem; } .nested-tachyons .na5-lg { margin: -4rem; } .nested-tachyons .na6-lg { margin: -8rem; } .nested-tachyons .na7-lg { margin: -16rem; } .nested-tachyons .nl1-lg { margin-left: -0.25rem; } .nested-tachyons .nl2-lg { margin-left: -0.5rem; } .nested-tachyons .nl3-lg { margin-left: -1rem; } .nested-tachyons .nl4-lg { margin-left: -2rem; } .nested-tachyons .nl5-lg { margin-left: -4rem; } .nested-tachyons .nl6-lg { margin-left: -8rem; } .nested-tachyons .nl7-lg { margin-left: -16rem; } .nested-tachyons .nr1-lg { margin-right: -0.25rem; } .nested-tachyons .nr2-lg { margin-right: -0.5rem; } .nested-tachyons .nr3-lg { margin-right: -1rem; } .nested-tachyons .nr4-lg { margin-right: -2rem; } .nested-tachyons .nr5-lg { margin-right: -4rem; } .nested-tachyons .nr6-lg { margin-right: -8rem; } .nested-tachyons .nr7-lg { margin-right: -16rem; } .nested-tachyons .nb1-lg { margin-bottom: -0.25rem; } .nested-tachyons .nb2-lg { margin-bottom: -0.5rem; } .nested-tachyons .nb3-lg { margin-bottom: -1rem; } .nested-tachyons .nb4-lg { margin-bottom: -2rem; } .nested-tachyons .nb5-lg { margin-bottom: -4rem; } .nested-tachyons .nb6-lg { margin-bottom: -8rem; } .nested-tachyons .nb7-lg { margin-bottom: -16rem; } .nested-tachyons .nt1-lg { margin-top: -0.25rem; } .nested-tachyons .nt2-lg { margin-top: -0.5rem; } .nested-tachyons .nt3-lg { margin-top: -1rem; } .nested-tachyons .nt4-lg { margin-top: -2rem; } .nested-tachyons .nt5-lg { margin-top: -4rem; } .nested-tachyons .nt6-lg { margin-top: -8rem; } .nested-tachyons .nt7-lg { margin-top: -16rem; } .nested-tachyons .strike-lg { text-decoration: line-through; } .nested-tachyons .underline-lg { text-decoration: underline; } .nested-tachyons .no-underline-lg { text-decoration: none; } .nested-tachyons .tl-lg { text-align: left; } .nested-tachyons .tr-lg { text-align: right; } .nested-tachyons .tc-lg { text-align: center; } .nested-tachyons .tj-lg { text-align: justify; } .nested-tachyons .ttc-lg { text-transform: capitalize; } .nested-tachyons .ttl-lg { text-transform: lowercase; } .nested-tachyons .ttu-lg { text-transform: uppercase; } .nested-tachyons .ttn-lg { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-lg { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-lg { font-size: 5rem; } .nested-tachyons .f0-lg { font-size: 0; } .nested-tachyons .f1-lg { font-size: 3rem; } .nested-tachyons .f2-lg { font-size: 2.25rem; } .nested-tachyons .f3-lg { font-size: 1.5rem; } .nested-tachyons .f4-lg { font-size: 1.25rem; } .nested-tachyons .f5-lg { font-size: 1rem; } .nested-tachyons .f6-lg { font-size: .875rem; } .nested-tachyons .f7-lg { font-size: .75rem; } .nested-tachyons .f--4-lg { font-size: 0.25rem; } .nested-tachyons .f--5-lg { font-size: 0.3125rem; } .nested-tachyons .f--6-lg { font-size: 0.375rem; } .nested-tachyons .f--7-lg { font-size: 0.4375rem; } .nested-tachyons .f--8-lg { font-size: 0.5rem; } .nested-tachyons .f--9-lg { font-size: 0.5625rem; } .nested-tachyons .f--10-lg { font-size: 0.625rem; } .nested-tachyons .f--11-lg { font-size: 0.6875rem; } .nested-tachyons .f--12-lg { font-size: 0.75rem; } .nested-tachyons .f--13-lg { font-size: 0.8125rem; } .nested-tachyons .f--14-lg { font-size: 0.875rem; } .nested-tachyons .f--15-lg { font-size: 0.9375rem; } .nested-tachyons .f--16-lg { font-size: 1rem; } .nested-tachyons .f--17-lg { font-size: 1.0625rem; } .nested-tachyons .f--18-lg { font-size: 1.125rem; } .nested-tachyons .f--19-lg { font-size: 1.1875rem; } .nested-tachyons .f--20-lg { font-size: 1.25rem; } .nested-tachyons .f--21-lg { font-size: 1.3125rem; } .nested-tachyons .f--22-lg { font-size: 1.375rem; } .nested-tachyons .f--23-lg { font-size: 1.4375rem; } .nested-tachyons .f--24-lg { font-size: 1.5rem; } .nested-tachyons .f--25-lg { font-size: 1.5625rem; } .nested-tachyons .f--26-lg { font-size: 1.625rem; } .nested-tachyons .f--27-lg { font-size: 1.6875rem; } .nested-tachyons .f--28-lg { font-size: 1.75rem; } .nested-tachyons .f--29-lg { font-size: 1.8125rem; } .nested-tachyons .f--30-lg { font-size: 1.875rem; } .nested-tachyons .f--31-lg { font-size: 1.9375rem; } .nested-tachyons .f--32-lg { font-size: 2rem; } .nested-tachyons .f--33-lg { font-size: 2.0625rem; } .nested-tachyons .f--34-lg { font-size: 2.125rem; } .nested-tachyons .f--35-lg { font-size: 2.1875rem; } .nested-tachyons .f--36-lg { font-size: 2.25rem; } .nested-tachyons .f--37-lg { font-size: 2.3125rem; } .nested-tachyons .f--38-lg { font-size: 2.375rem; } .nested-tachyons .f--39-lg { font-size: 2.4375rem; } .nested-tachyons .f--40-lg { font-size: 2.5rem; } .nested-tachyons .f--41-lg { font-size: 2.5625rem; } .nested-tachyons .f--42-lg { font-size: 2.625rem; } .nested-tachyons .f--43-lg { font-size: 2.6875rem; } .nested-tachyons .f--44-lg { font-size: 2.75rem; } .nested-tachyons .f--45-lg { font-size: 2.8125rem; } .nested-tachyons .f--46-lg { font-size: 2.875rem; } .nested-tachyons .f--47-lg { font-size: 2.9375rem; } .nested-tachyons .f--48-lg { font-size: 3rem; } .nested-tachyons .f--49-lg { font-size: 3.0625rem; } .nested-tachyons .f--50-lg { font-size: 3.125rem; } .nested-tachyons .f--51-lg { font-size: 3.1875rem; } .nested-tachyons .f--52-lg { font-size: 3.25rem; } .nested-tachyons .f--53-lg { font-size: 3.3125rem; } .nested-tachyons .f--54-lg { font-size: 3.375rem; } .nested-tachyons .f--55-lg { font-size: 3.4375rem; } .nested-tachyons .f--56-lg { font-size: 3.5rem; } .nested-tachyons .f--57-lg { font-size: 3.5625rem; } .nested-tachyons .f--58-lg { font-size: 3.625rem; } .nested-tachyons .f--59-lg { font-size: 3.6875rem; } .nested-tachyons .f--60-lg { font-size: 3.75rem; } .nested-tachyons .f--61-lg { font-size: 3.8125rem; } .nested-tachyons .f--62-lg { font-size: 3.875rem; } .nested-tachyons .f--63-lg { font-size: 3.9375rem; } .nested-tachyons .f--64-lg { font-size: 4rem; } .nested-tachyons .f--65-lg { font-size: 4.0625rem; } .nested-tachyons .f--66-lg { font-size: 4.125rem; } .nested-tachyons .f--67-lg { font-size: 4.1875rem; } .nested-tachyons .f--68-lg { font-size: 4.25rem; } .nested-tachyons .f--69-lg { font-size: 4.3125rem; } .nested-tachyons .f--70-lg { font-size: 4.375rem; } .nested-tachyons .f--71-lg { font-size: 4.4375rem; } .nested-tachyons .f--72-lg { font-size: 4.5rem; } .nested-tachyons .f--73-lg { font-size: 4.5625rem; } .nested-tachyons .f--74-lg { font-size: 4.625rem; } .nested-tachyons .f--75-lg { font-size: 4.6875rem; } .nested-tachyons .f--76-lg { font-size: 4.75rem; } .nested-tachyons .f--77-lg { font-size: 4.8125rem; } .nested-tachyons .f--78-lg { font-size: 4.875rem; } .nested-tachyons .f--79-lg { font-size: 4.9375rem; } .nested-tachyons .f--80-lg { font-size: 5rem; } .nested-tachyons .f--81-lg { font-size: 5.0625rem; } .nested-tachyons .f--82-lg { font-size: 5.125rem; } .nested-tachyons .f--83-lg { font-size: 5.1875rem; } .nested-tachyons .f--84-lg { font-size: 5.25rem; } .nested-tachyons .f--85-lg { font-size: 5.3125rem; } .nested-tachyons .f--86-lg { font-size: 5.375rem; } .nested-tachyons .f--87-lg { font-size: 5.4375rem; } .nested-tachyons .f--88-lg { font-size: 5.5rem; } .nested-tachyons .f--89-lg { font-size: 5.5625rem; } .nested-tachyons .f--90-lg { font-size: 5.625rem; } .nested-tachyons .f--91-lg { font-size: 5.6875rem; } .nested-tachyons .f--92-lg { font-size: 5.75rem; } .nested-tachyons .f--93-lg { font-size: 5.8125rem; } .nested-tachyons .f--94-lg { font-size: 5.875rem; } .nested-tachyons .f--95-lg { font-size: 5.9375rem; } .nested-tachyons .f--96-lg { font-size: 6rem; } .nested-tachyons .measure-lg { max-width: 30em; } .nested-tachyons .measure-wide-lg { max-width: 34em; } .nested-tachyons .measure-narrow-lg { max-width: 20em; } .nested-tachyons .indent-lg { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-lg { font-variant: small-caps; } .nested-tachyons .truncate-lg { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-lg { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-lg { margin-right: auto; } .nested-tachyons .ml-auto-lg { margin-left: auto; } .nested-tachyons .clip-lg { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-lg { white-space: normal; } .nested-tachyons .nowrap-lg { white-space: nowrap; } .nested-tachyons .pre-lg { white-space: pre; } .nested-tachyons .v-base-lg { vertical-align: baseline; } .nested-tachyons .v-mid-lg { vertical-align: middle; } .nested-tachyons .v-top-lg { vertical-align: top; } .nested-tachyons .v-btm-lg { vertical-align: bottom; } } @media screen and (min-width: 1200px) { .nested-tachyons .aspect-ratio-xl { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-xl { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-xl { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-xl { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-xl { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-xl { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-xl { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-xl { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-xl { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-xl { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-xl { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-xl { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-xl { background-size: cover !important; } .nested-tachyons .contain-xl { background-size: contain !important; } .nested-tachyons .bg-center-xl { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-xl { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-xl { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-xl { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-xl { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-xl { object-fit: fill; }; .nested-tachyons .object-contain-xl { object-fit: contain; }; .nested-tachyons .object-cover-xl { object-fit: cover; }; .nested-tachyons .object-scale-down-xl { object-fit: scale-down; }; .nested-tachyons .object-none-xl { object-fit: none; }; .nested-tachyons .object-top-xl { object-position: top center; } .nested-tachyons .object-left-xl { object-position: center left; } .nested-tachyons .object-right-xl { object-position: center right; } .nested-tachyons .object-bottom-xl { object-position: bottom center; } .nested-tachyons .object-center-xl { object-position: center; } .nested-tachyons .outline-xl { outline: 1px solid; } .nested-tachyons .outline-transparent-xl { outline: 1px solid transparent; } .nested-tachyons .outline-0-xl { outline: 0; } .nested-tachyons .bn-xl { border-style: none; border-width: 0; } .nested-tachyons .ba-xl { border-style: solid; border-width: 1px; } .nested-tachyons .bt-xl { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-xl { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-xl { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-xl { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-xl { border-radius: 0; } .nested-tachyons .br1-xl { border-radius: .125rem; } .nested-tachyons .br2-xl { border-radius: .25rem; } .nested-tachyons .br3-xl { border-radius: .5rem; } .nested-tachyons .br4-xl { border-radius: 1rem; } .nested-tachyons .br-100-xl { border-radius: 100%; } .nested-tachyons .br-pill-xl { border-radius: 9999px; } .nested-tachyons .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-xl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-xl { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-xl { border-radius: inherit; } .nested-tachyons .br-initial-xl { border-radius: initial; } .nested-tachyons .br-unset-xl { border-radius: unset; } .nested-tachyons .b--dotted-xl { border-style: dotted; } .nested-tachyons .b--dashed-xl { border-style: dashed; } .nested-tachyons .b--solid-xl { border-style: solid; } .nested-tachyons .b--none-xl { border-style: none; } .nested-tachyons .bw0-xl { border-width: 0; } .nested-tachyons .bw1-xl { border-width: .125rem; } .nested-tachyons .bw2-xl { border-width: .25rem; } .nested-tachyons .bw3-xl { border-width: .5rem; } .nested-tachyons .bw4-xl { border-width: 1rem; } .nested-tachyons .bw5-xl { border-width: 2rem; } .nested-tachyons .bt-0-xl { border-top-width: 0; } .nested-tachyons .br-0-xl { border-right-width: 0; } .nested-tachyons .bb-0-xl { border-bottom-width: 0; } .nested-tachyons .bl-0-xl { border-left-width: 0; } .nested-tachyons .shadow-1-xl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-xl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-xl { top: 0; } .nested-tachyons .left-0-xl { left: 0; } .nested-tachyons .right-0-xl { right: 0; } .nested-tachyons .bottom-0-xl { bottom: 0; } .nested-tachyons .top-1-xl { top: 1rem; } .nested-tachyons .left-1-xl { left: 1rem; } .nested-tachyons .right-1-xl { right: 1rem; } .nested-tachyons .bottom-1-xl { bottom: 1rem; } .nested-tachyons .top-2-xl { top: 2rem; } .nested-tachyons .left-2-xl { left: 2rem; } .nested-tachyons .right-2-xl { right: 2rem; } .nested-tachyons .bottom-2-xl { bottom: 2rem; } .nested-tachyons .top--1-xl { top: -1rem; } .nested-tachyons .right--1-xl { right: -1rem; } .nested-tachyons .bottom--1-xl { bottom: -1rem; } .nested-tachyons .left--1-xl { left: -1rem; } .nested-tachyons .top--2-xl { top: -2rem; } .nested-tachyons .right--2-xl { right: -2rem; } .nested-tachyons .bottom--2-xl { bottom: -2rem; } .nested-tachyons .left--2-xl { left: -2rem; } .nested-tachyons .absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-xl { clear: left; } .nested-tachyons .cr-xl { clear: right; } .nested-tachyons .cb-xl { clear: both; } .nested-tachyons .cn-xl { clear: none; } .nested-tachyons .dn-xl { display: none; } .nested-tachyons .di-xl { display: inline; } .nested-tachyons .db-xl { display: block; } .nested-tachyons .dib-xl { display: inline-block; } .nested-tachyons .dit-xl { display: inline-table; } .nested-tachyons .dt-xl { display: table; } .nested-tachyons .dtc-xl { display: table-cell; } .nested-tachyons .dt-row-xl { display: table-row; } .nested-tachyons .dt-row-group-xl { display: table-row-group; } .nested-tachyons .dt-column-xl { display: table-column; } .nested-tachyons .dt-column-group-xl { display: table-column-group; } .nested-tachyons .dt--fixed-xl { table-layout: fixed; width: 100%; } .nested-tachyons .flex-xl { display: flex; } .nested-tachyons .inline-flex-xl { display: inline-flex; } .nested-tachyons .flex-auto-xl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-xl { flex: none; } .nested-tachyons .flex-column-xl { flex-direction: column; } .nested-tachyons .flex-row-xl { flex-direction: row; } .nested-tachyons .flex-wrap-xl { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-xl { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-xl { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-xl { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-xl { flex-direction: row-reverse; } .nested-tachyons .items-start-xl { align-items: flex-start; } .nested-tachyons .items-end-xl { align-items: flex-end; } .nested-tachyons .items-center-xl { align-items: center; } .nested-tachyons .items-baseline-xl { align-items: baseline; } .nested-tachyons .items-stretch-xl { align-items: stretch; } .nested-tachyons .self-start-xl { align-self: flex-start; } .nested-tachyons .self-end-xl { align-self: flex-end; } .nested-tachyons .self-center-xl { align-self: center; } .nested-tachyons .self-baseline-xl { align-self: baseline; } .nested-tachyons .self-stretch-xl { align-self: stretch; } .nested-tachyons .justify-start-xl { justify-content: flex-start; } .nested-tachyons .justify-end-xl { justify-content: flex-end; } .nested-tachyons .justify-center-xl { justify-content: center; } .nested-tachyons .justify-between-xl { justify-content: space-between; } .nested-tachyons .justify-around-xl { justify-content: space-around; } .nested-tachyons .content-start-xl { align-content: flex-start; } .nested-tachyons .content-end-xl { align-content: flex-end; } .nested-tachyons .content-center-xl { align-content: center; } .nested-tachyons .content-between-xl { align-content: space-between; } .nested-tachyons .content-around-xl { align-content: space-around; } .nested-tachyons .content-stretch-xl { align-content: stretch; } .nested-tachyons .order-0-xl { order: 0; } .nested-tachyons .order-1-xl { order: 1; } .nested-tachyons .order-2-xl { order: 2; } .nested-tachyons .order-3-xl { order: 3; } .nested-tachyons .order-4-xl { order: 4; } .nested-tachyons .order-5-xl { order: 5; } .nested-tachyons .order-6-xl { order: 6; } .nested-tachyons .order-7-xl { order: 7; } .nested-tachyons .order-8-xl { order: 8; } .nested-tachyons .order-last-xl { order: 99999; } .nested-tachyons .flex-grow-0-xl { flex-grow: 0; } .nested-tachyons .flex-grow-1-xl { flex-grow: 1; } .nested-tachyons .flex-shrink-0-xl { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-xl { flex-shrink: 1; } .nested-tachyons .fl-xl { float: left; _display: inline; } .nested-tachyons .fr-xl { float: right; _display: inline; } .nested-tachyons .fn-xl { float: none; } .nested-tachyons .i-xl { font-style: italic; } .nested-tachyons .fs-normal-xl { font-style: normal; } .nested-tachyons .normal-xl { font-weight: normal; } .nested-tachyons .b-xl { font-weight: bold; } .nested-tachyons .fw1-xl { font-weight: 100; } .nested-tachyons .fw2-xl { font-weight: 200; } .nested-tachyons .fw3-xl { font-weight: 300; } .nested-tachyons .fw4-xl { font-weight: 400; } .nested-tachyons .fw5-xl { font-weight: 500; } .nested-tachyons .fw6-xl { font-weight: 600; } .nested-tachyons .fw7-xl { font-weight: 700; } .nested-tachyons .fw8-xl { font-weight: 800; } .nested-tachyons .fw9-xl { font-weight: 900; } .nested-tachyons .h1-xl { height: 1rem; } .nested-tachyons .h2-xl { height: 2rem; } .nested-tachyons .h3-xl { height: 4rem; } .nested-tachyons .h4-xl { height: 8rem; } .nested-tachyons .h5-xl { height: 16rem; } .nested-tachyons .h-25-xl { height: 25%; } .nested-tachyons .h-50-xl { height: 50%; } .nested-tachyons .h-75-xl { height: 75%; } .nested-tachyons .h-100-xl { height: 100%; } .nested-tachyons .min-h-100-xl { min-height: 100%; } .nested-tachyons .vh-25-xl { height: 25vh; } .nested-tachyons .vh-50-xl { height: 50vh; } .nested-tachyons .vh-75-xl { height: 75vh; } .nested-tachyons .vh-100-xl { height: 100vh; } .nested-tachyons .min-vh-100-xl { min-height: 100vh; } .nested-tachyons .h-auto-xl { height: auto; } .nested-tachyons .h-inherit-xl { height: inherit; } .nested-tachyons .tracked-xl { letter-spacing: .1em; } .nested-tachyons .tracked-tight-xl { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-xl { letter-spacing: .25em; } .nested-tachyons .lh-solid-xl { line-height: 1; } .nested-tachyons .lh-title-xl { line-height: 1.25; } .nested-tachyons .lh-copy-xl { line-height: 1.5; } .nested-tachyons .mw-100-xl { max-width: 100%; } .nested-tachyons .mw1-xl { max-width: 1rem; } .nested-tachyons .mw2-xl { max-width: 2rem; } .nested-tachyons .mw3-xl { max-width: 4rem; } .nested-tachyons .mw4-xl { max-width: 8rem; } .nested-tachyons .mw5-xl { max-width: 16rem; } .nested-tachyons .mw6-xl { max-width: 32rem; } .nested-tachyons .mw7-xl { max-width: 48rem; } .nested-tachyons .mw8-xl { max-width: 64rem; } .nested-tachyons .mw9-xl { max-width: 96rem; } .nested-tachyons .mw-none-xl { max-width: none; } .nested-tachyons .w1-xl { width: 1rem; } .nested-tachyons .w2-xl { width: 2rem; } .nested-tachyons .w3-xl { width: 4rem; } .nested-tachyons .w4-xl { width: 8rem; } .nested-tachyons .w5-xl { width: 16rem; } .nested-tachyons .w-10-xl { width: 10%; } .nested-tachyons .w-20-xl { width: 20%; } .nested-tachyons .w-25-xl { width: 25%; } .nested-tachyons .w-30-xl { width: 30%; } .nested-tachyons .w-33-xl { width: 33%; } .nested-tachyons .w-34-xl { width: 34%; } .nested-tachyons .w-40-xl { width: 40%; } .nested-tachyons .w-50-xl { width: 50%; } .nested-tachyons .w-60-xl { width: 60%; } .nested-tachyons .w-70-xl { width: 70%; } .nested-tachyons .w-75-xl { width: 75%; } .nested-tachyons .w-80-xl { width: 80%; } .nested-tachyons .w-90-xl { width: 90%; } .nested-tachyons .w-100-xl { width: 100%; } .nested-tachyons .w-third-xl { width: 33.33333%; } .nested-tachyons .w-two-thirds-xl { width: 66.66667%; } .nested-tachyons .w-auto-xl { width: auto; } .nested-tachyons .w-1\/12-xl { width: 8.33333%; } .nested-tachyons .w-2\/12-xl { width: 16.66667%; } .nested-tachyons .w-3\/12-xl { width: 25%; } .nested-tachyons .w-4\/12-xl { width: 33.33333%; } .nested-tachyons .w-5\/12-xl { width: 41.66667%; } .nested-tachyons .w-6\/12-xl { width: 50%; } .nested-tachyons .w-7\/12-xl { width: 58.33333%; } .nested-tachyons .w-8\/12-xl { width: 66.66667%; } .nested-tachyons .w-9\/12-xl { width: 75%; } .nested-tachyons .w-10\/12-xl { width: 83.33333%; } .nested-tachyons .w-11\/12-xl { width: 91.66667%; } .nested-tachyons .w-12\/12-xl { width: 100%; } .nested-tachyons .overflow-visible-xl { overflow: visible; } .nested-tachyons .overflow-hidden-xl { overflow: hidden; } .nested-tachyons .overflow-scroll-xl { overflow: scroll; } .nested-tachyons .overflow-auto-xl { overflow: auto; } .nested-tachyons .overflow-x-visible-xl { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-xl { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-xl { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-xl { overflow-x: auto; } .nested-tachyons .overflow-y-visible-xl { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-xl { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-xl { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-xl { overflow-y: auto; } .nested-tachyons .static-xl { position: static; } .nested-tachyons .relative-xl { position: relative; } .nested-tachyons .absolute-xl { position: absolute; } .nested-tachyons .fixed-xl { position: fixed; } .nested-tachyons .sticky-xl { position: sticky; } .nested-tachyons .rotate-45-xl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-xl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-xl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-xl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-xl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-xl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-xl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-xl { padding: 0; } .nested-tachyons .pa1-xl { padding: .25rem; } .nested-tachyons .pa2-xl { padding: .5rem; } .nested-tachyons .pa3-xl { padding: 1rem; } .nested-tachyons .pa4-xl { padding: 2rem; } .nested-tachyons .pa5-xl { padding: 4rem; } .nested-tachyons .pa6-xl { padding: 8rem; } .nested-tachyons .pa7-xl { padding: 16rem; } .nested-tachyons .pl0-xl { padding-left: 0; } .nested-tachyons .pl1-xl { padding-left: .25rem; } .nested-tachyons .pl2-xl { padding-left: .5rem; } .nested-tachyons .pl3-xl { padding-left: 1rem; } .nested-tachyons .pl4-xl { padding-left: 2rem; } .nested-tachyons .pl5-xl { padding-left: 4rem; } .nested-tachyons .pl6-xl { padding-left: 8rem; } .nested-tachyons .pl7-xl { padding-left: 16rem; } .nested-tachyons .pr0-xl { padding-right: 0; } .nested-tachyons .pr1-xl { padding-right: .25rem; } .nested-tachyons .pr2-xl { padding-right: .5rem; } .nested-tachyons .pr3-xl { padding-right: 1rem; } .nested-tachyons .pr4-xl { padding-right: 2rem; } .nested-tachyons .pr5-xl { padding-right: 4rem; } .nested-tachyons .pr6-xl { padding-right: 8rem; } .nested-tachyons .pr7-xl { padding-right: 16rem; } .nested-tachyons .pb0-xl { padding-bottom: 0; } .nested-tachyons .pb1-xl { padding-bottom: .25rem; } .nested-tachyons .pb2-xl { padding-bottom: .5rem; } .nested-tachyons .pb3-xl { padding-bottom: 1rem; } .nested-tachyons .pb4-xl { padding-bottom: 2rem; } .nested-tachyons .pb5-xl { padding-bottom: 4rem; } .nested-tachyons .pb6-xl { padding-bottom: 8rem; } .nested-tachyons .pb7-xl { padding-bottom: 16rem; } .nested-tachyons .pt0-xl { padding-top: 0; } .nested-tachyons .pt1-xl { padding-top: .25rem; } .nested-tachyons .pt2-xl { padding-top: .5rem; } .nested-tachyons .pt3-xl { padding-top: 1rem; } .nested-tachyons .pt4-xl { padding-top: 2rem; } .nested-tachyons .pt5-xl { padding-top: 4rem; } .nested-tachyons .pt6-xl { padding-top: 8rem; } .nested-tachyons .pt7-xl { padding-top: 16rem; } .nested-tachyons .pv0-xl { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-xl { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-xl { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-xl { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-xl { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-xl { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-xl { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-xl { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-xl { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-xl { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-xl { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-xl { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-xl { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-xl { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-xl { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-xl { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-xl { margin: 0; } .nested-tachyons .ma1-xl { margin: .25rem; } .nested-tachyons .ma2-xl { margin: .5rem; } .nested-tachyons .ma3-xl { margin: 1rem; } .nested-tachyons .ma4-xl { margin: 2rem; } .nested-tachyons .ma5-xl { margin: 4rem; } .nested-tachyons .ma6-xl { margin: 8rem; } .nested-tachyons .ma7-xl { margin: 16rem; } .nested-tachyons .ml0-xl { margin-left: 0; } .nested-tachyons .ml1-xl { margin-left: .25rem; } .nested-tachyons .ml2-xl { margin-left: .5rem; } .nested-tachyons .ml3-xl { margin-left: 1rem; } .nested-tachyons .ml4-xl { margin-left: 2rem; } .nested-tachyons .ml5-xl { margin-left: 4rem; } .nested-tachyons .ml6-xl { margin-left: 8rem; } .nested-tachyons .ml7-xl { margin-left: 16rem; } .nested-tachyons .mr0-xl { margin-right: 0; } .nested-tachyons .mr1-xl { margin-right: .25rem; } .nested-tachyons .mr2-xl { margin-right: .5rem; } .nested-tachyons .mr3-xl { margin-right: 1rem; } .nested-tachyons .mr4-xl { margin-right: 2rem; } .nested-tachyons .mr5-xl { margin-right: 4rem; } .nested-tachyons .mr6-xl { margin-right: 8rem; } .nested-tachyons .mr7-xl { margin-right: 16rem; } .nested-tachyons .mb0-xl { margin-bottom: 0; } .nested-tachyons .mb1-xl { margin-bottom: .25rem; } .nested-tachyons .mb2-xl { margin-bottom: .5rem; } .nested-tachyons .mb3-xl { margin-bottom: 1rem; } .nested-tachyons .mb4-xl { margin-bottom: 2rem; } .nested-tachyons .mb5-xl { margin-bottom: 4rem; } .nested-tachyons .mb6-xl { margin-bottom: 8rem; } .nested-tachyons .mb7-xl { margin-bottom: 16rem; } .nested-tachyons .mt0-xl { margin-top: 0; } .nested-tachyons .mt1-xl { margin-top: .25rem; } .nested-tachyons .mt2-xl { margin-top: .5rem; } .nested-tachyons .mt3-xl { margin-top: 1rem; } .nested-tachyons .mt4-xl { margin-top: 2rem; } .nested-tachyons .mt5-xl { margin-top: 4rem; } .nested-tachyons .mt6-xl { margin-top: 8rem; } .nested-tachyons .mt7-xl { margin-top: 16rem; } .nested-tachyons .mv0-xl { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-xl { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-xl { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-xl { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-xl { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-xl { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-xl { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-xl { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-xl { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-xl { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-xl { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-xl { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-xl { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-xl { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-xl { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-xl { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-xl { margin: -0.25rem; } .nested-tachyons .na2-xl { margin: -0.5rem; } .nested-tachyons .na3-xl { margin: -1rem; } .nested-tachyons .na4-xl { margin: -2rem; } .nested-tachyons .na5-xl { margin: -4rem; } .nested-tachyons .na6-xl { margin: -8rem; } .nested-tachyons .na7-xl { margin: -16rem; } .nested-tachyons .nl1-xl { margin-left: -0.25rem; } .nested-tachyons .nl2-xl { margin-left: -0.5rem; } .nested-tachyons .nl3-xl { margin-left: -1rem; } .nested-tachyons .nl4-xl { margin-left: -2rem; } .nested-tachyons .nl5-xl { margin-left: -4rem; } .nested-tachyons .nl6-xl { margin-left: -8rem; } .nested-tachyons .nl7-xl { margin-left: -16rem; } .nested-tachyons .nr1-xl { margin-right: -0.25rem; } .nested-tachyons .nr2-xl { margin-right: -0.5rem; } .nested-tachyons .nr3-xl { margin-right: -1rem; } .nested-tachyons .nr4-xl { margin-right: -2rem; } .nested-tachyons .nr5-xl { margin-right: -4rem; } .nested-tachyons .nr6-xl { margin-right: -8rem; } .nested-tachyons .nr7-xl { margin-right: -16rem; } .nested-tachyons .nb1-xl { margin-bottom: -0.25rem; } .nested-tachyons .nb2-xl { margin-bottom: -0.5rem; } .nested-tachyons .nb3-xl { margin-bottom: -1rem; } .nested-tachyons .nb4-xl { margin-bottom: -2rem; } .nested-tachyons .nb5-xl { margin-bottom: -4rem; } .nested-tachyons .nb6-xl { margin-bottom: -8rem; } .nested-tachyons .nb7-xl { margin-bottom: -16rem; } .nested-tachyons .nt1-xl { margin-top: -0.25rem; } .nested-tachyons .nt2-xl { margin-top: -0.5rem; } .nested-tachyons .nt3-xl { margin-top: -1rem; } .nested-tachyons .nt4-xl { margin-top: -2rem; } .nested-tachyons .nt5-xl { margin-top: -4rem; } .nested-tachyons .nt6-xl { margin-top: -8rem; } .nested-tachyons .nt7-xl { margin-top: -16rem; } .nested-tachyons .strike-xl { text-decoration: line-through; } .nested-tachyons .underline-xl { text-decoration: underline; } .nested-tachyons .no-underline-xl { text-decoration: none; } .nested-tachyons .tl-xl { text-align: left; } .nested-tachyons .tr-xl { text-align: right; } .nested-tachyons .tc-xl { text-align: center; } .nested-tachyons .tj-xl { text-align: justify; } .nested-tachyons .ttc-xl { text-transform: capitalize; } .nested-tachyons .ttl-xl { text-transform: lowercase; } .nested-tachyons .ttu-xl { text-transform: uppercase; } .nested-tachyons .ttn-xl { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-xl { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-xl { font-size: 5rem; } .nested-tachyons .f0-xl { font-size: 0; } .nested-tachyons .f1-xl { font-size: 3rem; } .nested-tachyons .f2-xl { font-size: 2.25rem; } .nested-tachyons .f3-xl { font-size: 1.5rem; } .nested-tachyons .f4-xl { font-size: 1.25rem; } .nested-tachyons .f5-xl { font-size: 1rem; } .nested-tachyons .f6-xl { font-size: .875rem; } .nested-tachyons .f7-xl { font-size: .75rem; } .nested-tachyons .f--4-xl { font-size: 0.25rem; } .nested-tachyons .f--5-xl { font-size: 0.3125rem; } .nested-tachyons .f--6-xl { font-size: 0.375rem; } .nested-tachyons .f--7-xl { font-size: 0.4375rem; } .nested-tachyons .f--8-xl { font-size: 0.5rem; } .nested-tachyons .f--9-xl { font-size: 0.5625rem; } .nested-tachyons .f--10-xl { font-size: 0.625rem; } .nested-tachyons .f--11-xl { font-size: 0.6875rem; } .nested-tachyons .f--12-xl { font-size: 0.75rem; } .nested-tachyons .f--13-xl { font-size: 0.8125rem; } .nested-tachyons .f--14-xl { font-size: 0.875rem; } .nested-tachyons .f--15-xl { font-size: 0.9375rem; } .nested-tachyons .f--16-xl { font-size: 1rem; } .nested-tachyons .f--17-xl { font-size: 1.0625rem; } .nested-tachyons .f--18-xl { font-size: 1.125rem; } .nested-tachyons .f--19-xl { font-size: 1.1875rem; } .nested-tachyons .f--20-xl { font-size: 1.25rem; } .nested-tachyons .f--21-xl { font-size: 1.3125rem; } .nested-tachyons .f--22-xl { font-size: 1.375rem; } .nested-tachyons .f--23-xl { font-size: 1.4375rem; } .nested-tachyons .f--24-xl { font-size: 1.5rem; } .nested-tachyons .f--25-xl { font-size: 1.5625rem; } .nested-tachyons .f--26-xl { font-size: 1.625rem; } .nested-tachyons .f--27-xl { font-size: 1.6875rem; } .nested-tachyons .f--28-xl { font-size: 1.75rem; } .nested-tachyons .f--29-xl { font-size: 1.8125rem; } .nested-tachyons .f--30-xl { font-size: 1.875rem; } .nested-tachyons .f--31-xl { font-size: 1.9375rem; } .nested-tachyons .f--32-xl { font-size: 2rem; } .nested-tachyons .f--33-xl { font-size: 2.0625rem; } .nested-tachyons .f--34-xl { font-size: 2.125rem; } .nested-tachyons .f--35-xl { font-size: 2.1875rem; } .nested-tachyons .f--36-xl { font-size: 2.25rem; } .nested-tachyons .f--37-xl { font-size: 2.3125rem; } .nested-tachyons .f--38-xl { font-size: 2.375rem; } .nested-tachyons .f--39-xl { font-size: 2.4375rem; } .nested-tachyons .f--40-xl { font-size: 2.5rem; } .nested-tachyons .f--41-xl { font-size: 2.5625rem; } .nested-tachyons .f--42-xl { font-size: 2.625rem; } .nested-tachyons .f--43-xl { font-size: 2.6875rem; } .nested-tachyons .f--44-xl { font-size: 2.75rem; } .nested-tachyons .f--45-xl { font-size: 2.8125rem; } .nested-tachyons .f--46-xl { font-size: 2.875rem; } .nested-tachyons .f--47-xl { font-size: 2.9375rem; } .nested-tachyons .f--48-xl { font-size: 3rem; } .nested-tachyons .f--49-xl { font-size: 3.0625rem; } .nested-tachyons .f--50-xl { font-size: 3.125rem; } .nested-tachyons .f--51-xl { font-size: 3.1875rem; } .nested-tachyons .f--52-xl { font-size: 3.25rem; } .nested-tachyons .f--53-xl { font-size: 3.3125rem; } .nested-tachyons .f--54-xl { font-size: 3.375rem; } .nested-tachyons .f--55-xl { font-size: 3.4375rem; } .nested-tachyons .f--56-xl { font-size: 3.5rem; } .nested-tachyons .f--57-xl { font-size: 3.5625rem; } .nested-tachyons .f--58-xl { font-size: 3.625rem; } .nested-tachyons .f--59-xl { font-size: 3.6875rem; } .nested-tachyons .f--60-xl { font-size: 3.75rem; } .nested-tachyons .f--61-xl { font-size: 3.8125rem; } .nested-tachyons .f--62-xl { font-size: 3.875rem; } .nested-tachyons .f--63-xl { font-size: 3.9375rem; } .nested-tachyons .f--64-xl { font-size: 4rem; } .nested-tachyons .f--65-xl { font-size: 4.0625rem; } .nested-tachyons .f--66-xl { font-size: 4.125rem; } .nested-tachyons .f--67-xl { font-size: 4.1875rem; } .nested-tachyons .f--68-xl { font-size: 4.25rem; } .nested-tachyons .f--69-xl { font-size: 4.3125rem; } .nested-tachyons .f--70-xl { font-size: 4.375rem; } .nested-tachyons .f--71-xl { font-size: 4.4375rem; } .nested-tachyons .f--72-xl { font-size: 4.5rem; } .nested-tachyons .f--73-xl { font-size: 4.5625rem; } .nested-tachyons .f--74-xl { font-size: 4.625rem; } .nested-tachyons .f--75-xl { font-size: 4.6875rem; } .nested-tachyons .f--76-xl { font-size: 4.75rem; } .nested-tachyons .f--77-xl { font-size: 4.8125rem; } .nested-tachyons .f--78-xl { font-size: 4.875rem; } .nested-tachyons .f--79-xl { font-size: 4.9375rem; } .nested-tachyons .f--80-xl { font-size: 5rem; } .nested-tachyons .f--81-xl { font-size: 5.0625rem; } .nested-tachyons .f--82-xl { font-size: 5.125rem; } .nested-tachyons .f--83-xl { font-size: 5.1875rem; } .nested-tachyons .f--84-xl { font-size: 5.25rem; } .nested-tachyons .f--85-xl { font-size: 5.3125rem; } .nested-tachyons .f--86-xl { font-size: 5.375rem; } .nested-tachyons .f--87-xl { font-size: 5.4375rem; } .nested-tachyons .f--88-xl { font-size: 5.5rem; } .nested-tachyons .f--89-xl { font-size: 5.5625rem; } .nested-tachyons .f--90-xl { font-size: 5.625rem; } .nested-tachyons .f--91-xl { font-size: 5.6875rem; } .nested-tachyons .f--92-xl { font-size: 5.75rem; } .nested-tachyons .f--93-xl { font-size: 5.8125rem; } .nested-tachyons .f--94-xl { font-size: 5.875rem; } .nested-tachyons .f--95-xl { font-size: 5.9375rem; } .nested-tachyons .f--96-xl { font-size: 6rem; } .nested-tachyons .measure-xl { max-width: 30em; } .nested-tachyons .measure-wide-xl { max-width: 34em; } .nested-tachyons .measure-narrow-xl { max-width: 20em; } .nested-tachyons .indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-xl { font-variant: small-caps; } .nested-tachyons .truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-xl { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-xl { margin-right: auto; } .nested-tachyons .ml-auto-xl { margin-left: auto; } .nested-tachyons .clip-xl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-xl { white-space: normal; } .nested-tachyons .nowrap-xl { white-space: nowrap; } .nested-tachyons .pre-xl { white-space: pre; } .nested-tachyons .v-base-xl { vertical-align: baseline; } .nested-tachyons .v-mid-xl { vertical-align: middle; } .nested-tachyons .v-top-xl { vertical-align: top; } .nested-tachyons .v-btm-xl { vertical-align: bottom; } } @media screen and (min-width: 1400px) { .nested-tachyons .aspect-ratio-xxl { height: 0; position: relative; } .nested-tachyons .aspect-ratio--16x9-xxl { padding-bottom: 56.25%; } .nested-tachyons .aspect-ratio--9x16-xxl { padding-bottom: 177.77%; } .nested-tachyons .aspect-ratio--4x3-xxl { padding-bottom: 75%; } .nested-tachyons .aspect-ratio--3x4-xxl { padding-bottom: 133.33%; } .nested-tachyons .aspect-ratio--6x4-xxl { padding-bottom: 66.6%; } .nested-tachyons .aspect-ratio--4x6-xxl { padding-bottom: 150%; } .nested-tachyons .aspect-ratio--8x5-xxl { padding-bottom: 62.5%; } .nested-tachyons .aspect-ratio--5x8-xxl { padding-bottom: 160%; } .nested-tachyons .aspect-ratio--7x5-xxl { padding-bottom: 71.42%; } .nested-tachyons .aspect-ratio--5x7-xxl { padding-bottom: 140%; } .nested-tachyons .aspect-ratio--1x1-xxl { padding-bottom: 100%; } .nested-tachyons .aspect-ratio--object-xxl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .nested-tachyons .cover-xxl { background-size: cover !important; } .nested-tachyons .contain-xxl { background-size: contain !important; } .nested-tachyons .bg-center-xxl { background-repeat: no-repeat; background-position: center center; } .nested-tachyons .bg-top-xxl { background-repeat: no-repeat; background-position: top center; } .nested-tachyons .bg-right-xxl { background-repeat: no-repeat; background-position: center right; } .nested-tachyons .bg-bottom-xxl { background-repeat: no-repeat; background-position: bottom center; } .nested-tachyons .bg-left-xxl { background-repeat: no-repeat; background-position: center left; } .nested-tachyons .object-fill-xxl { object-fit: fill; }; .nested-tachyons .object-contain-xxl { object-fit: contain; }; .nested-tachyons .object-cover-xxl { object-fit: cover; }; .nested-tachyons .object-scale-down-xxl { object-fit: scale-down; }; .nested-tachyons .object-none-xxl { object-fit: none; }; .nested-tachyons .object-top-xxl { object-position: top center; } .nested-tachyons .object-left-xxl { object-position: center left; } .nested-tachyons .object-right-xxl { object-position: center right; } .nested-tachyons .object-bottom-xxl { object-position: bottom center; } .nested-tachyons .object-center-xxl { object-position: center; } .nested-tachyons .outline-xxl { outline: 1px solid; } .nested-tachyons .outline-transparent-xxl { outline: 1px solid transparent; } .nested-tachyons .outline-0-xxl { outline: 0; } .nested-tachyons .bn-xxl { border-style: none; border-width: 0; } .nested-tachyons .ba-xxl { border-style: solid; border-width: 1px; } .nested-tachyons .bt-xxl { border-top-style: solid; border-top-width: 1px; } .nested-tachyons .br-xxl { border-right-style: solid; border-right-width: 1px; } .nested-tachyons .bb-xxl { border-bottom-style: solid; border-bottom-width: 1px; } .nested-tachyons .bl-xxl { border-left-style: solid; border-left-width: 1px; } .nested-tachyons .br0-xxl { border-radius: 0; } .nested-tachyons .br1-xxl { border-radius: .125rem; } .nested-tachyons .br2-xxl { border-radius: .25rem; } .nested-tachyons .br3-xxl { border-radius: .5rem; } .nested-tachyons .br4-xxl { border-radius: 1rem; } .nested-tachyons .br-100-xxl { border-radius: 100%; } .nested-tachyons .br-pill-xxl { border-radius: 9999px; } .nested-tachyons .br--bottom-xxl { border-top-left-radius: 0; border-top-right-radius: 0; } .nested-tachyons .br--top-xxl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br--right-xxl { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nested-tachyons .br--left-xxl { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nested-tachyons .br-inherit-xxl { border-radius: inherit; } .nested-tachyons .br-initial-xxl { border-radius: initial; } .nested-tachyons .br-unset-xxl { border-radius: unset; } .nested-tachyons .b--dotted-xxl { border-style: dotted; } .nested-tachyons .b--dashed-xxl { border-style: dashed; } .nested-tachyons .b--solid-xxl { border-style: solid; } .nested-tachyons .b--none-xxl { border-style: none; } .nested-tachyons .bw0-xxl { border-width: 0; } .nested-tachyons .bw1-xxl { border-width: .125rem; } .nested-tachyons .bw2-xxl { border-width: .25rem; } .nested-tachyons .bw3-xxl { border-width: .5rem; } .nested-tachyons .bw4-xxl { border-width: 1rem; } .nested-tachyons .bw5-xxl { border-width: 2rem; } .nested-tachyons .bt-0-xxl { border-top-width: 0; } .nested-tachyons .br-0-xxl { border-right-width: 0; } .nested-tachyons .bb-0-xxl { border-bottom-width: 0; } .nested-tachyons .bl-0-xxl { border-left-width: 0; } .nested-tachyons .shadow-1-xxl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-2-xxl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-3-xxl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-4-xxl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .shadow-5-xxl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .nested-tachyons .top-0-xxl { top: 0; } .nested-tachyons .left-0-xxl { left: 0; } .nested-tachyons .right-0-xxl { right: 0; } .nested-tachyons .bottom-0-xxl { bottom: 0; } .nested-tachyons .top-1-xxl { top: 1rem; } .nested-tachyons .left-1-xxl { left: 1rem; } .nested-tachyons .right-1-xxl { right: 1rem; } .nested-tachyons .bottom-1-xxl { bottom: 1rem; } .nested-tachyons .top-2-xxl { top: 2rem; } .nested-tachyons .left-2-xxl { left: 2rem; } .nested-tachyons .right-2-xxl { right: 2rem; } .nested-tachyons .bottom-2-xxl { bottom: 2rem; } .nested-tachyons .top--1-xxl { top: -1rem; } .nested-tachyons .right--1-xxl { right: -1rem; } .nested-tachyons .bottom--1-xxl { bottom: -1rem; } .nested-tachyons .left--1-xxl { left: -1rem; } .nested-tachyons .top--2-xxl { top: -2rem; } .nested-tachyons .right--2-xxl { right: -2rem; } .nested-tachyons .bottom--2-xxl { bottom: -2rem; } .nested-tachyons .left--2-xxl { left: -2rem; } .nested-tachyons .absolute--fill-xxl { top: 0; right: 0; bottom: 0; left: 0; } .nested-tachyons .cl-xxl { clear: left; } .nested-tachyons .cr-xxl { clear: right; } .nested-tachyons .cb-xxl { clear: both; } .nested-tachyons .cn-xxl { clear: none; } .nested-tachyons .dn-xxl { display: none; } .nested-tachyons .di-xxl { display: inline; } .nested-tachyons .db-xxl { display: block; } .nested-tachyons .dib-xxl { display: inline-block; } .nested-tachyons .dit-xxl { display: inline-table; } .nested-tachyons .dt-xxl { display: table; } .nested-tachyons .dtc-xxl { display: table-cell; } .nested-tachyons .dt-row-xxl { display: table-row; } .nested-tachyons .dt-row-group-xxl { display: table-row-group; } .nested-tachyons .dt-column-xxl { display: table-column; } .nested-tachyons .dt-column-group-xxl { display: table-column-group; } .nested-tachyons .dt--fixed-xxl { table-layout: fixed; width: 100%; } .nested-tachyons .flex-xxl { display: flex; } .nested-tachyons .inline-flex-xxl { display: inline-flex; } .nested-tachyons .flex-auto-xxl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .nested-tachyons .flex-none-xxl { flex: none; } .nested-tachyons .flex-column-xxl { flex-direction: column; } .nested-tachyons .flex-row-xxl { flex-direction: row; } .nested-tachyons .flex-wrap-xxl { flex-wrap: wrap; } .nested-tachyons .flex-nowrap-xxl { flex-wrap: nowrap; } .nested-tachyons .flex-wrap-reverse-xxl { flex-wrap: wrap-reverse; } .nested-tachyons .flex-column-reverse-xxl { flex-direction: column-reverse; } .nested-tachyons .flex-row-reverse-xxl { flex-direction: row-reverse; } .nested-tachyons .items-start-xxl { align-items: flex-start; } .nested-tachyons .items-end-xxl { align-items: flex-end; } .nested-tachyons .items-center-xxl { align-items: center; } .nested-tachyons .items-baseline-xxl { align-items: baseline; } .nested-tachyons .items-stretch-xxl { align-items: stretch; } .nested-tachyons .self-start-xxl { align-self: flex-start; } .nested-tachyons .self-end-xxl { align-self: flex-end; } .nested-tachyons .self-center-xxl { align-self: center; } .nested-tachyons .self-baseline-xxl { align-self: baseline; } .nested-tachyons .self-stretch-xxl { align-self: stretch; } .nested-tachyons .justify-start-xxl { justify-content: flex-start; } .nested-tachyons .justify-end-xxl { justify-content: flex-end; } .nested-tachyons .justify-center-xxl { justify-content: center; } .nested-tachyons .justify-between-xxl { justify-content: space-between; } .nested-tachyons .justify-around-xxl { justify-content: space-around; } .nested-tachyons .content-start-xxl { align-content: flex-start; } .nested-tachyons .content-end-xxl { align-content: flex-end; } .nested-tachyons .content-center-xxl { align-content: center; } .nested-tachyons .content-between-xxl { align-content: space-between; } .nested-tachyons .content-around-xxl { align-content: space-around; } .nested-tachyons .content-stretch-xxl { align-content: stretch; } .nested-tachyons .order-0-xxl { order: 0; } .nested-tachyons .order-1-xxl { order: 1; } .nested-tachyons .order-2-xxl { order: 2; } .nested-tachyons .order-3-xxl { order: 3; } .nested-tachyons .order-4-xxl { order: 4; } .nested-tachyons .order-5-xxl { order: 5; } .nested-tachyons .order-6-xxl { order: 6; } .nested-tachyons .order-7-xxl { order: 7; } .nested-tachyons .order-8-xxl { order: 8; } .nested-tachyons .order-last-xxl { order: 99999; } .nested-tachyons .flex-grow-0-xxl { flex-grow: 0; } .nested-tachyons .flex-grow-1-xxl { flex-grow: 1; } .nested-tachyons .flex-shrink-0-xxl { flex-shrink: 0; } .nested-tachyons .flex-shrink-1-xxl { flex-shrink: 1; } .nested-tachyons .fl-xxl { float: left; _display: inline; } .nested-tachyons .fr-xxl { float: right; _display: inline; } .nested-tachyons .fn-xxl { float: none; } .nested-tachyons .i-xxl { font-style: italic; } .nested-tachyons .fs-normal-xxl { font-style: normal; } .nested-tachyons .normal-xxl { font-weight: normal; } .nested-tachyons .b-xxl { font-weight: bold; } .nested-tachyons .fw1-xxl { font-weight: 100; } .nested-tachyons .fw2-xxl { font-weight: 200; } .nested-tachyons .fw3-xxl { font-weight: 300; } .nested-tachyons .fw4-xxl { font-weight: 400; } .nested-tachyons .fw5-xxl { font-weight: 500; } .nested-tachyons .fw6-xxl { font-weight: 600; } .nested-tachyons .fw7-xxl { font-weight: 700; } .nested-tachyons .fw8-xxl { font-weight: 800; } .nested-tachyons .fw9-xxl { font-weight: 900; } .nested-tachyons .h1-xxl { height: 1rem; } .nested-tachyons .h2-xxl { height: 2rem; } .nested-tachyons .h3-xxl { height: 4rem; } .nested-tachyons .h4-xxl { height: 8rem; } .nested-tachyons .h5-xxl { height: 16rem; } .nested-tachyons .h-25-xxl { height: 25%; } .nested-tachyons .h-50-xxl { height: 50%; } .nested-tachyons .h-75-xxl { height: 75%; } .nested-tachyons .h-100-xxl { height: 100%; } .nested-tachyons .min-h-100-xxl { min-height: 100%; } .nested-tachyons .vh-25-xxl { height: 25vh; } .nested-tachyons .vh-50-xxl { height: 50vh; } .nested-tachyons .vh-75-xxl { height: 75vh; } .nested-tachyons .vh-100-xxl { height: 100vh; } .nested-tachyons .min-vh-100-xxl { min-height: 100vh; } .nested-tachyons .h-auto-xxl { height: auto; } .nested-tachyons .h-inherit-xxl { height: inherit; } .nested-tachyons .tracked-xxl { letter-spacing: .1em; } .nested-tachyons .tracked-tight-xxl { letter-spacing: -.05em; } .nested-tachyons .tracked-mega-xxl { letter-spacing: .25em; } .nested-tachyons .lh-solid-xxl { line-height: 1; } .nested-tachyons .lh-title-xxl { line-height: 1.25; } .nested-tachyons .lh-copy-xxl { line-height: 1.5; } .nested-tachyons .mw-100-xxl { max-width: 100%; } .nested-tachyons .mw1-xxl { max-width: 1rem; } .nested-tachyons .mw2-xxl { max-width: 2rem; } .nested-tachyons .mw3-xxl { max-width: 4rem; } .nested-tachyons .mw4-xxl { max-width: 8rem; } .nested-tachyons .mw5-xxl { max-width: 16rem; } .nested-tachyons .mw6-xxl { max-width: 32rem; } .nested-tachyons .mw7-xxl { max-width: 48rem; } .nested-tachyons .mw8-xxl { max-width: 64rem; } .nested-tachyons .mw9-xxl { max-width: 96rem; } .nested-tachyons .mw-none-xxl { max-width: none; } .nested-tachyons .w1-xxl { width: 1rem; } .nested-tachyons .w2-xxl { width: 2rem; } .nested-tachyons .w3-xxl { width: 4rem; } .nested-tachyons .w4-xxl { width: 8rem; } .nested-tachyons .w5-xxl { width: 16rem; } .nested-tachyons .w-10-xxl { width: 10%; } .nested-tachyons .w-20-xxl { width: 20%; } .nested-tachyons .w-25-xxl { width: 25%; } .nested-tachyons .w-30-xxl { width: 30%; } .nested-tachyons .w-33-xxl { width: 33%; } .nested-tachyons .w-34-xxl { width: 34%; } .nested-tachyons .w-40-xxl { width: 40%; } .nested-tachyons .w-50-xxl { width: 50%; } .nested-tachyons .w-60-xxl { width: 60%; } .nested-tachyons .w-70-xxl { width: 70%; } .nested-tachyons .w-75-xxl { width: 75%; } .nested-tachyons .w-80-xxl { width: 80%; } .nested-tachyons .w-90-xxl { width: 90%; } .nested-tachyons .w-100-xxl { width: 100%; } .nested-tachyons .w-third-xxl { width: 33.33333%; } .nested-tachyons .w-two-thirds-xxl { width: 66.66667%; } .nested-tachyons .w-auto-xxl { width: auto; } .nested-tachyons .w-1\/12-xxl { width: 8.33333%; } .nested-tachyons .w-2\/12-xxl { width: 16.66667%; } .nested-tachyons .w-3\/12-xxl { width: 25%; } .nested-tachyons .w-4\/12-xxl { width: 33.33333%; } .nested-tachyons .w-5\/12-xxl { width: 41.66667%; } .nested-tachyons .w-6\/12-xxl { width: 50%; } .nested-tachyons .w-7\/12-xxl { width: 58.33333%; } .nested-tachyons .w-8\/12-xxl { width: 66.66667%; } .nested-tachyons .w-9\/12-xxl { width: 75%; } .nested-tachyons .w-10\/12-xxl { width: 83.33333%; } .nested-tachyons .w-11\/12-xxl { width: 91.66667%; } .nested-tachyons .w-12\/12-xxl { width: 100%; } .nested-tachyons .overflow-visible-xxl { overflow: visible; } .nested-tachyons .overflow-hidden-xxl { overflow: hidden; } .nested-tachyons .overflow-scroll-xxl { overflow: scroll; } .nested-tachyons .overflow-auto-xxl { overflow: auto; } .nested-tachyons .overflow-x-visible-xxl { overflow-x: visible; } .nested-tachyons .overflow-x-hidden-xxl { overflow-x: hidden; } .nested-tachyons .overflow-x-scroll-xxl { overflow-x: scroll; } .nested-tachyons .overflow-x-auto-xxl { overflow-x: auto; } .nested-tachyons .overflow-y-visible-xxl { overflow-y: visible; } .nested-tachyons .overflow-y-hidden-xxl { overflow-y: hidden; } .nested-tachyons .overflow-y-scroll-xxl { overflow-y: scroll; } .nested-tachyons .overflow-y-auto-xxl { overflow-y: auto; } .nested-tachyons .static-xxl { position: static; } .nested-tachyons .relative-xxl { position: relative; } .nested-tachyons .absolute-xxl { position: absolute; } .nested-tachyons .fixed-xxl { position: fixed; } .nested-tachyons .sticky-xxl { position: sticky; } .nested-tachyons .rotate-45-xxl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .nested-tachyons .rotate-90-xxl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .nested-tachyons .rotate-135-xxl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .nested-tachyons .rotate-180-xxl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .nested-tachyons .rotate-225-xxl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .nested-tachyons .rotate-270-xxl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .nested-tachyons .rotate-315-xxl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .nested-tachyons .pa0-xxl { padding: 0; } .nested-tachyons .pa1-xxl { padding: .25rem; } .nested-tachyons .pa2-xxl { padding: .5rem; } .nested-tachyons .pa3-xxl { padding: 1rem; } .nested-tachyons .pa4-xxl { padding: 2rem; } .nested-tachyons .pa5-xxl { padding: 4rem; } .nested-tachyons .pa6-xxl { padding: 8rem; } .nested-tachyons .pa7-xxl { padding: 16rem; } .nested-tachyons .pl0-xxl { padding-left: 0; } .nested-tachyons .pl1-xxl { padding-left: .25rem; } .nested-tachyons .pl2-xxl { padding-left: .5rem; } .nested-tachyons .pl3-xxl { padding-left: 1rem; } .nested-tachyons .pl4-xxl { padding-left: 2rem; } .nested-tachyons .pl5-xxl { padding-left: 4rem; } .nested-tachyons .pl6-xxl { padding-left: 8rem; } .nested-tachyons .pl7-xxl { padding-left: 16rem; } .nested-tachyons .pr0-xxl { padding-right: 0; } .nested-tachyons .pr1-xxl { padding-right: .25rem; } .nested-tachyons .pr2-xxl { padding-right: .5rem; } .nested-tachyons .pr3-xxl { padding-right: 1rem; } .nested-tachyons .pr4-xxl { padding-right: 2rem; } .nested-tachyons .pr5-xxl { padding-right: 4rem; } .nested-tachyons .pr6-xxl { padding-right: 8rem; } .nested-tachyons .pr7-xxl { padding-right: 16rem; } .nested-tachyons .pb0-xxl { padding-bottom: 0; } .nested-tachyons .pb1-xxl { padding-bottom: .25rem; } .nested-tachyons .pb2-xxl { padding-bottom: .5rem; } .nested-tachyons .pb3-xxl { padding-bottom: 1rem; } .nested-tachyons .pb4-xxl { padding-bottom: 2rem; } .nested-tachyons .pb5-xxl { padding-bottom: 4rem; } .nested-tachyons .pb6-xxl { padding-bottom: 8rem; } .nested-tachyons .pb7-xxl { padding-bottom: 16rem; } .nested-tachyons .pt0-xxl { padding-top: 0; } .nested-tachyons .pt1-xxl { padding-top: .25rem; } .nested-tachyons .pt2-xxl { padding-top: .5rem; } .nested-tachyons .pt3-xxl { padding-top: 1rem; } .nested-tachyons .pt4-xxl { padding-top: 2rem; } .nested-tachyons .pt5-xxl { padding-top: 4rem; } .nested-tachyons .pt6-xxl { padding-top: 8rem; } .nested-tachyons .pt7-xxl { padding-top: 16rem; } .nested-tachyons .pv0-xxl { padding-top: 0; padding-bottom: 0; } .nested-tachyons .pv1-xxl { padding-top: .25rem; padding-bottom: .25rem; } .nested-tachyons .pv2-xxl { padding-top: .5rem; padding-bottom: .5rem; } .nested-tachyons .pv3-xxl { padding-top: 1rem; padding-bottom: 1rem; } .nested-tachyons .pv4-xxl { padding-top: 2rem; padding-bottom: 2rem; } .nested-tachyons .pv5-xxl { padding-top: 4rem; padding-bottom: 4rem; } .nested-tachyons .pv6-xxl { padding-top: 8rem; padding-bottom: 8rem; } .nested-tachyons .pv7-xxl { padding-top: 16rem; padding-bottom: 16rem; } .nested-tachyons .ph0-xxl { padding-left: 0; padding-right: 0; } .nested-tachyons .ph1-xxl { padding-left: .25rem; padding-right: .25rem; } .nested-tachyons .ph2-xxl { padding-left: .5rem; padding-right: .5rem; } .nested-tachyons .ph3-xxl { padding-left: 1rem; padding-right: 1rem; } .nested-tachyons .ph4-xxl { padding-left: 2rem; padding-right: 2rem; } .nested-tachyons .ph5-xxl { padding-left: 4rem; padding-right: 4rem; } .nested-tachyons .ph6-xxl { padding-left: 8rem; padding-right: 8rem; } .nested-tachyons .ph7-xxl { padding-left: 16rem; padding-right: 16rem; } .nested-tachyons .ma0-xxl { margin: 0; } .nested-tachyons .ma1-xxl { margin: .25rem; } .nested-tachyons .ma2-xxl { margin: .5rem; } .nested-tachyons .ma3-xxl { margin: 1rem; } .nested-tachyons .ma4-xxl { margin: 2rem; } .nested-tachyons .ma5-xxl { margin: 4rem; } .nested-tachyons .ma6-xxl { margin: 8rem; } .nested-tachyons .ma7-xxl { margin: 16rem; } .nested-tachyons .ml0-xxl { margin-left: 0; } .nested-tachyons .ml1-xxl { margin-left: .25rem; } .nested-tachyons .ml2-xxl { margin-left: .5rem; } .nested-tachyons .ml3-xxl { margin-left: 1rem; } .nested-tachyons .ml4-xxl { margin-left: 2rem; } .nested-tachyons .ml5-xxl { margin-left: 4rem; } .nested-tachyons .ml6-xxl { margin-left: 8rem; } .nested-tachyons .ml7-xxl { margin-left: 16rem; } .nested-tachyons .mr0-xxl { margin-right: 0; } .nested-tachyons .mr1-xxl { margin-right: .25rem; } .nested-tachyons .mr2-xxl { margin-right: .5rem; } .nested-tachyons .mr3-xxl { margin-right: 1rem; } .nested-tachyons .mr4-xxl { margin-right: 2rem; } .nested-tachyons .mr5-xxl { margin-right: 4rem; } .nested-tachyons .mr6-xxl { margin-right: 8rem; } .nested-tachyons .mr7-xxl { margin-right: 16rem; } .nested-tachyons .mb0-xxl { margin-bottom: 0; } .nested-tachyons .mb1-xxl { margin-bottom: .25rem; } .nested-tachyons .mb2-xxl { margin-bottom: .5rem; } .nested-tachyons .mb3-xxl { margin-bottom: 1rem; } .nested-tachyons .mb4-xxl { margin-bottom: 2rem; } .nested-tachyons .mb5-xxl { margin-bottom: 4rem; } .nested-tachyons .mb6-xxl { margin-bottom: 8rem; } .nested-tachyons .mb7-xxl { margin-bottom: 16rem; } .nested-tachyons .mt0-xxl { margin-top: 0; } .nested-tachyons .mt1-xxl { margin-top: .25rem; } .nested-tachyons .mt2-xxl { margin-top: .5rem; } .nested-tachyons .mt3-xxl { margin-top: 1rem; } .nested-tachyons .mt4-xxl { margin-top: 2rem; } .nested-tachyons .mt5-xxl { margin-top: 4rem; } .nested-tachyons .mt6-xxl { margin-top: 8rem; } .nested-tachyons .mt7-xxl { margin-top: 16rem; } .nested-tachyons .mv0-xxl { margin-top: 0; margin-bottom: 0; } .nested-tachyons .mv1-xxl { margin-top: .25rem; margin-bottom: .25rem; } .nested-tachyons .mv2-xxl { margin-top: .5rem; margin-bottom: .5rem; } .nested-tachyons .mv3-xxl { margin-top: 1rem; margin-bottom: 1rem; } .nested-tachyons .mv4-xxl { margin-top: 2rem; margin-bottom: 2rem; } .nested-tachyons .mv5-xxl { margin-top: 4rem; margin-bottom: 4rem; } .nested-tachyons .mv6-xxl { margin-top: 8rem; margin-bottom: 8rem; } .nested-tachyons .mv7-xxl { margin-top: 16rem; margin-bottom: 16rem; } .nested-tachyons .mh0-xxl { margin-left: 0; margin-right: 0; } .nested-tachyons .mh1-xxl { margin-left: .25rem; margin-right: .25rem; } .nested-tachyons .mh2-xxl { margin-left: .5rem; margin-right: .5rem; } .nested-tachyons .mh3-xxl { margin-left: 1rem; margin-right: 1rem; } .nested-tachyons .mh4-xxl { margin-left: 2rem; margin-right: 2rem; } .nested-tachyons .mh5-xxl { margin-left: 4rem; margin-right: 4rem; } .nested-tachyons .mh6-xxl { margin-left: 8rem; margin-right: 8rem; } .nested-tachyons .mh7-xxl { margin-left: 16rem; margin-right: 16rem; } .nested-tachyons .na1-xxl { margin: -0.25rem; } .nested-tachyons .na2-xxl { margin: -0.5rem; } .nested-tachyons .na3-xxl { margin: -1rem; } .nested-tachyons .na4-xxl { margin: -2rem; } .nested-tachyons .na5-xxl { margin: -4rem; } .nested-tachyons .na6-xxl { margin: -8rem; } .nested-tachyons .na7-xxl { margin: -16rem; } .nested-tachyons .nl1-xxl { margin-left: -0.25rem; } .nested-tachyons .nl2-xxl { margin-left: -0.5rem; } .nested-tachyons .nl3-xxl { margin-left: -1rem; } .nested-tachyons .nl4-xxl { margin-left: -2rem; } .nested-tachyons .nl5-xxl { margin-left: -4rem; } .nested-tachyons .nl6-xxl { margin-left: -8rem; } .nested-tachyons .nl7-xxl { margin-left: -16rem; } .nested-tachyons .nr1-xxl { margin-right: -0.25rem; } .nested-tachyons .nr2-xxl { margin-right: -0.5rem; } .nested-tachyons .nr3-xxl { margin-right: -1rem; } .nested-tachyons .nr4-xxl { margin-right: -2rem; } .nested-tachyons .nr5-xxl { margin-right: -4rem; } .nested-tachyons .nr6-xxl { margin-right: -8rem; } .nested-tachyons .nr7-xxl { margin-right: -16rem; } .nested-tachyons .nb1-xxl { margin-bottom: -0.25rem; } .nested-tachyons .nb2-xxl { margin-bottom: -0.5rem; } .nested-tachyons .nb3-xxl { margin-bottom: -1rem; } .nested-tachyons .nb4-xxl { margin-bottom: -2rem; } .nested-tachyons .nb5-xxl { margin-bottom: -4rem; } .nested-tachyons .nb6-xxl { margin-bottom: -8rem; } .nested-tachyons .nb7-xxl { margin-bottom: -16rem; } .nested-tachyons .nt1-xxl { margin-top: -0.25rem; } .nested-tachyons .nt2-xxl { margin-top: -0.5rem; } .nested-tachyons .nt3-xxl { margin-top: -1rem; } .nested-tachyons .nt4-xxl { margin-top: -2rem; } .nested-tachyons .nt5-xxl { margin-top: -4rem; } .nested-tachyons .nt6-xxl { margin-top: -8rem; } .nested-tachyons .nt7-xxl { margin-top: -16rem; } .nested-tachyons .strike-xxl { text-decoration: line-through; } .nested-tachyons .underline-xxl { text-decoration: underline; } .nested-tachyons .no-underline-xxl { text-decoration: none; } .nested-tachyons .tl-xxl { text-align: left; } .nested-tachyons .tr-xxl { text-align: right; } .nested-tachyons .tc-xxl { text-align: center; } .nested-tachyons .tj-xxl { text-align: justify; } .nested-tachyons .ttc-xxl { text-transform: capitalize; } .nested-tachyons .ttl-xxl { text-transform: lowercase; } .nested-tachyons .ttu-xxl { text-transform: uppercase; } .nested-tachyons .ttn-xxl { text-transform: none; } .nested-tachyons .f-6-ns, .f-headline-xxl { font-size: 6rem; } .nested-tachyons .f-5-ns, .f-subheadline-xxl { font-size: 5rem; } .nested-tachyons .f0-xxl { font-size: 0; } .nested-tachyons .f1-xxl { font-size: 3rem; } .nested-tachyons .f2-xxl { font-size: 2.25rem; } .nested-tachyons .f3-xxl { font-size: 1.5rem; } .nested-tachyons .f4-xxl { font-size: 1.25rem; } .nested-tachyons .f5-xxl { font-size: 1rem; } .nested-tachyons .f6-xxl { font-size: .875rem; } .nested-tachyons .f7-xxl { font-size: .75rem; } .nested-tachyons .f--4-xxl { font-size: 0.25rem; } .nested-tachyons .f--5-xxl { font-size: 0.3125rem; } .nested-tachyons .f--6-xxl { font-size: 0.375rem; } .nested-tachyons .f--7-xxl { font-size: 0.4375rem; } .nested-tachyons .f--8-xxl { font-size: 0.5rem; } .nested-tachyons .f--9-xxl { font-size: 0.5625rem; } .nested-tachyons .f--10-xxl { font-size: 0.625rem; } .nested-tachyons .f--11-xxl { font-size: 0.6875rem; } .nested-tachyons .f--12-xxl { font-size: 0.75rem; } .nested-tachyons .f--13-xxl { font-size: 0.8125rem; } .nested-tachyons .f--14-xxl { font-size: 0.875rem; } .nested-tachyons .f--15-xxl { font-size: 0.9375rem; } .nested-tachyons .f--16-xxl { font-size: 1rem; } .nested-tachyons .f--17-xxl { font-size: 1.0625rem; } .nested-tachyons .f--18-xxl { font-size: 1.125rem; } .nested-tachyons .f--19-xxl { font-size: 1.1875rem; } .nested-tachyons .f--20-xxl { font-size: 1.25rem; } .nested-tachyons .f--21-xxl { font-size: 1.3125rem; } .nested-tachyons .f--22-xxl { font-size: 1.375rem; } .nested-tachyons .f--23-xxl { font-size: 1.4375rem; } .nested-tachyons .f--24-xxl { font-size: 1.5rem; } .nested-tachyons .f--25-xxl { font-size: 1.5625rem; } .nested-tachyons .f--26-xxl { font-size: 1.625rem; } .nested-tachyons .f--27-xxl { font-size: 1.6875rem; } .nested-tachyons .f--28-xxl { font-size: 1.75rem; } .nested-tachyons .f--29-xxl { font-size: 1.8125rem; } .nested-tachyons .f--30-xxl { font-size: 1.875rem; } .nested-tachyons .f--31-xxl { font-size: 1.9375rem; } .nested-tachyons .f--32-xxl { font-size: 2rem; } .nested-tachyons .f--33-xxl { font-size: 2.0625rem; } .nested-tachyons .f--34-xxl { font-size: 2.125rem; } .nested-tachyons .f--35-xxl { font-size: 2.1875rem; } .nested-tachyons .f--36-xxl { font-size: 2.25rem; } .nested-tachyons .f--37-xxl { font-size: 2.3125rem; } .nested-tachyons .f--38-xxl { font-size: 2.375rem; } .nested-tachyons .f--39-xxl { font-size: 2.4375rem; } .nested-tachyons .f--40-xxl { font-size: 2.5rem; } .nested-tachyons .f--41-xxl { font-size: 2.5625rem; } .nested-tachyons .f--42-xxl { font-size: 2.625rem; } .nested-tachyons .f--43-xxl { font-size: 2.6875rem; } .nested-tachyons .f--44-xxl { font-size: 2.75rem; } .nested-tachyons .f--45-xxl { font-size: 2.8125rem; } .nested-tachyons .f--46-xxl { font-size: 2.875rem; } .nested-tachyons .f--47-xxl { font-size: 2.9375rem; } .nested-tachyons .f--48-xxl { font-size: 3rem; } .nested-tachyons .f--49-xxl { font-size: 3.0625rem; } .nested-tachyons .f--50-xxl { font-size: 3.125rem; } .nested-tachyons .f--51-xxl { font-size: 3.1875rem; } .nested-tachyons .f--52-xxl { font-size: 3.25rem; } .nested-tachyons .f--53-xxl { font-size: 3.3125rem; } .nested-tachyons .f--54-xxl { font-size: 3.375rem; } .nested-tachyons .f--55-xxl { font-size: 3.4375rem; } .nested-tachyons .f--56-xxl { font-size: 3.5rem; } .nested-tachyons .f--57-xxl { font-size: 3.5625rem; } .nested-tachyons .f--58-xxl { font-size: 3.625rem; } .nested-tachyons .f--59-xxl { font-size: 3.6875rem; } .nested-tachyons .f--60-xxl { font-size: 3.75rem; } .nested-tachyons .f--61-xxl { font-size: 3.8125rem; } .nested-tachyons .f--62-xxl { font-size: 3.875rem; } .nested-tachyons .f--63-xxl { font-size: 3.9375rem; } .nested-tachyons .f--64-xxl { font-size: 4rem; } .nested-tachyons .f--65-xxl { font-size: 4.0625rem; } .nested-tachyons .f--66-xxl { font-size: 4.125rem; } .nested-tachyons .f--67-xxl { font-size: 4.1875rem; } .nested-tachyons .f--68-xxl { font-size: 4.25rem; } .nested-tachyons .f--69-xxl { font-size: 4.3125rem; } .nested-tachyons .f--70-xxl { font-size: 4.375rem; } .nested-tachyons .f--71-xxl { font-size: 4.4375rem; } .nested-tachyons .f--72-xxl { font-size: 4.5rem; } .nested-tachyons .f--73-xxl { font-size: 4.5625rem; } .nested-tachyons .f--74-xxl { font-size: 4.625rem; } .nested-tachyons .f--75-xxl { font-size: 4.6875rem; } .nested-tachyons .f--76-xxl { font-size: 4.75rem; } .nested-tachyons .f--77-xxl { font-size: 4.8125rem; } .nested-tachyons .f--78-xxl { font-size: 4.875rem; } .nested-tachyons .f--79-xxl { font-size: 4.9375rem; } .nested-tachyons .f--80-xxl { font-size: 5rem; } .nested-tachyons .f--81-xxl { font-size: 5.0625rem; } .nested-tachyons .f--82-xxl { font-size: 5.125rem; } .nested-tachyons .f--83-xxl { font-size: 5.1875rem; } .nested-tachyons .f--84-xxl { font-size: 5.25rem; } .nested-tachyons .f--85-xxl { font-size: 5.3125rem; } .nested-tachyons .f--86-xxl { font-size: 5.375rem; } .nested-tachyons .f--87-xxl { font-size: 5.4375rem; } .nested-tachyons .f--88-xxl { font-size: 5.5rem; } .nested-tachyons .f--89-xxl { font-size: 5.5625rem; } .nested-tachyons .f--90-xxl { font-size: 5.625rem; } .nested-tachyons .f--91-xxl { font-size: 5.6875rem; } .nested-tachyons .f--92-xxl { font-size: 5.75rem; } .nested-tachyons .f--93-xxl { font-size: 5.8125rem; } .nested-tachyons .f--94-xxl { font-size: 5.875rem; } .nested-tachyons .f--95-xxl { font-size: 5.9375rem; } .nested-tachyons .f--96-xxl { font-size: 6rem; } .nested-tachyons .measure-xxl { max-width: 30em; } .nested-tachyons .measure-wide-xxl { max-width: 34em; } .nested-tachyons .measure-narrow-xxl { max-width: 20em; } .nested-tachyons .indent-xxl { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-tachyons .small-caps-xxl { font-variant: small-caps; } .nested-tachyons .truncate-xxl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nested-tachyons .center-xxl { margin-right: auto; margin-left: auto; } .nested-tachyons .mr-auto-xxl { margin-right: auto; } .nested-tachyons .ml-auto-xxl { margin-left: auto; } .nested-tachyons .clip-xxl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .nested-tachyons .ws-normal-xxl { white-space: normal; } .nested-tachyons .nowrap-xxl { white-space: nowrap; } .nested-tachyons .pre-xxl { white-space: pre; } .nested-tachyons .v-base-xxl { vertical-align: baseline; } .nested-tachyons .v-mid-xxl { vertical-align: middle; } .nested-tachyons .v-top-xxl { vertical-align: top; } .nested-tachyons .v-btm-xxl { vertical-align: bottom; } }