diff --git a/css/tachyons.css b/css/tachyons.css index aa40179..42d1de3 100644 --- a/css/tachyons.css +++ b/css/tachyons.css @@ -224,15 +224,27 @@ template { display: none; } /* Media Queries */ /* - Tachyons - COLOR VARIABLES + VARIABLES - A balanced color system optimized for accessibility - Theme generated with https://components.ai/theme - - The first six steps in each scale are accessible with white */ +:root {/* + * COLORS + * A balanced color system optimized for accessibility + * Theme generated with https://components.ai/theme + * The first six steps in each scale are accessible with white + * + */ --overlay-tint-0: hsla( 0, 0%, 100%, .035 ); --overlay-tint-1: hsla( 0, 0%, 100%, .1 ); --overlay-tint-2: hsla( 0, 0%, 100%, .19 ); --overlay-tint-3: hsla( 0, 0%, 100%, .28 ); --overlay-tint-4: hsla( 0, 0%, 100%, .36 ); --overlay-tint-5: hsla( 0, 0%, 100%, .45 ); --overlay-tint-6: hsla( 0, 0%, 100%, .55 ); --overlay-tint-7: hsla( 0, 0%, 100%, .64 ); --overlay-tint-8: hsla( 0, 0%, 100%, .73 ); --overlay-tint-9: hsla( 0, 0%, 100%, .815 ); --overlay-tint-10: hsla( 0, 0%, 100%, .895 ); --overlay-tint-11: hsla( 0, 0%, 100%, .94 ); --overlay-shadow-0: hsla( 0, 0%, 0%, .94 ); --overlay-shadow-1: hsla( 0, 0%, 0%, .895 ); --overlay-shadow-2: hsla( 0, 0%, 0%, .815 ); --overlay-shadow-3: hsla( 0, 0%, 0%, .73 ); --overlay-shadow-4: hsla( 0, 0%, 0%, .64 ); --overlay-shadow-5: hsla( 0, 0%, 0%, .55 ); --overlay-shadow-6: hsla( 0, 0%, 0%, .45 ); --overlay-shadow-7: hsla( 0, 0%, 0%, .36 ); --overlay-shadow-8: hsla( 0, 0%, 0%, .28 ); --overlay-shadow-9: hsla( 0, 0%, 0%, .19 ); --overlay-shadow-10: hsla( 0, 0%, 0%, .1 ); --overlay-shadow-11: hsla( 0, 0%, 0%, .035 ); --gray-0: #000; --gray-1: #171717; --gray-2: #2f2f2f; --gray-3: #464646; --gray-4: #5e5e5e; --gray-5: #757575; --gray-6: #8c8c8c; --gray-7: #a3a3a3; --gray-8: #bababa; --gray-9: #d1d1d1; --gray-10: #e8e8e8; --gray-11: #fff; --slate-gray-0: #09090b; --slate-gray-1: #1d1d22; --slate-gray-2: #313138; --slate-gray-3: #45444f; --slate-gray-4: #595866; --slate-gray-5: #6d6c7d; --slate-gray-6: #838292; --slate-gray-7: #9a9aa7; --slate-gray-8: #b2b1bb; --slate-gray-9: #c9c9d0; --slate-gray-10: #e1e0e4; --slate-gray-11: #f8f8f9; --blue-0: #030b18; --blue-1: #071e3f; --blue-2: #0c3166; --blue-3: #10448d; --blue-4: #1556b4; --blue-5: #1969db; --blue-6: #317fed; --blue-7: #5797f0; --blue-8: #7daef4; --blue-9: #a3c6f7; --blue-10: #c9ddfa; --blue-11: #eff5fe; --indigo-0: #080614; --indigo-1: #19143f; --indigo-2: #2a216a; --indigo-3: #3a2e95; --indigo-4: #4b3bc0; --indigo-5: #5c49eb; --indigo-6: #725fff; --indigo-7: #8c7cff; --indigo-8: #a69aff; --indigo-9: #c0b7ff; --indigo-10: #dad5ff; --indigo-11: #f4f3ff; --violet-0: #110517; --violet-1: #2e0d3e; --violet-2: #4b1465; --violet-3: #681c8c; --violet-4: #8424b3; --violet-5: #a12cda; --violet-6: #b543ec; --violet-7: #c366f0; --violet-8: #d089f3; --violet-9: #deabf7; --violet-10: #eccefa; --violet-11: #f9f0fe; --magenta-0: #13040f; --magenta-1: #350a2c; --magenta-2: #581148; --magenta-3: #7b1765; --magenta-4: #9e1e82; --magenta-5: #c1249e; --magenta-6: #d43cb2; --magenta-7: #dc61c1; --magenta-8: #e485cf; --magenta-9: #eca9dd; --magenta-10: #f4ceec; --magenta-11: #fcf2fa; --red-0: #120205; --red-1: #39050f; --red-2: #5f0819; --red-3: #860b24; --red-4: #ac0e2e; --red-5: #d31138; --red-6: #e7284e; --red-7: #ec506f; --red-8: #f07790; --red-9: #f49fb0; --red-10: #f9c7d1; --red-11: #fdeef1; --red-orange-0: #190b05; --red-orange-1: #3d1307; --red-orange-2: #601b0a; --red-orange-3: #84240c; --red-orange-4: #a72c0e; --red-orange-5: #cb3411; --red-orange-6: #ee3c13; --red-orange-7: #fe562f; --red-orange-8: #fe7d5e; --red-orange-9: #ffa48e; --red-orange-10: #ffccbe; --red-orange-11: #fff3ee; --orange-0: #150d04; --orange-1: #2e1c08; --orange-2: #472a0c; --orange-3: #603910; --orange-4: #794714; --orange-5: #a65d13; --orange-6: #d37413; --orange-7: #ff8a14; --orange-8: #ffa54a; --orange-9: #ffc081; --orange-10: #ffdab7; --orange-11: #fff5ed; --gold-0: #140e05; --gold-1: #2c1f0a; --gold-2: #432f0e; --gold-3: #5b4013; --gold-4: #725118; --gold-5: #946818; --gold-6: #d4950d; --gold-7: #eeb028; --gold-8: #f2c259; --gold-9: #f7d38a; --gold-10: #fbe5bc; --gold-11: #fff5e9; --yellow-0: #111006; --yellow-1: #252405; --yellow-2: #3a3804; --yellow-3: #4e4d03; --yellow-4: #636101; --yellow-5: #777500; --yellow-6: #ccc500; --yellow-7: #fcf433; --yellow-8: #fdf67a; --yellow-9: #fdf89b; --yellow-10: #fef9bb; --yellow-11: #fefadb; --green-0: #091108; --green-1: #0f2611; --green-2: #153c1a; --green-3: #1b5122; --green-4: #21662b; --green-5: #25833a; --green-6: #26b056; --green-7: #35d272; --green-8: #63dd90; --green-9: #90e8ae; --green-10: #bdf3cc; --green-11: #eafeea; --teal-0: #07100c; --teal-1: #0c231a; --teal-2: #113628; --teal-3: #164936; --teal-4: #1b5b45; --teal-5: #177f63; --teal-6: #12a282; --teal-7: #2abb9b; --teal-8: #5acab1; --teal-9: #8bdac7; --teal-10: #bbe9dc; --teal-11: #ecf8f2; --cyan-0: #0a1211; --cyan-1: #102425; --cyan-2: #153639; --cyan-3: #1b484c; --cyan-4: #215a60; --cyan-5: #247981; --cyan-6: #24a9b6; --cyan-7: #28d6e6; --cyan-8: #57e0ec; --cyan-9: #85eaf2; --cyan-10: #b4f5f9; --cyan-11: #e2ffff; --transparent: hsla( 0, 0, 0, 0 ); --degrees-1: 0; --degrees-2: 45deg; --degrees-3: 90deg; --degrees-4: 135deg; --degrees-5: 180deg; --degrees-6: 225deg; --degrees-7: 270deg; --degrees-8: 315deg; --gradient-degree-0: var( --degrees-1, 0 ); --gradient-degree: var( --degrees-2, 45deg ); --gradient-degree-2: var( --degrees-4, 135deg ); --gradient-stripe-width: 12px; --gradient-stripe-width-2: var( --border-width-1 ); --gradient-color-1: var( --blue-2 ); --gradient-color-2: var( --magenta-6 ); --gradient-color-3: var( --red-5 ); --gradient-color-4: var( --indigo-5 ); --gradient-color-5: var( --violet-0 ); --gradient-color-6: var( --violet-5 ); --gradient-color-7: var( --magenta-0 ); --gradient-color-8: var( --magenta-5 ); --gradient-color-9: var( --red-0 ); --gradient-color-10: var( --red-5 ); --gradient-color-11: var( --red-orange-0 ); --gradient-color-12: var( --red-orange-5 ); --gradient-color-13: var( --orange-0 ); --gradient-color-14: var( --orange-5 ); --gradient-color-15: var( --gold-0 ); --gradient-color-16: var( --gold-5 ); --gradient-color-17: var( --yellow-0 ); --gradient-color-18: var( --yellow-5 ); --gradient-color-19: var( --green-0 ); --gradient-color-20: var( --green-5 ); --gradient-color-21: var( --teal-0 ); --gradient-color-22: var( --teal-5 ); --gradient-color-23: var( --cyan-0 ); --gradient-color-24: var( --cyan-5 ); --gradient-stop: 50%; --font-size-0: 10px; --font-size-1: 12px; --font-size-2: 14px; --font-size-3: 16px; --font-size-4: 20px; --font-size-5: 24px; --font-size-6: 48px; --font-size-7: 64px; --font-size-8: 96px; --font-size-9: 128px; --font-size-10: 192px; --font-size-11: 256px; --border-radius-0: 0; --border-radius-1: 4px; --border-radius-2: 6px; --border-radius-3: 8px; --border-radius-4: 12px; --border-radius-5: 16px; --border-radius-6: 20px; --border-radius-7: 24px; --border-radius-8: 32px; --border-radius-9: 48px; --border-radius-10: 64px; --border-radius-11: 9999px; --border-width-0: 0; --border-width-1: 1px; --border-width-2: 2px; --border-width-3: 4px; --border-width-4: 8px; --border-width-5: 16px; --border-width: var( --border-width-1, 1px ); --border-color: var( --gray-5, gray ); --line-height-solid: 1; --line-height-heading: 1.25; --line-height-body: 1.5; --letter-spacing-tracked: .1em; --letter-spacing-tight: -0.05em; --letter-spacing-large: .25em; --font-family-heading: Inter, sans-serif; --font-family-body: Inter, sans-serif; --font-family-mono: Inconsolata, monospace; --spacing-0: 0; --spacing-1: 4px; --spacing-2: 8px; --spacing-3: 16px; --spacing-4: 32px; --spacing-5: 64px; --spacing-6: 128px; --spacing-7: 256px; --spacing-8: 512px; --size-0: 0; --size-1: 1rem; --size-2: 2rem; --size-3: 3rem; --size-4: 4rem; --size-5: 8rem; --size-6: 16rem; --size-7: 32rem; --size-8: 64rem; --shadow-color: 0 0 0; --shadow-color-invert: 255 255 255; --shadow-border-width: 1px; --shadow-opacity: .25; //: 0; --opacity-1: .025; --opacity-2: .05; --opacity-3: .1; --opacity-4: .2; --opacity-5: .3; --opacity-6: .4; --opacity-7: .5; --opacity-8: .6; --opacity-9: .7; --opacity-10: .8; --opacity-11: .9; --opacity-12: 1; --duration-0: 125ms; --duration-1: 250ms; --duration-2: 500ms; --easing-function-0: cubic-bezier( .543, 1.086, .5, -0.383 ); --easing-function-1: ease; --easing-function-2: ease-out; --easing-function-3: ease-in-out; --easing-function-4: linear; } +/* + + GRADIENTS + + +*/ +.gradient-1 { background: linear-gradient( var( --gradient-degree ), var( --gradient-color-1 ), var( --gradient-color-2 ) ); } +.gradient-2 { background: linear-gradient( var( --gradient-degree ), var( --gradient-color-1 ) var( --gradient-stop ), var( --gradient-color-2 ) var( --gradient-stop ) ); } +.gradient-3 { background: repeating-linear-gradient( var( --gradient-degree ), transparent 0, transparent var( --gradient-stripe-width ), var( --gradient-color-1 ) var( --gradient-stripe-width ), var( --gradient-color-1 ) calc( var( --gradient-stripe-width ) + var( --gradient-stripe-width-2 ) ) ); } +.gradient-4 { background: repeating-radial-gradient( circle, transparent 0, transparent var( --gradient-stripe-width ), var( --gradient-color-1 ) var( --gradient-stripe-width ), var( --gradient-color-1 ) calc( var( --gradient-stripe-width ) + var( --gradient-stripe-width-2 ) ) ); } /* Modules */ /* @@ -345,11 +357,11 @@ img { display: block; max-width: 100%; } -l = large */ -.ba { border-style: solid; border-width: 1px; } -.bt { border-top-style: solid; border-top-width: 1px; } -.br { border-right-style: solid; border-right-width: 1px; } -.bb { border-bottom-style: solid; border-bottom-width: 1px; } -.bl { border-left-style: solid; border-left-width: 1px; } +.ba { border-style: solid; border-width: var( --border-width, 1px ); } +.bt { border-top-style: solid; border-top-width: var( --border-width, 1px ); } +.br { border-right-style: solid; border-right-width: var( --border-width, 1px ); } +.bb { border-bottom-style: solid; border-bottom-width: var( --border-width, 1px ); } +.bl { border-left-style: solid; border-left-width: var( --border-width, 1px ); } .bn { border-style: none; border-width: 0; } /* @@ -370,7 +382,9 @@ img { display: block; max-width: 100%; } --color-name = each color variable name is also a border color name */ +.b--color { border-color: var( --border-color, gray ); } .b--transparent { border-color: transparent; } +.b--current { border-color: currentColor; } .b--inherit { border-color: inherit; } .b--initial { border-color: initial; } .b--unset { border-color: unset; } @@ -402,15 +416,18 @@ img { display: block; max-width: 100%; } -l = large */ -.br0 { border-radius: 0; } -.br1 { border-radius: 4px; } -.br2 { border-radius: 6px; } -.br3 { border-radius: 8px; } -.br4 { border-radius: 12px; } -.br5 { border-radius: 16px; } -.br6 { border-radius: 32px; } -.br-100 { border-radius: 100%; } -.br-pill { border-radius: 9999px; } +.br0 { border-radius: var( --border-radius-0, 0 ); } +.br1 { border-radius: var( --border-radius-1, 4px ); } +.br2 { border-radius: var( --border-radius-2, 6px ); } +.br3 { border-radius: var( --border-radius-3, 8px ); } +.br4 { border-radius: var( --border-radius-4, 12px ); } +.br5 { border-radius: var( --border-radius-5, 16px ); } +.br6 { border-radius: var( --border-radius-6, 20px ); } +.br7 { border-radius: var( --border-radius-7, 24px ); } +.br8 { border-radius: var( --border-radius-8, 32px ); } +.br9 { border-radius: var( --border-radius-9, 48px ); } +.br10 { border-radius: var( --border-radius-10, 64px ); } +.br11 { border-radius: var( --border-radius-11, 9999px ); } .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -458,6 +475,7 @@ img { display: block; max-width: 100%; } 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: -s = small @@ -465,11 +483,12 @@ img { display: block; max-width: 100%; } -l = large */ -.bw0 { border-width: 0; } -.bw1 { border-width: 1px; } -.bw2 { border-width: 2px; } -.bw3 { border-width: 4px; } -.bw4 { border-width: 8px; } +.bw0 { border-width: var( --border-width-0, 0 ); } +.bw1 { border-width: var( --border-width-1, 1px ); } +.bw2 { border-width: var( --border-width-2, 2px ); } +.bw3 { border-width: var( --border-width-3, 4px ); } +.bw4 { border-width: var( --border-width-4, 8px ); } +.bw5 { border-width: var( --border-width-5, 16px ); } /* Resets */ .bt-0 { border-top-width: 0; } .br-0 { border-right-width: 0; } @@ -479,6 +498,8 @@ img { display: block; max-width: 100%; } BOX-SHADOW Docs: http://tachyons.io/docs/themes/box-shadow/ + + REF Layered shadows: https://tobiasahlin.com/blog/layered-smooth-box-shadows/ Media Query Extensions: @@ -487,20 +508,50 @@ img { display: block; max-width: 100%; } -l = large */ -.shadow-border { box-shadow: inset 0 0 1px 0 rgba( 0, 0, 0, .125 ); } -.shadow-border-light { box-shadow: inset 0 0 1px 0 rgba( 255, 255, 255, .125 ); } -.shadow-border-solid { box-shadow: inset 0 0 1px 0 currentColor; } -.shadow-border-2 { box-shadow: inset 0 0 2px 0 rgba( 255, 255, 255, .125 ); } -.shadow-border-light-2 { box-shadow: inset 0 0 2px 0 rgba( 0, 0, 0, .125 ); } -.shadow-border-solid-2 { box-shadow: inset 0 0 2px 0 currentColor; } -.shadow-1 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .125 ), 0 2px 2px rgba( 0, 0, 0, .125 ), 0 4px 4px rgba( 0, 0, 0, .125 ), 0 8px 8px rgba( 0, 0, 0, .125 ), 0 16px 16px rgba( 0, 0, 0, .125 ); } -.shadow-2 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .15 ), 0 2px 2px rgba( 0, 0, 0, .15 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .15 ); } -.shadow-3 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 8px 8px rgba( 0, 0, 0, .11 ), 0 16px 16px rgba( 0, 0, 0, .11 ), 0 32px 32px rgba( 0, 0, 0, .11 ); } -.shadow-4 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .25 ), 0 2px 2px rgba( 0, 0, 0, .20 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .10 ), 0 16px 16px rgba( 0, 0, 0, .05 ); } -.shadow-5 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .08 ), 0 2px 2px rgba( 0, 0, 0, .12 ), 0 4px 4px rgba( 0, 0, 0, .16 ), 0 8px 8px rgba( 0, 0, 0, .20 ); } -.shadow-6 { box-shadow: 0 1px 2px rgba( 0, 0, 0, .07 ), 0 2px 4px rgba( 0, 0, 0, .07 ), 0 4px 8px rgba( 0, 0, 0, .07 ), 0 8px 16px rgba( 0, 0, 0, .07 ), 0 16px 32px rgba( 0, 0, 0, .07 ), 0 32px 64px rgba( 0, 0, 0, .07 ); } -.shadow-7 { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 6px 8px rgba( 0, 0, 0, .11 ), 0 8px 16px rgba( 0, 0, 0, .11 ); } -.shadow-8 { box-shadow: 0 2px 1px rgba( 0, 0, 0, .09 ), 0 4px 2px rgba( 0, 0, 0, .09 ), 0 8px 4px rgba( 0, 0, 0, .09 ), 0 16px 8px rgba( 0, 0, 0, .09 ), 0 32px 16px rgba( 0, 0, 0, .09 ); } +.shadow { box-shadow: var( --shadow, inset 0 0 1px 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .5 ) ) ); } +.shadow-hover:hover, .shadow-hover:focus { --shadow-opacity: .15; } +/* + * TODO: potential pattern + .shadow-hover:hover { + --shadow-opacity: .09; + --shadow-x: 1px; + --shadow-y: 1px; + --shadow-blur: 1px; + --shadow-spread: 1px; + --shadow-multiplier: 2; + } +*/ +/* Box shadow based borders */ +.shadow-border-1 { box-shadow: inset 0 0 var( --shadow-border-width, 1px ) 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); } +.shadow-border-2 { box-shadow: inset 0 0 var( --shadow-border-width ) 0 currentColor; } +.shadow-border-3 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color-light, 255 255 255 ) / var( --shadow-opacity, .125 ) ); } +.shadow-border-4 { box-shadow: inset 0 0 2px 0 rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); } +.shadow-border-5 { box-shadow: inset 0 0 2px 0 currentColor; } +.shadow-1 { box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 16px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); } +.shadow-2 { box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .125 ) ); } +.shadow-3 { --shadow-opacity: .11; box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 16px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 32px 32px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ); } +.shadow-4 { --shadow-opacity: .05; box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .25 ) * 5 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .20 ) * 4 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .15 ) * 3 ) ), 0 8px 8px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .10 ) * 2 ) ), 0 16px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .05 ) ); } +.shadow-5 { --shadow-opacity: .08; box-shadow: 0 var( --shadow-y ) 1px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .08 ) * 1 ) ), 0 calc( var( --shadow-y ) * 2 ) 2px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .12 ) * 1.5 ) ), 0 calc( var( --shadow-y ) * 4 ) 4px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .16 ) * 2 ) ), 0 calc( var( --shadow-y ) * 8 ) 8px rgb( var( --shadow-color, 0 0 0 ) / calc( var( --shadow-opacity, .20 ) * 2.5 ) ); } +.shadow-6 { --shadow-opacity: .07; box-shadow: 0 1px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ), 0 2px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ), 0 4px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ), 0 8px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ), 0 16px 32px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ), 0 32px 64px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .7 ) ); } +.shadow-7 { --shadow-opacity: .11; box-shadow: 0 1px 1px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 2px 2px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 4px 4px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 6px 8px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ), 0 8px 16px rgb( var( --shadow-color, 0 0 0 ) / var( --shadow-opacity, .11 ) ); } +.shadow-8 { --shadow-opacity: .09; box-shadow: 0 2px 1px rgb( var( --shadow-color, 0 0 0 ) / .09 ), 0 4px 2px rgb( var( --shadow-color, 0 0 0 ) / .09 ), 0 8px 4px rgb( var( --shadow-color, 0 0 0 ) / .09 ), 0 16px 8px rgb( var( --shadow-color, 0 0 0 ) / .09 ), 0 32px 16px rgb( var( --shadow-color, 0 0 0 ) / .09 ); } +/* + + TEXT-SHADOW + Docs: http://tachyons.io/docs/themes/text-shadow/ + + Media Query Extensions: + -s = small + -m = medium + -l = large + + */ +.text-shadow-1 { text-shadow: rgb( var( --shadow-color ) ) -4px 4px 0; } +.text-shadow-2 { text-shadow: rgb( var( --shadow-color ) ) -8px 8px 0; } +.text-shadow-3 { text-shadow: rgb( var( --shadow-color ) / var( --shadow-opacity, .5 ) ) -8px 8px 0; } +.text-shadow-4 { text-shadow: rgba( var( --shadow-color ) / var( --shadow-opacity, .5 ) ) -4px 4px 8px; } +.text-shadow-5 { text-shadow: rgb( var( --shadow-color ) ) 2px 0 0, rgb( var( --shadow-color ) ) 0 2px 0, rgb( var( --shadow-color ) ) -2px 0 0, rgb( var( --shadow-color ) ) 0 -2px 0, rgb( var( --shadow-color ) ) -2px -2px 0, rgb( var( --shadow-color ) ) 2px -2px 0, rgb( var( --shadow-color ) ) 2px 2px 0, rgb( var( --shadow-color ) ) -2px 2px 0; } +.text-shadow-6 { text-shadow: rgb( var( --shadow-color-invert ) ) 2px 0 0, rgb( var( --shadow-color-invert ) ) 0 2px 0, rgb( var( --shadow-color-invert ) ) -2px 0 0, rgb( var( --shadow-color-invert ) ) 0 -2px 0, rgb( var( --shadow-color-invert ) ) -2px -2px 0, rgb( var( --shadow-color-invert ) ) 2px -2px 0, rgb( var( --shadow-color-invert ) ) 2px 2px 0, rgb( var( --shadow-color-invert ) ) -2px 2px 0; } /* CODE @@ -537,22 +588,22 @@ img { display: block; max-width: 100%; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } -.top-1 { top: 1rem; } -.right-1 { right: 1rem; } -.bottom-1 { bottom: 1rem; } -.left-1 { left: 1rem; } -.top-2 { top: 2rem; } -.right-2 { right: 2rem; } -.bottom-2 { bottom: 2rem; } -.left-2 { left: 2rem; } -.top--1 { top: -1rem; } -.right--1 { right: -1rem; } -.bottom--1 { bottom: -1rem; } -.left--1 { left: -1rem; } -.top--2 { top: -2rem; } -.right--2 { right: -2rem; } -.bottom--2 { bottom: -2rem; } -.left--2 { left: -2rem; } +.top-1 { top: var( --size, 1rem ); } +.right-1 { right: var( --size, 1rem ); } +.bottom-1 { bottom: var( --size, 1rem ); } +.left-1 { left: var( --size, 1rem ); } +.top-2 { top: calc( var( --size, 1rem ) * 2 ); } +.right-2 { right: calc( var( --size, 1rem ) * 2 ); } +.bottom-2 { bottom: calc( var( --size, 1rem ) * 2 ); } +.left-2 { left: calc( var( --size, 1rem ) * 2 ); } +.top--1 { top: calc( var( --size, 1rem ) * -1 ); } +.right--1 { right: calc( var( --size, 1rem ) * -1 ); } +.bottom--1 { bottom: calc( var( --size, 1rem ) * -1 ); } +.left--1 { left: calc( var( --size, 1rem ) * -1 ); } +.top--2 { top: calc( var( --size, 1rem ) * -2 ); } +.right--2 { right: calc( var( --size, 1rem ) * -2 ); } +.bottom--2 { bottom: calc( var( --size, 1rem ) * -2 ); } +.left--2 { left: calc( var( --size, 1rem ) * -2 ); } .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } /* @@ -564,7 +615,6 @@ img { display: block; max-width: 100%; } Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } -.cf { *zoom: 1; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } @@ -600,7 +650,6 @@ img { display: block; max-width: 100%; } .dif, .inline-flex { display: inline-flex; } .dg, .grid { display: grid; } .dig, .inline-grid { display: inline-grid; } -/* Variables */ /* GAP: GRID AND FLEX SPACING Docs: http://tachyons.io/docs/layout/gap/ @@ -615,14 +664,14 @@ img { display: block; max-width: 100%; } -l = large */ -.g0 { gap: 0; } -.g1 { gap: .25rem; } -.g2 { gap: .5rem; } -.g3 { gap: 1rem; } -.g4 { gap: 2rem; } -.g5 { gap: 4rem; } -.g6 { gap: 8rem; } -.g7 { gap: 16rem; } +.g0 { gap: var( --spacing-0, 0 ); } +.g1 { gap: var( --spacing-1, 4px ); } +.g2 { gap: var( --spacing-2, 8px ); } +.g3 { gap: var( --spacing-3, 16px ); } +.g4 { gap: var( --spacing-4, 32px ); } +.g5 { gap: var( --spacing-5, 64px ); } +.g6 { gap: var( --spacing-6, 128px ); } +.g7 { gap: var( --spacing-7, 256px ); } /* Grid Template Columns @@ -768,6 +817,7 @@ img { display: block; max-width: 100%; } - Blur - Grayscale + - Hue Rotate */ .filter-none { -webkit-filter: none; filter: none; } @@ -855,7 +905,6 @@ img { display: block; max-width: 100%; } MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content - */ .content-start { align-content: flex-start; } .content-end { align-content: flex-end; } @@ -951,7 +1000,7 @@ img { display: block; max-width: 100%; } n = none Media Query Extensions: - -ns = small + -s = small -m = medium -l = large @@ -959,28 +1008,15 @@ img { display: block; max-width: 100%; } .fl { float: left; } .fr { float: right; } .fn { float: none; } -/* +/* FONT FAMILY GROUPS Docs: http://tachyons.io/docs/typography/font-family/ */ -.sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; } -.serif { font-family: georgia, times, serif; } -.system-sans-serif { font-family: sans-serif; } -.system-serif { font-family: serif; } -/* Monospaced Typefaces (for code) */ -/* From http://cssfontstack.com */ -code, .code { font-family: Consolas, monaco, monospace; } -.courier { font-family: 'Courier Next', courier, monospace; } -/* Sans-Serif Typefaces */ -.helvetica { font-family: 'helvetica neue', helvetica, sans-serif; } -/* Serif Typefaces */ -.athelas { font-family: athelas, georgia, serif; } -.georgia { font-family: georgia, serif; } -.times { font-family: times, serif; } -.garamond { font-family: garamond, serif; } -.baskerville { font-family: baskerville, serif; } +.f-heading { font-family: var( --font-family-heading ); } +.f-body { font-family: var( --font-family-body ); } +.f-mono { font-family: var( --font-family-mono ); } /* FONT STYLE @@ -1014,7 +1050,7 @@ code, .code { font-family: Consolas, monaco, monospace; } 9 = literal value 900 Media Query Extensions: - -ns = small + -s = small -m = medium -l = large @@ -1037,7 +1073,7 @@ code, .code { font-family: Consolas, monaco, monospace; } */ .input-reset { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } -/* +/* TODO: Variables review HEIGHTS Docs: http://tachyons.io/docs/layout/heights/ @@ -1069,11 +1105,15 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Height Scale */ -.h1 { height: 1rem; } -.h2 { height: 2rem; } -.h3 { height: 4rem; } -.h4 { height: 8rem; } -.h5 { height: 16rem; } +.h0 { height: var( --size-0, 0 ); } +.h1 { height: var( --size-1, 1rem ); } +.h2 { height: var( --size-2, 2rem ); } +.h3 { height: var( --size-3, 3rem ); } +.h4 { height: var( --size-4, 4rem ); } +.h5 { height: var( --size-5, 8rem ); } +.h6 { height: var( --size-6, 16rem ); } +.h7 { height: var( --size-7, 32rem ); } +.h8 { height: var( --size-8, 64rem ); } /* Height Percentages - Based off of height of parent */ .h-50 { height: 50%; } .h-75 { height: 75%; } @@ -1094,14 +1134,14 @@ code, .code { font-family: Consolas, monaco, monospace; } Docs: http://tachyons.io/docs/typography/tracking/ Media Query Extensions: - -ns = small + -s = small -m = medium -l = large */ -.tracked { letter-spacing: .1em; } -.tracked-tight { letter-spacing: -.05em; } -.tracked-mega { letter-spacing: .25em; } +.tracked { letter-spacing: var( --letter-spacing-tracked, .1em ); } +.tracked-tight { letter-spacing: var( --letter-spacing-tight, -0.05em ); } +.tracked-mega { letter-spacing: var( --letter-spacing-large, .25em ); } /* LINE HEIGHT / LEADING @@ -1113,20 +1153,20 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.lh-solid { line-height: 1; } -.lh-title { line-height: 1.25; } -.lh-copy { line-height: 1.5; } +.lh-solid { line-height: var( --line-height-solid, 1 ); } +.lh-title { line-height: var( --line-height-title, 1.25 ); } +.lh-copy { line-height: var( --line-height-body, 1.5 ); } /* LINKS Docs: http://tachyons.io/docs/elements/links/ */ -.link { text-decoration: none; transition: color .15s ease-in; } -.link:link, .link:visited { transition: color .15s ease-in; } -.link:hover { transition: color .15s ease-in; } -.link:active { transition: color .15s ease-in; } -.link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; } +.link { text-decoration: none; transition: all .15s ease-in; } +.link:link, .link:visited { transition: all .15s ease-in; } +.link:hover { transition: all .15s ease-in; } +.link:active { transition: all .15s ease-in; } +.link:focus { transition: all .15s ease-in; outline: 1px dotted currentColor; } /* LISTS @@ -1192,6 +1232,9 @@ code, .code { font-family: Consolas, monaco, monospace; } 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale + 6 = 6th step in width scale + 7 = 7th step in width scale + 8 = 8th step in width scale -10 = literal value 10% -20 = literal value 20% @@ -1214,25 +1257,29 @@ code, .code { font-family: Consolas, monaco, monospace; } Media Query Extensions: - -ns = small + -s = small -m = medium -l = large */ /* Width Scale */ -.w1 { width: 1rem; } -.w2 { width: 2rem; } -.w3 { width: 4rem; } -.w4 { width: 8rem; } -.w5 { width: 16rem; } +.w0 { width: var( --size-0, 0 ); } +.w1 { width: var( --size-1, 1rem ); } +.w2 { width: var( --size-2, 2rem ); } +.w3 { width: var( --size-3, 3rem ); } +.w4 { width: var( --size-4, 4rem ); } +.w5 { width: var( --size-5, 8rem ); } +.w6 { width: var( --size-6, 16rem ); } +.w7 { width: var( --size-7, 32rem ); } +.w8 { width: var( --size-8, 64rem ); } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; } .w-100 { width: 100%; } -.w-third { width: 33.33333%; } -.w-two-thirds { width: 66.66667%; } +.w-third { width: calc( 100% / 3 ); } +.w-two-thirds { width: calc( 100% / 1.5 ); } .w-auto { width: auto; } /* @@ -1278,19 +1325,19 @@ code, .code { font-family: Consolas, monaco, monospace; } Docs: http://tachyons.io/docs/themes/opacity/ */ -.o-100 { opacity: 1; } -.o-90 { opacity: .9; } -.o-80 { opacity: .8; } -.o-70 { opacity: .7; } -.o-60 { opacity: .6; } -.o-50 { opacity: .5; } -.o-40 { opacity: .4; } -.o-30 { opacity: .3; } -.o-20 { opacity: .2; } -.o-10 { opacity: .1; } -.o-05 { opacity: .05; } -.o-025 { opacity: .025; } -.o-0 { opacity: 0; } +.o-100 { opacity: var( --opacity-12, 1 ); } +.o-90 { opacity: var( --opacity-11, .9 ); } +.o-80 { opacity: var( --opacity-10, .8 ); } +.o-70 { opacity: var( --opacity-9, .7 ); } +.o-60 { opacity: var( --opacity-8, .6 ); } +.o-50 { opacity: var( --opacity-7, .5 ); } +.o-40 { opacity: var( --opacity-6, .4 ); } +.o-30 { opacity: var( --opacity-5, .3 ); } +.o-20 { opacity: var( --opacity-4, .2 ); } +.o-10 { opacity: var( --opacity-3, .1 ); } +.o-05 { opacity: var( --opacity-2, .05 ); } +.o-025 { opacity: var( --opacity-1, .025 ); } +.o-0 { opacity: var( --opacity-0, 0 ); } /* ROTATIONS @@ -1303,17 +1350,6 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } -/* - - Tachyons - COLOR VARIABLES - - A balanced color system optimized for accessibility - Theme generated with https://components.ai/theme - - The first six steps in each scale are accessible with white - -*/ /* SKINS Docs: http://tachyons.io/docs/themes/skins/ @@ -2490,7 +2526,6 @@ code, .code { font-family: Consolas, monaco, monospace; } .focus-bg-cyan-9:focus { background-color: var( --cyan-9 ); } .focus-bg-cyan-10:focus { background-color: var( --cyan-10 ); } .focus-bg-cyan-11:focus { background-color: var( --cyan-11 ); } -/* Variables */ /* SPACING Docs: http://tachyons.io/docs/layout/spacing/ @@ -2525,133 +2560,132 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.p0 { padding: 0; } -.p1 { padding: .25rem; } -.p2 { padding: .5rem; } -.p3 { padding: 1rem; } -.p4 { padding: 2rem; } -.p5 { padding: 4rem; } -.p6 { padding: 8rem; } -.p7 { padding: 16rem; } -.p8 { padding: 32rem; } -.pl0 { padding-left: 0; } -.pl1 { padding-left: .25rem; } -.pl2 { padding-left: .5rem; } -.pl3 { padding-left: 1rem; } -.pl4 { padding-left: 2rem; } -.pl5 { padding-left: 4rem; } -.pl6 { padding-left: 8rem; } -.pl7 { padding-left: 16rem; } -.pl8 { padding-left: 32rem; } -.pr0 { padding-right: 0; } -.pr1 { padding-right: .25rem; } -.pr2 { padding-right: .5rem; } -.pr3 { padding-right: 1rem; } -.pr4 { padding-right: 2rem; } -.pr5 { padding-right: 4rem; } -.pr6 { padding-right: 8rem; } -.pr7 { padding-right: 16rem; } -.pr8 { padding-right: 32rem; } -.pb0 { padding-bottom: 0; } -.pb1 { padding-bottom: .25rem; } -.pb2 { padding-bottom: .5rem; } -.pb3 { padding-bottom: 1rem; } -.pb4 { padding-bottom: 2rem; } -.pb5 { padding-bottom: 4rem; } -.pb6 { padding-bottom: 8rem; } -.pb7 { padding-bottom: 16rem; } -.pb8 { padding-bottom: 32rem; } -.pt0 { padding-top: 0; } -.pt1 { padding-top: .25rem; } -.pt2 { padding-top: .5rem; } -.pt3 { padding-top: 1rem; } -.pt4 { padding-top: 2rem; } -.pt5 { padding-top: 4rem; } -.pt6 { padding-top: 8rem; } -.pt7 { padding-top: 16rem; } -.pt8 { padding-top: 32rem; } -.py0 { padding-top: 0; padding-bottom: 0; } -.py1 { padding-top: .25rem; padding-bottom: .25rem; } -.py2 { padding-top: .5rem; padding-bottom: .5rem; } -.py3 { padding-top: 1rem; padding-bottom: 1rem; } -.py4 { padding-top: 2rem; padding-bottom: 2rem; } -.py5 { padding-top: 4rem; padding-bottom: 4rem; } -.py6 { padding-top: 8rem; padding-bottom: 8rem; } -.py7 { padding-top: 16rem; padding-bottom: 16rem; } -.py8 { padding-top: 32rem; padding-bottom: 32rem; } -.px0 { padding-left: 0; padding-right: 0; } -.px1 { padding-left: .25rem; padding-right: .25rem; } -.px2 { padding-left: .5rem; padding-right: .5rem; } -.px3 { padding-left: 1rem; padding-right: 1rem; } -.px4 { padding-left: 2rem; padding-right: 2rem; } -.px5 { padding-left: 4rem; padding-right: 4rem; } -.px6 { padding-left: 8rem; padding-right: 8rem; } -.px7 { padding-left: 16rem; padding-right: 16rem; } -.px8 { padding-left: 32rem; padding-right: 32rem; } -.m0 { margin: 0; } -.m1 { margin: .25rem; } -.m2 { margin: .5rem; } -.m3 { margin: 1rem; } -.m4 { margin: 2rem; } -.m5 { margin: 4rem; } -.m6 { margin: 8rem; } -.m7 { margin: 16rem; } -.m8 { margin: 32rem; } -.ml0 { margin-left: 0; } -.ml1 { margin-left: .25rem; } -.ml2 { margin-left: .5rem; } -.ml3 { margin-left: 1rem; } -.ml4 { margin-left: 2rem; } -.ml5 { margin-left: 4rem; } -.ml6 { margin-left: 8rem; } -.ml7 { margin-left: 16rem; } -.ml8 { margin-left: 32rem; } -.mr0 { margin-right: 0; } -.mr1 { margin-right: .25rem; } -.mr2 { margin-right: .5rem; } -.mr3 { margin-right: 1rem; } -.mr4 { margin-right: 2rem; } -.mr5 { margin-right: 4rem; } -.mr6 { margin-right: 8rem; } -.mr7 { margin-right: 16rem; } -.mr8 { margin-right: 32rem; } -.mb0 { margin-bottom: 0; } -.mb1 { margin-bottom: .25rem; } -.mb2 { margin-bottom: .5rem; } -.mb3 { margin-bottom: 1rem; } -.mb4 { margin-bottom: 2rem; } -.mb5 { margin-bottom: 4rem; } -.mb6 { margin-bottom: 8rem; } -.mb7 { margin-bottom: 16rem; } -.mb8 { margin-bottom: 32rem; } -.mt0 { margin-top: 0; } -.mt1 { margin-top: .25rem; } -.mt2 { margin-top: .5rem; } -.mt3 { margin-top: 1rem; } -.mt4 { margin-top: 2rem; } -.mt5 { margin-top: 4rem; } -.mt6 { margin-top: 8rem; } -.mt7 { margin-top: 16rem; } -.mt8 { margin-top: 32rem; } -.my0 { margin-top: 0; margin-bottom: 0; } -.my1 { margin-top: .25rem; margin-bottom: .25rem; } -.my2 { margin-top: .5rem; margin-bottom: .5rem; } -.my3 { margin-top: 1rem; margin-bottom: 1rem; } -.my4 { margin-top: 2rem; margin-bottom: 2rem; } -.my5 { margin-top: 4rem; margin-bottom: 4rem; } -.my6 { margin-top: 8rem; margin-bottom: 8rem; } -.my7 { margin-top: 16rem; margin-bottom: 16rem; } -.my8 { margin-top: 32rem; margin-bottom: 32rem; } -.mx0 { margin-left: 0; margin-right: 0; } -.mx1 { margin-left: .25rem; margin-right: .25rem; } -.mx2 { margin-left: .5rem; margin-right: .5rem; } -.mx3 { margin-left: 1rem; margin-right: 1rem; } -.mx4 { margin-left: 2rem; margin-right: 2rem; } -.mx5 { margin-left: 4rem; margin-right: 4rem; } -.mx6 { margin-left: 8rem; margin-right: 8rem; } -.mx7 { margin-left: 16rem; margin-right: 16rem; } -.mx8 { margin-left: 32rem; margin-right: 32rem; } -/* Variables */ +.p0 { padding: var( --spacing-0, 0 ); } +.p1 { padding: var( --spacing-1, 4px ); } +.p2 { padding: var( --spacing-2, 8px ); } +.p3 { padding: var( --spacing-3, 16px ); } +.p4 { padding: var( --spacing-4, 32px ); } +.p5 { padding: var( --spacing-5, 64px ); } +.p6 { padding: var( --spacing-6, 128px ); } +.p7 { padding: var( --spacing-7, 256px ); } +.p8 { padding: var( --spacing-8, 512px ); } +.pl0 { padding-left: var( --spacing-0, 0 ); } +.pl1 { padding-left: var( --spacing-1, 4px ); } +.pl2 { padding-left: var( --spacing-2, 8px ); } +.pl3 { padding-left: var( --spacing-3, 16px ); } +.pl4 { padding-left: var( --spacing-4, 32px ); } +.pl5 { padding-left: var( --spacing-5, 64px ); } +.pl6 { padding-left: var( --spacing-6, 128px ); } +.pl7 { padding-left: var( --spacing-7, 256px ); } +.pl8 { padding-left: var( --spacing-8, 512px ); } +.pr0 { padding-right: var( --spacing-0, 0 ); } +.pr1 { padding-right: var( --spacing-1, 4px ); } +.pr2 { padding-right: var( --spacing-2, 8px ); } +.pr3 { padding-right: var( --spacing-3, 16px ); } +.pr4 { padding-right: var( --spacing-4, 32px ); } +.pr5 { padding-right: var( --spacing-5, 64px ); } +.pr6 { padding-right: var( --spacing-6, 128px ); } +.pr7 { padding-right: var( --spacing-7, 256px ); } +.pr8 { padding-right: var( --spacing-8, 512px ); } +.pb0 { padding-bottom: var( --spacing-0, 0 ); } +.pb1 { padding-bottom: var( --spacing-1, 4px ); } +.pb2 { padding-bottom: var( --spacing-2, 8px ); } +.pb3 { padding-bottom: var( --spacing-3, 16px ); } +.pb4 { padding-bottom: var( --spacing-4, 32px ); } +.pb5 { padding-bottom: var( --spacing-5, 64px ); } +.pb6 { padding-bottom: var( --spacing-6, 128px ); } +.pb7 { padding-bottom: var( --spacing-7, 256px ); } +.pb8 { padding-bottom: var( --spacing-8, 512px ); } +.pt0 { padding-top: var( --spacing-0, 0 ); } +.pt1 { padding-top: var( --spacing-1, 4px ); } +.pt2 { padding-top: var( --spacing-2, 8px ); } +.pt3 { padding-top: var( --spacing-3, 16px ); } +.pt4 { padding-top: var( --spacing-4, 32px ); } +.pt5 { padding-top: var( --spacing-5, 64px ); } +.pt6 { padding-top: var( --spacing-6, 128px ); } +.pt7 { padding-top: var( --spacing-7, 256px ); } +.pt8 { padding-top: var( --spacing-8, 512px ); } +.py0 { padding-top: var( --spacing-0, 0 ); padding-bottom: var( --spacing-0, 0 ); } +.py1 { padding-top: var( --spacing-1, 4px ); padding-bottom: var( --spacing-1, 4px ); } +.py2 { padding-top: var( --spacing-2, 8px ); padding-bottom: var( --spacing-2, 8px ); } +.py3 { padding-top: var( --spacing-3, 16px ); padding-bottom: var( --spacing-3, 16px ); } +.py4 { padding-top: var( --spacing-4, 32px ); padding-bottom: var( --spacing-4, 32px ); } +.py5 { padding-top: var( --spacing-5, 64px ); padding-bottom: var( --spacing-5, 64px ); } +.py6 { padding-top: var( --spacing-6, 128px ); padding-bottom: var( --spacing-6, 128px ); } +.py7 { padding-top: var( --spacing-7, 256px ); padding-bottom: var( --spacing-7, 256px ); } +.py8 { padding-top: var( --spacing-8, 512px ); padding-bottom: var( --spacing-8, 512px ); } +.px0 { padding-left: var( --spacing-0, 0 ); padding-right: var( --spacing-0, 0 ); } +.px1 { padding-left: var( --spacing-1, 4px ); padding-right: var( --spacing-1, 4px ); } +.px2 { padding-left: var( --spacing-2, 8px ); padding-right: var( --spacing-2, 8px ); } +.px3 { padding-left: var( --spacing-3, 16px ); padding-right: var( --spacing-3, 16px ); } +.px4 { padding-left: var( --spacing-4, 32px ); padding-right: var( --spacing-4, 32px ); } +.px5 { padding-left: var( --spacing-5, 64px ); padding-right: var( --spacing-5, 64px ); } +.px6 { padding-left: var( --spacing-6, 128px ); padding-right: var( --spacing-6, 128px ); } +.px7 { padding-left: var( --spacing-7, 256px ); padding-right: var( --spacing-7, 256px ); } +.px8 { padding-left: var( --spacing-8, 512px ); padding-right: var( --spacing-8, 512px ); } +.m0 { margin: var( --spacing-0, 0 ); } +.m1 { margin: var( --spacing-1, 4px ); } +.m2 { margin: var( --spacing-2, 8px ); } +.m3 { margin: var( --spacing-3, 16px ); } +.m4 { margin: var( --spacing-4, 32px ); } +.m5 { margin: var( --spacing-5, 64px ); } +.m6 { margin: var( --spacing-6, 128px ); } +.m7 { margin: var( --spacing-7, 256px ); } +.m8 { margin: var( --spacing-8, 512px ); } +.ml0 { margin-left: var( --spacing-0, 0 ); } +.ml1 { margin-left: var( --spacing-1, 4px ); } +.ml2 { margin-left: var( --spacing-2, 8px ); } +.ml3 { margin-left: var( --spacing-3, 16px ); } +.ml4 { margin-left: var( --spacing-4, 32px ); } +.ml5 { margin-left: var( --spacing-5, 64px ); } +.ml6 { margin-left: var( --spacing-6, 128px ); } +.ml7 { margin-left: var( --spacing-7, 256px ); } +.ml8 { margin-left: var( --spacing-8, 512px ); } +.mr0 { margin-right: var( --spacing-0, 0 ); } +.mr1 { margin-right: var( --spacing-1, 4px ); } +.mr2 { margin-right: var( --spacing-2, 8px ); } +.mr3 { margin-right: var( --spacing-3, 16px ); } +.mr4 { margin-right: var( --spacing-4, 32px ); } +.mr5 { margin-right: var( --spacing-5, 64px ); } +.mr6 { margin-right: var( --spacing-6, 128px ); } +.mr7 { margin-right: var( --spacing-7, 256px ); } +.mr8 { margin-right: var( --spacing-8, 512px ); } +.mb0 { margin-bottom: var( --spacing-0, 0 ); } +.mb1 { margin-bottom: var( --spacing-1, 4px ); } +.mb2 { margin-bottom: var( --spacing-2, 8px ); } +.mb3 { margin-bottom: var( --spacing-3, 16px ); } +.mb4 { margin-bottom: var( --spacing-4, 32px ); } +.mb5 { margin-bottom: var( --spacing-5, 64px ); } +.mb6 { margin-bottom: var( --spacing-6, 128px ); } +.mb7 { margin-bottom: var( --spacing-7, 256px ); } +.mb8 { margin-bottom: var( --spacing-8, 512px ); } +.mt0 { margin-top: var( --spacing-0, 0 ); } +.mt1 { margin-top: var( --spacing-1, 4px ); } +.mt2 { margin-top: var( --spacing-2, 8px ); } +.mt3 { margin-top: var( --spacing-3, 16px ); } +.mt4 { margin-top: var( --spacing-4, 32px ); } +.mt5 { margin-top: var( --spacing-5, 64px ); } +.mt6 { margin-top: var( --spacing-6, 128px ); } +.mt7 { margin-top: var( --spacing-7, 256px ); } +.mt8 { margin-top: var( --spacing-8, 512px ); } +.my0 { margin-top: var( --spacing-0, 0 ); margin-bottom: var( --spacing-0, 0 ); } +.my1 { margin-top: var( --spacing-1, 4px ); margin-bottom: var( --spacing-1, 4px ); } +.my2 { margin-top: var( --spacing-2, 8px ); margin-bottom: var( --spacing-2, 8px ); } +.my3 { margin-top: var( --spacing-3, 16px ); margin-bottom: var( --spacing-3, 16px ); } +.my4 { margin-top: var( --spacing-4, 32px ); margin-bottom: var( --spacing-4, 32px ); } +.my5 { margin-top: var( --spacing-5, 64px ); margin-bottom: var( --spacing-5, 64px ); } +.my6 { margin-top: var( --spacing-6, 128px ); margin-bottom: var( --spacing-6, 128px ); } +.my7 { margin-top: var( --spacing-7, 256px ); margin-bottom: var( --spacing-7, 256px ); } +.my8 { margin-top: var( --spacing-8, 512px ); margin-bottom: var( --spacing-8, 512px ); } +.mx0 { margin-left: var( --spacing-0, 0 ); margin-right: var( --spacing-0, 0 ); } +.mx1 { margin-left: var( --spacing-1, 4px ); margin-right: var( --spacing-1, 4px ); } +.mx2 { margin-left: var( --spacing-2, 8px ); margin-right: var( --spacing-2, 8px ); } +.mx3 { margin-left: var( --spacing-3, 16px ); margin-right: var( --spacing-3, 16px ); } +.mx4 { margin-left: var( --spacing-4, 32px ); margin-right: var( --spacing-4, 32px ); } +.mx5 { margin-left: var( --spacing-5, 64px ); margin-right: var( --spacing-5, 64px ); } +.mx6 { margin-left: var( --spacing-6, 128px ); margin-right: var( --spacing-6, 128px ); } +.mx7 { margin-left: var( --spacing-7, 256px ); margin-right: var( --spacing-7, 256px ); } +.mx8 { margin-left: var( --spacing-8, 512px ); margin-right: var( --spacing-8, 512px ); } /* NEGATIVE MARGINS @@ -2679,42 +2713,41 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ -.na1 { margin: -0.25rem; } -.na2 { margin: -0.5rem; } -.na3 { margin: -1rem; } -.na4 { margin: -2rem; } -.na5 { margin: -4rem; } -.na6 { margin: -8rem; } -.na7 { margin: -16rem; } -.nl1 { margin-left: -0.25rem; } -.nl2 { margin-left: -0.5rem; } -.nl3 { margin-left: -1rem; } -.nl4 { margin-left: -2rem; } -.nl5 { margin-left: -4rem; } -.nl6 { margin-left: -8rem; } -.nl7 { margin-left: -16rem; } -.nr1 { margin-right: -0.25rem; } -.nr2 { margin-right: -0.5rem; } -.nr3 { margin-right: -1rem; } -.nr4 { margin-right: -2rem; } -.nr5 { margin-right: -4rem; } -.nr6 { margin-right: -8rem; } -.nr7 { margin-right: -16rem; } -.nb1 { margin-bottom: -0.25rem; } -.nb2 { margin-bottom: -0.5rem; } -.nb3 { margin-bottom: -1rem; } -.nb4 { margin-bottom: -2rem; } -.nb5 { margin-bottom: -4rem; } -.nb6 { margin-bottom: -8rem; } -.nb7 { margin-bottom: -16rem; } -.nt1 { margin-top: -0.25rem; } -.nt2 { margin-top: -0.5rem; } -.nt3 { margin-top: -1rem; } -.nt4 { margin-top: -2rem; } -.nt5 { margin-top: -4rem; } -.nt6 { margin-top: -8rem; } -.nt7 { margin-top: -16rem; } -/* Variables */ +.na1 { margin: calc( -1 * var( --spacing-1 ) ); } +.na2 { margin: calc( -1 * var( --spacing-2 ) ); } +.na3 { margin: calc( -1 * var( --spacing-3 ) ); } +.na4 { margin: calc( -1 * var( --spacing-4 ) ); } +.na5 { margin: calc( -1 * var( --spacing-5 ) ); } +.na6 { margin: calc( -1 * var( --spacing-6 ) ); } +.na7 { margin: calc( -1 * var( --spacing-7 ) ); } +.nl1 { margin-left: calc( -1 * var( --spacing-1 ) ); } +.nl2 { margin-left: calc( -1 * var( --spacing-2 ) ); } +.nl3 { margin-left: calc( -1 * var( --spacing-3 ) ); } +.nl4 { margin-left: calc( -1 * var( --spacing-4 ) ); } +.nl5 { margin-left: calc( -1 * var( --spacing-5 ) ); } +.nl6 { margin-left: calc( -1 * var( --spacing-6 ) ); } +.nl7 { margin-left: calc( -1 * var( --spacing-7 ) ); } +.nr1 { margin-right: calc( -1 * var( --spacing-1 ) ); } +.nr2 { margin-right: calc( -1 * var( --spacing-2 ) ); } +.nr3 { margin-right: calc( -1 * var( --spacing-3 ) ); } +.nr4 { margin-right: calc( -1 * var( --spacing-4 ) ); } +.nr5 { margin-right: calc( -1 * var( --spacing-5 ) ); } +.nr6 { margin-right: calc( -1 * var( --spacing-6 ) ); } +.nr7 { margin-right: calc( -1 * var( --spacing-7 ) ); } +.nb1 { margin-bottom: calc( -1 * var( --spacing-1 ) ); } +.nb2 { margin-bottom: calc( -1 * var( --spacing-2 ) ); } +.nb3 { margin-bottom: calc( -1 * var( --spacing-3 ) ); } +.nb4 { margin-bottom: calc( -1 * var( --spacing-4 ) ); } +.nb5 { margin-bottom: calc( -1 * var( --spacing-5 ) ); } +.nb6 { margin-bottom: calc( -1 * var( --spacing-6 ) ); } +.nb7 { margin-bottom: calc( -1 * var( --spacing-7 ) ); } +.nt1 { margin-top: calc( -1 * var( --spacing-1 ) ); } +.nt2 { margin-top: calc( -1 * var( --spacing-2 ) ); } +.nt3 { margin-top: calc( -1 * var( --spacing-3 ) ); } +.nt4 { margin-top: calc( -1 * var( --spacing-4 ) ); } +.nt5 { margin-top: calc( -1 * var( --spacing-5 ) ); } +.nt6 { margin-top: calc( -1 * var( --spacing-6 ) ); } +.nt7 { margin-top: calc( -1 * var( --spacing-7 ) ); } /* TABLES @@ -2722,8 +2755,8 @@ code, .code { font-family: Consolas, monaco, monospace; } */ .collapse { border-collapse: collapse; border-spacing: 0; } -.striped--light:nth-child(odd) { background-color: #e8e8e8; } -.striped--dark:nth-child(odd) { background-color: #000; } +.striped--light:nth-child(odd) { background-color: var( --gray-10 ); } +.striped--dark:nth-child(odd) { background-color: var( --gray-0 ); } /* TEXT DECORATION @@ -2778,7 +2811,7 @@ code, .code { font-family: Consolas, monaco, monospace; } n = none Media Query Extensions: - -ns = small + -s = small -m = medium -l = large @@ -2787,7 +2820,7 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl { text-transform: lowercase; } .ttu { text-transform: uppercase; } .ttn { text-transform: none; } -/* +/* TYPE SCALE Docs: http://tachyons.io/docs/typography/scale/ @@ -2803,6 +2836,11 @@ code, .code { font-family: Consolas, monaco, monospace; } 5 = 5th step in size scale 6 = 6th step in size scale 7 = 7th step in size scale + 8 = 8th step in size scale + 9 = 9th step in size scale + 10 = 10th step in size scale + 11 = 11th step in size scale + 12 = 12th step in size scale Media Query Extensions: -s = small @@ -2810,25 +2848,25 @@ code, .code { font-family: Consolas, monaco, monospace; } -l = large */ /* Type Scale */ -.f1 { font-size: .75rem; } -.f2 { font-size: .875rem; } -.f3 { font-size: 1rem; } -.f4 { font-size: 1.125rem; } -.f5 { font-size: 1.25rem; } -.f6 { font-size: 1.5rem; } -.f7 { font-size: 2rem; } -.f8 { font-size: 3rem; } -.f9 { font-size: 4rem; } -.f10 { font-size: 6rem; } -.f11 { font-size: 8rem; } -.f12 { font-size: 12rem; } +.f1 { font-size: var( --font-size-0, .75rem ); } +.f2 { font-size: var( --font-size-1, .875rem ); } +.f3 { font-size: var( --font-size-2, 1rem ); } +.f4 { font-size: var( --font-size-3, 1.125rem ); } +.f5 { font-size: var( --font-size-4, 1.25rem ); } +.f6 { font-size: var( --font-size-5, 1.5rem ); } +.f7 { font-size: var( --font-size-6, 2rem ); } +.f8 { font-size: var( --font-size-7, 3rem ); } +.f9 { font-size: var( --font-size-8, 4rem ); } +.f10 { font-size: var( --font-size-9, 6rem ); } +.f11 { font-size: var( --font-size-10, 8rem ); } +.f12 { font-size: var( --font-size-11, 12rem ); } /* TYPOGRAPHY http://tachyons.io/docs/typography/measure/ Media Query Extensions: - -ns = small + -s = small -m = medium -l = large @@ -2849,13 +2887,11 @@ code, .code { font-family: Consolas, monaco, monospace; } UTILITIES Media Query Extensions: - -ns = small + -s = small -m = medium -l = large */ -/* Equivalent to .overflow-y-scroll */ -.overflow-container { overflow-y: scroll; } .center { margin-right: auto; margin-left: auto; } .mr-auto { margin-right: auto; } .ml-auto { margin-left: auto; } @@ -2871,15 +2907,15 @@ code, .code { font-family: Consolas, monaco, monospace; } */ /* Text that is hidden but accessible - Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility + Ref: https://accessibility.18f.gov/hidden-content/ */ -.clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } +.clip { border: 0; clip: rect( 0 0 0 0 ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* WHITE SPACE Media Query Extensions: - -ns = small + -s = small -m = medium -l = large @@ -2960,14 +2996,37 @@ code, .code { font-family: Consolas, monaco, monospace; } .pointer { cursor: pointer; } .trans-all { transition: all .25s cubic-bezier( .165, .84, .44, 1 ); } /* + * TODO: Test and rename Add shadow on hover. Performant box-shadow animation pattern from http://tobiasahlin.com/blog/how-to-animate-box-shadow/ + +.shadow-hover { + cursor: pointer; + position: relative; + transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.shadow-hover::after { + content: ''; + box-shadow: 0px 0px 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 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +.shadow-hover:hover::after, +.shadow-hover:focus::after { + opacity: 1; +} */ -.shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); } -.shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); } -.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; } /* Combine with classes in skins and skins-pseudo for * many different transition possibilities. */ .trans-bg { transition: background-color .25s ease-in-out; } @@ -3031,17 +3090,16 @@ code, .code { font-family: Consolas, monaco, monospace; } */ .nested-copy-line-height p, .nested-copy-line-height ul, -.nested-copy-line-height ol { line-height: 1.5; } +.nested-copy-line-height ol { line-height: var( --line-height-body, 1.5 ); } .nested-headline-line-height h1, .nested-headline-line-height h2, .nested-headline-line-height h3, .nested-headline-line-height h4, -.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; } +.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: var( --line-height-title, 1.25 ); } .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .nested-copy-separator p+p { margin-top: 1.5em; } .nested-img img { width: 100%; max-width: 100%; display: block; } -.nested-links a { color: #1969db; transition: color .15s ease-in; } -.nested-links a:hover { color: #10448d; transition: color .15s ease-in; } -.nested-links a:focus { color: #10448d; transition: color .15s ease-in; } +.nested-links a { color: var( --blue-5 ); transition: color .15s ease-in; } +.nested-links a:hover, .nested-links a:focus { color: var( --blue-3 ); transition: color .15s ease-in; } /* STYLES @@ -3059,25 +3117,21 @@ code, .code { font-family: Consolas, monaco, monospace; } children. */ -.debug * { outline: 1px solid gold; } -.debug-white * { outline: 1px solid white; } -.debug-black * { outline: 1px solid black; } -/* +.debug * { --debug-color: 128 0 90; --debug-opacity: .8; outline: 1px solid rbg( var( --debug-color, 128 0 90 ) / ( --debug-opacity, .8 ) ); } +/* 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. + Just tack this class onto a parent element */ -.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; } -.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; } -.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; } -.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; } +.debug-grid { --grid-size: 16px; --grid-color: var( --magenta-9 ); background-image: repeating-linear-gradient( 0deg, var( --grid-color ), var( --grid-color ) 1px, transparent 1px, transparent var( --grid-size ) ), repeating-linear-gradient( 90deg, var( --grid-color ), var( --grid-color ) 1px, transparent 1px, transparent var( --grid-size ) ); background-size: 100% var( --grid-size ); } /* Uncomment out the line below to help debug layout issues */ /* @import './_debug'; */ +@media (prefers-color-scheme: dark) { --shadow-color: 255 255 255; } @media screen and (min-width: 30em) { .aspect-ratio-16x9-s { aspect-ratio: 16 / 9; } .aspect-ratio-9x16-s { aspect-ratio: 9 / 16; } @@ -3100,21 +3154,24 @@ code, .code { font-family: Consolas, monaco, monospace; } .outline-s { outline: 1px solid; } .outline-transparent-s { outline: 1px solid transparent; } .outline-0-s { outline: 0; } - .ba-s { border-style: solid; border-width: 1px; } - .bt-s { border-top-style: solid; border-top-width: 1px; } - .br-s { border-right-style: solid; border-right-width: 1px; } - .bb-s { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-s { border-left-style: solid; border-left-width: 1px; } + .ba-s { border-style: solid; border-width: var( --border-width, 1px ); } + .bt-s { border-top-style: solid; border-top-width: var( --border-width, 1px ); } + .br-s { border-right-style: solid; border-right-width: var( --border-width, 1px ); } + .bb-s { border-bottom-style: solid; border-bottom-width: var( --border-width, 1px ); } + .bl-s { border-left-style: solid; border-left-width: var( --border-width, 1px ); } .bn-s { border-style: none; border-width: 0; } - .br0-s { border-radius: 0; } - .br1-s { border-radius: 4px; } - .br2-s { border-radius: 6px; } - .br3-s { border-radius: 8px; } - .br4-s { border-radius: 12px; } - .br5-s { border-radius: 16px; } - .br6-s { border-radius: 32px; } - .br-100-s { border-radius: 100%; } - .br-pill-s { border-radius: 9999px; } + .br0-s { border-radius: var( --border-radius-0, 0 ); } + .br1-s { border-radius: var( --border-radius-1, 4px ); } + .br2-s { border-radius: var( --border-radius-2, 6px ); } + .br3-s { border-radius: var( --border-radius-3, 8px ); } + .br4-s { border-radius: var( --border-radius-4, 12px ); } + .br5-s { border-radius: var( --border-radius-5, 16px ); } + .br6-s { border-radius: var( --border-radius-6, 20px ); } + .br7-s { border-radius: var( --border-radius-7, 24px ); } + .br8-s { border-radius: var( --border-radius-8, 32px ); } + .br9-s { border-radius: var( --border-radius-9, 48px ); } + .br10-s { border-radius: var( --border-radius-10, 64px ); } + .br11-s { border-radius: var( --border-radius-11, 9999px ); } .br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-s { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-s { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3126,49 +3183,36 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-s { border-style: dashed; } .b--solid-s { border-style: solid; } .b--none-s { border-style: none; } - .bw0-s { border-width: 0; } - .bw1-s { border-width: 1px; } - .bw2-s { border-width: 2px; } - .bw3-s { border-width: 4px; } - .bw4-s { border-width: 8px; } + .bw0-s { border-width: var( --border-width-0, 0 ); } + .bw1-s { border-width: var( --border-width-1, 1px ); } + .bw2-s { border-width: var( --border-width-2, 2px ); } + .bw3-s { border-width: var( --border-width-3, 4px ); } + .bw4-s { border-width: var( --border-width-4, 8px ); } + .bw5-s { border-width: var( --border-width-5, 16px ); } .bt-0-s { border-top-width: 0; } .br-0-s { border-right-width: 0; } .bb-0-s { border-bottom-width: 0; } .bl-0-s { border-left-width: 0; } - .shadow-border-s { box-shadow: inset 0 0 1px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-light-s { box-shadow: inset 0 0 1px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-solid-s { box-shadow: inset 0 0 1px 0 currentColor; } - .shadow-border-2-s { box-shadow: inset 0 0 2px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-light-2-s { box-shadow: inset 0 0 2px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-solid-2-s { box-shadow: inset 0 0 2px 0 currentColor; } - .shadow-1-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .125 ), 0 2px 2px rgba( 0, 0, 0, .125 ), 0 4px 4px rgba( 0, 0, 0, .125 ), 0 8px 8px rgba( 0, 0, 0, .125 ), 0 16px 16px rgba( 0, 0, 0, .125 ); } - .shadow-2-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .15 ), 0 2px 2px rgba( 0, 0, 0, .15 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .15 ); } - .shadow-3-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 8px 8px rgba( 0, 0, 0, .11 ), 0 16px 16px rgba( 0, 0, 0, .11 ), 0 32px 32px rgba( 0, 0, 0, .11 ); } - .shadow-4-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .25 ), 0 2px 2px rgba( 0, 0, 0, .20 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .10 ), 0 16px 16px rgba( 0, 0, 0, .05 ); } - .shadow-5-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .08 ), 0 2px 2px rgba( 0, 0, 0, .12 ), 0 4px 4px rgba( 0, 0, 0, .16 ), 0 8px 8px rgba( 0, 0, 0, .20 ); } - .shadow-6-s { box-shadow: 0 1px 2px rgba( 0, 0, 0, .07 ), 0 2px 4px rgba( 0, 0, 0, .07 ), 0 4px 8px rgba( 0, 0, 0, .07 ), 0 8px 16px rgba( 0, 0, 0, .07 ), 0 16px 32px rgba( 0, 0, 0, .07 ), 0 32px 64px rgba( 0, 0, 0, .07 ); } - .shadow-7-s { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 6px 8px rgba( 0, 0, 0, .11 ), 0 8px 16px rgba( 0, 0, 0, .11 ); } - .shadow-8-s { box-shadow: 0 2px 1px rgba( 0, 0, 0, .09 ), 0 4px 2px rgba( 0, 0, 0, .09 ), 0 8px 4px rgba( 0, 0, 0, .09 ), 0 16px 8px rgba( 0, 0, 0, .09 ), 0 32px 16px rgba( 0, 0, 0, .09 ); } .top-0-s { top: 0; } .left-0-s { left: 0; } .right-0-s { right: 0; } .bottom-0-s { bottom: 0; } - .top-1-s { top: 1rem; } - .left-1-s { left: 1rem; } - .right-1-s { right: 1rem; } - .bottom-1-s { bottom: 1rem; } - .top-2-s { top: 2rem; } - .left-2-s { left: 2rem; } - .right-2-s { right: 2rem; } - .bottom-2-s { bottom: 2rem; } - .top--1-s { top: -1rem; } - .right--1-s { right: -1rem; } - .bottom--1-s { bottom: -1rem; } - .left--1-s { left: -1rem; } - .top--2-s { top: -2rem; } - .right--2-s { right: -2rem; } - .bottom--2-s { bottom: -2rem; } - .left--2-s { left: -2rem; } + .top-1-s { top: var( --size, 1rem ); } + .left-1-s { left: var( --size, 1rem ); } + .right-1-s { right: var( --size, 1rem ); } + .bottom-1-s { bottom: var( --size, 1rem ); } + .top-2-s { top: calc( var( --size, 1rem ) * 2 ); } + .left-2-s { left: calc( var( --size, 1rem ) * 2 ); } + .right-2-s { right: calc( var( --size, 1rem ) * 2 ); } + .bottom-2-s { bottom: calc( var( --size, 1rem ) * 2 ); } + .top--1-s { top: calc( var( --size, 1rem ) * -1 ); } + .right--1-s { right: calc( var( --size, 1rem ) * -1 ); } + .bottom--1-s { bottom: calc( var( --size, 1rem ) * -1 ); } + .left--1-s { left: calc( var( --size, 1rem ) * -1 ); } + .top--2-s { top: calc( var( --size, 1rem ) * -2 ); } + .right--2-s { right: calc( var( --size, 1rem ) * -2 ); } + .bottom--2-s { bottom: calc( var( --size, 1rem ) * -2 ); } + .left--2-s { left: calc( var( --size, 1rem ) * -2 ); } .absolute--fill-s { top: 0; right: 0; bottom: 0; left: 0; } .dn-s { display: none; } .di-s { display: inline; } @@ -3178,14 +3222,14 @@ code, .code { font-family: Consolas, monaco, monospace; } .dif-s, .inline-flex-s { display: inline-flex; } .dg-s, .grid-s { display: grid; } .dig-s, .inline-grid-s { display: inline-grid; } - .g0-s { gap: 0; } - .g1-s { gap: .25rem; } - .g2-s { gap: .5rem; } - .g3-s { gap: 1rem; } - .g4-s { gap: 2rem; } - .g5-s { gap: 4rem; } - .g6-s { gap: 8rem; } - .g7-s { gap: 16rem; } + .g0-s { gap: var( --spacing-0, 0 ); } + .g1-s { gap: var( --spacing-1, 4px ); } + .g2-s { gap: var( --spacing-2, 8px ); } + .g3-s { gap: var( --spacing-3, 16px ); } + .g4-s { gap: var( --spacing-4, 32px ); } + .g5-s { gap: var( --spacing-5, 64px ); } + .g6-s { gap: var( --spacing-6, 128px ); } + .g7-s { gap: var( --spacing-7, 256px ); } .cols-1-s { grid-template-columns: repeat( 1, 1fr ); } .cols-2-s { grid-template-columns: repeat( 2, 1fr ); } .cols-3-s { grid-template-columns: repeat( 3, 1fr ); } @@ -3357,11 +3401,15 @@ code, .code { font-family: Consolas, monaco, monospace; } .fw7-s { font-weight: 700; } .fw8-s { font-weight: 800; } .fw9-s { font-weight: 900; } - .h1-s { height: 1rem; } - .h2-s { height: 2rem; } - .h3-s { height: 4rem; } - .h4-s { height: 8rem; } - .h5-s { height: 16rem; } + .h0-s { height: var( --size-0, 0 ); } + .h1-s { height: var( --size-1, 1rem ); } + .h2-s { height: var( --size-2, 2rem ); } + .h3-s { height: var( --size-3, 3rem ); } + .h4-s { height: var( --size-4, 4rem ); } + .h5-s { height: var( --size-5, 8rem ); } + .h6-s { height: var( --size-6, 16rem ); } + .h7-s { height: var( --size-7, 32rem ); } + .h8-s { height: var( --size-8, 64rem ); } .h-50-s { height: 50%; } .h-75-s { height: 75%; } .h-100-s { height: 100%; } @@ -3373,12 +3421,12 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-s { min-height: 100vh; } .h-auto-s { height: auto; } .h-inherit-s { height: inherit; } - .tracked-s { letter-spacing: .1em; } - .tracked-tight-s { letter-spacing: -.05em; } - .tracked-mega-s { letter-spacing: .25em; } - .lh-solid-s { line-height: 1; } - .lh-title-s { line-height: 1.25; } - .lh-copy-s { line-height: 1.5; } + .tracked-s { letter-spacing: var( --letter-spacing-tracked, .1em ); } + .tracked-tight-s { letter-spacing: var( --letter-spacing-tight, -0.05em ); } + .tracked-mega-s { letter-spacing: var( --letter-spacing-large, .25em ); } + .lh-solid-s { line-height: var( --line-height-solid, 1 ); } + .lh-title-s { line-height: var( --line-height-title, 1.25 ); } + .lh-copy-s { line-height: var( --line-height-body, 1.5 ); } .mw-100-s { max-width: 100%; } .mw1-s { max-width: 1rem; } .mw2-s { max-width: 2rem; } @@ -3390,20 +3438,24 @@ code, .code { font-family: Consolas, monaco, monospace; } .mw8-s { max-width: 64rem; } .mw9-s { max-width: 96rem; } .mw-none-s { max-width: none; } - .w1-ns { width: 1rem; } - .w2-ns { width: 2rem; } - .w3-ns { width: 4rem; } - .w4-ns { width: 8rem; } - .w5-ns { width: 16rem; } - .w-10-ns { width: 10%; } - .w-20-ns { width: 20%; } - .w-25-ns { width: 25%; } - .w-50-ns { width: 50%; } - .w-75-ns { width: 75%; } - .w-100-ns { width: 100%; } - .w-third-ns { width: 33.33333%; } - .w-two-thirds-ns { width: 66.66667%; } - .w-auto-ns { width: auto; } + .w0-s { width: var( --size-0, 0 ); } + .w1-s { width: var( --size-1, 1rem ); } + .w2-s { width: var( --size-2, 2rem ); } + .w3-s { width: var( --size-3, 3rem ); } + .w4-s { width: var( --size-4, 4rem ); } + .w5-s { width: var( --size-5, 8rem ); } + .w6-s { width: var( --size-6, 16rem ); } + .w7-s { width: var( --size-7, 32rem ); } + .w8-s { width: var( --size-8, 64rem ); } + .w-10-s { width: 10%; } + .w-20-s { width: 20%; } + .w-25-s { width: 25%; } + .w-50-s { width: 50%; } + .w-75-s { width: 75%; } + .w-100-s { width: 100%; } + .w-third-s { width: calc( 100% / 3 ); } + .w-two-thirds-s { width: calc( 100% / 1.5 ); } + .w-auto-s { width: auto; } .overflow-visible-s { overflow: visible; } .overflow-hidden-s { overflow: hidden; } .overflow-scroll-s { overflow: scroll; } @@ -3428,131 +3480,131 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-s { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-s { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-s { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .p0-s { padding: 0; } - .p1-s { padding: .25rem; } - .p2-s { padding: .5rem; } - .p3-s { padding: 1rem; } - .p4-s { padding: 2rem; } - .p5-s { padding: 4rem; } - .p6-s { padding: 8rem; } - .p7-s { padding: 16rem; } - .p8-s { padding: 32rem; } - .pl0-s { padding-left: 0; } - .pl1-s { padding-left: .25rem; } - .pl2-s { padding-left: .5rem; } - .pl3-s { padding-left: 1rem; } - .pl4-s { padding-left: 2rem; } - .pl5-s { padding-left: 4rem; } - .pl6-s { padding-left: 8rem; } - .pl7-s { padding-left: 16rem; } - .pl8-s { padding-left: 32rem; } - .pr0-s { padding-right: 0; } - .pr1-s { padding-right: .25rem; } - .pr2-s { padding-right: .5rem; } - .pr3-s { padding-right: 1rem; } - .pr4-s { padding-right: 2rem; } - .pr5-s { padding-right: 4rem; } - .pr6-s { padding-right: 8rem; } - .pr7-s { padding-right: 16rem; } - .pr8-s { padding-right: 32rem; } - .pb0-s { padding-bottom: 0; } - .pb1-s { padding-bottom: .25rem; } - .pb2-s { padding-bottom: .5rem; } - .pb3-s { padding-bottom: 1rem; } - .pb4-s { padding-bottom: 2rem; } - .pb5-s { padding-bottom: 4rem; } - .pb6-s { padding-bottom: 8rem; } - .pb7-s { padding-bottom: 16rem; } - .pb8-s { padding-bottom: 32rem; } - .pt0-s { padding-top: 0; } - .pt1-s { padding-top: .25rem; } - .pt2-s { padding-top: .5rem; } - .pt3-s { padding-top: 1rem; } - .pt4-s { padding-top: 2rem; } - .pt5-s { padding-top: 4rem; } - .pt6-s { padding-top: 8rem; } - .pt7-s { padding-top: 16rem; } - .pt8-s { padding-top: 32rem; } - .py0-s { padding-top: 0; padding-bottom: 0; } - .py1-s { padding-top: .25rem; padding-bottom: .25rem; } - .py2-s { padding-top: .5rem; padding-bottom: .5rem; } - .py3-s { padding-top: 1rem; padding-bottom: 1rem; } - .py4-s { padding-top: 2rem; padding-bottom: 2rem; } - .py5-s { padding-top: 4rem; padding-bottom: 4rem; } - .py6-s { padding-top: 8rem; padding-bottom: 8rem; } - .py7-s { padding-top: 16rem; padding-bottom: 16rem; } - .py8-s { padding-top: 16rem; padding-bottom: 16rem; } - .px0-s { padding-left: 0; padding-right: 0; } - .px1-s { padding-left: .25rem; padding-right: .25rem; } - .px2-s { padding-left: .5rem; padding-right: .5rem; } - .px3-s { padding-left: 1rem; padding-right: 1rem; } - .px4-s { padding-left: 2rem; padding-right: 2rem; } - .px5-s { padding-left: 4rem; padding-right: 4rem; } - .px6-s { padding-left: 8rem; padding-right: 8rem; } - .px7-s { padding-left: 16rem; padding-right: 16rem; } - .px8-s { padding-left: 32rem; padding-right: 32rem; } - .m0-s { margin: 0; } - .m1-s { margin: .25rem; } - .m2-s { margin: .5rem; } - .m3-s { margin: 1rem; } - .m4-s { margin: 2rem; } - .m5-s { margin: 4rem; } - .m6-s { margin: 8rem; } - .m7-s { margin: 16rem; } - .m8-s { margin: 32rem; } - .ml0-s { margin-left: 0; } - .ml1-s { margin-left: .25rem; } - .ml2-s { margin-left: .5rem; } - .ml3-s { margin-left: 1rem; } - .ml4-s { margin-left: 2rem; } - .ml5-s { margin-left: 4rem; } - .ml6-s { margin-left: 8rem; } - .ml7-s { margin-left: 16rem; } - .ml8-s { margin-left: 32rem; } - .mr0-s { margin-right: 0; } - .mr1-s { margin-right: .25rem; } - .mr2-s { margin-right: .5rem; } - .mr3-s { margin-right: 1rem; } - .mr4-s { margin-right: 2rem; } - .mr5-s { margin-right: 4rem; } - .mr6-s { margin-right: 8rem; } - .mr7-s { margin-right: 16rem; } - .mr8-s { margin-right: 32rem; } - .mb0-s { margin-bottom: 0; } - .mb1-s { margin-bottom: .25rem; } - .mb2-s { margin-bottom: .5rem; } - .mb3-s { margin-bottom: 1rem; } - .mb4-s { margin-bottom: 2rem; } - .mb5-s { margin-bottom: 4rem; } - .mb6-s { margin-bottom: 8rem; } - .mb8-s { margin-bottom: 32rem; } - .mt0-s { margin-top: 0; } - .mt1-s { margin-top: .25rem; } - .mt2-s { margin-top: .5rem; } - .mt3-s { margin-top: 1rem; } - .mt4-s { margin-top: 2rem; } - .mt5-s { margin-top: 4rem; } - .mt6-s { margin-top: 8rem; } - .mt7-s { margin-top: 16rem; } - .mt8-s { margin-top: 32rem; } - .my0-s { margin-top: 0; margin-bottom: 0; } - .my1-s { margin-top: .25rem; margin-bottom: .25rem; } - .my2-s { margin-top: .5rem; margin-bottom: .5rem; } - .my3-s { margin-top: 1rem; margin-bottom: 1rem; } - .my4-s { margin-top: 2rem; margin-bottom: 2rem; } - .my5-s { margin-top: 4rem; margin-bottom: 4rem; } - .my6-s { margin-top: 8rem; margin-bottom: 8rem; } - .my7-s { margin-top: 16rem; margin-bottom: 16rem; } - .my8-s { margin-top: 32rem; margin-bottom: 32rem; } - .mx0-s { margin-left: 0; margin-right: 0; } - .mx1-s { margin-left: .25rem; margin-right: .25rem; } - .mx2-s { margin-left: .5rem; margin-right: .5rem; } - .mx3-s { margin-left: 1rem; margin-right: 1rem; } - .mx4-s { margin-left: 2rem; margin-right: 2rem; } - .mx5-s { margin-left: 4rem; margin-right: 4rem; } - .mx6-s { margin-left: 8rem; margin-right: 8rem; } - .mx7-s { margin-left: 16rem; margin-right: 16rem; } - .mx8-s { margin-left: 32rem; margin-right: 32rem; } + .p0-s { padding: var( --spacing-0, 0 ); } + .p1-s { padding: var( --spacing-1, 4px ); } + .p2-s { padding: var( --spacing-2, 8px ); } + .p3-s { padding: var( --spacing-3, 16px ); } + .p4-s { padding: var( --spacing-4, 32px ); } + .p5-s { padding: var( --spacing-5, 64px ); } + .p6-s { padding: var( --spacing-6, 128px ); } + .p7-s { padding: var( --spacing-7, 256px ); } + .p8-s { padding: var( --spacing-8, 512px ); } + .pl0-s { padding-left: var( --spacing-0, 0 ); } + .pl1-s { padding-left: var( --spacing-1, 4px ); } + .pl2-s { padding-left: var( --spacing-2, 8px ); } + .pl3-s { padding-left: var( --spacing-3, 16px ); } + .pl4-s { padding-left: var( --spacing-4, 32px ); } + .pl5-s { padding-left: var( --spacing-5, 64px ); } + .pl6-s { padding-left: var( --spacing-6, 128px ); } + .pl7-s { padding-left: var( --spacing-7, 256px ); } + .pl8-s { padding-left: var( --spacing-8, 512px ); } + .pr0-s { padding-right: var( --spacing-0, 0 ); } + .pr1-s { padding-right: var( --spacing-1, 4px ); } + .pr2-s { padding-right: var( --spacing-2, 8px ); } + .pr3-s { padding-right: var( --spacing-3, 16px ); } + .pr4-s { padding-right: var( --spacing-4, 32px ); } + .pr5-s { padding-right: var( --spacing-5, 64px ); } + .pr6-s { padding-right: var( --spacing-6, 128px ); } + .pr7-s { padding-right: var( --spacing-7, 256px ); } + .pr8-s { padding-right: var( --spacing-8, 512px ); } + .pb0-s { padding-bottom: var( --spacing-0, 0 ); } + .pb1-s { padding-bottom: var( --spacing-1, 4px ); } + .pb2-s { padding-bottom: var( --spacing-2, 8px ); } + .pb3-s { padding-bottom: var( --spacing-3, 16px ); } + .pb4-s { padding-bottom: var( --spacing-4, 32px ); } + .pb5-s { padding-bottom: var( --spacing-5, 64px ); } + .pb6-s { padding-bottom: var( --spacing-6, 128px ); } + .pb7-s { padding-bottom: var( --spacing-7, 256px ); } + .pb8-s { padding-bottom: var( --spacing-8, 512px ); } + .pt0-s { padding-top: var( --spacing-0, 0 ); } + .pt1-s { padding-top: var( --spacing-1, 4px ); } + .pt2-s { padding-top: var( --spacing-2, 8px ); } + .pt3-s { padding-top: var( --spacing-3, 16px ); } + .pt4-s { padding-top: var( --spacing-4, 32px ); } + .pt5-s { padding-top: var( --spacing-5, 64px ); } + .pt6-s { padding-top: var( --spacing-6, 128px ); } + .pt7-s { padding-top: var( --spacing-7, 256px ); } + .pt8-s { padding-top: var( --spacing-8, 512px ); } + .py0-s { padding-top: var( --spacing-0, 0 ); padding-bottom: var( --spacing-0, 0 ); } + .py1-s { padding-top: var( --spacing-1, 4px ); padding-bottom: var( --spacing-1, 4px ); } + .py2-s { padding-top: var( --spacing-2, 8px ); padding-bottom: var( --spacing-2, 8px ); } + .py3-s { padding-top: var( --spacing-3, 16px ); padding-bottom: var( --spacing-3, 16px ); } + .py4-s { padding-top: var( --spacing-4, 32px ); padding-bottom: var( --spacing-4, 32px ); } + .py5-s { padding-top: var( --spacing-5, 64px ); padding-bottom: var( --spacing-5, 64px ); } + .py6-s { padding-top: var( --spacing-6, 128px ); padding-bottom: var( --spacing-6, 128px ); } + .py7-s { padding-top: var( --spacing-7, 256px ); padding-bottom: var( --spacing-7, 256px ); } + .py8-s { padding-top: var( --spacing-7, 256px ); padding-bottom: var( --spacing-7, 256px ); } + .px0-s { padding-left: var( --spacing-0, 0 ); padding-right: var( --spacing-0, 0 ); } + .px1-s { padding-left: var( --spacing-1, 4px ); padding-right: var( --spacing-1, 4px ); } + .px2-s { padding-left: var( --spacing-2, 8px ); padding-right: var( --spacing-2, 8px ); } + .px3-s { padding-left: var( --spacing-3, 16px ); padding-right: var( --spacing-3, 16px ); } + .px4-s { padding-left: var( --spacing-4, 32px ); padding-right: var( --spacing-4, 32px ); } + .px5-s { padding-left: var( --spacing-5, 64px ); padding-right: var( --spacing-5, 64px ); } + .px6-s { padding-left: var( --spacing-6, 128px ); padding-right: var( --spacing-6, 128px ); } + .px7-s { padding-left: var( --spacing-7, 256px ); padding-right: var( --spacing-7, 256px ); } + .px8-s { padding-left: var( --spacing-8, 512px ); padding-right: var( --spacing-8, 512px ); } + .m0-s { margin: var( --spacing-0, 0 ); } + .m1-s { margin: var( --spacing-1, 4px ); } + .m2-s { margin: var( --spacing-2, 8px ); } + .m3-s { margin: var( --spacing-3, 16px ); } + .m4-s { margin: var( --spacing-4, 32px ); } + .m5-s { margin: var( --spacing-5, 64px ); } + .m6-s { margin: var( --spacing-6, 128px ); } + .m7-s { margin: var( --spacing-7, 256px ); } + .m8-s { margin: var( --spacing-8, 512px ); } + .ml0-s { margin-left: var( --spacing-0, 0 ); } + .ml1-s { margin-left: var( --spacing-1, 4px ); } + .ml2-s { margin-left: var( --spacing-2, 8px ); } + .ml3-s { margin-left: var( --spacing-3, 16px ); } + .ml4-s { margin-left: var( --spacing-4, 32px ); } + .ml5-s { margin-left: var( --spacing-5, 64px ); } + .ml6-s { margin-left: var( --spacing-6, 128px ); } + .ml7-s { margin-left: var( --spacing-7, 256px ); } + .ml8-s { margin-left: var( --spacing-8, 512px ); } + .mr0-s { margin-right: var( --spacing-0, 0 ); } + .mr1-s { margin-right: var( --spacing-1, 4px ); } + .mr2-s { margin-right: var( --spacing-2, 8px ); } + .mr3-s { margin-right: var( --spacing-3, 16px ); } + .mr4-s { margin-right: var( --spacing-4, 32px ); } + .mr5-s { margin-right: var( --spacing-5, 64px ); } + .mr6-s { margin-right: var( --spacing-6, 128px ); } + .mr7-s { margin-right: var( --spacing-7, 256px ); } + .mr8-s { margin-right: var( --spacing-8, 512px ); } + .mb0-s { margin-bottom: var( --spacing-0, 0 ); } + .mb1-s { margin-bottom: var( --spacing-1, 4px ); } + .mb2-s { margin-bottom: var( --spacing-2, 8px ); } + .mb3-s { margin-bottom: var( --spacing-3, 16px ); } + .mb4-s { margin-bottom: var( --spacing-4, 32px ); } + .mb5-s { margin-bottom: var( --spacing-5, 64px ); } + .mb6-s { margin-bottom: var( --spacing-6, 128px ); } + .mb8-s { margin-bottom: var( --spacing-8, 512px ); } + .mt0-s { margin-top: var( --spacing-0, 0 ); } + .mt1-s { margin-top: var( --spacing-1, 4px ); } + .mt2-s { margin-top: var( --spacing-2, 8px ); } + .mt3-s { margin-top: var( --spacing-3, 16px ); } + .mt4-s { margin-top: var( --spacing-4, 32px ); } + .mt5-s { margin-top: var( --spacing-5, 64px ); } + .mt6-s { margin-top: var( --spacing-6, 128px ); } + .mt7-s { margin-top: var( --spacing-7, 256px ); } + .mt8-s { margin-top: var( --spacing-8, 512px ); } + .my0-s { margin-top: var( --spacing-0, 0 ); margin-bottom: var( --spacing-0, 0 ); } + .my1-s { margin-top: var( --spacing-1, 4px ); margin-bottom: var( --spacing-1, 4px ); } + .my2-s { margin-top: var( --spacing-2, 8px ); margin-bottom: var( --spacing-2, 8px ); } + .my3-s { margin-top: var( --spacing-3, 16px ); margin-bottom: var( --spacing-3, 16px ); } + .my4-s { margin-top: var( --spacing-4, 32px ); margin-bottom: var( --spacing-4, 32px ); } + .my5-s { margin-top: var( --spacing-5, 64px ); margin-bottom: var( --spacing-5, 64px ); } + .my6-s { margin-top: var( --spacing-6, 128px ); margin-bottom: var( --spacing-6, 128px ); } + .my7-s { margin-top: var( --spacing-7, 256px ); margin-bottom: var( --spacing-7, 256px ); } + .my8-s { margin-top: var( --spacing-8, 512px ); margin-bottom: var( --spacing-8, 512px ); } + .mx0-s { margin-left: var( --spacing-0, 0 ); margin-right: var( --spacing-0, 0 ); } + .mx1-s { margin-left: var( --spacing-1, 4px ); margin-right: var( --spacing-1, 4px ); } + .mx2-s { margin-left: var( --spacing-2, 8px ); margin-right: var( --spacing-2, 8px ); } + .mx3-s { margin-left: var( --spacing-3, 16px ); margin-right: var( --spacing-3, 16px ); } + .mx4-s { margin-left: var( --spacing-4, 32px ); margin-right: var( --spacing-4, 32px ); } + .mx5-s { margin-left: var( --spacing-5, 64px ); margin-right: var( --spacing-5, 64px ); } + .mx6-s { margin-left: var( --spacing-6, 128px ); margin-right: var( --spacing-6, 128px ); } + .mx7-s { margin-left: var( --spacing-7, 256px ); margin-right: var( --spacing-7, 256px ); } + .mx8-s { margin-left: var( --spacing-8, 512px ); margin-right: var( --spacing-8, 512px ); } .tl-s { text-align: left; } .tr-s { text-align: right; } .tc-s { text-align: center; } @@ -3561,28 +3613,28 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-s { text-transform: lowercase; } .ttu-s { text-transform: uppercase; } .ttn-s { text-transform: none; } - .f1-s { font-size: .75rem; } - .f2-s { font-size: .875rem; } - .f3-s { font-size: 1rem; } - .f4-s { font-size: 1.125rem; } - .f5-s { font-size: 1.25rem; } - .f6-s { font-size: 1.5rem; } - .f7-s { font-size: 2rem; } - .f8-s { font-size: 3rem; } - .f9-s { font-size: 4rem; } - .f10-s { font-size: 6rem; } - .f11-s { font-size: 8rem; } - .f12-s { font-size: 12rem; } + .f1-s { font-size: var( --font-size-0, .75rem ); } + .f2-s { font-size: var( --font-size-1, .875rem ); } + .f3-s { font-size: var( --font-size-2, 1rem ); } + .f4-s { font-size: var( --font-size-3, 1.125rem ); } + .f5-s { font-size: var( --font-size-4, 1.25rem ); } + .f6-s { font-size: var( --font-size-5, 1.5rem ); } + .f7-s { font-size: var( --font-size-6, 2rem ); } + .f8-s { font-size: var( --font-size-7, 3rem ); } + .f9-s { font-size: var( --font-size-8, 4rem ); } + .f10-s { font-size: var( --font-size-9, 6rem ); } + .f11-s { font-size: var( --font-size-10, 8rem ); } + .f12-s { font-size: var( --font-size-11, 12rem ); } .measure-s { max-width: 66ch; } .measure-wide-s { max-width: 80ch; } .measure-narrow-s { max-width: 45ch; } .small-caps-s { font-variant: small-caps; } .indent-s { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .truncate-s { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .center-ns { margin-right: auto; margin-left: auto; } - .mr-auto-ns { margin-right: auto; } - .ml-auto-ns { margin-left: auto; } - .clip-s { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .center-s { margin-right: auto; margin-left: auto; } + .mr-auto-s { margin-right: auto; } + .ml-auto-s { margin-left: auto; } + .clip-s { border: 0; clip: rect( 0 0 0 0 ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ws-normal-s { white-space: normal; } .nowrap-s { white-space: nowrap; } .pre-s { white-space: pre; } @@ -3613,21 +3665,24 @@ code, .code { font-family: Consolas, monaco, monospace; } .outline-m { outline: 1px solid; } .outline-transparent-m { outline: 1px solid transparent; } .outline-0-m { outline: 0; } - .ba-m { border-style: solid; border-width: 1px; } - .bt-m { border-top-style: solid; border-top-width: 1px; } - .br-m { border-right-style: solid; border-right-width: 1px; } - .bb-m { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-m { border-left-style: solid; border-left-width: 1px; } + .ba-m { border-style: solid; border-width: var( --border-width, 1px ); } + .bt-m { border-top-style: solid; border-top-width: var( --border-width, 1px ); } + .br-m { border-right-style: solid; border-right-width: var( --border-width, 1px ); } + .bb-m { border-bottom-style: solid; border-bottom-width: var( --border-width, 1px ); } + .bl-m { border-left-style: solid; border-left-width: var( --border-width, 1px ); } .bn-m { border-style: none; border-width: 0; } - .br0-m { border-radius: 0; } - .br1-m { border-radius: 4px; } - .br2-m { border-radius: 6px; } - .br3-m { border-radius: 8px; } - .br4-m { border-radius: 12px; } - .br5-m { border-radius: 16px; } - .br6-m { border-radius: 32px; } - .br-100-m { border-radius: 100%; } - .br-pill-m { border-radius: 9999px; } + .br0-m { border-radius: var( --border-radius-0, 0 ); } + .br1-m { border-radius: var( --border-radius-1, 4px ); } + .br2-m { border-radius: var( --border-radius-2, 6px ); } + .br3-m { border-radius: var( --border-radius-3, 8px ); } + .br4-m { border-radius: var( --border-radius-4, 12px ); } + .br5-m { border-radius: var( --border-radius-5, 16px ); } + .br6-m { border-radius: var( --border-radius-6, 20px ); } + .br7-m { border-radius: var( --border-radius-7, 24px ); } + .br8-m { border-radius: var( --border-radius-8, 32px ); } + .br9-m { border-radius: var( --border-radius-9, 48px ); } + .br10-m { border-radius: var( --border-radius-10, 64px ); } + .br11-m { border-radius: var( --border-radius-11, 9999px ); } .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -3639,49 +3694,36 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-m { border-style: dashed; } .b--solid-m { border-style: solid; } .b--none-m { border-style: none; } - .bw0-m { border-width: 0; } - .bw1-m { border-width: 1px; } - .bw2-m { border-width: 2px; } - .bw3-m { border-width: 4px; } - .bw4-m { border-width: 8px; } + .bw0-m { border-width: var( --border-width-0, 0 ); } + .bw1-m { border-width: var( --border-width-1, 1px ); } + .bw2-m { border-width: var( --border-width-2, 2px ); } + .bw3-m { border-width: var( --border-width-3, 4px ); } + .bw4-m { border-width: var( --border-width-4, 8px ); } + .bw5-m { border-width: var( --border-width-5, 16px ); } .bt-0-m { border-top-width: 0; } .br-0-m { border-right-width: 0; } .bb-0-m { border-bottom-width: 0; } .bl-0-m { border-left-width: 0; } - .shadow-border-m { box-shadow: inset 0 0 1px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-light-m { box-shadow: inset 0 0 1px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-solid-m { box-shadow: inset 0 0 1px 0 currentColor; } - .shadow-border-2-m { box-shadow: inset 0 0 2px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-light-2-m { box-shadow: inset 0 0 2px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-solid-2-m { box-shadow: inset 0 0 2px 0 currentColor; } - .shadow-1-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .125 ), 0 2px 2px rgba( 0, 0, 0, .125 ), 0 4px 4px rgba( 0, 0, 0, .125 ), 0 8px 8px rgba( 0, 0, 0, .125 ), 0 16px 16px rgba( 0, 0, 0, .125 ); } - .shadow-2-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .15 ), 0 2px 2px rgba( 0, 0, 0, .15 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .15 ); } - .shadow-3-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 8px 8px rgba( 0, 0, 0, .11 ), 0 16px 16px rgba( 0, 0, 0, .11 ), 0 32px 32px rgba( 0, 0, 0, .11 ); } - .shadow-4-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .25 ), 0 2px 2px rgba( 0, 0, 0, .20 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .10 ), 0 16px 16px rgba( 0, 0, 0, .05 ); } - .shadow-5-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .08 ), 0 2px 2px rgba( 0, 0, 0, .12 ), 0 4px 4px rgba( 0, 0, 0, .16 ), 0 8px 8px rgba( 0, 0, 0, .20 ); } - .shadow-6-m { box-shadow: 0 1px 2px rgba( 0, 0, 0, .07 ), 0 2px 4px rgba( 0, 0, 0, .07 ), 0 4px 8px rgba( 0, 0, 0, .07 ), 0 8px 16px rgba( 0, 0, 0, .07 ), 0 16px 32px rgba( 0, 0, 0, .07 ), 0 32px 64px rgba( 0, 0, 0, .07 ); } - .shadow-7-m { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 6px 8px rgba( 0, 0, 0, .11 ), 0 8px 16px rgba( 0, 0, 0, .11 ); } - .shadow-8-m { box-shadow: 0 2px 1px rgba( 0, 0, 0, .09 ), 0 4px 2px rgba( 0, 0, 0, .09 ), 0 8px 4px rgba( 0, 0, 0, .09 ), 0 16px 8px rgba( 0, 0, 0, .09 ), 0 32px 16px rgba( 0, 0, 0, .09 ); } .top-0-m { top: 0; } .left-0-m { left: 0; } .right-0-m { right: 0; } .bottom-0-m { bottom: 0; } - .top-1-m { top: 1rem; } - .left-1-m { left: 1rem; } - .right-1-m { right: 1rem; } - .bottom-1-m { bottom: 1rem; } - .top-2-m { top: 2rem; } - .left-2-m { left: 2rem; } - .right-2-m { right: 2rem; } - .bottom-2-m { bottom: 2rem; } - .top--1-m { top: -1rem; } - .right--1-m { right: -1rem; } - .bottom--1-m { bottom: -1rem; } - .left--1-m { left: -1rem; } - .top--2-m { top: -2rem; } - .right--2-m { right: -2rem; } - .bottom--2-m { bottom: -2rem; } - .left--2-m { left: -2rem; } + .top-1-m { top: var( --size, 1rem ); } + .left-1-m { left: var( --size, 1rem ); } + .right-1-m { right: var( --size, 1rem ); } + .bottom-1-m { bottom: var( --size, 1rem ); } + .top-2-m { top: calc( var( --size, 1rem ) * 2 ); } + .left-2-m { left: calc( var( --size, 1rem ) * 2 ); } + .right-2-m { right: calc( var( --size, 1rem ) * 2 ); } + .bottom-2-m { bottom: calc( var( --size, 1rem ) * 2 ); } + .top--1-m { top: calc( var( --size, 1rem ) * -1 ); } + .right--1-m { right: calc( var( --size, 1rem ) * -1 ); } + .bottom--1-m { bottom: calc( var( --size, 1rem ) * -1 ); } + .left--1-m { left: calc( var( --size, 1rem ) * -1 ); } + .top--2-m { top: calc( var( --size, 1rem ) * -2 ); } + .right--2-m { right: calc( var( --size, 1rem ) * -2 ); } + .bottom--2-m { bottom: calc( var( --size, 1rem ) * -2 ); } + .left--2-m { left: calc( var( --size, 1rem ) * -2 ); } .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; } .dn-m { display: none; } .di-m { display: inline; } @@ -3691,14 +3733,14 @@ code, .code { font-family: Consolas, monaco, monospace; } .dif-m, .inline-flex-m { display: inline-flex; } .dg-m, .grid-m { display: grid; } .dig-m, .inline-grid-m { display: inline-grid; } - .g0-m { gap: 0; } - .g1-m { gap: .25rem; } - .g2-m { gap: .5rem; } - .g3-m { gap: 1rem; } - .g4-m { gap: 2rem; } - .g5-m { gap: 4rem; } - .g6-m { gap: 8rem; } - .g7-m { gap: 16rem; } + .g0-m { gap: var( --spacing-0, 0 ); } + .g1-m { gap: var( --spacing-1, 4px ); } + .g2-m { gap: var( --spacing-2, 8px ); } + .g3-m { gap: var( --spacing-3, 16px ); } + .g4-m { gap: var( --spacing-4, 32px ); } + .g5-m { gap: var( --spacing-5, 64px ); } + .g6-m { gap: var( --spacing-6, 128px ); } + .g7-m { gap: var( --spacing-7, 256px ); } .cols-1-m { grid-template-columns: repeat( 1, 1fr ); } .cols-2-m { grid-template-columns: repeat( 2, 1fr ); } .cols-3-m { grid-template-columns: repeat( 3, 1fr ); } @@ -3742,21 +3784,21 @@ code, .code { font-family: Consolas, monaco, monospace; } .col-center3-m { grid-column: 4 / -4; } .col-center4-m { grid-column: 6 / -6; } .col-auto-m { grid-column: auto; } - .start-1-m { grid-column-mtart: 1; } - .start-2-m { grid-column-mtart: 2; } - .start-3-m { grid-column-mtart: 3; } - .start-4-m { grid-column-mtart: 4; } - .start-5-m { grid-column-mtart: 5; } - .start-6-m { grid-column-mtart: 6; } - .start-7-m { grid-column-mtart: 7; } - .start-8-m { grid-column-mtart: 8; } - .start-9-m { grid-column-mtart: 9; } - .start-10-m { grid-column-mtart: 10; } - .start-11-m { grid-column-mtart: 11; } - .start-12-m { grid-column-mtart: 12; } - .start-13-m { grid-column-mtart: 13; } - .start-14-m { grid-column-mtart: 14; } - .start-15-m { grid-column-mtart: 15; } + .start-1-m { grid-column-start: 1; } + .start-2-m { grid-column-start: 2; } + .start-3-m { grid-column-start: 3; } + .start-4-m { grid-column-start: 4; } + .start-5-m { grid-column-start: 5; } + .start-6-m { grid-column-start: 6; } + .start-7-m { grid-column-start: 7; } + .start-8-m { grid-column-start: 8; } + .start-9-m { grid-column-start: 9; } + .start-10-m { grid-column-start: 10; } + .start-11-m { grid-column-start: 11; } + .start-12-m { grid-column-start: 12; } + .start-13-m { grid-column-start: 13; } + .start-14-m { grid-column-start: 14; } + .start-15-m { grid-column-start: 15; } .end-1-m { grid-column-end: 1; } .end-2-m { grid-column-end: 2; } .end-3-m { grid-column-end: 3; } @@ -3886,12 +3928,12 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-m { min-height: 100vh; } .h-auto-m { height: auto; } .h-inherit-m { height: inherit; } - .tracked-m { letter-spacing: .1em; } - .tracked-tight-m { letter-spacing: -.05em; } - .tracked-mega-m { letter-spacing: .25em; } - .lh-solid-m { line-height: 1; } - .lh-title-m { line-height: 1.25; } - .lh-copy-m { line-height: 1.5; } + .tracked-m { letter-spacing: var( --letter-spacing-tracked, .1em ); } + .tracked-tight-m { letter-spacing: var( --letter-spacing-tight, -0.05em ); } + .tracked-mega-m { letter-spacing: var( --letter-spacing-large, .25em ); } + .lh-solid-m { line-height: var( --line-height-solid, 1 ); } + .lh-title-m { line-height: var( --line-height-title, 1.25 ); } + .lh-copy-m { line-height: var( --line-height-body, 1.5 ); } .mw-100-m { max-width: 100%; } .mw1-m { max-width: 1rem; } .mw2-m { max-width: 2rem; } @@ -3903,19 +3945,23 @@ code, .code { font-family: Consolas, monaco, monospace; } .mw8-m { max-width: 64rem; } .mw9-m { max-width: 96rem; } .mw-none-m { max-width: none; } - .w1-m { width: 1rem; } - .w2-m { width: 2rem; } - .w3-m { width: 4rem; } - .w4-m { width: 8rem; } - .w5-m { width: 16rem; } + .w0-m { width: var( --size-0, 0 ); } + .w1-m { width: var( --size-1, 1rem ); } + .w2-m { width: var( --size-2, 2rem ); } + .w3-m { width: var( --size-3, 3rem ); } + .w4-m { width: var( --size-4, 4rem ); } + .w5-m { width: var( --size-5, 8rem ); } + .w6-m { width: var( --size-6, 16rem ); } + .w7-m { width: var( --size-7, 32rem ); } + .w8-m { width: var( --size-8, 64rem ); } .w-10-m { width: 10%; } .w-20-m { width: 20%; } .w-25-m { width: 25%; } .w-50-m { width: 50%; } .w-75-m { width: 75%; } .w-100-m { width: 100%; } - .w-third-m { width: 33.33333%; } - .w-two-thirds-m { width: 66.66667%; } + .w-third-m { width: calc( 100% / 3 ); } + .w-two-thirds-m { width: calc( 100% / 1.5 ); } .w-auto-m { width: auto; } .overflow-visible-m { overflow: visible; } .overflow-hidden-m { overflow: hidden; } @@ -3941,132 +3987,132 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .p0-m { padding: 0; } - .p1-m { padding: .25rem; } - .p2-m { padding: .5rem; } - .p3-m { padding: 1rem; } - .p4-m { padding: 2rem; } - .p5-m { padding: 4rem; } - .p6-m { padding: 8rem; } - .p7-m { padding: 16rem; } - .p8-m { padding: 32rem; } - .pl0-m { padding-left: 0; } - .pl1-m { padding-left: .25rem; } - .pl2-m { padding-left: .5rem; } - .pl3-m { padding-left: 1rem; } - .pl4-m { padding-left: 2rem; } - .pl5-m { padding-left: 4rem; } - .pl6-m { padding-left: 8rem; } - .pl7-m { padding-left: 16rem; } - .pl8-m { padding-left: 32rem; } - .pr0-m { padding-right: 0; } - .pr1-m { padding-right: .25rem; } - .pr2-m { padding-right: .5rem; } - .pr3-m { padding-right: 1rem; } - .pr4-m { padding-right: 2rem; } - .pr5-m { padding-right: 4rem; } - .pr6-m { padding-right: 8rem; } - .pr7-m { padding-right: 16rem; } - .pr8-m { padding-right: 32rem; } - .pb0-m { padding-bottom: 0; } - .pb1-m { padding-bottom: .25rem; } - .pb2-m { padding-bottom: .5rem; } - .pb3-m { padding-bottom: 1rem; } - .pb4-m { padding-bottom: 2rem; } - .pb5-m { padding-bottom: 4rem; } - .pb6-m { padding-bottom: 8rem; } - .pb7-m { padding-bottom: 16rem; } - .pb8-m { padding-bottom: 32rem; } - .pt0-m { padding-top: 0; } - .pt1-m { padding-top: .25rem; } - .pt2-m { padding-top: .5rem; } - .pt3-m { padding-top: 1rem; } - .pt4-m { padding-top: 2rem; } - .pt5-m { padding-top: 4rem; } - .pt6-m { padding-top: 8rem; } - .pt7-m { padding-top: 16rem; } - .pt8-m { padding-top: 32rem; } - .py0-m { padding-top: 0; padding-bottom: 0; } - .py1-m { padding-top: .25rem; padding-bottom: .25rem; } - .py2-m { padding-top: .5rem; padding-bottom: .5rem; } - .py3-m { padding-top: 1rem; padding-bottom: 1rem; } - .py4-m { padding-top: 2rem; padding-bottom: 2rem; } - .py5-m { padding-top: 4rem; padding-bottom: 4rem; } - .py6-m { padding-top: 8rem; padding-bottom: 8rem; } - .py7-m { padding-top: 16rem; padding-bottom: 16rem; } - .py8-m { padding-top: 32rem; padding-bottom: 32rem; } - .px0-m { padding-left: 0; padding-right: 0; } - .px1-m { padding-left: .25rem; padding-right: .25rem; } - .px2-m { padding-left: .5rem; padding-right: .5rem; } - .px3-m { padding-left: 1rem; padding-right: 1rem; } - .px4-m { padding-left: 2rem; padding-right: 2rem; } - .px5-m { padding-left: 4rem; padding-right: 4rem; } - .px6-m { padding-left: 8rem; padding-right: 8rem; } - .px7-m { padding-left: 16rem; padding-right: 16rem; } - .px8-m { padding-left: 32rem; padding-right: 32rem; } - .m0-m { margin: 0; } - .m1-m { margin: .25rem; } - .m2-m { margin: .5rem; } - .m3-m { margin: 1rem; } - .m4-m { margin: 2rem; } - .m5-m { margin: 4rem; } - .m6-m { margin: 8rem; } - .m7-m { margin: 16rem; } - .m8-m { margin: 32rem; } - .ml0-m { margin-left: 0; } - .ml1-m { margin-left: .25rem; } - .ml2-m { margin-left: .5rem; } - .ml3-m { margin-left: 1rem; } - .ml4-m { margin-left: 2rem; } - .ml5-m { margin-left: 4rem; } - .ml6-m { margin-left: 8rem; } - .ml7-m { margin-left: 16rem; } - .ml8-m { margin-left: 32rem; } - .mr0-m { margin-right: 0; } - .mr1-m { margin-right: .25rem; } - .mr2-m { margin-right: .5rem; } - .mr3-m { margin-right: 1rem; } - .mr4-m { margin-right: 2rem; } - .mr5-m { margin-right: 4rem; } - .mr6-m { margin-right: 8rem; } - .mr7-m { margin-right: 16rem; } - .mr8-m { margin-right: 32rem; } - .mb0-m { margin-bottom: 0; } - .mb1-m { margin-bottom: .25rem; } - .mb2-m { margin-bottom: .5rem; } - .mb3-m { margin-bottom: 1rem; } - .mb4-m { margin-bottom: 2rem; } - .mb5-m { margin-bottom: 4rem; } - .mb6-m { margin-bottom: 8rem; } - .mb7-m { margin-bottom: 16rem; } - .mb8-m { margin-bottom: 32rem; } - .mt0-m { margin-top: 0; } - .mt1-m { margin-top: .25rem; } - .mt2-m { margin-top: .5rem; } - .mt3-m { margin-top: 1rem; } - .mt4-m { margin-top: 2rem; } - .mt5-m { margin-top: 4rem; } - .mt6-m { margin-top: 8rem; } - .mt7-m { margin-top: 16rem; } - .mt8-m { margin-top: 32rem; } - .my0-m { margin-top: 0; margin-bottom: 0; } - .my1-m { margin-top: .25rem; margin-bottom: .25rem; } - .my2-m { margin-top: .5rem; margin-bottom: .5rem; } - .my3-m { margin-top: 1rem; margin-bottom: 1rem; } - .my4-m { margin-top: 2rem; margin-bottom: 2rem; } - .my5-m { margin-top: 4rem; margin-bottom: 4rem; } - .my6-m { margin-top: 8rem; margin-bottom: 8rem; } - .my7-m { margin-top: 16rem; margin-bottom: 16rem; } - .my8-m { margin-top: 32rem; margin-bottom: 32rem; } - .mx0-m { margin-left: 0; margin-right: 0; } - .mx1-m { margin-left: .25rem; margin-right: .25rem; } - .mx2-m { margin-left: .5rem; margin-right: .5rem; } - .mx3-m { margin-left: 1rem; margin-right: 1rem; } - .mx4-m { margin-left: 2rem; margin-right: 2rem; } - .mx5-m { margin-left: 4rem; margin-right: 4rem; } - .mx6-m { margin-left: 8rem; margin-right: 8rem; } - .mx7-m { margin-left: 16rem; margin-right: 16rem; } - .mx8-m { margin-left: 32rem; margin-right: 32rem; } + .p0-m { padding: var( --spacing-0, 0 ); } + .p1-m { padding: var( --spacing-1, 4px ); } + .p2-m { padding: var( --spacing-2, 8px ); } + .p3-m { padding: var( --spacing-3, 16px ); } + .p4-m { padding: var( --spacing-4, 32px ); } + .p5-m { padding: var( --spacing-5, 64px ); } + .p6-m { padding: var( --spacing-6, 128px ); } + .p7-m { padding: var( --spacing-7, 256px ); } + .p8-m { padding: var( --spacing-8, 512px ); } + .pl0-m { padding-left: var( --spacing-0, 0 ); } + .pl1-m { padding-left: var( --spacing-1, 4px ); } + .pl2-m { padding-left: var( --spacing-2, 8px ); } + .pl3-m { padding-left: var( --spacing-3, 16px ); } + .pl4-m { padding-left: var( --spacing-4, 32px ); } + .pl5-m { padding-left: var( --spacing-5, 64px ); } + .pl6-m { padding-left: var( --spacing-6, 128px ); } + .pl7-m { padding-left: var( --spacing-7, 256px ); } + .pl8-m { padding-left: var( --spacing-8, 512px ); } + .pr0-m { padding-right: var( --spacing-0, 0 ); } + .pr1-m { padding-right: var( --spacing-1, 4px ); } + .pr2-m { padding-right: var( --spacing-2, 8px ); } + .pr3-m { padding-right: var( --spacing-3, 16px ); } + .pr4-m { padding-right: var( --spacing-4, 32px ); } + .pr5-m { padding-right: var( --spacing-5, 64px ); } + .pr6-m { padding-right: var( --spacing-6, 128px ); } + .pr7-m { padding-right: var( --spacing-7, 256px ); } + .pr8-m { padding-right: var( --spacing-8, 512px ); } + .pb0-m { padding-bottom: var( --spacing-0, 0 ); } + .pb1-m { padding-bottom: var( --spacing-1, 4px ); } + .pb2-m { padding-bottom: var( --spacing-2, 8px ); } + .pb3-m { padding-bottom: var( --spacing-3, 16px ); } + .pb4-m { padding-bottom: var( --spacing-4, 32px ); } + .pb5-m { padding-bottom: var( --spacing-5, 64px ); } + .pb6-m { padding-bottom: var( --spacing-6, 128px ); } + .pb7-m { padding-bottom: var( --spacing-7, 256px ); } + .pb8-m { padding-bottom: var( --spacing-8, 512px ); } + .pt0-m { padding-top: var( --spacing-0, 0 ); } + .pt1-m { padding-top: var( --spacing-1, 4px ); } + .pt2-m { padding-top: var( --spacing-2, 8px ); } + .pt3-m { padding-top: var( --spacing-3, 16px ); } + .pt4-m { padding-top: var( --spacing-4, 32px ); } + .pt5-m { padding-top: var( --spacing-5, 64px ); } + .pt6-m { padding-top: var( --spacing-6, 128px ); } + .pt7-m { padding-top: var( --spacing-7, 256px ); } + .pt8-m { padding-top: var( --spacing-8, 512px ); } + .py0-m { padding-top: var( --spacing-0, 0 ); padding-bottom: var( --spacing-0, 0 ); } + .py1-m { padding-top: var( --spacing-1, 4px ); padding-bottom: var( --spacing-1, 4px ); } + .py2-m { padding-top: var( --spacing-2, 8px ); padding-bottom: var( --spacing-2, 8px ); } + .py3-m { padding-top: var( --spacing-3, 16px ); padding-bottom: var( --spacing-3, 16px ); } + .py4-m { padding-top: var( --spacing-4, 32px ); padding-bottom: var( --spacing-4, 32px ); } + .py5-m { padding-top: var( --spacing-5, 64px ); padding-bottom: var( --spacing-5, 64px ); } + .py6-m { padding-top: var( --spacing-6, 128px ); padding-bottom: var( --spacing-6, 128px ); } + .py7-m { padding-top: var( --spacing-7, 256px ); padding-bottom: var( --spacing-7, 256px ); } + .py8-m { padding-top: var( --spacing-8, 512px ); padding-bottom: var( --spacing-8, 512px ); } + .px0-m { padding-left: var( --spacing-0, 0 ); padding-right: var( --spacing-0, 0 ); } + .px1-m { padding-left: var( --spacing-1, 4px ); padding-right: var( --spacing-1, 4px ); } + .px2-m { padding-left: var( --spacing-2, 8px ); padding-right: var( --spacing-2, 8px ); } + .px3-m { padding-left: var( --spacing-3, 16px ); padding-right: var( --spacing-3, 16px ); } + .px4-m { padding-left: var( --spacing-4, 32px ); padding-right: var( --spacing-4, 32px ); } + .px5-m { padding-left: var( --spacing-5, 64px ); padding-right: var( --spacing-5, 64px ); } + .px6-m { padding-left: var( --spacing-6, 128px ); padding-right: var( --spacing-6, 128px ); } + .px7-m { padding-left: var( --spacing-7, 256px ); padding-right: var( --spacing-7, 256px ); } + .px8-m { padding-left: var( --spacing-8, 512px ); padding-right: var( --spacing-8, 512px ); } + .m0-m { margin: var( --spacing-0, 0 ); } + .m1-m { margin: var( --spacing-1, 4px ); } + .m2-m { margin: var( --spacing-2, 8px ); } + .m3-m { margin: var( --spacing-3, 16px ); } + .m4-m { margin: var( --spacing-4, 32px ); } + .m5-m { margin: var( --spacing-5, 64px ); } + .m6-m { margin: var( --spacing-6, 128px ); } + .m7-m { margin: var( --spacing-7, 256px ); } + .m8-m { margin: var( --spacing-8, 512px ); } + .ml0-m { margin-left: var( --spacing-0, 0 ); } + .ml1-m { margin-left: var( --spacing-1, 4px ); } + .ml2-m { margin-left: var( --spacing-2, 8px ); } + .ml3-m { margin-left: var( --spacing-3, 16px ); } + .ml4-m { margin-left: var( --spacing-4, 32px ); } + .ml5-m { margin-left: var( --spacing-5, 64px ); } + .ml6-m { margin-left: var( --spacing-6, 128px ); } + .ml7-m { margin-left: var( --spacing-7, 256px ); } + .ml8-m { margin-left: var( --spacing-8, 512px ); } + .mr0-m { margin-right: var( --spacing-0, 0 ); } + .mr1-m { margin-right: var( --spacing-1, 4px ); } + .mr2-m { margin-right: var( --spacing-2, 8px ); } + .mr3-m { margin-right: var( --spacing-3, 16px ); } + .mr4-m { margin-right: var( --spacing-4, 32px ); } + .mr5-m { margin-right: var( --spacing-5, 64px ); } + .mr6-m { margin-right: var( --spacing-6, 128px ); } + .mr7-m { margin-right: var( --spacing-7, 256px ); } + .mr8-m { margin-right: var( --spacing-8, 512px ); } + .mb0-m { margin-bottom: var( --spacing-0, 0 ); } + .mb1-m { margin-bottom: var( --spacing-1, 4px ); } + .mb2-m { margin-bottom: var( --spacing-2, 8px ); } + .mb3-m { margin-bottom: var( --spacing-3, 16px ); } + .mb4-m { margin-bottom: var( --spacing-4, 32px ); } + .mb5-m { margin-bottom: var( --spacing-5, 64px ); } + .mb6-m { margin-bottom: var( --spacing-6, 128px ); } + .mb7-m { margin-bottom: var( --spacing-7, 256px ); } + .mb8-m { margin-bottom: var( --spacing-8, 512px ); } + .mt0-m { margin-top: var( --spacing-0, 0 ); } + .mt1-m { margin-top: var( --spacing-1, 4px ); } + .mt2-m { margin-top: var( --spacing-2, 8px ); } + .mt3-m { margin-top: var( --spacing-3, 16px ); } + .mt4-m { margin-top: var( --spacing-4, 32px ); } + .mt5-m { margin-top: var( --spacing-5, 64px ); } + .mt6-m { margin-top: var( --spacing-6, 128px ); } + .mt7-m { margin-top: var( --spacing-7, 256px ); } + .mt8-m { margin-top: var( --spacing-8, 512px ); } + .my0-m { margin-top: var( --spacing-0, 0 ); margin-bottom: var( --spacing-0, 0 ); } + .my1-m { margin-top: var( --spacing-1, 4px ); margin-bottom: var( --spacing-1, 4px ); } + .my2-m { margin-top: var( --spacing-2, 8px ); margin-bottom: var( --spacing-2, 8px ); } + .my3-m { margin-top: var( --spacing-3, 16px ); margin-bottom: var( --spacing-3, 16px ); } + .my4-m { margin-top: var( --spacing-4, 32px ); margin-bottom: var( --spacing-4, 32px ); } + .my5-m { margin-top: var( --spacing-5, 64px ); margin-bottom: var( --spacing-5, 64px ); } + .my6-m { margin-top: var( --spacing-6, 128px ); margin-bottom: var( --spacing-6, 128px ); } + .my7-m { margin-top: var( --spacing-7, 256px ); margin-bottom: var( --spacing-7, 256px ); } + .my8-m { margin-top: var( --spacing-8, 512px ); margin-bottom: var( --spacing-8, 512px ); } + .mx0-m { margin-left: var( --spacing-0, 0 ); margin-right: var( --spacing-0, 0 ); } + .mx1-m { margin-left: var( --spacing-1, 4px ); margin-right: var( --spacing-1, 4px ); } + .mx2-m { margin-left: var( --spacing-2, 8px ); margin-right: var( --spacing-2, 8px ); } + .mx3-m { margin-left: var( --spacing-3, 16px ); margin-right: var( --spacing-3, 16px ); } + .mx4-m { margin-left: var( --spacing-4, 32px ); margin-right: var( --spacing-4, 32px ); } + .mx5-m { margin-left: var( --spacing-5, 64px ); margin-right: var( --spacing-5, 64px ); } + .mx6-m { margin-left: var( --spacing-6, 128px ); margin-right: var( --spacing-6, 128px ); } + .mx7-m { margin-left: var( --spacing-7, 256px ); margin-right: var( --spacing-7, 256px ); } + .mx8-m { margin-left: var( --spacing-8, 512px ); margin-right: var( --spacing-8, 512px ); } .tl-m { text-align: left; } .tr-m { text-align: right; } .tc-m { text-align: center; } @@ -4075,28 +4121,28 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-m { text-transform: lowercase; } .ttu-m { text-transform: uppercase; } .ttn-m { text-transform: none; } - .f1-m { font-size: .75rem; } - .f2-m { font-size: .875rem; } - .f3-m { font-size: 1rem; } - .f4-m { font-size: 1.125rem; } - .f5-m { font-size: 1.25rem; } - .f6-m { font-size: 1.5rem; } - .f7-m { font-size: 2rem; } - .f8-m { font-size: 3rem; } - .f9-m { font-size: 4rem; } - .f10-m { font-size: 6rem; } - .f11-m { font-size: 8rem; } - .f12-m { font-size: 12rem; } + .f1-m { font-size: var( --font-size-0, .75rem ); } + .f2-m { font-size: var( --font-size-1, .875rem ); } + .f3-m { font-size: var( --font-size-2, 1rem ); } + .f4-m { font-size: var( --font-size-3, 1.125rem ); } + .f5-m { font-size: var( --font-size-4, 1.25rem ); } + .f6-m { font-size: var( --font-size-5, 1.5rem ); } + .f7-m { font-size: var( --font-size-6, 2rem ); } + .f8-m { font-size: var( --font-size-7, 3rem ); } + .f9-m { font-size: var( --font-size-8, 4rem ); } + .f10-m { font-size: var( --font-size-9, 6rem ); } + .f11-m { font-size: var( --font-size-10, 8rem ); } + .f12-m { font-size: var( --font-size-11, 12rem ); } .measure-m { max-width: 66ch; } .measure-wide-m { max-width: 80ch; } .measure-narrow-m { max-width: 45ch; } .small-caps-m { font-variant: small-caps; } .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; } - .truncate-m { white-mpace: nowrap; overflow: hidden; text-overflow: ellipsis; } + .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .center-m { margin-right: auto; margin-left: auto; } .mr-auto-m { margin-right: auto; } .ml-auto-m { margin-left: auto; } - .clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .clip-m { border: 0; clip: rect( 0 0 0 0 ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ws-normal-m { white-space: normal; } .nowrap-m { white-space: nowrap; } .pre-m { white-space: pre; } @@ -4127,21 +4173,24 @@ code, .code { font-family: Consolas, monaco, monospace; } .outline-l { outline: 1px solid; } .outline-transparent-l { outline: 1px solid transparent; } .outline-0-l { outline: 0; } - .ba-l { border-style: solid; border-width: 1px; } - .bt-l { border-top-style: solid; border-top-width: 1px; } - .br-l { border-right-style: solid; border-right-width: 1px; } - .bb-l { border-bottom-style: solid; border-bottom-width: 1px; } - .bl-l { border-left-style: solid; border-left-width: 1px; } + .ba-l { border-style: solid; border-width: var( --border-width, 1px ); } + .bt-l { border-top-style: solid; border-top-width: var( --border-width, 1px ); } + .br-l { border-right-style: solid; border-right-width: var( --border-width, 1px ); } + .bb-l { border-bottom-style: solid; border-bottom-width: var( --border-width, 1px ); } + .bl-l { border-left-style: solid; border-left-width: var( --border-width, 1px ); } .bn-l { border-style: none; border-width: 0; } - .br0-l { border-radius: 0; } - .br1-l { border-radius: 4px; } - .br2-l { border-radius: 6px; } - .br3-l { border-radius: 8px; } - .br4-l { border-radius: 12px; } - .br5-l { border-radius: 16px; } - .br6-l { border-radius: 32px; } - .br-100-l { border-radius: 100%; } - .br-pill-l { border-radius: 9999px; } + .br0-l { border-radius: var( --border-radius-0, 0 ); } + .br1-l { border-radius: var( --border-radius-1, 4px ); } + .br2-l { border-radius: var( --border-radius-2, 6px ); } + .br3-l { border-radius: var( --border-radius-3, 8px ); } + .br4-l { border-radius: var( --border-radius-4, 12px ); } + .br5-l { border-radius: var( --border-radius-5, 16px ); } + .br6-l { border-radius: var( --border-radius-6, 20px ); } + .br7-l { border-radius: var( --border-radius-7, 24px ); } + .br8-l { border-radius: var( --border-radius-8, 32px ); } + .br9-l { border-radius: var( --border-radius-9, 48px ); } + .br10-l { border-radius: var( --border-radius-10, 64px ); } + .br11-l { border-radius: var( --border-radius-11, 9999px ); } .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; } .br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -4153,49 +4202,36 @@ code, .code { font-family: Consolas, monaco, monospace; } .b--dashed-l { border-style: dashed; } .b--solid-l { border-style: solid; } .b--none-l { border-style: none; } - .bw0-l { border-width: 0; } - .bw1-l { border-width: 1px; } - .bw2-l { border-width: 2px; } - .bw3-l { border-width: 4px; } - .bw4-l { border-width: 8px; } + .bw0-l { border-width: var( --border-width-0, 0 ); } + .bw1-l { border-width: var( --border-width-1, 1px ); } + .bw2-l { border-width: var( --border-width-2, 2px ); } + .bw3-l { border-width: var( --border-width-3, 4px ); } + .bw4-l { border-width: var( --border-width-4, 8px ); } + .bw5-l { border-width: var( --border-width-5, 16px ); } .bt-0-l { border-top-width: 0; } .br-0-l { border-right-width: 0; } .bb-0-l { border-bottom-width: 0; } .bl-0-l { border-left-width: 0; } - .shadow-border-l { box-shadow: inset 0 0 1px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-light-l { box-shadow: inset 0 0 1px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-solid-l { box-shadow: inset 0 0 1px 0 currentColor; } - .shadow-border-2-l { box-shadow: inset 0 0 2px 0 rgba( 255, 255, 255, .125 ); } - .shadow-border-light-2-l { box-shadow: inset 0 0 2px 0 rgba( 0, 0, 0, .125 ); } - .shadow-border-solid-2-l { box-shadow: inset 0 0 2px 0 currentColor; } - .shadow-1-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .125 ), 0 2px 2px rgba( 0, 0, 0, .125 ), 0 4px 4px rgba( 0, 0, 0, .125 ), 0 8px 8px rgba( 0, 0, 0, .125 ), 0 16px 16px rgba( 0, 0, 0, .125 ); } - .shadow-2-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .15 ), 0 2px 2px rgba( 0, 0, 0, .15 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .15 ); } - .shadow-3-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 8px 8px rgba( 0, 0, 0, .11 ), 0 16px 16px rgba( 0, 0, 0, .11 ), 0 32px 32px rgba( 0, 0, 0, .11 ); } - .shadow-4-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .25 ), 0 2px 2px rgba( 0, 0, 0, .20 ), 0 4px 4px rgba( 0, 0, 0, .15 ), 0 8px 8px rgba( 0, 0, 0, .10 ), 0 16px 16px rgba( 0, 0, 0, .05 ); } - .shadow-5-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .08 ), 0 2px 2px rgba( 0, 0, 0, .12 ), 0 4px 4px rgba( 0, 0, 0, .16 ), 0 8px 8px rgba( 0, 0, 0, .20 ); } - .shadow-6-l { box-shadow: 0 1px 2px rgba( 0, 0, 0, .07 ), 0 2px 4px rgba( 0, 0, 0, .07 ), 0 4px 8px rgba( 0, 0, 0, .07 ), 0 8px 16px rgba( 0, 0, 0, .07 ), 0 16px 32px rgba( 0, 0, 0, .07 ), 0 32px 64px rgba( 0, 0, 0, .07 ); } - .shadow-7-l { box-shadow: 0 1px 1px rgba( 0, 0, 0, .11 ), 0 2px 2px rgba( 0, 0, 0, .11 ), 0 4px 4px rgba( 0, 0, 0, .11 ), 0 6px 8px rgba( 0, 0, 0, .11 ), 0 8px 16px rgba( 0, 0, 0, .11 ); } - .shadow-8-l { box-shadow: 0 2px 1px rgba( 0, 0, 0, .09 ), 0 4px 2px rgba( 0, 0, 0, .09 ), 0 8px 4px rgba( 0, 0, 0, .09 ), 0 16px 8px rgba( 0, 0, 0, .09 ), 0 32px 16px rgba( 0, 0, 0, .09 ); } .top-0-l { top: 0; } .left-0-l { left: 0; } .right-0-l { right: 0; } .bottom-0-l { bottom: 0; } - .top-1-l { top: 1rem; } - .left-1-l { left: 1rem; } - .right-1-l { right: 1rem; } - .bottom-1-l { bottom: 1rem; } - .top-2-l { top: 2rem; } - .left-2-l { left: 2rem; } - .right-2-l { right: 2rem; } - .bottom-2-l { bottom: 2rem; } - .top--1-l { top: -1rem; } - .right--1-l { right: -1rem; } - .bottom--1-l { bottom: -1rem; } - .left--1-l { left: -1rem; } - .top--2-l { top: -2rem; } - .right--2-l { right: -2rem; } - .bottom--2-l { bottom: -2rem; } - .left--2-l { left: -2rem; } + .top-1-l { top: var( --size, 1rem ); } + .left-1-l { left: var( --size, 1rem ); } + .right-1-l { right: var( --size, 1rem ); } + .bottom-1-l { bottom: var( --size, 1rem ); } + .top-2-l { top: calc( var( --size, 1rem ) * 2 ); } + .left-2-l { left: calc( var( --size, 1rem ) * 2 ); } + .right-2-l { right: calc( var( --size, 1rem ) * 2 ); } + .bottom-2-l { bottom: calc( var( --size, 1rem ) * 2 ); } + .top--1-l { top: calc( var( --size, 1rem ) * -1 ); } + .right--1-l { right: calc( var( --size, 1rem ) * -1 ); } + .bottom--1-l { bottom: calc( var( --size, 1rem ) * -1 ); } + .left--1-l { left: calc( var( --size, 1rem ) * -1 ); } + .top--2-l { top: calc( var( --size, 1rem ) * -2 ); } + .right--2-l { right: calc( var( --size, 1rem ) * -2 ); } + .bottom--2-l { bottom: calc( var( --size, 1rem ) * -2 ); } + .left--2-l { left: calc( var( --size, 1rem ) * -2 ); } .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; } .dn-l { display: none; } .di-l { display: inline; } @@ -4205,14 +4241,14 @@ code, .code { font-family: Consolas, monaco, monospace; } .dif-l, .inline-flex-l { display: inline-flex; } .dg-l, .grid-l { display: grid; } .dig-l, .inline-grid-l { display: inline-grid; } - .g0-l { gap: 0; } - .g1-l { gap: .25rem; } - .g2-l { gap: .5rem; } - .g3-l { gap: 1rem; } - .g4-l { gap: 2rem; } - .g5-l { gap: 4rem; } - .g6-l { gap: 8rem; } - .g7-l { gap: 16rem; } + .g0-l { gap: var( --spacing-0 ); } + .g1-l { gap: var( --spacing-1 ); } + .g2-l { gap: var( --spacing-2 ); } + .g3-l { gap: var( --spacing-3 ); } + .g4-l { gap: var( --spacing-4 ); } + .g5-l { gap: var( --spacing-5 ); } + .g6-l { gap: var( --spacing-6 ); } + .g7-l { gap: var( --spacing-7 ); } .cols-1-l { grid-template-columns: repeat( 1, 1fr ); } .cols-2-l { grid-template-columns: repeat( 2, 1fr ); } .cols-3-l { grid-template-columns: repeat( 3, 1fr ); } @@ -4400,12 +4436,12 @@ code, .code { font-family: Consolas, monaco, monospace; } .min-vh-100-l { min-height: 100vh; } .h-auto-l { height: auto; } .h-inherit-l { height: inherit; } - .tracked-l { letter-spacing: .1em; } - .tracked-tight-l { letter-spacing: -.05em; } - .tracked-mega-l { letter-spacing: .25em; } - .lh-solid-l { line-height: 1; } - .lh-title-l { line-height: 1.25; } - .lh-copy-l { line-height: 1.5; } + .tracked-l { letter-spacing: var( --letter-spacing-tracked, .1em ); } + .tracked-tight-l { letter-spacing: var( --letter-spacing-tight, -0.05em ); } + .tracked-mega-l { letter-spacing: var( --letter-spacing-large, .25em ); } + .lh-solid-l { line-height: var( --line-height-solid, 1 ); } + .lh-title-l { line-height: var( --line-height-title, 1.25 ); } + .lh-copy-l { line-height: var( --line-height-body, 1.5 ); } .mw-100-l { max-width: 100%; } .mw1-l { max-width: 1rem; } .mw2-l { max-width: 2rem; } @@ -4417,19 +4453,23 @@ code, .code { font-family: Consolas, monaco, monospace; } .mw8-l { max-width: 64rem; } .mw9-l { max-width: 96rem; } .mw-none-l { max-width: none; } - .w1-l { width: 1rem; } - .w2-l { width: 2rem; } - .w3-l { width: 4rem; } - .w4-l { width: 8rem; } - .w5-l { width: 16rem; } + .w0-l { width: var( --size-0, 0 ); } + .w1-l { width: var( --size-1, 1rem ); } + .w2-l { width: var( --size-2, 2rem ); } + .w3-l { width: var( --size-3, 3rem ); } + .w4-l { width: var( --size-4, 4rem ); } + .w5-l { width: var( --size-5, 8rem ); } + .w6-l { width: var( --size-6, 16rem ); } + .w7-l { width: var( --size-7, 32rem ); } + .w8-l { width: var( --size-8, 64rem ); } .w-10-l { width: 10%; } .w-20-l { width: 20%; } .w-25-l { width: 25%; } .w-50-l { width: 50%; } .w-75-l { width: 75%; } .w-100-l { width: 100%; } - .w-third-l { width: 33.33333%; } - .w-two-thirds-l { width: 66.66667%; } + .w-third-l { width: calc( 100% / 3 ); } + .w-two-thirds-l { width: calc( 100% / 1.5 ); } .w-auto-l { width: auto; } .overflow-visible-l { overflow: visible; } .overflow-hidden-l { overflow: hidden; } @@ -4455,167 +4495,167 @@ code, .code { font-family: Consolas, monaco, monospace; } .rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } - .p0-l { padding: 0; } - .p1-l { padding: .25rem; } - .p2-l { padding: .5rem; } - .p3-l { padding: 1rem; } - .p4-l { padding: 2rem; } - .p5-l { padding: 4rem; } - .p6-l { padding: 8rem; } - .p7-l { padding: 16rem; } - .p8-l { padding: 32rem; } - .pl0-l { padding-left: 0; } - .pl1-l { padding-left: .25rem; } - .pl2-l { padding-left: .5rem; } - .pl3-l { padding-left: 1rem; } - .pl4-l { padding-left: 2rem; } - .pl5-l { padding-left: 4rem; } - .pl6-l { padding-left: 8rem; } - .pl7-l { padding-left: 16rem; } - .pl8-l { padding-left: 32rem; } - .pr0-l { padding-right: 0; } - .pr1-l { padding-right: .25rem; } - .pr2-l { padding-right: .5rem; } - .pr3-l { padding-right: 1rem; } - .pr4-l { padding-right: 2rem; } - .pr5-l { padding-right: 4rem; } - .pr6-l { padding-right: 8rem; } - .pr7-l { padding-right: 16rem; } - .pr8-l { padding-right: 32rem; } - .pb0-l { padding-bottom: 0; } - .pb1-l { padding-bottom: .25rem; } - .pb2-l { padding-bottom: .5rem; } - .pb3-l { padding-bottom: 1rem; } - .pb4-l { padding-bottom: 2rem; } - .pb5-l { padding-bottom: 4rem; } - .pb6-l { padding-bottom: 8rem; } - .pb7-l { padding-bottom: 16rem; } - .pb8-l { padding-bottom: 32rem; } - .pt0-l { padding-top: 0; } - .pt1-l { padding-top: .25rem; } - .pt2-l { padding-top: .5rem; } - .pt3-l { padding-top: 1rem; } - .pt4-l { padding-top: 2rem; } - .pt5-l { padding-top: 4rem; } - .pt6-l { padding-top: 8rem; } - .pt7-l { padding-top: 16rem; } - .pt8-l { padding-top: 32rem; } - .py0-l { padding-top: 0; padding-bottom: 0; } - .py1-l { padding-top: .25rem; padding-bottom: .25rem; } - .py2-l { padding-top: .5rem; padding-bottom: .5rem; } - .py3-l { padding-top: 1rem; padding-bottom: 1rem; } - .py4-l { padding-top: 2rem; padding-bottom: 2rem; } - .py5-l { padding-top: 4rem; padding-bottom: 4rem; } - .py6-l { padding-top: 8rem; padding-bottom: 8rem; } - .py7-l { padding-top: 16rem; padding-bottom: 16rem; } - .py8-l { padding-top: 32rem; padding-bottom: 32rem; } - .px0-l { padding-left: 0; padding-right: 0; } - .px1-l { padding-left: .25rem; padding-right: .25rem; } - .px2-l { padding-left: .5rem; padding-right: .5rem; } - .px3-l { padding-left: 1rem; padding-right: 1rem; } - .px4-l { padding-left: 2rem; padding-right: 2rem; } - .px5-l { padding-left: 4rem; padding-right: 4rem; } - .px6-l { padding-left: 8rem; padding-right: 8rem; } - .px7-l { padding-left: 16rem; padding-right: 16rem; } - .px8-l { padding-left: 32rem; padding-right: 32rem; } - .m0-l { margin: 0; } - .m1-l { margin: .25rem; } - .m2-l { margin: .5rem; } - .m3-l { margin: 1rem; } - .m4-l { margin: 2rem; } - .m5-l { margin: 4rem; } - .m6-l { margin: 8rem; } - .m7-l { margin: 16rem; } - .m8-l { margin: 32rem; } - .ml0-l { margin-left: 0; } - .ml1-l { margin-left: .25rem; } - .ml2-l { margin-left: .5rem; } - .ml3-l { margin-left: 1rem; } - .ml4-l { margin-left: 2rem; } - .ml5-l { margin-left: 4rem; } - .ml6-l { margin-left: 8rem; } - .ml7-l { margin-left: 16rem; } - .ml8-l { margin-left: 32rem; } - .mr0-l { margin-right: 0; } - .mr1-l { margin-right: .25rem; } - .mr2-l { margin-right: .5rem; } - .mr3-l { margin-right: 1rem; } - .mr4-l { margin-right: 2rem; } - .mr5-l { margin-right: 4rem; } - .mr6-l { margin-right: 8rem; } - .mr7-l { margin-right: 16rem; } - .mr8-l { margin-right: 32rem; } - .mb0-l { margin-bottom: 0; } - .mb1-l { margin-bottom: .25rem; } - .mb2-l { margin-bottom: .5rem; } - .mb3-l { margin-bottom: 1rem; } - .mb4-l { margin-bottom: 2rem; } - .mb5-l { margin-bottom: 4rem; } - .mb6-l { margin-bottom: 8rem; } - .mb7-l { margin-bottom: 16rem; } - .mb8-l { margin-bottom: 32rem; } - .mt0-l { margin-top: 0; } - .mt1-l { margin-top: .25rem; } - .mt2-l { margin-top: .5rem; } - .mt3-l { margin-top: 1rem; } - .mt4-l { margin-top: 2rem; } - .mt5-l { margin-top: 4rem; } - .mt6-l { margin-top: 8rem; } - .mt7-l { margin-top: 16rem; } - .mt8-l { margin-top: 32rem; } - .my0-l { margin-top: 0; margin-bottom: 0; } - .my1-l { margin-top: .25rem; margin-bottom: .25rem; } - .my2-l { margin-top: .5rem; margin-bottom: .5rem; } - .my3-l { margin-top: 1rem; margin-bottom: 1rem; } - .my4-l { margin-top: 2rem; margin-bottom: 2rem; } - .my5-l { margin-top: 4rem; margin-bottom: 4rem; } - .my6-l { margin-top: 8rem; margin-bottom: 8rem; } - .my7-l { margin-top: 16rem; margin-bottom: 16rem; } - .my8-l { margin-top: 32rem; margin-bottom: 32rem; } - .mx0-l { margin-left: 0; margin-right: 0; } - .mx1-l { margin-left: .25rem; margin-right: .25rem; } - .mx2-l { margin-left: .5rem; margin-right: .5rem; } - .mx3-l { margin-left: 1rem; margin-right: 1rem; } - .mx4-l { margin-left: 2rem; margin-right: 2rem; } - .mx5-l { margin-left: 4rem; margin-right: 4rem; } - .mx6-l { margin-left: 8rem; margin-right: 8rem; } - .mx7-l { margin-left: 16rem; margin-right: 16rem; } - .mx8-l { margin-left: 32rem; margin-right: 32rem; } - .na1-l { margin: -0.25rem; } - .na2-l { margin: -0.5rem; } - .na3-l { margin: -1rem; } - .na4-l { margin: -2rem; } - .na5-l { margin: -4rem; } - .na6-l { margin: -8rem; } - .na7-l { margin: -16rem; } - .nl1-l { margin-left: -0.25rem; } - .nl2-l { margin-left: -0.5rem; } - .nl3-l { margin-left: -1rem; } - .nl4-l { margin-left: -2rem; } - .nl5-l { margin-left: -4rem; } - .nl6-l { margin-left: -8rem; } - .nl7-l { margin-left: -16rem; } - .nr1-l { margin-right: -0.25rem; } - .nr2-l { margin-right: -0.5rem; } - .nr3-l { margin-right: -1rem; } - .nr4-l { margin-right: -2rem; } - .nr5-l { margin-right: -4rem; } - .nr6-l { margin-right: -8rem; } - .nr7-l { margin-right: -16rem; } - .nb1-l { margin-bottom: -0.25rem; } - .nb2-l { margin-bottom: -0.5rem; } - .nb3-l { margin-bottom: -1rem; } - .nb4-l { margin-bottom: -2rem; } - .nb5-l { margin-bottom: -4rem; } - .nb6-l { margin-bottom: -8rem; } - .nb7-l { margin-bottom: -16rem; } - .nt1-l { margin-top: -0.25rem; } - .nt2-l { margin-top: -0.5rem; } - .nt3-l { margin-top: -1rem; } - .nt4-l { margin-top: -2rem; } - .nt5-l { margin-top: -4rem; } - .nt6-l { margin-top: -8rem; } - .nt7-l { margin-top: -16rem; } + .p0-l { padding: var( --spacing-0, 0 ); } + .p1-l { padding: var( --spacing-1, 4px ); } + .p2-l { padding: var( --spacing-2, 8px ); } + .p3-l { padding: var( --spacing-3, 16px ); } + .p4-l { padding: var( --spacing-4, 32px ); } + .p5-l { padding: var( --spacing-5, 64px ); } + .p6-l { padding: var( --spacing-6, 128px ); } + .p7-l { padding: var( --spacing-7, 256px ); } + .p8-l { padding: var( --spacing-8, 512px ); } + .pl0-l { padding-left: var( --spacing-0, 0 ); } + .pl1-l { padding-left: var( --spacing-1, 4px ); } + .pl2-l { padding-left: var( --spacing-2, 8px ); } + .pl3-l { padding-left: var( --spacing-3, 16px ); } + .pl4-l { padding-left: var( --spacing-4, 32px ); } + .pl5-l { padding-left: var( --spacing-5, 64px ); } + .pl6-l { padding-left: var( --spacing-6, 128px ); } + .pl7-l { padding-left: var( --spacing-7, 256px ); } + .pl8-l { padding-left: var( --spacing-8, 512px ); } + .pr0-l { padding-right: var( --spacing-0, 0 ); } + .pr1-l { padding-right: var( --spacing-1, 4px ); } + .pr2-l { padding-right: var( --spacing-2, 8px ); } + .pr3-l { padding-right: var( --spacing-3, 16px ); } + .pr4-l { padding-right: var( --spacing-4, 32px ); } + .pr5-l { padding-right: var( --spacing-5, 64px ); } + .pr6-l { padding-right: var( --spacing-6, 128px ); } + .pr7-l { padding-right: var( --spacing-7, 256px ); } + .pr8-l { padding-right: var( --spacing-8, 512px ); } + .pb0-l { padding-bottom: var( --spacing-0, 0 ); } + .pb1-l { padding-bottom: var( --spacing-1, 4px ); } + .pb2-l { padding-bottom: var( --spacing-2, 8px ); } + .pb3-l { padding-bottom: var( --spacing-3, 16px ); } + .pb4-l { padding-bottom: var( --spacing-4, 32px ); } + .pb5-l { padding-bottom: var( --spacing-5, 64px ); } + .pb6-l { padding-bottom: var( --spacing-6, 128px ); } + .pb7-l { padding-bottom: var( --spacing-7, 256px ); } + .pb8-l { padding-bottom: var( --spacing-8, 512px ); } + .pt0-l { padding-top: var( --spacing-0, 0 ); } + .pt1-l { padding-top: var( --spacing-1, 4px ); } + .pt2-l { padding-top: var( --spacing-2, 8px ); } + .pt3-l { padding-top: var( --spacing-3, 16px ); } + .pt4-l { padding-top: var( --spacing-4, 32px ); } + .pt5-l { padding-top: var( --spacing-5, 64px ); } + .pt6-l { padding-top: var( --spacing-6, 128px ); } + .pt7-l { padding-top: var( --spacing-7, 256px ); } + .pt8-l { padding-top: var( --spacing-8, 512px ); } + .py0-l { padding-top: var( --spacing-0, 0 ); padding-bottom: var( --spacing-0, 0 ); } + .py1-l { padding-top: var( --spacing-1, 4px ); padding-bottom: var( --spacing-1, 4px ); } + .py2-l { padding-top: var( --spacing-2, 8px ); padding-bottom: var( --spacing-2, 8px ); } + .py3-l { padding-top: var( --spacing-3, 16px ); padding-bottom: var( --spacing-3, 16px ); } + .py4-l { padding-top: var( --spacing-4, 32px ); padding-bottom: var( --spacing-4, 32px ); } + .py5-l { padding-top: var( --spacing-5, 64px ); padding-bottom: var( --spacing-5, 64px ); } + .py6-l { padding-top: var( --spacing-6, 128px ); padding-bottom: var( --spacing-6, 128px ); } + .py7-l { padding-top: var( --spacing-7, 256px ); padding-bottom: var( --spacing-7, 256px ); } + .py8-l { padding-top: var( --spacing-8, 512px ); padding-bottom: var( --spacing-8, 512px ); } + .px0-l { padding-left: var( --spacing-0, 0 ); padding-right: var( --spacing-0, 0 ); } + .px1-l { padding-left: var( --spacing-1, 4px ); padding-right: var( --spacing-1, 4px ); } + .px2-l { padding-left: var( --spacing-2, 8px ); padding-right: var( --spacing-2, 8px ); } + .px3-l { padding-left: var( --spacing-3, 16px ); padding-right: var( --spacing-3, 16px ); } + .px4-l { padding-left: var( --spacing-4, 32px ); padding-right: var( --spacing-4, 32px ); } + .px5-l { padding-left: var( --spacing-5, 64px ); padding-right: var( --spacing-5, 64px ); } + .px6-l { padding-left: var( --spacing-6, 128px ); padding-right: var( --spacing-6, 128px ); } + .px7-l { padding-left: var( --spacing-7, 256px ); padding-right: var( --spacing-7, 256px ); } + .px8-l { padding-left: var( --spacing-8, 512px ); padding-right: var( --spacing-8, 512px ); } + .m0-l { margin: var( --spacing-0, 0 ); } + .m1-l { margin: var( --spacing-1, 4px ); } + .m2-l { margin: var( --spacing-2, 8px ); } + .m3-l { margin: var( --spacing-3, 16px ); } + .m4-l { margin: var( --spacing-4, 32px ); } + .m5-l { margin: var( --spacing-5, 64px ); } + .m6-l { margin: var( --spacing-6, 128px ); } + .m7-l { margin: var( --spacing-7, 256px ); } + .m8-l { margin: var( --spacing-8, 512px ); } + .ml0-l { margin-left: var( --spacing-0, 0 ); } + .ml1-l { margin-left: var( --spacing-1, 4px ); } + .ml2-l { margin-left: var( --spacing-2, 8px ); } + .ml3-l { margin-left: var( --spacing-3, 16px ); } + .ml4-l { margin-left: var( --spacing-4, 32px ); } + .ml5-l { margin-left: var( --spacing-5, 64px ); } + .ml6-l { margin-left: var( --spacing-6, 128px ); } + .ml7-l { margin-left: var( --spacing-7, 256px ); } + .ml8-l { margin-left: var( --spacing-8, 512px ); } + .mr0-l { margin-right: var( --spacing-0, 0 ); } + .mr1-l { margin-right: var( --spacing-1, 4px ); } + .mr2-l { margin-right: var( --spacing-2, 8px ); } + .mr3-l { margin-right: var( --spacing-3, 16px ); } + .mr4-l { margin-right: var( --spacing-4, 32px ); } + .mr5-l { margin-right: var( --spacing-5, 64px ); } + .mr6-l { margin-right: var( --spacing-6, 128px ); } + .mr7-l { margin-right: var( --spacing-7, 256px ); } + .mr8-l { margin-right: var( --spacing-8, 512px ); } + .mb0-l { margin-bottom: var( --spacing-0, 0 ); } + .mb1-l { margin-bottom: var( --spacing-1, 4px ); } + .mb2-l { margin-bottom: var( --spacing-2, 8px ); } + .mb3-l { margin-bottom: var( --spacing-3, 16px ); } + .mb4-l { margin-bottom: var( --spacing-4, 32px ); } + .mb5-l { margin-bottom: var( --spacing-5, 64px ); } + .mb6-l { margin-bottom: var( --spacing-6, 128px ); } + .mb7-l { margin-bottom: var( --spacing-7, 256px ); } + .mb8-l { margin-bottom: var( --spacing-8, 512px ); } + .mt0-l { margin-top: var( --spacing-0, 0 ); } + .mt1-l { margin-top: var( --spacing-1, 4px ); } + .mt2-l { margin-top: var( --spacing-2, 8px ); } + .mt3-l { margin-top: var( --spacing-3, 16px ); } + .mt4-l { margin-top: var( --spacing-4, 32px ); } + .mt5-l { margin-top: var( --spacing-5, 64px ); } + .mt6-l { margin-top: var( --spacing-6, 128px ); } + .mt7-l { margin-top: var( --spacing-7, 256px ); } + .mt8-l { margin-top: var( --spacing-8, 512px ); } + .my0-l { margin-top: var( --spacing-0, 0 ); margin-bottom: var( --spacing-0, 0 ); } + .my1-l { margin-top: var( --spacing-1, 4px ); margin-bottom: var( --spacing-1, 4px ); } + .my2-l { margin-top: var( --spacing-2, 8px ); margin-bottom: var( --spacing-2, 8px ); } + .my3-l { margin-top: var( --spacing-3, 16px ); margin-bottom: var( --spacing-3, 16px ); } + .my4-l { margin-top: var( --spacing-4, 32px ); margin-bottom: var( --spacing-4, 32px ); } + .my5-l { margin-top: var( --spacing-5, 64px ); margin-bottom: var( --spacing-5, 64px ); } + .my6-l { margin-top: var( --spacing-6, 128px ); margin-bottom: var( --spacing-6, 128px ); } + .my7-l { margin-top: var( --spacing-7, 256px ); margin-bottom: var( --spacing-7, 256px ); } + .my8-l { margin-top: var( --spacing-8, 512px ); margin-bottom: var( --spacing-8, 512px ); } + .mx0-l { margin-left: var( --spacing-0, 0 ); margin-right: var( --spacing-0, 0 ); } + .mx1-l { margin-left: var( --spacing-1, 4px ); margin-right: var( --spacing-1, 4px ); } + .mx2-l { margin-left: var( --spacing-2, 8px ); margin-right: var( --spacing-2, 8px ); } + .mx3-l { margin-left: var( --spacing-3, 16px ); margin-right: var( --spacing-3, 16px ); } + .mx4-l { margin-left: var( --spacing-4, 32px ); margin-right: var( --spacing-4, 32px ); } + .mx5-l { margin-left: var( --spacing-5, 64px ); margin-right: var( --spacing-5, 64px ); } + .mx6-l { margin-left: var( --spacing-6, 128px ); margin-right: var( --spacing-6, 128px ); } + .mx7-l { margin-left: var( --spacing-7, 256px ); margin-right: var( --spacing-7, 256px ); } + .mx8-l { margin-left: var( --spacing-8, 512px ); margin-right: var( --spacing-8, 512px ); } + .na1-l { margin: calc( -1 * var( --spacing-1 ) ); } + .na2-l { margin: calc( -1 * var( --spacing-2 ) ); } + .na3-l { margin: calc( -1 * var( --spacing-3 ) ); } + .na4-l { margin: calc( -1 * var( --spacing-4 ) ); } + .na5-l { margin: calc( -1 * var( --spacing-5 ) ); } + .na6-l { margin: calc( -1 * var( --spacing-6 ) ); } + .na7-l { margin: calc( -1 * var( --spacing-7 ) ); } + .nl1-l { margin-left: calc( -1 * var( --spacing-1 ) ); } + .nl2-l { margin-left: calc( -1 * var( --spacing-2 ) ); } + .nl3-l { margin-left: calc( -1 * var( --spacing-3 ) ); } + .nl4-l { margin-left: calc( -1 * var( --spacing-4 ) ); } + .nl5-l { margin-left: calc( -1 * var( --spacing-5 ) ); } + .nl6-l { margin-left: calc( -1 * var( --spacing-6 ) ); } + .nl7-l { margin-left: calc( -1 * var( --spacing-7 ) ); } + .nr1-l { margin-right: calc( -1 * var( --spacing-1 ) ); } + .nr2-l { margin-right: calc( -1 * var( --spacing-2 ) ); } + .nr3-l { margin-right: calc( -1 * var( --spacing-3 ) ); } + .nr4-l { margin-right: calc( -1 * var( --spacing-4 ) ); } + .nr5-l { margin-right: calc( -1 * var( --spacing-5 ) ); } + .nr6-l { margin-right: calc( -1 * var( --spacing-6 ) ); } + .nr7-l { margin-right: calc( -1 * var( --spacing-7 ) ); } + .nb1-l { margin-bottom: calc( -1 * var( --spacing-1 ) ); } + .nb2-l { margin-bottom: calc( -1 * var( --spacing-2 ) ); } + .nb3-l { margin-bottom: calc( -1 * var( --spacing-3 ) ); } + .nb4-l { margin-bottom: calc( -1 * var( --spacing-4 ) ); } + .nb5-l { margin-bottom: calc( -1 * var( --spacing-5 ) ); } + .nb6-l { margin-bottom: calc( -1 * var( --spacing-6 ) ); } + .nb7-l { margin-bottom: calc( -1 * var( --spacing-7 ) ); } + .nt1-l { margin-top: calc( -1 * var( --spacing-1 ) ); } + .nt2-l { margin-top: calc( -1 * var( --spacing-2 ) ); } + .nt3-l { margin-top: calc( -1 * var( --spacing-3 ) ); } + .nt4-l { margin-top: calc( -1 * var( --spacing-4 ) ); } + .nt5-l { margin-top: calc( -1 * var( --spacing-5 ) ); } + .nt6-l { margin-top: calc( -1 * var( --spacing-6 ) ); } + .nt7-l { margin-top: calc( -1 * var( --spacing-7 ) ); } .tl-l { text-align: left; } .tr-l { text-align: right; } .tc-l { text-align: center; } @@ -4624,18 +4664,18 @@ code, .code { font-family: Consolas, monaco, monospace; } .ttl-l { text-transform: lowercase; } .ttu-l { text-transform: uppercase; } .ttn-l { text-transform: none; } - .f1-l { font-size: .75rem; } - .f2-l { font-size: .875rem; } - .f3-l { font-size: 1rem; } - .f4-l { font-size: 1.125rem; } - .f5-l { font-size: 1.25rem; } - .f6-l { font-size: 1.5rem; } - .f7-l { font-size: 2rem; } - .f8-l { font-size: 3rem; } - .f9-l { font-size: 4rem; } - .f10-l { font-size: 6rem; } - .f11-l { font-size: 8rem; } - .f12-l { font-size: 12rem; } + .f1-l { font-size: var( --font-size-0, .75rem ); } + .f2-l { font-size: var( --font-size-1, .875rem ); } + .f3-l { font-size: var( --font-size-2, 1rem ); } + .f4-l { font-size: var( --font-size-3, 1.125rem ); } + .f5-l { font-size: var( --font-size-4, 1.25rem ); } + .f6-l { font-size: var( --font-size-5, 1.5rem ); } + .f7-l { font-size: var( --font-size-6, 2rem ); } + .f8-l { font-size: var( --font-size-7, 3rem ); } + .f9-l { font-size: var( --font-size-8, 4rem ); } + .f10-l { font-size: var( --font-size-9, 6rem ); } + .f11-l { font-size: var( --font-size-10, 8rem ); } + .f12-l { font-size: var( --font-size-11, 12rem ); } .measure-l { max-width: 66ch; } .measure-wide-l { max-width: 80ch; } .measure-narrow-l { max-width: 45ch; } @@ -4645,7 +4685,7 @@ code, .code { font-family: Consolas, monaco, monospace; } .center-l { margin-right: auto; margin-left: auto; } .mr-auto-l { margin-right: auto; } .ml-auto-l { margin-left: auto; } - .clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } + .clip-l { border: 0; clip: rect( 0 0 0 0 ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ws-normal-l { white-space: normal; } .nowrap-l { white-space: nowrap; } .pre-l { white-space: pre; } diff --git a/css/tachyons.min.css b/css/tachyons.min.css index 7f4c2cd..fcafc20 100644 --- a/css/tachyons.min.css +++ b/css/tachyons.min.css @@ -1,3 +1,3 @@ /*! TACHYONS v5.0.0.beta | http://tachyons.io */ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,.border-box,.border-box:after,.border-box:before,:after,:before{box-sizing:border-box}.content-box{box-sizing:content-box}.aspect-ratio-16x9{aspect-ratio:16/9}.aspect-ratio-9x16{aspect-ratio:9/16}.aspect-ratio-4x3{aspect-ratio:4/3}.aspect-ratio-3x4{aspect-ratio:3/4}.aspect-ratio-6x4{aspect-ratio:6/4}.aspect-ratio-4x6{aspect-ratio:4/6}.aspect-ratio-8x5{aspect-ratio:8/5}.aspect-ratio-5x8{aspect-ratio:5/8}.aspect-ratio-7x5{aspect-ratio:7/5}.aspect-ratio-5x7{aspect-ratio:5/7}.aspect-ratio-1x1,.aspect-ratio-square{aspect-ratio:1/1}img{display:block;max-width:100%}.random-image{background-image:url(https://source.unsplash.com/random);background-size:cover}.random-image-landscape{background-image:url(https://source.unsplash.com/random/1920x1080);background-size:cover}.random-image-portrait{background-image:url(https://source.unsplash.com/random/1080x1920);background-size:cover}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--transparent{border-color:transparent}.b--inherit{border-color:inherit}.b--initial{border-color:initial}.b--unset{border-color:unset}.br0{border-radius:0}.br1{border-radius:4px}.br2{border-radius:6px}.br3{border-radius:8px}.br4{border-radius:12px}.br5{border-radius:16px}.br6{border-radius:32px}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit{border-radius:inherit}.br-initial{border-radius:initial}.br-unset{border-radius:unset}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:0}.bw1{border-width:1px}.bw2{border-width:2px}.bw3{border-width:4px}.bw4{border-width:8px}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-border{box-shadow:inset 0 0 1px 0 rgba(0,0,0,.125)}.shadow-border-light{box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.125)}.shadow-border-solid{box-shadow:inset 0 0 1px 0 currentColor}.shadow-border-2{box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.125)}.shadow-border-light-2{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.125)}.shadow-border-solid-2{box-shadow:inset 0 0 2px 0 currentColor}.shadow-1{box-shadow:0 1px 1px rgba(0,0,0,.125),0 2px 2px rgba(0,0,0,.125),0 4px 4px rgba(0,0,0,.125),0 8px 8px rgba(0,0,0,.125),0 16px 16px rgba(0,0,0,.125)}.shadow-2{box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.15)}.shadow-3{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.shadow-4{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.shadow-5{box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.16),0 8px 8px rgba(0,0,0,.2)}.shadow-6{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.shadow-7{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.shadow-8{box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.pre{max-width:100%;overflow:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.df,.flex{display:flex}.dif,.inline-flex{display:inline-flex}.dg,.grid{display:grid}.dig,.inline-grid{display:inline-grid}.g0{gap:0}.g1{gap:.25rem}.g2{gap:.5rem}.g3{gap:1rem}.g4{gap:2rem}.g5{gap:4rem}.g6{gap:8rem}.g7{gap:16rem}.cols-1{grid-template-columns:repeat(1,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}.cols-12{grid-template-columns:repeat(12,1fr)}.cols-16{grid-template-columns:repeat(16,1fr)}.cols-min-64{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry{grid-template-columns:masonry}.subgrid{grid-template-columns:subgrid}.cols-none{grid-template-columns:none}.col-1{grid-column:span 1/span 1}.col-2{grid-column:span 2/span 2}.col-3{grid-column:span 3/span 3}.col-4{grid-column:span 4/span 4}.col-5{grid-column:span 5/span 5}.col-6{grid-column:span 6/span 6}.col-7{grid-column:span 7/span 7}.col-8{grid-column:span 8/span 8}.col-9{grid-column:span 9/span 9}.col-10{grid-column:span 10/span 10}.col-11{grid-column:span 11/span 11}.col-12{grid-column:span 12/span 12}.col-13{grid-column:span 13/span 13}.col-14{grid-column:span 14/span 14}.col-15{grid-column:span 15/span 15}.col-16{grid-column:span 16/span 16}.col-full{grid-column:1/-1}.col-center1{grid-column:2/-2}.col-center2{grid-column:3/-3}.col-center3{grid-column:4/-4}.col-center4{grid-column:6/-6}.col-auto{grid-column:auto}.start-1{grid-column-start:1}.start-2{grid-column-start:2}.start-3{grid-column-start:3}.start-4{grid-column-start:4}.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-10{grid-column-start:10}.start-11{grid-column-start:11}.start-12{grid-column-start:12}.start-13{grid-column-start:13}.start-14{grid-column-start:14}.start-15{grid-column-start:15}.end-1{grid-column-end:1}.end-2{grid-column-end:2}.end-3{grid-column-end:3}.end-4{grid-column-end:4}.end-5{grid-column-end:5}.end-6{grid-column-end:6}.end-7{grid-column-end:7}.end-8{grid-column-end:8}.end-9{grid-column-end:9}.end-10{grid-column-end:10}.end-11{grid-column-end:11}.end-12{grid-column-end:12}.end-13{grid-column-end:13}.end-14{grid-column-end:14}.end-15{grid-column-end:15}.end-16{grid-column-end:16}.row-auto{grid-row:auto}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-8{grid-row-start:8}.row-start-9{grid-row-start:9}.row-start-10{grid-row-start:10}.row-start-11{grid-row-start:11}.row-start-12{grid-row-start:12}.row-start-13{grid-row-start:13}.row-start-14{grid-row-start:14}.row-start-15{grid-row-start:15}.row-start-16{grid-row-start:16}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-8{grid-row-end:8}.row-end-9{grid-row-end:9}.row-end-10{grid-row-end:10}.row-end-11{grid-row-end:11}.row-end-12{grid-row-end:12}.row-end-13{grid-row-end:13}.row-end-14{grid-row-end:14}.row-end-15{grid-row-end:15}.row-end-16{grid-row-end:16}.filter-none{-webkit-filter:none;filter:none}.filter-blur-none{-webkit-filter:blur(0);filter:blur(0)}.filter-blur{-webkit-filter:blur(96px);filter:blur(96px)}.grayscale-0{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale-50{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.grayscale-100{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.hue-rotate0{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}.hue-rotate1{-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.hue-rotate2{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.hue-rotate3{-webkit-filter:hue-rotate(135deg);filter:hue-rotate(135deg)}.hue-rotate4{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}.hue-rotate5{-webkit-filter:hue-rotate(225deg);filter:hue-rotate(225deg)}.hue-rotate6{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}.hue-rotate7{-webkit-filter:hue-rotate(315deg);filter:hue-rotate(315deg)}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.fl{float:left}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.overlay-tint-0{color:var(--overlay-tint-0)}.overlay-tint-1{color:var(--overlay-tint-1)}.overlay-tint-2{color:var(--overlay-tint-2)}.overlay-tint-3{color:var(--overlay-tint-3)}.overlay-tint-4{color:var(--overlay-tint-4)}.overlay-tint-5{color:var(--overlay-tint-5)}.overlay-tint-6{color:var(--overlay-tint-6)}.overlay-tint-7{color:var(--overlay-tint-7)}.overlay-tint-8{color:var(--overlay-tint-8)}.overlay-tint-9{color:var(--overlay-tint-9)}.overlay-tint-10{color:var(--overlay-tint-10)}.overlay-tint-11{color:var(--overlay-tint-11)}.overlay-shadow-0{color:var(--overlay-shadow-0)}.overlay-shadow-1{color:var(--overlay-shadow-1)}.overlay-shadow-2{color:var(--overlay-shadow-2)}.overlay-shadow-3{color:var(--overlay-shadow-3)}.overlay-shadow-4{color:var(--overlay-shadow-4)}.overlay-shadow-5{color:var(--overlay-shadow-5)}.overlay-shadow-6{color:var(--overlay-shadow-6)}.overlay-shadow-7{color:var(--overlay-shadow-7)}.overlay-shadow-8{color:var(--overlay-shadow-8)}.overlay-shadow-9{color:var(--overlay-shadow-9)}.overlay-shadow-10{color:var(--overlay-shadow-10)}.overlay-shadow-11{color:var(--overlay-shadow-11)}.gray-0{color:var(--gray-0)}.gray-1{color:var(--gray-1)}.gray-2{color:var(--gray-2)}.gray-3{color:var(--gray-3)}.gray-4{color:var(--gray-4)}.gray-5{color:var(--gray-5)}.gray-6{color:var(--gray-6)}.gray-7{color:var(--gray-7)}.gray-8{color:var(--gray-8)}.gray-9{color:var(--gray-9)}.gray-10{color:var(--gray-10)}.gray-11{color:var(--gray-11)}.slate-gray-0{color:var(--slate-gray-0)}.slate-gray-1{color:var(--slate-gray-1)}.slate-gray-2{color:var(--slate-gray-2)}.slate-gray-3{color:var(--slate-gray-3)}.slate-gray-4{color:var(--slate-gray-4)}.slate-gray-5{color:var(--slate-gray-5)}.slate-gray-6{color:var(--slate-gray-6)}.slate-gray-7{color:var(--slate-gray-7)}.slate-gray-8{color:var(--slate-gray-8)}.slate-gray-9{color:var(--slate-gray-9)}.slate-gray-10{color:var(--slate-gray-10)}.slate-gray-11{color:var(--slate-gray-11)}.blue-0{color:var(--blue-0)}.blue-1{color:var(--blue-1)}.blue-2{color:var(--blue-2)}.blue-3{color:var(--blue-3)}.blue-4{color:var(--blue-4)}.blue-5{color:var(--blue-5)}.blue-6{color:var(--blue-6)}.blue-7{color:var(--blue-7)}.blue-8{color:var(--blue-8)}.blue-9{color:var(--blue-9)}.blue-10{color:var(--blue-10)}.blue-11{color:var(--blue-11)}.indigo-0{color:var(--indigo-0)}.indigo-1{color:var(--indigo-1)}.indigo-2{color:var(--indigo-2)}.indigo-3{color:var(--indigo-3)}.indigo-4{color:var(--indigo-4)}.indigo-5{color:var(--indigo-5)}.indigo-6{color:var(--indigo-6)}.indigo-7{color:var(--indigo-7)}.indigo-8{color:var(--indigo-8)}.indigo-9{color:var(--indigo-9)}.indigo-10{color:var(--indigo-10)}.indigo-11{color:var(--indigo-11)}.violet-0{color:var(--violet-0)}.violet-1{color:var(--violet-1)}.violet-2{color:var(--violet-2)}.violet-3{color:var(--violet-3)}.violet-4{color:var(--violet-4)}.violet-5{color:var(--violet-5)}.violet-6{color:var(--violet-6)}.violet-7{color:var(--violet-7)}.violet-8{color:var(--violet-8)}.violet-9{color:var(--violet-9)}.violet-10{color:var(--violet-10)}.violet-11{color:var(--violet-11)}.magenta-0{color:var(--magenta-0)}.magenta-1{color:var(--magenta-1)}.magenta-2{color:var(--magenta-2)}.magenta-3{color:var(--magenta-3)}.magenta-4{color:var(--magenta-4)}.magenta-5{color:var(--magenta-5)}.magenta-6{color:var(--magenta-6)}.magenta-7{color:var(--magenta-7)}.magenta-8{color:var(--magenta-8)}.magenta-9{color:var(--magenta-9)}.magenta-10{color:var(--magenta-10)}.magenta-11{color:var(--magenta-11)}.red-0{color:var(--red-0)}.red-1{color:var(--red-1)}.red-2{color:var(--red-2)}.red-3{color:var(--red-3)}.red-4{color:var(--red-4)}.red-5{color:var(--red-5)}.red-6{color:var(--red-6)}.red-7{color:var(--red-7)}.red-8{color:var(--red-8)}.red-9{color:var(--red-9)}.red-10{color:var(--red-10)}.red-11{color:var(--red-11)}.red-orange-0{color:var(--red-orange-0)}.red-orange-1{color:var(--red-orange-1)}.red-orange-2{color:var(--red-orange-2)}.red-orange-3{color:var(--red-orange-3)}.red-orange-4{color:var(--red-orange-4)}.red-orange-5{color:var(--red-orange-5)}.red-orange-6{color:var(--red-orange-6)}.red-orange-7{color:var(--red-orange-7)}.red-orange-8{color:var(--red-orange-8)}.red-orange-9{color:var(--red-orange-9)}.red-orange-10{color:var(--red-orange-10)}.red-orange-11{color:var(--red-orange-11)}.orange-0{color:var(--orange-0)}.orange-1{color:var(--orange-1)}.orange-2{color:var(--orange-2)}.orange-3{color:var(--orange-3)}.orange-4{color:var(--orange-4)}.orange-5{color:var(--orange-5)}.orange-6{color:var(--orange-6)}.orange-7{color:var(--orange-7)}.orange-8{color:var(--orange-8)}.orange-9{color:var(--orange-9)}.orange-10{color:var(--orange-10)}.orange-11{color:var(--orange-11)}.gold-0{color:var(--gold-0)}.gold-1{color:var(--gold-1)}.gold-2{color:var(--gold-2)}.gold-3{color:var(--gold-3)}.gold-4{color:var(--gold-4)}.gold-5{color:var(--gold-5)}.gold-6{color:var(--gold-6)}.gold-7{color:var(--gold-7)}.gold-8{color:var(--gold-8)}.gold-9{color:var(--gold-9)}.gold-10{color:var(--gold-10)}.gold-11{color:var(--gold-11)}.yellow-0{color:var(--yellow-0)}.yellow-1{color:var(--yellow-1)}.yellow-2{color:var(--yellow-2)}.yellow-3{color:var(--yellow-3)}.yellow-4{color:var(--yellow-4)}.yellow-5{color:var(--yellow-5)}.yellow-6{color:var(--yellow-6)}.yellow-7{color:var(--yellow-7)}.yellow-8{color:var(--yellow-8)}.yellow-9{color:var(--yellow-9)}.yellow-10{color:var(--yellow-10)}.yellow-11{color:var(--yellow-11)}.green-0{color:var(--green-0)}.green-1{color:var(--green-1)}.green-2{color:var(--green-2)}.green-3{color:var(--green-3)}.green-4{color:var(--green-4)}.green-5{color:var(--green-5)}.green-6{color:var(--green-6)}.green-7{color:var(--green-7)}.green-8{color:var(--green-8)}.green-9{color:var(--green-9)}.green-10{color:var(--green-10)}.green-11{color:var(--green-11)}.teal-0{color:var(--teal-0)}.teal-1{color:var(--teal-1)}.teal-2{color:var(--teal-2)}.teal-3{color:var(--teal-3)}.teal-4{color:var(--teal-4)}.teal-5{color:var(--teal-5)}.teal-6{color:var(--teal-6)}.teal-7{color:var(--teal-7)}.teal-8{color:var(--teal-8)}.teal-9{color:var(--teal-9)}.teal-10{color:var(--teal-10)}.teal-11{color:var(--teal-11)}.cyan-0{color:var(--cyan-0)}.cyan-1{color:var(--cyan-1)}.cyan-2{color:var(--cyan-2)}.cyan-3{color:var(--cyan-3)}.cyan-4{color:var(--cyan-4)}.cyan-5{color:var(--cyan-5)}.cyan-6{color:var(--cyan-6)}.cyan-7{color:var(--cyan-7)}.cyan-8{color:var(--cyan-8)}.cyan-9{color:var(--cyan-9)}.cyan-10{color:var(--cyan-10)}.cyan-11{color:var(--cyan-11)}.bg-overlay-tint-0{background-color:var(--overlay-tint-0)}.bg-overlay-tint-1{background-color:var(--overlay-tint-1)}.bg-overlay-tint-2{background-color:var(--overlay-tint-2)}.bg-overlay-tint-3{background-color:var(--overlay-tint-3)}.bg-overlay-tint-4{background-color:var(--overlay-tint-4)}.bg-overlay-tint-5{background-color:var(--overlay-tint-5)}.bg-overlay-tint-6{background-color:var(--overlay-tint-6)}.bg-overlay-tint-7{background-color:var(--overlay-tint-7)}.bg-overlay-tint-8{background-color:var(--overlay-tint-8)}.bg-overlay-tint-9{background-color:var(--overlay-tint-9)}.bg-overlay-tint-10{background-color:var(--overlay-tint-10)}.bg-overlay-tint-11{background-color:var(--overlay-tint-11)}.bg-overlay-shadow-0{background-color:var(--overlay-shadow-0)}.bg-overlay-shadow-1{background-color:var(--overlay-shadow-1)}.bg-overlay-shadow-2{background-color:var(--overlay-shadow-2)}.bg-overlay-shadow-3{background-color:var(--overlay-shadow-3)}.bg-overlay-shadow-4{background-color:var(--overlay-shadow-4)}.bg-overlay-shadow-5{background-color:var(--overlay-shadow-5)}.bg-overlay-shadow-6{background-color:var(--overlay-shadow-6)}.bg-overlay-shadow-7{background-color:var(--overlay-shadow-7)}.bg-overlay-shadow-8{background-color:var(--overlay-shadow-8)}.bg-overlay-shadow-9{background-color:var(--overlay-shadow-9)}.bg-overlay-shadow-10{background-color:var(--overlay-shadow-10)}.bg-overlay-shadow-11{background-color:var(--overlay-shadow-11)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-1{background-color:var(--gray-1)}.bg-gray-2{background-color:var(--gray-2)}.bg-gray-3{background-color:var(--gray-3)}.bg-gray-4{background-color:var(--gray-4)}.bg-gray-5{background-color:var(--gray-5)}.bg-gray-6{background-color:var(--gray-6)}.bg-gray-7{background-color:var(--gray-7)}.bg-gray-8{background-color:var(--gray-8)}.bg-gray-9{background-color:var(--gray-9)}.bg-gray-10{background-color:var(--gray-10)}.bg-gray-11{background-color:var(--gray-11)}.bg-slate-gray-0{background-color:var(--slate-gray-0)}.bg-slate-gray-1{background-color:var(--slate-gray-1)}.bg-slate-gray-2{background-color:var(--slate-gray-2)}.bg-slate-gray-3{background-color:var(--slate-gray-3)}.bg-slate-gray-4{background-color:var(--slate-gray-4)}.bg-slate-gray-5{background-color:var(--slate-gray-5)}.bg-slate-gray-6{background-color:var(--slate-gray-6)}.bg-slate-gray-7{background-color:var(--slate-gray-7)}.bg-slate-gray-8{background-color:var(--slate-gray-8)}.bg-slate-gray-9{background-color:var(--slate-gray-9)}.bg-slate-gray-10{background-color:var(--slate-gray-10)}.bg-slate-gray-11{background-color:var(--slate-gray-11)}.bg-blue-0{background-color:var(--blue-0)}.bg-blue-1{background-color:var(--blue-1)}.bg-blue-2{background-color:var(--blue-2)}.bg-blue-3{background-color:var(--blue-3)}.bg-blue-4{background-color:var(--blue-4)}.bg-blue-5{background-color:var(--blue-5)}.bg-blue-6{background-color:var(--blue-6)}.bg-blue-7{background-color:var(--blue-7)}.bg-blue-8{background-color:var(--blue-8)}.bg-blue-9{background-color:var(--blue-9)}.bg-blue-10{background-color:var(--blue-10)}.bg-blue-11{background-color:var(--blue-11)}.bg-indigo-0{background-color:var(--indigo-0)}.bg-indigo-1{background-color:var(--indigo-1)}.bg-indigo-2{background-color:var(--indigo-2)}.bg-indigo-3{background-color:var(--indigo-3)}.bg-indigo-4{background-color:var(--indigo-4)}.bg-indigo-5{background-color:var(--indigo-5)}.bg-indigo-6{background-color:var(--indigo-6)}.bg-indigo-7{background-color:var(--indigo-7)}.bg-indigo-8{background-color:var(--indigo-8)}.bg-indigo-9{background-color:var(--indigo-9)}.bg-indigo-10{background-color:var(--indigo-10)}.bg-indigo-11{background-color:var(--indigo-11)}.bg-violet-0{background-color:var(--violet-0)}.bg-violet-1{background-color:var(--violet-1)}.bg-violet-2{background-color:var(--violet-2)}.bg-violet-3{background-color:var(--violet-3)}.bg-violet-4{background-color:var(--violet-4)}.bg-violet-5{background-color:var(--violet-5)}.bg-violet-6{background-color:var(--violet-6)}.bg-violet-7{background-color:var(--violet-7)}.bg-violet-8{background-color:var(--violet-8)}.bg-violet-9{background-color:var(--violet-9)}.bg-violet-10{background-color:var(--violet-10)}.bg-violet-11{background-color:var(--violet-11)}.bg-magenta-0{background-color:var(--magenta-0)}.bg-magenta-1{background-color:var(--magenta-1)}.bg-magenta-2{background-color:var(--magenta-2)}.bg-magenta-3{background-color:var(--magenta-3)}.bg-magenta-4{background-color:var(--magenta-4)}.bg-magenta-5{background-color:var(--magenta-5)}.bg-magenta-6{background-color:var(--magenta-6)}.bg-magenta-7{background-color:var(--magenta-7)}.bg-magenta-8{background-color:var(--magenta-8)}.bg-magenta-9{background-color:var(--magenta-9)}.bg-magenta-10{background-color:var(--magenta-10)}.bg-magenta-11{background-color:var(--magenta-11)}.bg-red-0{background-color:var(--red-0)}.bg-red-1{background-color:var(--red-1)}.bg-red-2{background-color:var(--red-2)}.bg-red-3{background-color:var(--red-3)}.bg-red-4{background-color:var(--red-4)}.bg-red-5{background-color:var(--red-5)}.bg-red-6{background-color:var(--red-6)}.bg-red-7{background-color:var(--red-7)}.bg-red-8{background-color:var(--red-8)}.bg-red-9{background-color:var(--red-9)}.bg-red-10{background-color:var(--red-10)}.bg-red-11{background-color:var(--red-11)}.bg-red-orange-0{background-color:var(--red-orange-0)}.bg-red-orange-1{background-color:var(--red-orange-1)}.bg-red-orange-2{background-color:var(--red-orange-2)}.bg-red-orange-3{background-color:var(--red-orange-3)}.bg-red-orange-4{background-color:var(--red-orange-4)}.bg-red-orange-5{background-color:var(--red-orange-5)}.bg-red-orange-6{background-color:var(--red-orange-6)}.bg-red-orange-7{background-color:var(--red-orange-7)}.bg-red-orange-8{background-color:var(--red-orange-8)}.bg-red-orange-9{background-color:var(--red-orange-9)}.bg-red-orange-10{background-color:var(--red-orange-10)}.bg-red-orange-11{background-color:var(--red-orange-11)}.bg-orange-0{background-color:var(--orange-0)}.bg-orange-1{background-color:var(--orange-1)}.bg-orange-2{background-color:var(--orange-2)}.bg-orange-3{background-color:var(--orange-3)}.bg-orange-4{background-color:var(--orange-4)}.bg-orange-5{background-color:var(--orange-5)}.bg-orange-6{background-color:var(--orange-6)}.bg-orange-7{background-color:var(--orange-7)}.bg-orange-8{background-color:var(--orange-8)}.bg-orange-9{background-color:var(--orange-9)}.bg-orange-10{background-color:var(--orange-10)}.bg-orange-11{background-color:var(--orange-11)}.bg-gold-0{background-color:var(--gold-0)}.bg-gold-1{background-color:var(--gold-1)}.bg-gold-2{background-color:var(--gold-2)}.bg-gold-3{background-color:var(--gold-3)}.bg-gold-4{background-color:var(--gold-4)}.bg-gold-5{background-color:var(--gold-5)}.bg-gold-6{background-color:var(--gold-6)}.bg-gold-7{background-color:var(--gold-7)}.bg-gold-8{background-color:var(--gold-8)}.bg-gold-9{background-color:var(--gold-9)}.bg-gold-10{background-color:var(--gold-10)}.bg-gold-11{background-color:var(--gold-11)}.bg-yellow-0{background-color:var(--yellow-0)}.bg-yellow-1{background-color:var(--yellow-1)}.bg-yellow-2{background-color:var(--yellow-2)}.bg-yellow-3{background-color:var(--yellow-3)}.bg-yellow-4{background-color:var(--yellow-4)}.bg-yellow-5{background-color:var(--yellow-5)}.bg-yellow-6{background-color:var(--yellow-6)}.bg-yellow-7{background-color:var(--yellow-7)}.bg-yellow-8{background-color:var(--yellow-8)}.bg-yellow-9{background-color:var(--yellow-9)}.bg-yellow-10{background-color:var(--yellow-10)}.bg-yellow-11{background-color:var(--yellow-11)}.bg-green-0{background-color:var(--green-0)}.bg-green-1{background-color:var(--green-1)}.bg-green-2{background-color:var(--green-2)}.bg-green-3{background-color:var(--green-3)}.bg-green-4{background-color:var(--green-4)}.bg-green-5{background-color:var(--green-5)}.bg-green-6{background-color:var(--green-6)}.bg-green-7{background-color:var(--green-7)}.bg-green-8{background-color:var(--green-8)}.bg-green-9{background-color:var(--green-9)}.bg-green-10{background-color:var(--green-10)}.bg-green-11{background-color:var(--green-11)}.bg-teal-0{background-color:var(--teal-0)}.bg-teal-1{background-color:var(--teal-1)}.bg-teal-2{background-color:var(--teal-2)}.bg-teal-3{background-color:var(--teal-3)}.bg-teal-4{background-color:var(--teal-4)}.bg-teal-5{background-color:var(--teal-5)}.bg-teal-6{background-color:var(--teal-6)}.bg-teal-7{background-color:var(--teal-7)}.bg-teal-8{background-color:var(--teal-8)}.bg-teal-9{background-color:var(--teal-9)}.bg-teal-10{background-color:var(--teal-10)}.bg-teal-11{background-color:var(--teal-11)}.bg-cyan-0{background-color:var(--cyan-0)}.bg-cyan-1{background-color:var(--cyan-1)}.bg-cyan-2{background-color:var(--cyan-2)}.bg-cyan-3{background-color:var(--cyan-3)}.bg-cyan-4{background-color:var(--cyan-4)}.bg-cyan-5{background-color:var(--cyan-5)}.bg-cyan-6{background-color:var(--cyan-6)}.bg-cyan-7{background-color:var(--cyan-7)}.bg-cyan-8{background-color:var(--cyan-8)}.bg-cyan-9{background-color:var(--cyan-9)}.bg-cyan-10{background-color:var(--cyan-10)}.bg-cyan-11{background-color:var(--cyan-11)}.hover-overlay-tint-0:hover{color:var(--overlay-tint-0)}.hover-overlay-tint-1:hover{color:var(--overlay-tint-1)}.hover-overlay-tint-2:hover{color:var(--overlay-tint-2)}.hover-overlay-tint-3:hover{color:var(--overlay-tint-3)}.hover-overlay-tint-4:hover{color:var(--overlay-tint-4)}.hover-overlay-tint-5:hover{color:var(--overlay-tint-5)}.hover-overlay-tint-6:hover{color:var(--overlay-tint-6)}.hover-overlay-tint-7:hover{color:var(--overlay-tint-7)}.hover-overlay-tint-8:hover{color:var(--overlay-tint-8)}.hover-overlay-tint-9:hover{color:var(--overlay-tint-9)}.hover-overlay-tint-10:hover{color:var(--overlay-tint-10)}.hover-overlay-tint-11:hover{color:var(--overlay-tint-11)}.hover-overlay-shadow-0:hover{color:var(--overlay-shadow-0)}.hover-overlay-shadow-1:hover{color:var(--overlay-shadow-1)}.hover-overlay-shadow-2:hover{color:var(--overlay-shadow-2)}.hover-overlay-shadow-3:hover{color:var(--overlay-shadow-3)}.hover-overlay-shadow-4:hover{color:var(--overlay-shadow-4)}.hover-overlay-shadow-5:hover{color:var(--overlay-shadow-5)}.hover-overlay-shadow-6:hover{color:var(--overlay-shadow-6)}.hover-overlay-shadow-7:hover{color:var(--overlay-shadow-7)}.hover-overlay-shadow-8:hover{color:var(--overlay-shadow-8)}.hover-overlay-shadow-9:hover{color:var(--overlay-shadow-9)}.hover-overlay-shadow-10:hover{color:var(--overlay-shadow-10)}.hover-overlay-shadow-11:hover{color:var(--overlay-shadow-11)}.hover-gray-0:hover{color:var(--gray-0)}.hover-gray-1:hover{color:var(--gray-1)}.hover-gray-2:hover{color:var(--gray-2)}.hover-gray-3:hover{color:var(--gray-3)}.hover-gray-4:hover{color:var(--gray-4)}.hover-gray-5:hover{color:var(--gray-5)}.hover-gray-6:hover{color:var(--gray-6)}.hover-gray-7:hover{color:var(--gray-7)}.hover-gray-8:hover{color:var(--gray-8)}.hover-gray-9:hover{color:var(--gray-9)}.hover-gray-10:hover{color:var(--gray-10)}.hover-gray-11:hover{color:var(--gray-11)}.hover-slate-gray-0:hover{color:var(--slate-gray-0)}.hover-slate-gray-1:hover{color:var(--slate-gray-1)}.hover-slate-gray-2:hover{color:var(--slate-gray-2)}.hover-slate-gray-3:hover{color:var(--slate-gray-3)}.hover-slate-gray-4:hover{color:var(--slate-gray-4)}.hover-slate-gray-5:hover{color:var(--slate-gray-5)}.hover-slate-gray-6:hover{color:var(--slate-gray-6)}.hover-slate-gray-7:hover{color:var(--slate-gray-7)}.hover-slate-gray-8:hover{color:var(--slate-gray-8)}.hover-slate-gray-9:hover{color:var(--slate-gray-9)}.hover-slate-gray-10:hover{color:var(--slate-gray-10)}.hover-slate-gray-11:hover{color:var(--slate-gray-11)}.hover-blue-0:hover{color:var(--blue-0)}.hover-blue-1:hover{color:var(--blue-1)}.hover-blue-2:hover{color:var(--blue-2)}.hover-blue-3:hover{color:var(--blue-3)}.hover-blue-4:hover{color:var(--blue-4)}.hover-blue-5:hover{color:var(--blue-5)}.hover-blue-6:hover{color:var(--blue-6)}.hover-blue-7:hover{color:var(--blue-7)}.hover-blue-8:hover{color:var(--blue-8)}.hover-blue-9:hover{color:var(--blue-9)}.hover-blue-10:hover{color:var(--blue-10)}.hover-blue-11:hover{color:var(--blue-11)}.hover-indigo-0:hover{color:var(--indigo-0)}.hover-indigo-1:hover{color:var(--indigo-1)}.hover-indigo-2:hover{color:var(--indigo-2)}.hover-indigo-3:hover{color:var(--indigo-3)}.hover-indigo-4:hover{color:var(--indigo-4)}.hover-indigo-5:hover{color:var(--indigo-5)}.hover-indigo-6:hover{color:var(--indigo-6)}.hover-indigo-7:hover{color:var(--indigo-7)}.hover-indigo-8:hover{color:var(--indigo-8)}.hover-indigo-9:hover{color:var(--indigo-9)}.hover-indigo-10:hover{color:var(--indigo-10)}.hover-indigo-11:hover{color:var(--indigo-11)}.hover-violet-0:hover{color:var(--violet-0)}.hover-violet-1:hover{color:var(--violet-1)}.hover-violet-2:hover{color:var(--violet-2)}.hover-violet-3:hover{color:var(--violet-3)}.hover-violet-4:hover{color:var(--violet-4)}.hover-violet-5:hover{color:var(--violet-5)}.hover-violet-6:hover{color:var(--violet-6)}.hover-violet-7:hover{color:var(--violet-7)}.hover-violet-8:hover{color:var(--violet-8)}.hover-violet-9:hover{color:var(--violet-9)}.hover-violet-10:hover{color:var(--violet-10)}.hover-violet-11:hover{color:var(--violet-11)}.hover-magenta-0:hover{color:var(--magenta-0)}.hover-magenta-1:hover{color:var(--magenta-1)}.hover-magenta-2:hover{color:var(--magenta-2)}.hover-magenta-3:hover{color:var(--magenta-3)}.hover-magenta-4:hover{color:var(--magenta-4)}.hover-magenta-5:hover{color:var(--magenta-5)}.hover-magenta-6:hover{color:var(--magenta-6)}.hover-magenta-7:hover{color:var(--magenta-7)}.hover-magenta-8:hover{color:var(--magenta-8)}.hover-magenta-9:hover{color:var(--magenta-9)}.hover-magenta-10:hover{color:var(--magenta-10)}.hover-magenta-11:hover{color:var(--magenta-11)}.hover-red-0:hover{color:var(--red-0)}.hover-red-1:hover{color:var(--red-1)}.hover-red-2:hover{color:var(--red-2)}.hover-red-3:hover{color:var(--red-3)}.hover-red-4:hover{color:var(--red-4)}.hover-red-5:hover{color:var(--red-5)}.hover-red-6:hover{color:var(--red-6)}.hover-red-7:hover{color:var(--red-7)}.hover-red-8:hover{color:var(--red-8)}.hover-red-9:hover{color:var(--red-9)}.hover-red-10:hover{color:var(--red-10)}.hover-red-11:hover{color:var(--red-11)}.hover-red-orange-0:hover{color:var(--red-orange-0)}.hover-red-orange-1:hover{color:var(--red-orange-1)}.hover-red-orange-2:hover{color:var(--red-orange-2)}.hover-red-orange-3:hover{color:var(--red-orange-3)}.hover-red-orange-4:hover{color:var(--red-orange-4)}.hover-red-orange-5:hover{color:var(--red-orange-5)}.hover-red-orange-6:hover{color:var(--red-orange-6)}.hover-red-orange-7:hover{color:var(--red-orange-7)}.hover-red-orange-8:hover{color:var(--red-orange-8)}.hover-red-orange-9:hover{color:var(--red-orange-9)}.hover-red-orange-10:hover{color:var(--red-orange-10)}.hover-red-orange-11:hover{color:var(--red-orange-11)}.hover-orange-0:hover{color:var(--orange-0)}.hover-orange-1:hover{color:var(--orange-1)}.hover-orange-2:hover{color:var(--orange-2)}.hover-orange-3:hover{color:var(--orange-3)}.hover-orange-4:hover{color:var(--orange-4)}.hover-orange-5:hover{color:var(--orange-5)}.hover-orange-6:hover{color:var(--orange-6)}.hover-orange-7:hover{color:var(--orange-7)}.hover-orange-8:hover{color:var(--orange-8)}.hover-orange-9:hover{color:var(--orange-9)}.hover-orange-10:hover{color:var(--orange-10)}.hover-orange-11:hover{color:var(--orange-11)}.hover-gold-0:hover{color:var(--gold-0)}.hover-gold-1:hover{color:var(--gold-1)}.hover-gold-2:hover{color:var(--gold-2)}.hover-gold-3:hover{color:var(--gold-3)}.hover-gold-4:hover{color:var(--gold-4)}.hover-gold-5:hover{color:var(--gold-5)}.hover-gold-6:hover{color:var(--gold-6)}.hover-gold-7:hover{color:var(--gold-7)}.hover-gold-8:hover{color:var(--gold-8)}.hover-gold-9:hover{color:var(--gold-9)}.hover-gold-10:hover{color:var(--gold-10)}.hover-gold-11:hover{color:var(--gold-11)}.hover-yellow-0:hover{color:var(--yellow-0)}.hover-yellow-1:hover{color:var(--yellow-1)}.hover-yellow-2:hover{color:var(--yellow-2)}.hover-yellow-3:hover{color:var(--yellow-3)}.hover-yellow-4:hover{color:var(--yellow-4)}.hover-yellow-5:hover{color:var(--yellow-5)}.hover-yellow-6:hover{color:var(--yellow-6)}.hover-yellow-7:hover{color:var(--yellow-7)}.hover-yellow-8:hover{color:var(--yellow-8)}.hover-yellow-9:hover{color:var(--yellow-9)}.hover-yellow-10:hover{color:var(--yellow-10)}.hover-yellow-11:hover{color:var(--yellow-11)}.hover-green-0:hover{color:var(--green-0)}.hover-green-1:hover{color:var(--green-1)}.hover-green-2:hover{color:var(--green-2)}.hover-green-3:hover{color:var(--green-3)}.hover-green-4:hover{color:var(--green-4)}.hover-green-5:hover{color:var(--green-5)}.hover-green-6:hover{color:var(--green-6)}.hover-green-7:hover{color:var(--green-7)}.hover-green-8:hover{color:var(--green-8)}.hover-green-9:hover{color:var(--green-9)}.hover-green-10:hover{color:var(--green-10)}.hover-green-11:hover{color:var(--green-11)}.hover-teal-0:hover{color:var(--teal-0)}.hover-teal-1:hover{color:var(--teal-1)}.hover-teal-2:hover{color:var(--teal-2)}.hover-teal-3:hover{color:var(--teal-3)}.hover-teal-4:hover{color:var(--teal-4)}.hover-teal-5:hover{color:var(--teal-5)}.hover-teal-6:hover{color:var(--teal-6)}.hover-teal-7:hover{color:var(--teal-7)}.hover-teal-8:hover{color:var(--teal-8)}.hover-teal-9:hover{color:var(--teal-9)}.hover-teal-10:hover{color:var(--teal-10)}.hover-teal-11:hover{color:var(--teal-11)}.hover-cyan-0:hover{color:var(--cyan-0)}.hover-cyan-1:hover{color:var(--cyan-1)}.hover-cyan-2:hover{color:var(--cyan-2)}.hover-cyan-3:hover{color:var(--cyan-3)}.hover-cyan-4:hover{color:var(--cyan-4)}.hover-cyan-5:hover{color:var(--cyan-5)}.hover-cyan-6:hover{color:var(--cyan-6)}.hover-cyan-7:hover{color:var(--cyan-7)}.hover-cyan-8:hover{color:var(--cyan-8)}.hover-cyan-9:hover{color:var(--cyan-9)}.hover-cyan-10:hover{color:var(--cyan-10)}.hover-cyan-11:hover{color:var(--cyan-11)}/hover-* Background colors / .hover-bg-overlay-tint-0:hover{background-color:var(--overlay-tint-0)}.hover-bg-overlay-tint-1:hover{background-color:var(--overlay-tint-1)}.hover-bg-overlay-tint-2:hover{background-color:var(--overlay-tint-2)}.hover-bg-overlay-tint-3:hover{background-color:var(--overlay-tint-3)}.hover-bg-overlay-tint-4:hover{background-color:var(--overlay-tint-4)}.hover-bg-overlay-tint-5:hover{background-color:var(--overlay-tint-5)}.hover-bg-overlay-tint-6:hover{background-color:var(--overlay-tint-6)}.hover-bg-overlay-tint-7:hover{background-color:var(--overlay-tint-7)}.hover-bg-overlay-tint-8:hover{background-color:var(--overlay-tint-8)}.hover-bg-overlay-tint-9:hover{background-color:var(--overlay-tint-9)}.hover-bg-overlay-tint-10:hover{background-color:var(--overlay-tint-10)}.hover-bg-overlay-tint-11:hover{background-color:var(--overlay-tint-11)}.hover-bg-overlay-shadow-0:hover{background-color:var(--overlay-shadow-0)}.hover-bg-overlay-shadow-1:hover{background-color:var(--overlay-shadow-1)}.hover-bg-overlay-shadow-2:hover{background-color:var(--overlay-shadow-2)}.hover-bg-overlay-shadow-3:hover{background-color:var(--overlay-shadow-3)}.hover-bg-overlay-shadow-4:hover{background-color:var(--overlay-shadow-4)}.hover-bg-overlay-shadow-5:hover{background-color:var(--overlay-shadow-5)}.hover-bg-overlay-shadow-6:hover{background-color:var(--overlay-shadow-6)}.hover-bg-overlay-shadow-7:hover{background-color:var(--overlay-shadow-7)}.hover-bg-overlay-shadow-8:hover{background-color:var(--overlay-shadow-8)}.hover-bg-overlay-shadow-9:hover{background-color:var(--overlay-shadow-9)}.hover-bg-overlay-shadow-10:hover{background-color:var(--overlay-shadow-10)}.hover-bg-overlay-shadow-11:hover{background-color:var(--overlay-shadow-11)}.hover-bg-gray-0:hover{background-color:var(--gray-0)}.hover-bg-gray-1:hover{background-color:var(--gray-1)}.hover-bg-gray-2:hover{background-color:var(--gray-2)}.hover-bg-gray-3:hover{background-color:var(--gray-3)}.hover-bg-gray-4:hover{background-color:var(--gray-4)}.hover-bg-gray-5:hover{background-color:var(--gray-5)}.hover-bg-gray-6:hover{background-color:var(--gray-6)}.hover-bg-gray-7:hover{background-color:var(--gray-7)}.hover-bg-gray-8:hover{background-color:var(--gray-8)}.hover-bg-gray-9:hover{background-color:var(--gray-9)}.hover-bg-gray-10:hover{background-color:var(--gray-10)}.hover-bg-gray-11:hover{background-color:var(--gray-11)}.hover-bg-slate-gray-0:hover{background-color:var(--slate-gray-0)}.hover-bg-slate-gray-1:hover{background-color:var(--slate-gray-1)}.hover-bg-slate-gray-2:hover{background-color:var(--slate-gray-2)}.hover-bg-slate-gray-3:hover{background-color:var(--slate-gray-3)}.hover-bg-slate-gray-4:hover{background-color:var(--slate-gray-4)}.hover-bg-slate-gray-5:hover{background-color:var(--slate-gray-5)}.hover-bg-slate-gray-6:hover{background-color:var(--slate-gray-6)}.hover-bg-slate-gray-7:hover{background-color:var(--slate-gray-7)}.hover-bg-slate-gray-8:hover{background-color:var(--slate-gray-8)}.hover-bg-slate-gray-9:hover{background-color:var(--slate-gray-9)}.hover-bg-slate-gray-10:hover{background-color:var(--slate-gray-10)}.hover-bg-slate-gray-11:hover{background-color:var(--slate-gray-11)}.hover-bg-blue-0:hover{background-color:var(--blue-0)}.hover-bg-blue-1:hover{background-color:var(--blue-1)}.hover-bg-blue-2:hover{background-color:var(--blue-2)}.hover-bg-blue-3:hover{background-color:var(--blue-3)}.hover-bg-blue-4:hover{background-color:var(--blue-4)}.hover-bg-blue-5:hover{background-color:var(--blue-5)}.hover-bg-blue-6:hover{background-color:var(--blue-6)}.hover-bg-blue-7:hover{background-color:var(--blue-7)}.hover-bg-blue-8:hover{background-color:var(--blue-8)}.hover-bg-blue-9:hover{background-color:var(--blue-9)}.hover-bg-blue-10:hover{background-color:var(--blue-10)}.hover-bg-blue-11:hover{background-color:var(--blue-11)}.hover-bg-indigo-0:hover{background-color:var(--indigo-0)}.hover-bg-indigo-1:hover{background-color:var(--indigo-1)}.hover-bg-indigo-2:hover{background-color:var(--indigo-2)}.hover-bg-indigo-3:hover{background-color:var(--indigo-3)}.hover-bg-indigo-4:hover{background-color:var(--indigo-4)}.hover-bg-indigo-5:hover{background-color:var(--indigo-5)}.hover-bg-indigo-6:hover{background-color:var(--indigo-6)}.hover-bg-indigo-7:hover{background-color:var(--indigo-7)}.hover-bg-indigo-8:hover{background-color:var(--indigo-8)}.hover-bg-indigo-9:hover{background-color:var(--indigo-9)}.hover-bg-indigo-10:hover{background-color:var(--indigo-10)}.hover-bg-indigo-11:hover{background-color:var(--indigo-11)}.hover-bg-violet-0:hover{background-color:var(--violet-0)}.hover-bg-violet-1:hover{background-color:var(--violet-1)}.hover-bg-violet-2:hover{background-color:var(--violet-2)}.hover-bg-violet-3:hover{background-color:var(--violet-3)}.hover-bg-violet-4:hover{background-color:var(--violet-4)}.hover-bg-violet-5:hover{background-color:var(--violet-5)}.hover-bg-violet-6:hover{background-color:var(--violet-6)}.hover-bg-violet-7:hover{background-color:var(--violet-7)}.hover-bg-violet-8:hover{background-color:var(--violet-8)}.hover-bg-violet-9:hover{background-color:var(--violet-9)}.hover-bg-violet-10:hover{background-color:var(--violet-10)}.hover-bg-violet-11:hover{background-color:var(--violet-11)}.hover-bg-magenta-0:hover{background-color:var(--magenta-0)}.hover-bg-magenta-1:hover{background-color:var(--magenta-1)}.hover-bg-magenta-2:hover{background-color:var(--magenta-2)}.hover-bg-magenta-3:hover{background-color:var(--magenta-3)}.hover-bg-magenta-4:hover{background-color:var(--magenta-4)}.hover-bg-magenta-5:hover{background-color:var(--magenta-5)}.hover-bg-magenta-6:hover{background-color:var(--magenta-6)}.hover-bg-magenta-7:hover{background-color:var(--magenta-7)}.hover-bg-magenta-8:hover{background-color:var(--magenta-8)}.hover-bg-magenta-9:hover{background-color:var(--magenta-9)}.hover-bg-magenta-10:hover{background-color:var(--magenta-10)}.hover-bg-magenta-11:hover{background-color:var(--magenta-11)}.hover-bg-red-0:hover{background-color:var(--red-0)}.hover-bg-red-1:hover{background-color:var(--red-1)}.hover-bg-red-2:hover{background-color:var(--red-2)}.hover-bg-red-3:hover{background-color:var(--red-3)}.hover-bg-red-4:hover{background-color:var(--red-4)}.hover-bg-red-5:hover{background-color:var(--red-5)}.hover-bg-red-6:hover{background-color:var(--red-6)}.hover-bg-red-7:hover{background-color:var(--red-7)}.hover-bg-red-8:hover{background-color:var(--red-8)}.hover-bg-red-9:hover{background-color:var(--red-9)}.hover-bg-red-10:hover{background-color:var(--red-10)}.hover-bg-red-11:hover{background-color:var(--red-11)}.hover-bg-red-orange-0:hover{background-color:var(--red-orange-0)}.hover-bg-red-orange-1:hover{background-color:var(--red-orange-1)}.hover-bg-red-orange-2:hover{background-color:var(--red-orange-2)}.hover-bg-red-orange-3:hover{background-color:var(--red-orange-3)}.hover-bg-red-orange-4:hover{background-color:var(--red-orange-4)}.hover-bg-red-orange-5:hover{background-color:var(--red-orange-5)}.hover-bg-red-orange-6:hover{background-color:var(--red-orange-6)}.hover-bg-red-orange-7:hover{background-color:var(--red-orange-7)}.hover-bg-red-orange-8:hover{background-color:var(--red-orange-8)}.hover-bg-red-orange-9:hover{background-color:var(--red-orange-9)}.hover-bg-red-orange-10:hover{background-color:var(--red-orange-10)}.hover-bg-red-orange-11:hover{background-color:var(--red-orange-11)}.hover-bg-orange-0:hover{background-color:var(--orange-0)}.hover-bg-orange-1:hover{background-color:var(--orange-1)}.hover-bg-orange-2:hover{background-color:var(--orange-2)}.hover-bg-orange-3:hover{background-color:var(--orange-3)}.hover-bg-orange-4:hover{background-color:var(--orange-4)}.hover-bg-orange-5:hover{background-color:var(--orange-5)}.hover-bg-orange-6:hover{background-color:var(--orange-6)}.hover-bg-orange-7:hover{background-color:var(--orange-7)}.hover-bg-orange-8:hover{background-color:var(--orange-8)}.hover-bg-orange-9:hover{background-color:var(--orange-9)}.hover-bg-orange-10:hover{background-color:var(--orange-10)}.hover-bg-orange-11:hover{background-color:var(--orange-11)}.hover-bg-gold-0:hover{background-color:var(--gold-0)}.hover-bg-gold-1:hover{background-color:var(--gold-1)}.hover-bg-gold-2:hover{background-color:var(--gold-2)}.hover-bg-gold-3:hover{background-color:var(--gold-3)}.hover-bg-gold-4:hover{background-color:var(--gold-4)}.hover-bg-gold-5:hover{background-color:var(--gold-5)}.hover-bg-gold-6:hover{background-color:var(--gold-6)}.hover-bg-gold-7:hover{background-color:var(--gold-7)}.hover-bg-gold-8:hover{background-color:var(--gold-8)}.hover-bg-gold-9:hover{background-color:var(--gold-9)}.hover-bg-gold-10:hover{background-color:var(--gold-10)}.hover-bg-gold-11:hover{background-color:var(--gold-11)}.hover-bg-yellow-0:hover{background-color:var(--yellow-0)}.hover-bg-yellow-1:hover{background-color:var(--yellow-1)}.hover-bg-yellow-2:hover{background-color:var(--yellow-2)}.hover-bg-yellow-3:hover{background-color:var(--yellow-3)}.hover-bg-yellow-4:hover{background-color:var(--yellow-4)}.hover-bg-yellow-5:hover{background-color:var(--yellow-5)}.hover-bg-yellow-6:hover{background-color:var(--yellow-6)}.hover-bg-yellow-7:hover{background-color:var(--yellow-7)}.hover-bg-yellow-8:hover{background-color:var(--yellow-8)}.hover-bg-yellow-9:hover{background-color:var(--yellow-9)}.hover-bg-yellow-10:hover{background-color:var(--yellow-10)}.hover-bg-yellow-11:hover{background-color:var(--yellow-11)}.hover-bg-green-0:hover{background-color:var(--green-0)}.hover-bg-green-1:hover{background-color:var(--green-1)}.hover-bg-green-2:hover{background-color:var(--green-2)}.hover-bg-green-3:hover{background-color:var(--green-3)}.hover-bg-green-4:hover{background-color:var(--green-4)}.hover-bg-green-5:hover{background-color:var(--green-5)}.hover-bg-green-6:hover{background-color:var(--green-6)}.hover-bg-green-7:hover{background-color:var(--green-7)}.hover-bg-green-8:hover{background-color:var(--green-8)}.hover-bg-green-9:hover{background-color:var(--green-9)}.hover-bg-green-10:hover{background-color:var(--green-10)}.hover-bg-green-11:hover{background-color:var(--green-11)}.hover-bg-teal-0:hover{background-color:var(--teal-0)}.hover-bg-teal-1:hover{background-color:var(--teal-1)}.hover-bg-teal-2:hover{background-color:var(--teal-2)}.hover-bg-teal-3:hover{background-color:var(--teal-3)}.hover-bg-teal-4:hover{background-color:var(--teal-4)}.hover-bg-teal-5:hover{background-color:var(--teal-5)}.hover-bg-teal-6:hover{background-color:var(--teal-6)}.hover-bg-teal-7:hover{background-color:var(--teal-7)}.hover-bg-teal-8:hover{background-color:var(--teal-8)}.hover-bg-teal-9:hover{background-color:var(--teal-9)}.hover-bg-teal-10:hover{background-color:var(--teal-10)}.hover-bg-teal-11:hover{background-color:var(--teal-11)}.hover-bg-cyan-0:hover{background-color:var(--cyan-0)}.hover-bg-cyan-1:hover{background-color:var(--cyan-1)}.hover-bg-cyan-2:hover{background-color:var(--cyan-2)}.hover-bg-cyan-3:hover{background-color:var(--cyan-3)}.hover-bg-cyan-4:hover{background-color:var(--cyan-4)}.hover-bg-cyan-5:hover{background-color:var(--cyan-5)}.hover-bg-cyan-6:hover{background-color:var(--cyan-6)}.hover-bg-cyan-7:hover{background-color:var(--cyan-7)}.hover-bg-cyan-8:hover{background-color:var(--cyan-8)}.hover-bg-cyan-9:hover{background-color:var(--cyan-9)}.hover-bg-cyan-10:hover{background-color:var(--cyan-10)}.hover-bg-cyan-11:hover{background-color:var(--cyan-11)}.focus-overlay-tint-0:focus{color:var(--overlay-tint-0)}.focus-overlay-tint-1:focus{color:var(--overlay-tint-1)}.focus-overlay-tint-2:focus{color:var(--overlay-tint-2)}.focus-overlay-tint-3:focus{color:var(--overlay-tint-3)}.focus-overlay-tint-4:focus{color:var(--overlay-tint-4)}.focus-overlay-tint-5:focus{color:var(--overlay-tint-5)}.focus-overlay-tint-6:focus{color:var(--overlay-tint-6)}.focus-overlay-tint-7:focus{color:var(--overlay-tint-7)}.focus-overlay-tint-8:focus{color:var(--overlay-tint-8)}.focus-overlay-tint-9:focus{color:var(--overlay-tint-9)}.focus-overlay-tint-10:focus{color:var(--overlay-tint-10)}.focus-overlay-tint-11:focus{color:var(--overlay-tint-11)}.focus-overlay-shadow-0:focus{color:var(--overlay-shadow-0)}.focus-overlay-shadow-1:focus{color:var(--overlay-shadow-1)}.focus-overlay-shadow-2:focus{color:var(--overlay-shadow-2)}.focus-overlay-shadow-3:focus{color:var(--overlay-shadow-3)}.focus-overlay-shadow-4:focus{color:var(--overlay-shadow-4)}.focus-overlay-shadow-5:focus{color:var(--overlay-shadow-5)}.focus-overlay-shadow-6:focus{color:var(--overlay-shadow-6)}.focus-overlay-shadow-7:focus{color:var(--overlay-shadow-7)}.focus-overlay-shadow-8:focus{color:var(--overlay-shadow-8)}.focus-overlay-shadow-9:focus{color:var(--overlay-shadow-9)}.focus-overlay-shadow-10:focus{color:var(--overlay-shadow-10)}.focus-overlay-shadow-11:focus{color:var(--overlay-shadow-11)}.focus-gray-0:focus{color:var(--gray-0)}.focus-gray-1:focus{color:var(--gray-1)}.focus-gray-2:focus{color:var(--gray-2)}.focus-gray-3:focus{color:var(--gray-3)}.focus-gray-4:focus{color:var(--gray-4)}.focus-gray-5:focus{color:var(--gray-5)}.focus-gray-6:focus{color:var(--gray-6)}.focus-gray-7:focus{color:var(--gray-7)}.focus-gray-8:focus{color:var(--gray-8)}.focus-gray-9:focus{color:var(--gray-9)}.focus-gray-10:focus{color:var(--gray-10)}.focus-gray-11:focus{color:var(--gray-11)}.focus-slate-gray-0:focus{color:var(--slate-gray-0)}.focus-slate-gray-1:focus{color:var(--slate-gray-1)}.focus-slate-gray-2:focus{color:var(--slate-gray-2)}.focus-slate-gray-3:focus{color:var(--slate-gray-3)}.focus-slate-gray-4:focus{color:var(--slate-gray-4)}.focus-slate-gray-5:focus{color:var(--slate-gray-5)}.focus-slate-gray-6:focus{color:var(--slate-gray-6)}.focus-slate-gray-7:focus{color:var(--slate-gray-7)}.focus-slate-gray-8:focus{color:var(--slate-gray-8)}.focus-slate-gray-9:focus{color:var(--slate-gray-9)}.focus-slate-gray-10:focus{color:var(--slate-gray-10)}.focus-slate-gray-11:focus{color:var(--slate-gray-11)}.focus-blue-0:focus{color:var(--blue-0)}.focus-blue-1:focus{color:var(--blue-1)}.focus-blue-2:focus{color:var(--blue-2)}.focus-blue-3:focus{color:var(--blue-3)}.focus-blue-4:focus{color:var(--blue-4)}.focus-blue-5:focus{color:var(--blue-5)}.focus-blue-6:focus{color:var(--blue-6)}.focus-blue-7:focus{color:var(--blue-7)}.focus-blue-8:focus{color:var(--blue-8)}.focus-blue-9:focus{color:var(--blue-9)}.focus-blue-10:focus{color:var(--blue-10)}.focus-blue-11:focus{color:var(--blue-11)}.focus-indigo-0:focus{color:var(--indigo-0)}.focus-indigo-1:focus{color:var(--indigo-1)}.focus-indigo-2:focus{color:var(--indigo-2)}.focus-indigo-3:focus{color:var(--indigo-3)}.focus-indigo-4:focus{color:var(--indigo-4)}.focus-indigo-5:focus{color:var(--indigo-5)}.focus-indigo-6:focus{color:var(--indigo-6)}.focus-indigo-7:focus{color:var(--indigo-7)}.focus-indigo-8:focus{color:var(--indigo-8)}.focus-indigo-9:focus{color:var(--indigo-9)}.focus-indigo-10:focus{color:var(--indigo-10)}.focus-indigo-11:focus{color:var(--indigo-11)}.focus-violet-0:focus{color:var(--violet-0)}.focus-violet-1:focus{color:var(--violet-1)}.focus-violet-2:focus{color:var(--violet-2)}.focus-violet-3:focus{color:var(--violet-3)}.focus-violet-4:focus{color:var(--violet-4)}.focus-violet-5:focus{color:var(--violet-5)}.focus-violet-6:focus{color:var(--violet-6)}.focus-violet-7:focus{color:var(--violet-7)}.focus-violet-8:focus{color:var(--violet-8)}.focus-violet-9:focus{color:var(--violet-9)}.focus-violet-10:focus{color:var(--violet-10)}.focus-violet-11:focus{color:var(--violet-11)}.focus-magenta-0:focus{color:var(--magenta-0)}.focus-magenta-1:focus{color:var(--magenta-1)}.focus-magenta-2:focus{color:var(--magenta-2)}.focus-magenta-3:focus{color:var(--magenta-3)}.focus-magenta-4:focus{color:var(--magenta-4)}.focus-magenta-5:focus{color:var(--magenta-5)}.focus-magenta-6:focus{color:var(--magenta-6)}.focus-magenta-7:focus{color:var(--magenta-7)}.focus-magenta-8:focus{color:var(--magenta-8)}.focus-magenta-9:focus{color:var(--magenta-9)}.focus-magenta-10:focus{color:var(--magenta-10)}.focus-magenta-11:focus{color:var(--magenta-11)}.focus-red-0:focus{color:var(--red-0)}.focus-red-1:focus{color:var(--red-1)}.focus-red-2:focus{color:var(--red-2)}.focus-red-3:focus{color:var(--red-3)}.focus-red-4:focus{color:var(--red-4)}.focus-red-5:focus{color:var(--red-5)}.focus-red-6:focus{color:var(--red-6)}.focus-red-7:focus{color:var(--red-7)}.focus-red-8:focus{color:var(--red-8)}.focus-red-9:focus{color:var(--red-9)}.focus-red-10:focus{color:var(--red-10)}.focus-red-11:focus{color:var(--red-11)}.focus-red-orange-0:focus{color:var(--red-orange-0)}.focus-red-orange-1:focus{color:var(--red-orange-1)}.focus-red-orange-2:focus{color:var(--red-orange-2)}.focus-red-orange-3:focus{color:var(--red-orange-3)}.focus-red-orange-4:focus{color:var(--red-orange-4)}.focus-red-orange-5:focus{color:var(--red-orange-5)}.focus-red-orange-6:focus{color:var(--red-orange-6)}.focus-red-orange-7:focus{color:var(--red-orange-7)}.focus-red-orange-8:focus{color:var(--red-orange-8)}.focus-red-orange-9:focus{color:var(--red-orange-9)}.focus-red-orange-10:focus{color:var(--red-orange-10)}.focus-red-orange-11:focus{color:var(--red-orange-11)}.focus-orange-0:focus{color:var(--orange-0)}.focus-orange-1:focus{color:var(--orange-1)}.focus-orange-2:focus{color:var(--orange-2)}.focus-orange-3:focus{color:var(--orange-3)}.focus-orange-4:focus{color:var(--orange-4)}.focus-orange-5:focus{color:var(--orange-5)}.focus-orange-6:focus{color:var(--orange-6)}.focus-orange-7:focus{color:var(--orange-7)}.focus-orange-8:focus{color:var(--orange-8)}.focus-orange-9:focus{color:var(--orange-9)}.focus-orange-10:focus{color:var(--orange-10)}.focus-orange-11:focus{color:var(--orange-11)}.focus-gold-0:focus{color:var(--gold-0)}.focus-gold-1:focus{color:var(--gold-1)}.focus-gold-2:focus{color:var(--gold-2)}.focus-gold-3:focus{color:var(--gold-3)}.focus-gold-4:focus{color:var(--gold-4)}.focus-gold-5:focus{color:var(--gold-5)}.focus-gold-6:focus{color:var(--gold-6)}.focus-gold-7:focus{color:var(--gold-7)}.focus-gold-8:focus{color:var(--gold-8)}.focus-gold-9:focus{color:var(--gold-9)}.focus-gold-10:focus{color:var(--gold-10)}.focus-gold-11:focus{color:var(--gold-11)}.focus-yellow-0:focus{color:var(--yellow-0)}.focus-yellow-1:focus{color:var(--yellow-1)}.focus-yellow-2:focus{color:var(--yellow-2)}.focus-yellow-3:focus{color:var(--yellow-3)}.focus-yellow-4:focus{color:var(--yellow-4)}.focus-yellow-5:focus{color:var(--yellow-5)}.focus-yellow-6:focus{color:var(--yellow-6)}.focus-yellow-7:focus{color:var(--yellow-7)}.focus-yellow-8:focus{color:var(--yellow-8)}.focus-yellow-9:focus{color:var(--yellow-9)}.focus-yellow-10:focus{color:var(--yellow-10)}.focus-yellow-11:focus{color:var(--yellow-11)}.focus-green-0:focus{color:var(--green-0)}.focus-green-1:focus{color:var(--green-1)}.focus-green-2:focus{color:var(--green-2)}.focus-green-3:focus{color:var(--green-3)}.focus-green-4:focus{color:var(--green-4)}.focus-green-5:focus{color:var(--green-5)}.focus-green-6:focus{color:var(--green-6)}.focus-green-7:focus{color:var(--green-7)}.focus-green-8:focus{color:var(--green-8)}.focus-green-9:focus{color:var(--green-9)}.focus-green-10:focus{color:var(--green-10)}.focus-green-11:focus{color:var(--green-11)}.focus-teal-0:focus{color:var(--teal-0)}.focus-teal-1:focus{color:var(--teal-1)}.focus-teal-2:focus{color:var(--teal-2)}.focus-teal-3:focus{color:var(--teal-3)}.focus-teal-4:focus{color:var(--teal-4)}.focus-teal-5:focus{color:var(--teal-5)}.focus-teal-6:focus{color:var(--teal-6)}.focus-teal-7:focus{color:var(--teal-7)}.focus-teal-8:focus{color:var(--teal-8)}.focus-teal-9:focus{color:var(--teal-9)}.focus-teal-10:focus{color:var(--teal-10)}.focus-teal-11:focus{color:var(--teal-11)}.focus-cyan-0:focus{color:var(--cyan-0)}.focus-cyan-1:focus{color:var(--cyan-1)}.focus-cyan-2:focus{color:var(--cyan-2)}.focus-cyan-3:focus{color:var(--cyan-3)}.focus-cyan-4:focus{color:var(--cyan-4)}.focus-cyan-5:focus{color:var(--cyan-5)}.focus-cyan-6:focus{color:var(--cyan-6)}.focus-cyan-7:focus{color:var(--cyan-7)}.focus-cyan-8:focus{color:var(--cyan-8)}.focus-cyan-9:focus{color:var(--cyan-9)}.focus-cyan-10:focus{color:var(--cyan-10)}.focus-cyan-11:focus{color:var(--cyan-11)}/focus-* Background colors / .focus-bg-overlay-tint-0:focus{background-color:var(--overlay-tint-0)}.focus-bg-overlay-tint-1:focus{background-color:var(--overlay-tint-1)}.focus-bg-overlay-tint-2:focus{background-color:var(--overlay-tint-2)}.focus-bg-overlay-tint-3:focus{background-color:var(--overlay-tint-3)}.focus-bg-overlay-tint-4:focus{background-color:var(--overlay-tint-4)}.focus-bg-overlay-tint-5:focus{background-color:var(--overlay-tint-5)}.focus-bg-overlay-tint-6:focus{background-color:var(--overlay-tint-6)}.focus-bg-overlay-tint-7:focus{background-color:var(--overlay-tint-7)}.focus-bg-overlay-tint-8:focus{background-color:var(--overlay-tint-8)}.focus-bg-overlay-tint-9:focus{background-color:var(--overlay-tint-9)}.focus-bg-overlay-tint-10:focus{background-color:var(--overlay-tint-10)}.focus-bg-overlay-tint-11:focus{background-color:var(--overlay-tint-11)}.focus-bg-overlay-shadow-0:focus{background-color:var(--overlay-shadow-0)}.focus-bg-overlay-shadow-1:focus{background-color:var(--overlay-shadow-1)}.focus-bg-overlay-shadow-2:focus{background-color:var(--overlay-shadow-2)}.focus-bg-overlay-shadow-3:focus{background-color:var(--overlay-shadow-3)}.focus-bg-overlay-shadow-4:focus{background-color:var(--overlay-shadow-4)}.focus-bg-overlay-shadow-5:focus{background-color:var(--overlay-shadow-5)}.focus-bg-overlay-shadow-6:focus{background-color:var(--overlay-shadow-6)}.focus-bg-overlay-shadow-7:focus{background-color:var(--overlay-shadow-7)}.focus-bg-overlay-shadow-8:focus{background-color:var(--overlay-shadow-8)}.focus-bg-overlay-shadow-9:focus{background-color:var(--overlay-shadow-9)}.focus-bg-overlay-shadow-10:focus{background-color:var(--overlay-shadow-10)}.focus-bg-overlay-shadow-11:focus{background-color:var(--overlay-shadow-11)}.focus-bg-gray-0:focus{background-color:var(--gray-0)}.focus-bg-gray-1:focus{background-color:var(--gray-1)}.focus-bg-gray-2:focus{background-color:var(--gray-2)}.focus-bg-gray-3:focus{background-color:var(--gray-3)}.focus-bg-gray-4:focus{background-color:var(--gray-4)}.focus-bg-gray-5:focus{background-color:var(--gray-5)}.focus-bg-gray-6:focus{background-color:var(--gray-6)}.focus-bg-gray-7:focus{background-color:var(--gray-7)}.focus-bg-gray-8:focus{background-color:var(--gray-8)}.focus-bg-gray-9:focus{background-color:var(--gray-9)}.focus-bg-gray-10:focus{background-color:var(--gray-10)}.focus-bg-gray-11:focus{background-color:var(--gray-11)}.focus-bg-slate-gray-0:focus{background-color:var(--slate-gray-0)}.focus-bg-slate-gray-1:focus{background-color:var(--slate-gray-1)}.focus-bg-slate-gray-2:focus{background-color:var(--slate-gray-2)}.focus-bg-slate-gray-3:focus{background-color:var(--slate-gray-3)}.focus-bg-slate-gray-4:focus{background-color:var(--slate-gray-4)}.focus-bg-slate-gray-5:focus{background-color:var(--slate-gray-5)}.focus-bg-slate-gray-6:focus{background-color:var(--slate-gray-6)}.focus-bg-slate-gray-7:focus{background-color:var(--slate-gray-7)}.focus-bg-slate-gray-8:focus{background-color:var(--slate-gray-8)}.focus-bg-slate-gray-9:focus{background-color:var(--slate-gray-9)}.focus-bg-slate-gray-10:focus{background-color:var(--slate-gray-10)}.focus-bg-slate-gray-11:focus{background-color:var(--slate-gray-11)}.focus-bg-blue-0:focus{background-color:var(--blue-0)}.focus-bg-blue-1:focus{background-color:var(--blue-1)}.focus-bg-blue-2:focus{background-color:var(--blue-2)}.focus-bg-blue-3:focus{background-color:var(--blue-3)}.focus-bg-blue-4:focus{background-color:var(--blue-4)}.focus-bg-blue-5:focus{background-color:var(--blue-5)}.focus-bg-blue-6:focus{background-color:var(--blue-6)}.focus-bg-blue-7:focus{background-color:var(--blue-7)}.focus-bg-blue-8:focus{background-color:var(--blue-8)}.focus-bg-blue-9:focus{background-color:var(--blue-9)}.focus-bg-blue-10:focus{background-color:var(--blue-10)}.focus-bg-blue-11:focus{background-color:var(--blue-11)}.focus-bg-indigo-0:focus{background-color:var(--indigo-0)}.focus-bg-indigo-1:focus{background-color:var(--indigo-1)}.focus-bg-indigo-2:focus{background-color:var(--indigo-2)}.focus-bg-indigo-3:focus{background-color:var(--indigo-3)}.focus-bg-indigo-4:focus{background-color:var(--indigo-4)}.focus-bg-indigo-5:focus{background-color:var(--indigo-5)}.focus-bg-indigo-6:focus{background-color:var(--indigo-6)}.focus-bg-indigo-7:focus{background-color:var(--indigo-7)}.focus-bg-indigo-8:focus{background-color:var(--indigo-8)}.focus-bg-indigo-9:focus{background-color:var(--indigo-9)}.focus-bg-indigo-10:focus{background-color:var(--indigo-10)}.focus-bg-indigo-11:focus{background-color:var(--indigo-11)}.focus-bg-violet-0:focus{background-color:var(--violet-0)}.focus-bg-violet-1:focus{background-color:var(--violet-1)}.focus-bg-violet-2:focus{background-color:var(--violet-2)}.focus-bg-violet-3:focus{background-color:var(--violet-3)}.focus-bg-violet-4:focus{background-color:var(--violet-4)}.focus-bg-violet-5:focus{background-color:var(--violet-5)}.focus-bg-violet-6:focus{background-color:var(--violet-6)}.focus-bg-violet-7:focus{background-color:var(--violet-7)}.focus-bg-violet-8:focus{background-color:var(--violet-8)}.focus-bg-violet-9:focus{background-color:var(--violet-9)}.focus-bg-violet-10:focus{background-color:var(--violet-10)}.focus-bg-violet-11:focus{background-color:var(--violet-11)}.focus-bg-magenta-0:focus{background-color:var(--magenta-0)}.focus-bg-magenta-1:focus{background-color:var(--magenta-1)}.focus-bg-magenta-2:focus{background-color:var(--magenta-2)}.focus-bg-magenta-3:focus{background-color:var(--magenta-3)}.focus-bg-magenta-4:focus{background-color:var(--magenta-4)}.focus-bg-magenta-5:focus{background-color:var(--magenta-5)}.focus-bg-magenta-6:focus{background-color:var(--magenta-6)}.focus-bg-magenta-7:focus{background-color:var(--magenta-7)}.focus-bg-magenta-8:focus{background-color:var(--magenta-8)}.focus-bg-magenta-9:focus{background-color:var(--magenta-9)}.focus-bg-magenta-10:focus{background-color:var(--magenta-10)}.focus-bg-magenta-11:focus{background-color:var(--magenta-11)}.focus-bg-red-0:focus{background-color:var(--red-0)}.focus-bg-red-1:focus{background-color:var(--red-1)}.focus-bg-red-2:focus{background-color:var(--red-2)}.focus-bg-red-3:focus{background-color:var(--red-3)}.focus-bg-red-4:focus{background-color:var(--red-4)}.focus-bg-red-5:focus{background-color:var(--red-5)}.focus-bg-red-6:focus{background-color:var(--red-6)}.focus-bg-red-7:focus{background-color:var(--red-7)}.focus-bg-red-8:focus{background-color:var(--red-8)}.focus-bg-red-9:focus{background-color:var(--red-9)}.focus-bg-red-10:focus{background-color:var(--red-10)}.focus-bg-red-11:focus{background-color:var(--red-11)}.focus-bg-red-orange-0:focus{background-color:var(--red-orange-0)}.focus-bg-red-orange-1:focus{background-color:var(--red-orange-1)}.focus-bg-red-orange-2:focus{background-color:var(--red-orange-2)}.focus-bg-red-orange-3:focus{background-color:var(--red-orange-3)}.focus-bg-red-orange-4:focus{background-color:var(--red-orange-4)}.focus-bg-red-orange-5:focus{background-color:var(--red-orange-5)}.focus-bg-red-orange-6:focus{background-color:var(--red-orange-6)}.focus-bg-red-orange-7:focus{background-color:var(--red-orange-7)}.focus-bg-red-orange-8:focus{background-color:var(--red-orange-8)}.focus-bg-red-orange-9:focus{background-color:var(--red-orange-9)}.focus-bg-red-orange-10:focus{background-color:var(--red-orange-10)}.focus-bg-red-orange-11:focus{background-color:var(--red-orange-11)}.focus-bg-orange-0:focus{background-color:var(--orange-0)}.focus-bg-orange-1:focus{background-color:var(--orange-1)}.focus-bg-orange-2:focus{background-color:var(--orange-2)}.focus-bg-orange-3:focus{background-color:var(--orange-3)}.focus-bg-orange-4:focus{background-color:var(--orange-4)}.focus-bg-orange-5:focus{background-color:var(--orange-5)}.focus-bg-orange-6:focus{background-color:var(--orange-6)}.focus-bg-orange-7:focus{background-color:var(--orange-7)}.focus-bg-orange-8:focus{background-color:var(--orange-8)}.focus-bg-orange-9:focus{background-color:var(--orange-9)}.focus-bg-orange-10:focus{background-color:var(--orange-10)}.focus-bg-orange-11:focus{background-color:var(--orange-11)}.focus-bg-gold-0:focus{background-color:var(--gold-0)}.focus-bg-gold-1:focus{background-color:var(--gold-1)}.focus-bg-gold-2:focus{background-color:var(--gold-2)}.focus-bg-gold-3:focus{background-color:var(--gold-3)}.focus-bg-gold-4:focus{background-color:var(--gold-4)}.focus-bg-gold-5:focus{background-color:var(--gold-5)}.focus-bg-gold-6:focus{background-color:var(--gold-6)}.focus-bg-gold-7:focus{background-color:var(--gold-7)}.focus-bg-gold-8:focus{background-color:var(--gold-8)}.focus-bg-gold-9:focus{background-color:var(--gold-9)}.focus-bg-gold-10:focus{background-color:var(--gold-10)}.focus-bg-gold-11:focus{background-color:var(--gold-11)}.focus-bg-yellow-0:focus{background-color:var(--yellow-0)}.focus-bg-yellow-1:focus{background-color:var(--yellow-1)}.focus-bg-yellow-2:focus{background-color:var(--yellow-2)}.focus-bg-yellow-3:focus{background-color:var(--yellow-3)}.focus-bg-yellow-4:focus{background-color:var(--yellow-4)}.focus-bg-yellow-5:focus{background-color:var(--yellow-5)}.focus-bg-yellow-6:focus{background-color:var(--yellow-6)}.focus-bg-yellow-7:focus{background-color:var(--yellow-7)}.focus-bg-yellow-8:focus{background-color:var(--yellow-8)}.focus-bg-yellow-9:focus{background-color:var(--yellow-9)}.focus-bg-yellow-10:focus{background-color:var(--yellow-10)}.focus-bg-yellow-11:focus{background-color:var(--yellow-11)}.focus-bg-green-0:focus{background-color:var(--green-0)}.focus-bg-green-1:focus{background-color:var(--green-1)}.focus-bg-green-2:focus{background-color:var(--green-2)}.focus-bg-green-3:focus{background-color:var(--green-3)}.focus-bg-green-4:focus{background-color:var(--green-4)}.focus-bg-green-5:focus{background-color:var(--green-5)}.focus-bg-green-6:focus{background-color:var(--green-6)}.focus-bg-green-7:focus{background-color:var(--green-7)}.focus-bg-green-8:focus{background-color:var(--green-8)}.focus-bg-green-9:focus{background-color:var(--green-9)}.focus-bg-green-10:focus{background-color:var(--green-10)}.focus-bg-green-11:focus{background-color:var(--green-11)}.focus-bg-teal-0:focus{background-color:var(--teal-0)}.focus-bg-teal-1:focus{background-color:var(--teal-1)}.focus-bg-teal-2:focus{background-color:var(--teal-2)}.focus-bg-teal-3:focus{background-color:var(--teal-3)}.focus-bg-teal-4:focus{background-color:var(--teal-4)}.focus-bg-teal-5:focus{background-color:var(--teal-5)}.focus-bg-teal-6:focus{background-color:var(--teal-6)}.focus-bg-teal-7:focus{background-color:var(--teal-7)}.focus-bg-teal-8:focus{background-color:var(--teal-8)}.focus-bg-teal-9:focus{background-color:var(--teal-9)}.focus-bg-teal-10:focus{background-color:var(--teal-10)}.focus-bg-teal-11:focus{background-color:var(--teal-11)}.focus-bg-cyan-0:focus{background-color:var(--cyan-0)}.focus-bg-cyan-1:focus{background-color:var(--cyan-1)}.focus-bg-cyan-2:focus{background-color:var(--cyan-2)}.focus-bg-cyan-3:focus{background-color:var(--cyan-3)}.focus-bg-cyan-4:focus{background-color:var(--cyan-4)}.focus-bg-cyan-5:focus{background-color:var(--cyan-5)}.focus-bg-cyan-6:focus{background-color:var(--cyan-6)}.focus-bg-cyan-7:focus{background-color:var(--cyan-7)}.focus-bg-cyan-8:focus{background-color:var(--cyan-8)}.focus-bg-cyan-9:focus{background-color:var(--cyan-9)}.focus-bg-cyan-10:focus{background-color:var(--cyan-10)}.focus-bg-cyan-11:focus{background-color:var(--cyan-11)}.p0{padding:0}.p1{padding:.25rem}.p2{padding:.5rem}.p3{padding:1rem}.p4{padding:2rem}.p5{padding:4rem}.p6{padding:8rem}.p7{padding:16rem}.p8{padding:32rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pl8{padding-left:32rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pr8{padding-right:32rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pb8{padding-bottom:32rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pt8{padding-top:32rem}.py0{padding-top:0;padding-bottom:0}.py1{padding-top:.25rem;padding-bottom:.25rem}.py2{padding-top:.5rem;padding-bottom:.5rem}.py3{padding-top:1rem;padding-bottom:1rem}.py4{padding-top:2rem;padding-bottom:2rem}.py5{padding-top:4rem;padding-bottom:4rem}.py6{padding-top:8rem;padding-bottom:8rem}.py7{padding-top:16rem;padding-bottom:16rem}.py8{padding-top:32rem;padding-bottom:32rem}.px0{padding-left:0;padding-right:0}.px1{padding-left:.25rem;padding-right:.25rem}.px2{padding-left:.5rem;padding-right:.5rem}.px3{padding-left:1rem;padding-right:1rem}.px4{padding-left:2rem;padding-right:2rem}.px5{padding-left:4rem;padding-right:4rem}.px6{padding-left:8rem;padding-right:8rem}.px7{padding-left:16rem;padding-right:16rem}.px8{padding-left:32rem;padding-right:32rem}.m0{margin:0}.m1{margin:.25rem}.m2{margin:.5rem}.m3{margin:1rem}.m4{margin:2rem}.m5{margin:4rem}.m6{margin:8rem}.m7{margin:16rem}.m8{margin:32rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.ml8{margin-left:32rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mr8{margin-right:32rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mb8{margin-bottom:32rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mt8{margin-top:32rem}.my0{margin-top:0;margin-bottom:0}.my1{margin-top:.25rem;margin-bottom:.25rem}.my2{margin-top:.5rem;margin-bottom:.5rem}.my3{margin-top:1rem;margin-bottom:1rem}.my4{margin-top:2rem;margin-bottom:2rem}.my5{margin-top:4rem;margin-bottom:4rem}.my6{margin-top:8rem;margin-bottom:8rem}.my7{margin-top:16rem;margin-bottom:16rem}.my8{margin-top:32rem;margin-bottom:32rem}.mx0{margin-left:0;margin-right:0}.mx1{margin-left:.25rem;margin-right:.25rem}.mx2{margin-left:.5rem;margin-right:.5rem}.mx3{margin-left:1rem;margin-right:1rem}.mx4{margin-left:2rem;margin-right:2rem}.mx5{margin-left:4rem;margin-right:4rem}.mx6{margin-left:8rem;margin-right:8rem}.mx7{margin-left:16rem;margin-right:16rem}.mx8{margin-left:32rem;margin-right:32rem}.na1{margin:-.25rem}.na2{margin:-.5rem}.na3{margin:-1rem}.na4{margin:-2rem}.na5{margin:-4rem}.na6{margin:-8rem}.na7{margin:-16rem}.nl1{margin-left:-.25rem}.nl2{margin-left:-.5rem}.nl3{margin-left:-1rem}.nl4{margin-left:-2rem}.nl5{margin-left:-4rem}.nl6{margin-left:-8rem}.nl7{margin-left:-16rem}.nr1{margin-right:-.25rem}.nr2{margin-right:-.5rem}.nr3{margin-right:-1rem}.nr4{margin-right:-2rem}.nr5{margin-right:-4rem}.nr6{margin-right:-8rem}.nr7{margin-right:-16rem}.nb1{margin-bottom:-.25rem}.nb2{margin-bottom:-.5rem}.nb3{margin-bottom:-1rem}.nb4{margin-bottom:-2rem}.nb5{margin-bottom:-4rem}.nb6{margin-bottom:-8rem}.nb7{margin-bottom:-16rem}.nt1{margin-top:-.25rem}.nt2{margin-top:-.5rem}.nt3{margin-top:-1rem}.nt4{margin-top:-2rem}.nt5{margin-top:-4rem}.nt6{margin-top:-8rem}.nt7{margin-top:-16rem}.collapse{border-collapse:collapse;border-spacing:0}.striped--light:nth-child(odd){background-color:#e8e8e8}.striped--dark:nth-child(odd){background-color:#000}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f1{font-size:.75rem}.f2{font-size:.875rem}.f3{font-size:1rem}.f4{font-size:1.125rem}.f5{font-size:1.25rem}.f6{font-size:1.5rem}.f7{font-size:2rem}.f8{font-size:3rem}.f9{font-size:4rem}.f10{font-size:6rem}.f11{font-size:8rem}.f12{font-size:12rem}.measure{max-width:66ch}.measure-wide{max-width:80ch}.measure-narrow{max-width:45ch}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer{cursor:pointer}.trans-all{transition:all .25s cubic-bezier(.165,.84,.44,1)}.shadow-hover{cursor:pointer;position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.trans-bg{transition:background-color .25s ease-in-out}.trans-color{transition:color .25s ease-in-out}.hover-filter-blur-none:hover{-webkit-filter:blur(0);filter:blur(0)}.hover-filter-blur:hover{-webkit-filter:blur(96px);filter:blur(96px)}.hover-grayscale-0:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.hover-grayscale-50:hover{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.hover-grayscale-100:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.25}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:#1969db;transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:#10448d;transition:color .15s ease-in}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0}@media screen and (min-width:30em){.aspect-ratio-16x9-s{aspect-ratio:16/9}.aspect-ratio-9x16-s{aspect-ratio:9/16}.aspect-ratio-4x3-s{aspect-ratio:4/3}.aspect-ratio-3x4-s{aspect-ratio:3/4}.aspect-ratio-6x4-s{aspect-ratio:6/4}.aspect-ratio-4x6-s{aspect-ratio:4/6}.aspect-ratio-8x5-s{aspect-ratio:8/5}.aspect-ratio-5x8-s{aspect-ratio:5/8}.aspect-ratio-7x5-s{aspect-ratio:7/5}.aspect-ratio-5x7-s{aspect-ratio:5/7}.aspect-ratio-1x1-s,.aspect-ratio-square-s{aspect-ratio:1/1}.cover-s{background-size:cover!important}.contain-s{background-size:contain!important}.bg-center-s{background-position:50%}.bg-center-s,.bg-top-s{background-repeat:no-repeat}.bg-top-s{background-position:top}.bg-right-s{background-position:100%}.bg-bottom-s,.bg-right-s{background-repeat:no-repeat}.bg-bottom-s{background-position:bottom}.bg-left-s{background-repeat:no-repeat;background-position:0}.outline-s{outline:1px solid}.outline-transparent-s{outline:1px solid transparent}.outline-0-s{outline:0}.ba-s{border-style:solid;border-width:1px}.bt-s{border-top-style:solid;border-top-width:1px}.br-s{border-right-style:solid;border-right-width:1px}.bb-s{border-bottom-style:solid;border-bottom-width:1px}.bl-s{border-left-style:solid;border-left-width:1px}.bn-s{border-style:none;border-width:0}.br0-s{border-radius:0}.br1-s{border-radius:4px}.br2-s{border-radius:6px}.br3-s{border-radius:8px}.br4-s{border-radius:12px}.br5-s{border-radius:16px}.br6-s{border-radius:32px}.br-100-s{border-radius:100%}.br-pill-s{border-radius:9999px}.br--bottom-s{border-top-left-radius:0;border-top-right-radius:0}.br--top-s{border-bottom-right-radius:0}.br--right-s,.br--top-s{border-bottom-left-radius:0}.br--right-s{border-top-left-radius:0}.br--left-s{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-s{border-radius:inherit}.br-initial-s{border-radius:initial}.br-unset-s{border-radius:unset}.b--dotted-s{border-style:dotted}.b--dashed-s{border-style:dashed}.b--solid-s{border-style:solid}.b--none-s{border-style:none}.bw0-s{border-width:0}.bw1-s{border-width:1px}.bw2-s{border-width:2px}.bw3-s{border-width:4px}.bw4-s{border-width:8px}.bt-0-s{border-top-width:0}.br-0-s{border-right-width:0}.bb-0-s{border-bottom-width:0}.bl-0-s{border-left-width:0}.shadow-border-s{box-shadow:inset 0 0 1px 0 rgba(0,0,0,.125)}.shadow-border-light-s{box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.125)}.shadow-border-solid-s{box-shadow:inset 0 0 1px 0 currentColor}.shadow-border-2-s{box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.125)}.shadow-border-light-2-s{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.125)}.shadow-border-solid-2-s{box-shadow:inset 0 0 2px 0 currentColor}.shadow-1-s{box-shadow:0 1px 1px rgba(0,0,0,.125),0 2px 2px rgba(0,0,0,.125),0 4px 4px rgba(0,0,0,.125),0 8px 8px rgba(0,0,0,.125),0 16px 16px rgba(0,0,0,.125)}.shadow-2-s{box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.15)}.shadow-3-s{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.shadow-4-s{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.shadow-5-s{box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.16),0 8px 8px rgba(0,0,0,.2)}.shadow-6-s{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.shadow-7-s{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.shadow-8-s{box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.top-0-s{top:0}.left-0-s{left:0}.right-0-s{right:0}.bottom-0-s{bottom:0}.top-1-s{top:1rem}.left-1-s{left:1rem}.right-1-s{right:1rem}.bottom-1-s{bottom:1rem}.top-2-s{top:2rem}.left-2-s{left:2rem}.right-2-s{right:2rem}.bottom-2-s{bottom:2rem}.top--1-s{top:-1rem}.right--1-s{right:-1rem}.bottom--1-s{bottom:-1rem}.left--1-s{left:-1rem}.top--2-s{top:-2rem}.right--2-s{right:-2rem}.bottom--2-s{bottom:-2rem}.left--2-s{left:-2rem}.absolute--fill-s{top:0;right:0;bottom:0;left:0}.dn-s{display:none}.di-s{display:inline}.db-s{display:block}.dib-s{display:inline-block}.df-s,.flex-s{display:flex}.dif-s,.inline-flex-s{display:inline-flex}.dg-s,.grid-s{display:grid}.dig-s,.inline-grid-s{display:inline-grid}.g0-s{gap:0}.g1-s{gap:.25rem}.g2-s{gap:.5rem}.g3-s{gap:1rem}.g4-s{gap:2rem}.g5-s{gap:4rem}.g6-s{gap:8rem}.g7-s{gap:16rem}.cols-1-s{grid-template-columns:repeat(1,1fr)}.cols-2-s{grid-template-columns:repeat(2,1fr)}.cols-3-s{grid-template-columns:repeat(3,1fr)}.cols-4-s{grid-template-columns:repeat(4,1fr)}.cols-5-s{grid-template-columns:repeat(5,1fr)}.cols-6-s{grid-template-columns:repeat(6,1fr)}.cols-8-s{grid-template-columns:repeat(8,1fr)}.cols-9-s{grid-template-columns:repeat(9,1fr)}.cols-10-s{grid-template-columns:repeat(10,1fr)}.cols-12-s{grid-template-columns:repeat(12,1fr)}.cols-16-s{grid-template-columns:repeat(16,1fr)}.cols-min-64-s{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-s{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-s{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-s{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-s{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-s{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-s{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-s{grid-template-columns:masonry}.subgrid-s{grid-template-columns:subgrid}.cols-none-s{grid-template-columns:none}.col-1-s{grid-column:span 1/span 1}.col-2-s{grid-column:span 2/span 2}.col-3-s{grid-column:span 3/span 3}.col-4-s{grid-column:span 4/span 4}.col-5-s{grid-column:span 5/span 5}.col-6-s{grid-column:span 6/span 6}.col-7-s{grid-column:span 7/span 7}.col-8-s{grid-column:span 8/span 8}.col-9-s{grid-column:span 9/span 9}.col-10-s{grid-column:span 10/span 10}.col-11-s{grid-column:span 11/span 11}.col-12-s{grid-column:span 12/span 12}.col-13-s{grid-column:span 13/span 13}.col-14-s{grid-column:span 14/span 14}.col-15-s{grid-column:span 15/span 15}.col-16-s{grid-column:span 16/span 16}.col-full-s{grid-column:1/-1}.col-center1-s{grid-column:2/-2}.col-center2-s{grid-column:3/-3}.col-center3-s{grid-column:4/-4}.col-center4-s{grid-column:6/-6}.col-auto-s{grid-column:auto}.start-1-s{grid-column-start:1}.start-2-s{grid-column-start:2}.start-3-s{grid-column-start:3}.start-4-s{grid-column-start:4}.start-5-s{grid-column-start:5}.start-6-s{grid-column-start:6}.start-7-s{grid-column-start:7}.start-8-s{grid-column-start:8}.start-9-s{grid-column-start:9}.start-10-s{grid-column-start:10}.start-11-s{grid-column-start:11}.start-12-s{grid-column-start:12}.start-13-s{grid-column-start:13}.start-14-s{grid-column-start:14}.start-15-s{grid-column-start:15}.end-1-s{grid-column-end:1}.end-2-s{grid-column-end:2}.end-3-s{grid-column-end:3}.end-4-s{grid-column-end:4}.end-5-s{grid-column-end:5}.end-6-s{grid-column-end:6}.end-7-s{grid-column-end:7}.end-8-s{grid-column-end:8}.end-9-s{grid-column-end:9}.end-10-s{grid-column-end:10}.end-11-s{grid-column-end:11}.end-12-s{grid-column-end:12}.end-13-s{grid-column-end:13}.end-14-s{grid-column-end:14}.end-15-s{grid-column-end:15}.end-16-s{grid-column-end:16}.row-auto-s{grid-row:auto}.row-start-1-s{grid-row-start:1}.row-start-2-s{grid-row-start:2}.row-start-3-s{grid-row-start:3}.row-start-4-s{grid-row-start:4}.row-start-5-s{grid-row-start:5}.row-start-6-s{grid-row-start:6}.row-start-7-s{grid-row-start:7}.row-start-8-s{grid-row-start:8}.row-start-9-s{grid-row-start:9}.row-start-10-s{grid-row-start:10}.row-start-11-s{grid-row-start:11}.row-start-12-s{grid-row-start:12}.row-start-13-s{grid-row-start:13}.row-start-14-s{grid-row-start:14}.row-start-15-s{grid-row-start:15}.row-start-16-s{grid-row-start:16}.row-end-1-s{grid-row-end:1}.row-end-2-s{grid-row-end:2}.row-end-3-s{grid-row-end:3}.row-end-4-s{grid-row-end:4}.row-end-5-s{grid-row-end:5}.row-end-6-s{grid-row-end:6}.row-end-7-s{grid-row-end:7}.row-end-8-s{grid-row-end:8}.row-end-9-s{grid-row-end:9}.row-end-10-s{grid-row-end:10}.row-end-11-s{grid-row-end:11}.row-end-12-s{grid-row-end:12}.row-end-13-s{grid-row-end:13}.row-end-14-s{grid-row-end:14}.row-end-15-s{grid-row-end:15}.row-end-16-s{grid-row-end:16}.flex-s{display:flex}.inline-flex-s{display:inline-flex}.flex-auto-s{flex:1 1 auto;min-width:0;min-height:0}.flex-none-s{flex:none}.flex-grow-0-s{flex-grow:0}.flex-grow-1-s{flex-grow:1}.flex-shrink-0-s{flex-shrink:0}.flex-shrink-1-s{flex-shrink:1}.flex-column-s{flex-direction:column}.flex-row-s{flex-direction:row}.flex-column-reverse-s{flex-direction:column-reverse}.flex-row-reverse-s{flex-direction:row-reverse}.flex-wrap-s{flex-wrap:wrap}.flex-nowrap-s{flex-wrap:nowrap}.flex-wrap-reverse-s{flex-wrap:wrap-reverse}.items-start-s{align-items:flex-start}.items-end-s{align-items:flex-end}.items-center-s{align-items:center}.items-baseline-s{align-items:baseline}.items-stretch-s{align-items:stretch}.content-start-s{align-content:flex-start}.content-end-s{align-content:flex-end}.content-center-s{align-content:center}.content-between-s{align-content:space-between}.content-around-s{align-content:space-around}.content-stretch-s{align-content:stretch}.self-start-s{align-self:flex-start}.self-end-s{align-self:flex-end}.self-center-s{align-self:center}.self-baseline-s{align-self:baseline}.self-stretch-s{align-self:stretch}.justify-self-start-s{justify-self:start}.justify-self-end-s{justify-self:end}.justify-self-center-s{justify-self:center}.justify-self-stretch-s{justify-self:stretch}.justify-start-s{justify-content:flex-start}.justify-end-s{justify-content:flex-end}.justify-center-s{justify-content:center}.justify-between-s{justify-content:space-between}.justify-around-s{justify-content:space-around}.order-0-s{order:0}.order-1-s{order:1}.order-2-s{order:2}.order-3-s{order:3}.order-4-s{order:4}.order-5-s{order:5}.order-6-s{order:6}.order-7-s{order:7}.order-8-s{order:8}.order-last-s{order:99999}.fl-s{float:left}.fr-s{float:right}.fn-s{float:none}.normal-s{font-weight:400}.b-s{font-weight:700}.fw1-s{font-weight:100}.fw2-s{font-weight:200}.fw3-s{font-weight:300}.fw4-s{font-weight:400}.fw5-s{font-weight:500}.fw6-s{font-weight:600}.fw7-s{font-weight:700}.fw8-s{font-weight:800}.fw9-s{font-weight:900}.h1-s{height:1rem}.h2-s{height:2rem}.h3-s{height:4rem}.h4-s{height:8rem}.h5-s{height:16rem}.h-50-s{height:50%}.h-75-s{height:75%}.h-100-s{height:100%}.min-h-100-s{min-height:100%}.vh-25-s{height:25vh}.vh-50-s{height:50vh}.vh-75-s{height:75vh}.vh-100-s{height:100vh}.min-vh-100-s{min-height:100vh}.h-auto-s{height:auto}.h-inherit-s{height:inherit}.tracked-s{letter-spacing:.1em}.tracked-tight-s{letter-spacing:-.05em}.tracked-mega-s{letter-spacing:.25em}.lh-solid-s{line-height:1}.lh-title-s{line-height:1.25}.lh-copy-s{line-height:1.5}.mw-100-s{max-width:100%}.mw1-s{max-width:1rem}.mw2-s{max-width:2rem}.mw3-s{max-width:4rem}.mw4-s{max-width:8rem}.mw5-s{max-width:16rem}.mw6-s{max-width:32rem}.mw7-s{max-width:48rem}.mw8-s{max-width:64rem}.mw9-s{max-width:96rem}.mw-none-s{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-50-ns{width:50%}.w-75-ns{width:75%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-s{overflow:visible}.overflow-hidden-s{overflow:hidden}.overflow-scroll-s{overflow:scroll}.overflow-auto-s{overflow:auto}.overflow-x-visible-s{overflow-x:visible}.overflow-x-hidden-s{overflow-x:hidden}.overflow-x-scroll-s{overflow-x:scroll}.overflow-x-auto-s{overflow-x:auto}.overflow-y-visible-s{overflow-y:visible}.overflow-y-hidden-s{overflow-y:hidden}.overflow-y-scroll-s{overflow-y:scroll}.overflow-y-auto-s{overflow-y:auto}.static-s{position:static}.relative-s{position:relative}.absolute-s{position:absolute}.fixed-s{position:fixed}.sticky-s{position:-webkit-sticky;position:sticky}.rotate-45-s{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-s{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-s{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-s{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-s{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-s{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-s{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-s{padding:0}.p1-s{padding:.25rem}.p2-s{padding:.5rem}.p3-s{padding:1rem}.p4-s{padding:2rem}.p5-s{padding:4rem}.p6-s{padding:8rem}.p7-s{padding:16rem}.p8-s{padding:32rem}.pl0-s{padding-left:0}.pl1-s{padding-left:.25rem}.pl2-s{padding-left:.5rem}.pl3-s{padding-left:1rem}.pl4-s{padding-left:2rem}.pl5-s{padding-left:4rem}.pl6-s{padding-left:8rem}.pl7-s{padding-left:16rem}.pl8-s{padding-left:32rem}.pr0-s{padding-right:0}.pr1-s{padding-right:.25rem}.pr2-s{padding-right:.5rem}.pr3-s{padding-right:1rem}.pr4-s{padding-right:2rem}.pr5-s{padding-right:4rem}.pr6-s{padding-right:8rem}.pr7-s{padding-right:16rem}.pr8-s{padding-right:32rem}.pb0-s{padding-bottom:0}.pb1-s{padding-bottom:.25rem}.pb2-s{padding-bottom:.5rem}.pb3-s{padding-bottom:1rem}.pb4-s{padding-bottom:2rem}.pb5-s{padding-bottom:4rem}.pb6-s{padding-bottom:8rem}.pb7-s{padding-bottom:16rem}.pb8-s{padding-bottom:32rem}.pt0-s{padding-top:0}.pt1-s{padding-top:.25rem}.pt2-s{padding-top:.5rem}.pt3-s{padding-top:1rem}.pt4-s{padding-top:2rem}.pt5-s{padding-top:4rem}.pt6-s{padding-top:8rem}.pt7-s{padding-top:16rem}.pt8-s{padding-top:32rem}.py0-s{padding-top:0;padding-bottom:0}.py1-s{padding-top:.25rem;padding-bottom:.25rem}.py2-s{padding-top:.5rem;padding-bottom:.5rem}.py3-s{padding-top:1rem;padding-bottom:1rem}.py4-s{padding-top:2rem;padding-bottom:2rem}.py5-s{padding-top:4rem;padding-bottom:4rem}.py6-s{padding-top:8rem;padding-bottom:8rem}.py7-s,.py8-s{padding-top:16rem;padding-bottom:16rem}.px0-s{padding-left:0;padding-right:0}.px1-s{padding-left:.25rem;padding-right:.25rem}.px2-s{padding-left:.5rem;padding-right:.5rem}.px3-s{padding-left:1rem;padding-right:1rem}.px4-s{padding-left:2rem;padding-right:2rem}.px5-s{padding-left:4rem;padding-right:4rem}.px6-s{padding-left:8rem;padding-right:8rem}.px7-s{padding-left:16rem;padding-right:16rem}.px8-s{padding-left:32rem;padding-right:32rem}.m0-s{margin:0}.m1-s{margin:.25rem}.m2-s{margin:.5rem}.m3-s{margin:1rem}.m4-s{margin:2rem}.m5-s{margin:4rem}.m6-s{margin:8rem}.m7-s{margin:16rem}.m8-s{margin:32rem}.ml0-s{margin-left:0}.ml1-s{margin-left:.25rem}.ml2-s{margin-left:.5rem}.ml3-s{margin-left:1rem}.ml4-s{margin-left:2rem}.ml5-s{margin-left:4rem}.ml6-s{margin-left:8rem}.ml7-s{margin-left:16rem}.ml8-s{margin-left:32rem}.mr0-s{margin-right:0}.mr1-s{margin-right:.25rem}.mr2-s{margin-right:.5rem}.mr3-s{margin-right:1rem}.mr4-s{margin-right:2rem}.mr5-s{margin-right:4rem}.mr6-s{margin-right:8rem}.mr7-s{margin-right:16rem}.mr8-s{margin-right:32rem}.mb0-s{margin-bottom:0}.mb1-s{margin-bottom:.25rem}.mb2-s{margin-bottom:.5rem}.mb3-s{margin-bottom:1rem}.mb4-s{margin-bottom:2rem}.mb5-s{margin-bottom:4rem}.mb6-s{margin-bottom:8rem}.mb8-s{margin-bottom:32rem}.mt0-s{margin-top:0}.mt1-s{margin-top:.25rem}.mt2-s{margin-top:.5rem}.mt3-s{margin-top:1rem}.mt4-s{margin-top:2rem}.mt5-s{margin-top:4rem}.mt6-s{margin-top:8rem}.mt7-s{margin-top:16rem}.mt8-s{margin-top:32rem}.my0-s{margin-top:0;margin-bottom:0}.my1-s{margin-top:.25rem;margin-bottom:.25rem}.my2-s{margin-top:.5rem;margin-bottom:.5rem}.my3-s{margin-top:1rem;margin-bottom:1rem}.my4-s{margin-top:2rem;margin-bottom:2rem}.my5-s{margin-top:4rem;margin-bottom:4rem}.my6-s{margin-top:8rem;margin-bottom:8rem}.my7-s{margin-top:16rem;margin-bottom:16rem}.my8-s{margin-top:32rem;margin-bottom:32rem}.mx0-s{margin-left:0;margin-right:0}.mx1-s{margin-left:.25rem;margin-right:.25rem}.mx2-s{margin-left:.5rem;margin-right:.5rem}.mx3-s{margin-left:1rem;margin-right:1rem}.mx4-s{margin-left:2rem;margin-right:2rem}.mx5-s{margin-left:4rem;margin-right:4rem}.mx6-s{margin-left:8rem;margin-right:8rem}.mx7-s{margin-left:16rem;margin-right:16rem}.mx8-s{margin-left:32rem;margin-right:32rem}.tl-s{text-align:left}.tr-s{text-align:right}.tc-s{text-align:center}.tj-s{text-align:justify}.ttc-s{text-transform:capitalize}.ttl-s{text-transform:lowercase}.ttu-s{text-transform:uppercase}.ttn-s{text-transform:none}.f1-s{font-size:.75rem}.f2-s{font-size:.875rem}.f3-s{font-size:1rem}.f4-s{font-size:1.125rem}.f5-s{font-size:1.25rem}.f6-s{font-size:1.5rem}.f7-s{font-size:2rem}.f8-s{font-size:3rem}.f9-s{font-size:4rem}.f10-s{font-size:6rem}.f11-s{font-size:8rem}.f12-s{font-size:12rem}.measure-s{max-width:66ch}.measure-wide-s{max-width:80ch}.measure-narrow-s{max-width:45ch}.small-caps-s{font-variant:small-caps}.indent-s{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-s{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-s{white-space:normal}.nowrap-s{white-space:nowrap}.pre-s{white-space:pre}.v-base-s{vertical-align:baseline}.v-mid-s{vertical-align:middle}.v-top-s{vertical-align:top}.v-btm-s{vertical-align:bottom}}@media screen and (min-width:48em){.aspect-ratio-16x9-m{aspect-ratio:16/9}.aspect-ratio-9x16-m{aspect-ratio:9/16}.aspect-ratio-4x3-m{aspect-ratio:4/3}.aspect-ratio-3x4-m{aspect-ratio:3/4}.aspect-ratio-6x4-m{aspect-ratio:6/4}.aspect-ratio-4x6-m{aspect-ratio:4/6}.aspect-ratio-8x5-m{aspect-ratio:8/5}.aspect-ratio-5x8-m{aspect-ratio:5/8}.aspect-ratio-7x5-m{aspect-ratio:7/5}.aspect-ratio-5x7-m{aspect-ratio:5/7}.aspect-ratio-1x1-m,.aspect-ratio-square-m{aspect-ratio:1/1}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:0}.br1-m{border-radius:4px}.br2-m{border-radius:6px}.br3-m{border-radius:8px}.br4-m{border-radius:12px}.br5-m{border-radius:16px}.br6-m{border-radius:32px}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-m{border-radius:inherit}.br-initial-m{border-radius:initial}.br-unset-m{border-radius:unset}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:0}.bw1-m{border-width:1px}.bw2-m{border-width:2px}.bw3-m{border-width:4px}.bw4-m{border-width:8px}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.shadow-border-m{box-shadow:inset 0 0 1px 0 rgba(0,0,0,.125)}.shadow-border-light-m{box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.125)}.shadow-border-solid-m{box-shadow:inset 0 0 1px 0 currentColor}.shadow-border-2-m{box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.125)}.shadow-border-light-2-m{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.125)}.shadow-border-solid-2-m{box-shadow:inset 0 0 2px 0 currentColor}.shadow-1-m{box-shadow:0 1px 1px rgba(0,0,0,.125),0 2px 2px rgba(0,0,0,.125),0 4px 4px rgba(0,0,0,.125),0 8px 8px rgba(0,0,0,.125),0 16px 16px rgba(0,0,0,.125)}.shadow-2-m{box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.15)}.shadow-3-m{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.shadow-4-m{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.shadow-5-m{box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.16),0 8px 8px rgba(0,0,0,.2)}.shadow-6-m{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.shadow-7-m{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.shadow-8-m{box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.df-m,.flex-m{display:flex}.dif-m,.inline-flex-m{display:inline-flex}.dg-m,.grid-m{display:grid}.dig-m,.inline-grid-m{display:inline-grid}.g0-m{gap:0}.g1-m{gap:.25rem}.g2-m{gap:.5rem}.g3-m{gap:1rem}.g4-m{gap:2rem}.g5-m{gap:4rem}.g6-m{gap:8rem}.g7-m{gap:16rem}.cols-1-m{grid-template-columns:repeat(1,1fr)}.cols-2-m{grid-template-columns:repeat(2,1fr)}.cols-3-m{grid-template-columns:repeat(3,1fr)}.cols-4-m{grid-template-columns:repeat(4,1fr)}.cols-5-m{grid-template-columns:repeat(5,1fr)}.cols-6-m{grid-template-columns:repeat(6,1fr)}.cols-8-m{grid-template-columns:repeat(8,1fr)}.cols-9-m{grid-template-columns:repeat(9,1fr)}.cols-10-m{grid-template-columns:repeat(10,1fr)}.cols-12-m{grid-template-columns:repeat(12,1fr)}.cols-16-m{grid-template-columns:repeat(16,1fr)}.cols-min-64-m{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-m{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-m{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-m{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-m{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-m{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-m{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-m{grid-template-columns:masonry}.subgrid-m{grid-template-columns:subgrid}.cols-none-m{grid-template-columns:none}.col-1-m{grid-column:span 1/span 1}.col-2-m{grid-column:span 2/span 2}.col-3-m{grid-column:span 3/span 3}.col-4-m{grid-column:span 4/span 4}.col-5-m{grid-column:span 5/span 5}.col-6-m{grid-column:span 6/span 6}.col-7-m{grid-column:span 7/span 7}.col-8-m{grid-column:span 8/span 8}.col-9-m{grid-column:span 9/span 9}.col-10-m{grid-column:span 10/span 10}.col-11-m{grid-column:span 11/span 11}.col-12-m{grid-column:span 12/span 12}.col-13-m{grid-column:span 13/span 13}.col-14-m{grid-column:span 14/span 14}.col-15-m{grid-column:span 15/span 15}.col-16-m{grid-column:span 16/span 16}.col-full-m{grid-column:1/-1}.col-center1-m{grid-column:2/-2}.col-center2-m{grid-column:3/-3}.col-center3-m{grid-column:4/-4}.col-center4-m{grid-column:6/-6}.col-auto-m{grid-column:auto}.start-1-m{grid-column-mtart:1}.start-2-m{grid-column-mtart:2}.start-3-m{grid-column-mtart:3}.start-4-m{grid-column-mtart:4}.start-5-m{grid-column-mtart:5}.start-6-m{grid-column-mtart:6}.start-7-m{grid-column-mtart:7}.start-8-m{grid-column-mtart:8}.start-9-m{grid-column-mtart:9}.start-10-m{grid-column-mtart:10}.start-11-m{grid-column-mtart:11}.start-12-m{grid-column-mtart:12}.start-13-m{grid-column-mtart:13}.start-14-m{grid-column-mtart:14}.start-15-m{grid-column-mtart:15}.end-1-m{grid-column-end:1}.end-2-m{grid-column-end:2}.end-3-m{grid-column-end:3}.end-4-m{grid-column-end:4}.end-5-m{grid-column-end:5}.end-6-m{grid-column-end:6}.end-7-m{grid-column-end:7}.end-8-m{grid-column-end:8}.end-9-m{grid-column-end:9}.end-10-m{grid-column-end:10}.end-11-m{grid-column-end:11}.end-12-m{grid-column-end:12}.end-13-m{grid-column-end:13}.end-14-m{grid-column-end:14}.end-15-m{grid-column-end:15}.end-16-m{grid-column-end:16}.row-auto-m{grid-row:auto}.row-start-1-m{grid-row-start:1}.row-start-2-m{grid-row-start:2}.row-start-3-m{grid-row-start:3}.row-start-4-m{grid-row-start:4}.row-start-5-m{grid-row-start:5}.row-start-6-m{grid-row-start:6}.row-start-7-m{grid-row-start:7}.row-start-8-m{grid-row-start:8}.row-start-9-m{grid-row-start:9}.row-start-10-m{grid-row-start:10}.row-start-11-m{grid-row-start:11}.row-start-12-m{grid-row-start:12}.row-start-13-m{grid-row-start:13}.row-start-14-m{grid-row-start:14}.row-start-15-m{grid-row-start:15}.row-start-16-m{grid-row-start:16}.row-end-1-m{grid-row-end:1}.row-end-2-m{grid-row-end:2}.row-end-3-m{grid-row-end:3}.row-end-4-m{grid-row-end:4}.row-end-5-m{grid-row-end:5}.row-end-6-m{grid-row-end:6}.row-end-7-m{grid-row-end:7}.row-end-8-m{grid-row-end:8}.row-end-9-m{grid-row-end:9}.row-end-10-m{grid-row-end:10}.row-end-11-m{grid-row-end:11}.row-end-12-m{grid-row-end:12}.row-end-13-m{grid-row-end:13}.row-end-14-m{grid-row-end:14}.row-end-15-m{grid-row-end:15}.row-end-16-m{grid-row-end:16}.flex-m{display:flex}.inline-flex-m{display:inline-flex}.flex-auto-m{flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{flex:none}.flex-grow-0-m{flex-grow:0}.flex-grow-1-m{flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.flex-column-m{flex-direction:column}.flex-row-m{flex-direction:row}.flex-column-reverse-m{flex-direction:column-reverse}.flex-row-reverse-m{flex-direction:row-reverse}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.items-start-m{align-items:flex-start}.items-end-m{align-items:flex-end}.items-center-m{align-items:center}.items-baseline-m{align-items:baseline}.items-stretch-m{align-items:stretch}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-self-start-m{justify-self:start}.justify-self-end-m{justify-self:end}.justify-self-center-m{justify-self:center}.justify-self-stretch-m{justify-self:stretch}.justify-start-m{justify-content:flex-start}.justify-end-m{justify-content:flex-end}.justify-center-m{justify-content:center}.justify-between-m{justify-content:space-between}.justify-around-m{justify-content:space-around}.order-0-m{order:0}.order-1-m{order:1}.order-2-m{order:2}.order-3-m{order:3}.order-4-m{order:4}.order-5-m{order:5}.order-6-m{order:6}.order-7-m{order:7}.order-8-m{order:8}.order-last-m{order:99999}.fl-m{float:left}.fr-m{float:right}.fn-m{float:none}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}.lh-solid-m{line-height:1}.lh-title-m{line-height:1.25}.lh-copy-m{line-height:1.5}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-50-m{width:50%}.w-75-m{width:75%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.sticky-m{position:-webkit-sticky;position:sticky}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-m{padding:0}.p1-m{padding:.25rem}.p2-m{padding:.5rem}.p3-m{padding:1rem}.p4-m{padding:2rem}.p5-m{padding:4rem}.p6-m{padding:8rem}.p7-m{padding:16rem}.p8-m{padding:32rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pl8-m{padding-left:32rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pr8-m{padding-right:32rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pb8-m{padding-bottom:32rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pt8-m{padding-top:32rem}.py0-m{padding-top:0;padding-bottom:0}.py1-m{padding-top:.25rem;padding-bottom:.25rem}.py2-m{padding-top:.5rem;padding-bottom:.5rem}.py3-m{padding-top:1rem;padding-bottom:1rem}.py4-m{padding-top:2rem;padding-bottom:2rem}.py5-m{padding-top:4rem;padding-bottom:4rem}.py6-m{padding-top:8rem;padding-bottom:8rem}.py7-m{padding-top:16rem;padding-bottom:16rem}.py8-m{padding-top:32rem;padding-bottom:32rem}.px0-m{padding-left:0;padding-right:0}.px1-m{padding-left:.25rem;padding-right:.25rem}.px2-m{padding-left:.5rem;padding-right:.5rem}.px3-m{padding-left:1rem;padding-right:1rem}.px4-m{padding-left:2rem;padding-right:2rem}.px5-m{padding-left:4rem;padding-right:4rem}.px6-m{padding-left:8rem;padding-right:8rem}.px7-m{padding-left:16rem;padding-right:16rem}.px8-m{padding-left:32rem;padding-right:32rem}.m0-m{margin:0}.m1-m{margin:.25rem}.m2-m{margin:.5rem}.m3-m{margin:1rem}.m4-m{margin:2rem}.m5-m{margin:4rem}.m6-m{margin:8rem}.m7-m{margin:16rem}.m8-m{margin:32rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.ml8-m{margin-left:32rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mr8-m{margin-right:32rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mb8-m{margin-bottom:32rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mt8-m{margin-top:32rem}.my0-m{margin-top:0;margin-bottom:0}.my1-m{margin-top:.25rem;margin-bottom:.25rem}.my2-m{margin-top:.5rem;margin-bottom:.5rem}.my3-m{margin-top:1rem;margin-bottom:1rem}.my4-m{margin-top:2rem;margin-bottom:2rem}.my5-m{margin-top:4rem;margin-bottom:4rem}.my6-m{margin-top:8rem;margin-bottom:8rem}.my7-m{margin-top:16rem;margin-bottom:16rem}.my8-m{margin-top:32rem;margin-bottom:32rem}.mx0-m{margin-left:0;margin-right:0}.mx1-m{margin-left:.25rem;margin-right:.25rem}.mx2-m{margin-left:.5rem;margin-right:.5rem}.mx3-m{margin-left:1rem;margin-right:1rem}.mx4-m{margin-left:2rem;margin-right:2rem}.mx5-m{margin-left:4rem;margin-right:4rem}.mx6-m{margin-left:8rem;margin-right:8rem}.mx7-m{margin-left:16rem;margin-right:16rem}.mx8-m{margin-left:32rem;margin-right:32rem}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f1-m{font-size:.75rem}.f2-m{font-size:.875rem}.f3-m{font-size:1rem}.f4-m{font-size:1.125rem}.f5-m{font-size:1.25rem}.f6-m{font-size:1.5rem}.f7-m{font-size:2rem}.f8-m{font-size:3rem}.f9-m{font-size:4rem}.f10-m{font-size:6rem}.f11-m{font-size:8rem}.f12-m{font-size:12rem}.measure-m{max-width:66ch}.measure-wide-m{max-width:80ch}.measure-narrow-m{max-width:45ch}.small-caps-m{font-variant:small-caps}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-m{white-mpace:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-16x9-l{aspect-ratio:16/9}.aspect-ratio-9x16-l{aspect-ratio:9/16}.aspect-ratio-4x3-l{aspect-ratio:4/3}.aspect-ratio-3x4-l{aspect-ratio:3/4}.aspect-ratio-6x4-l{aspect-ratio:6/4}.aspect-ratio-4x6-l{aspect-ratio:4/6}.aspect-ratio-8x5-l{aspect-ratio:8/5}.aspect-ratio-5x8-l{aspect-ratio:5/8}.aspect-ratio-7x5-l{aspect-ratio:7/5}.aspect-ratio-5x7-l{aspect-ratio:5/7}.aspect-ratio-1x1-l,.aspect-ratio-square-l{aspect-ratio:1/1}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:0}.br1-l{border-radius:4px}.br2-l{border-radius:6px}.br3-l{border-radius:8px}.br4-l{border-radius:12px}.br5-l{border-radius:16px}.br6-l{border-radius:32px}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-l{border-radius:inherit}.br-initial-l{border-radius:initial}.br-unset-l{border-radius:unset}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:0}.bw1-l{border-width:1px}.bw2-l{border-width:2px}.bw3-l{border-width:4px}.bw4-l{border-width:8px}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.shadow-border-l{box-shadow:inset 0 0 1px 0 rgba(0,0,0,.125)}.shadow-border-light-l{box-shadow:inset 0 0 1px 0 hsla(0,0%,100%,.125)}.shadow-border-solid-l{box-shadow:inset 0 0 1px 0 currentColor}.shadow-border-2-l{box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.125)}.shadow-border-light-2-l{box-shadow:inset 0 0 2px 0 rgba(0,0,0,.125)}.shadow-border-solid-2-l{box-shadow:inset 0 0 2px 0 currentColor}.shadow-1-l{box-shadow:0 1px 1px rgba(0,0,0,.125),0 2px 2px rgba(0,0,0,.125),0 4px 4px rgba(0,0,0,.125),0 8px 8px rgba(0,0,0,.125),0 16px 16px rgba(0,0,0,.125)}.shadow-2-l{box-shadow:0 1px 1px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.15)}.shadow-3-l{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.shadow-4-l{box-shadow:0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05)}.shadow-5-l{box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.16),0 8px 8px rgba(0,0,0,.2)}.shadow-6-l{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.shadow-7-l{box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 8px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.11)}.shadow-8-l{box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.df-l,.flex-l{display:flex}.dif-l,.inline-flex-l{display:inline-flex}.dg-l,.grid-l{display:grid}.dig-l,.inline-grid-l{display:inline-grid}.g0-l{gap:0}.g1-l{gap:.25rem}.g2-l{gap:.5rem}.g3-l{gap:1rem}.g4-l{gap:2rem}.g5-l{gap:4rem}.g6-l{gap:8rem}.g7-l{gap:16rem}.cols-1-l{grid-template-columns:repeat(1,1fr)}.cols-2-l{grid-template-columns:repeat(2,1fr)}.cols-3-l{grid-template-columns:repeat(3,1fr)}.cols-4-l{grid-template-columns:repeat(4,1fr)}.cols-5-l{grid-template-columns:repeat(5,1fr)}.cols-6-l{grid-template-columns:repeat(6,1fr)}.cols-8-l{grid-template-columns:repeat(8,1fr)}.cols-9-l{grid-template-columns:repeat(9,1fr)}.cols-10-l{grid-template-columns:repeat(10,1fr)}.cols-12-l{grid-template-columns:repeat(12,1fr)}.cols-16-l{grid-template-columns:repeat(16,1fr)}.cols-min-64-l{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-l{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-l{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-l{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-l{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-l{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-l{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-l{grid-template-columns:masonry}.subgrid-l{grid-template-columns:subgrid}.cols-none-l{grid-template-columns:none}.col-1-l{grid-column:span 1/span 1}.col-2-l{grid-column:span 2/span 2}.col-3-l{grid-column:span 3/span 3}.col-4-l{grid-column:span 4/span 4}.col-5-l{grid-column:span 5/span 5}.col-6-l{grid-column:span 6/span 6}.col-7-l{grid-column:span 7/span 7}.col-8-l{grid-column:span 8/span 8}.col-9-l{grid-column:span 9/span 9}.col-10-l{grid-column:span 10/span 10}.col-11-l{grid-column:span 11/span 11}.col-12-l{grid-column:span 12/span 12}.col-13-l{grid-column:span 13/span 13}.col-14-l{grid-column:span 14/span 14}.col-15-l{grid-column:span 15/span 15}.col-16-l{grid-column:span 16/span 16}.col-full-l{grid-column:1/-1}.col-center1-l{grid-column:2/-2}.col-center2-l{grid-column:3/-3}.col-center3-l{grid-column:4/-4}.col-center4-l{grid-column:6/-6}.col-auto-l{grid-column:auto}.start-1-l{grid-column-start:1}.start-2-l{grid-column-start:2}.start-3-l{grid-column-start:3}.start-4-l{grid-column-start:4}.start-5-l{grid-column-start:5}.start-6-l{grid-column-start:6}.start-7-l{grid-column-start:7}.start-8-l{grid-column-start:8}.start-9-l{grid-column-start:9}.start-10-l{grid-column-start:10}.start-11-l{grid-column-start:11}.start-12-l{grid-column-start:12}.start-13-l{grid-column-start:13}.start-14-l{grid-column-start:14}.start-15-l{grid-column-start:15}.end-1-l{grid-column-end:1}.end-2-l{grid-column-end:2}.end-3-l{grid-column-end:3}.end-4-l{grid-column-end:4}.end-5-l{grid-column-end:5}.end-6-l{grid-column-end:6}.end-7-l{grid-column-end:7}.end-8-l{grid-column-end:8}.end-9-l{grid-column-end:9}.end-10-l{grid-column-end:10}.end-11-l{grid-column-end:11}.end-12-l{grid-column-end:12}.end-13-l{grid-column-end:13}.end-14-l{grid-column-end:14}.end-15-l{grid-column-end:15}.end-16-l{grid-column-end:16}.row-auto-l{grid-row:auto}.row-start-1-l{grid-row-start:1}.row-start-2-l{grid-row-start:2}.row-start-3-l{grid-row-start:3}.row-start-4-l{grid-row-start:4}.row-start-5-l{grid-row-start:5}.row-start-6-l{grid-row-start:6}.row-start-7-l{grid-row-start:7}.row-start-8-l{grid-row-start:8}.row-start-9-l{grid-row-start:9}.row-start-10-l{grid-row-start:10}.row-start-11-l{grid-row-start:11}.row-start-12-l{grid-row-start:12}.row-start-13-l{grid-row-start:13}.row-start-14-l{grid-row-start:14}.row-start-15-l{grid-row-start:15}.row-start-16-l{grid-row-start:16}.row-end-1-l{grid-row-end:1}.row-end-2-l{grid-row-end:2}.row-end-3-l{grid-row-end:3}.row-end-4-l{grid-row-end:4}.row-end-5-l{grid-row-end:5}.row-end-6-l{grid-row-end:6}.row-end-7-l{grid-row-end:7}.row-end-8-l{grid-row-end:8}.row-end-9-l{grid-row-end:9}.row-end-10-l{grid-row-end:10}.row-end-11-l{grid-row-end:11}.row-end-12-l{grid-row-end:12}.row-end-13-l{grid-row-end:13}.row-end-14-l{grid-row-end:14}.row-end-15-l{grid-row-end:15}.row-end-16-l{grid-row-end:16}.flex-l{display:flex}.inline-flex-l{display:inline-flex}.flex-auto-l{flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{flex:none}.flex-grow-0-l{flex-grow:0}.flex-grow-1-l{flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.flex-column-l{flex-direction:column}.flex-row-l{flex-direction:row}.flex-column-reverse-l{flex-direction:column-reverse}.flex-row-reverse-l{flex-direction:row-reverse}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.items-start-l{align-items:flex-start}.items-end-l{align-items:flex-end}.items-center-l{align-items:center}.items-baseline-l{align-items:baseline}.items-stretch-l{align-items:stretch}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-self-start-l{justify-self:start}.justify-self-end-l{justify-self:end}.justify-self-center-l{justify-self:center}.justify-self-stretch-l{justify-self:stretch}.justify-start-l{justify-content:flex-start}.justify-end-l{justify-content:flex-end}.justify-center-l{justify-content:center}.justify-between-l{justify-content:space-between}.justify-around-l{justify-content:space-around}.order-0-l{order:0}.order-1-l{order:1}.order-2-l{order:2}.order-3-l{order:3}.order-4-l{order:4}.order-5-l{order:5}.order-6-l{order:6}.order-7-l{order:7}.order-8-l{order:8}.order-last-l{order:99999}.fl-l{float:left}.fr-l{float:right}.fn-l{float:none}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}.lh-solid-l{line-height:1}.lh-title-l{line-height:1.25}.lh-copy-l{line-height:1.5}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-50-l{width:50%}.w-75-l{width:75%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.sticky-l{position:-webkit-sticky;position:sticky}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-l{padding:0}.p1-l{padding:.25rem}.p2-l{padding:.5rem}.p3-l{padding:1rem}.p4-l{padding:2rem}.p5-l{padding:4rem}.p6-l{padding:8rem}.p7-l{padding:16rem}.p8-l{padding:32rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pl8-l{padding-left:32rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pr8-l{padding-right:32rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pb8-l{padding-bottom:32rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pt8-l{padding-top:32rem}.py0-l{padding-top:0;padding-bottom:0}.py1-l{padding-top:.25rem;padding-bottom:.25rem}.py2-l{padding-top:.5rem;padding-bottom:.5rem}.py3-l{padding-top:1rem;padding-bottom:1rem}.py4-l{padding-top:2rem;padding-bottom:2rem}.py5-l{padding-top:4rem;padding-bottom:4rem}.py6-l{padding-top:8rem;padding-bottom:8rem}.py7-l{padding-top:16rem;padding-bottom:16rem}.py8-l{padding-top:32rem;padding-bottom:32rem}.px0-l{padding-left:0;padding-right:0}.px1-l{padding-left:.25rem;padding-right:.25rem}.px2-l{padding-left:.5rem;padding-right:.5rem}.px3-l{padding-left:1rem;padding-right:1rem}.px4-l{padding-left:2rem;padding-right:2rem}.px5-l{padding-left:4rem;padding-right:4rem}.px6-l{padding-left:8rem;padding-right:8rem}.px7-l{padding-left:16rem;padding-right:16rem}.px8-l{padding-left:32rem;padding-right:32rem}.m0-l{margin:0}.m1-l{margin:.25rem}.m2-l{margin:.5rem}.m3-l{margin:1rem}.m4-l{margin:2rem}.m5-l{margin:4rem}.m6-l{margin:8rem}.m7-l{margin:16rem}.m8-l{margin:32rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.ml8-l{margin-left:32rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mr8-l{margin-right:32rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mb8-l{margin-bottom:32rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mt8-l{margin-top:32rem}.my0-l{margin-top:0;margin-bottom:0}.my1-l{margin-top:.25rem;margin-bottom:.25rem}.my2-l{margin-top:.5rem;margin-bottom:.5rem}.my3-l{margin-top:1rem;margin-bottom:1rem}.my4-l{margin-top:2rem;margin-bottom:2rem}.my5-l{margin-top:4rem;margin-bottom:4rem}.my6-l{margin-top:8rem;margin-bottom:8rem}.my7-l{margin-top:16rem;margin-bottom:16rem}.my8-l{margin-top:32rem;margin-bottom:32rem}.mx0-l{margin-left:0;margin-right:0}.mx1-l{margin-left:.25rem;margin-right:.25rem}.mx2-l{margin-left:.5rem;margin-right:.5rem}.mx3-l{margin-left:1rem;margin-right:1rem}.mx4-l{margin-left:2rem;margin-right:2rem}.mx5-l{margin-left:4rem;margin-right:4rem}.mx6-l{margin-left:8rem;margin-right:8rem}.mx7-l{margin-left:16rem;margin-right:16rem}.mx8-l{margin-left:32rem;margin-right:32rem}.na1-l{margin:-.25rem}.na2-l{margin:-.5rem}.na3-l{margin:-1rem}.na4-l{margin:-2rem}.na5-l{margin:-4rem}.na6-l{margin:-8rem}.na7-l{margin:-16rem}.nl1-l{margin-left:-.25rem}.nl2-l{margin-left:-.5rem}.nl3-l{margin-left:-1rem}.nl4-l{margin-left:-2rem}.nl5-l{margin-left:-4rem}.nl6-l{margin-left:-8rem}.nl7-l{margin-left:-16rem}.nr1-l{margin-right:-.25rem}.nr2-l{margin-right:-.5rem}.nr3-l{margin-right:-1rem}.nr4-l{margin-right:-2rem}.nr5-l{margin-right:-4rem}.nr6-l{margin-right:-8rem}.nr7-l{margin-right:-16rem}.nb1-l{margin-bottom:-.25rem}.nb2-l{margin-bottom:-.5rem}.nb3-l{margin-bottom:-1rem}.nb4-l{margin-bottom:-2rem}.nb5-l{margin-bottom:-4rem}.nb6-l{margin-bottom:-8rem}.nb7-l{margin-bottom:-16rem}.nt1-l{margin-top:-.25rem}.nt2-l{margin-top:-.5rem}.nt3-l{margin-top:-1rem}.nt4-l{margin-top:-2rem}.nt5-l{margin-top:-4rem}.nt6-l{margin-top:-8rem}.nt7-l{margin-top:-16rem}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f1-l{font-size:.75rem}.f2-l{font-size:.875rem}.f3-l{font-size:1rem}.f4-l{font-size:1.125rem}.f5-l{font-size:1.25rem}.f6-l{font-size:1.5rem}.f7-l{font-size:2rem}.f8-l{font-size:3rem}.f9-l{font-size:4rem}.f10-l{font-size:6rem}.f11-l{font-size:8rem}.f12-l{font-size:12rem}.measure-l{max-width:66ch}.measure-wide-l{max-width:80ch}.measure-narrow-l{max-width:45ch}.small-caps-l{font-variant:small-caps}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--overlay-tint-0:hsla(0,0%,100%,.035);--overlay-tint-1:hsla(0,0%,100%,.1);--overlay-tint-2:hsla(0,0%,100%,.19);--overlay-tint-3:hsla(0,0%,100%,.28);--overlay-tint-4:hsla(0,0%,100%,.36);--overlay-tint-5:hsla(0,0%,100%,.45);--overlay-tint-6:hsla(0,0%,100%,.55);--overlay-tint-7:hsla(0,0%,100%,.64);--overlay-tint-8:hsla(0,0%,100%,.73);--overlay-tint-9:hsla(0,0%,100%,.815);--overlay-tint-10:hsla(0,0%,100%,.895);--overlay-tint-11:hsla(0,0%,100%,.94);--overlay-shadow-0:rgba(0,0,0,.94);--overlay-shadow-1:rgba(0,0,0,.895);--overlay-shadow-2:rgba(0,0,0,.815);--overlay-shadow-3:rgba(0,0,0,.73);--overlay-shadow-4:rgba(0,0,0,.64);--overlay-shadow-5:rgba(0,0,0,.55);--overlay-shadow-6:rgba(0,0,0,.45);--overlay-shadow-7:rgba(0,0,0,.36);--overlay-shadow-8:rgba(0,0,0,.28);--overlay-shadow-9:rgba(0,0,0,.19);--overlay-shadow-10:rgba(0,0,0,.1);--overlay-shadow-11:rgba(0,0,0,.035);--gray-0:#000;--gray-1:#171717;--gray-2:#2f2f2f;--gray-3:#464646;--gray-4:#5e5e5e;--gray-5:#757575;--gray-6:#8c8c8c;--gray-7:#a3a3a3;--gray-8:#bababa;--gray-9:#d1d1d1;--gray-10:#e8e8e8;--gray-11:#fff;--slate-gray-0:#09090b;--slate-gray-1:#1d1d22;--slate-gray-2:#313138;--slate-gray-3:#45444f;--slate-gray-4:#595866;--slate-gray-5:#6d6c7d;--slate-gray-6:#838292;--slate-gray-7:#9a9aa7;--slate-gray-8:#b2b1bb;--slate-gray-9:#c9c9d0;--slate-gray-10:#e1e0e4;--slate-gray-11:#f8f8f9;--blue-0:#030b18;--blue-1:#071e3f;--blue-2:#0c3166;--blue-3:#10448d;--blue-4:#1556b4;--blue-5:#1969db;--blue-6:#317fed;--blue-7:#5797f0;--blue-8:#7daef4;--blue-9:#a3c6f7;--blue-10:#c9ddfa;--blue-11:#eff5fe;--indigo-0:#080614;--indigo-1:#19143f;--indigo-2:#2a216a;--indigo-3:#3a2e95;--indigo-4:#4b3bc0;--indigo-5:#5c49eb;--indigo-6:#725fff;--indigo-7:#8c7cff;--indigo-8:#a69aff;--indigo-9:#c0b7ff;--indigo-10:#dad5ff;--indigo-11:#f4f3ff;--violet-0:#110517;--violet-1:#2e0d3e;--violet-2:#4b1465;--violet-3:#681c8c;--violet-4:#8424b3;--violet-5:#a12cda;--violet-6:#b543ec;--violet-7:#c366f0;--violet-8:#d089f3;--violet-9:#deabf7;--violet-10:#eccefa;--violet-11:#f9f0fe;--magenta-0:#13040f;--magenta-1:#350a2c;--magenta-2:#581148;--magenta-3:#7b1765;--magenta-4:#9e1e82;--magenta-5:#c1249e;--magenta-6:#d43cb2;--magenta-7:#dc61c1;--magenta-8:#e485cf;--magenta-9:#eca9dd;--magenta-10:#f4ceec;--magenta-11:#fcf2fa;--red-0:#120205;--red-1:#39050f;--red-2:#5f0819;--red-3:#860b24;--red-4:#ac0e2e;--red-5:#d31138;--red-6:#e7284e;--red-7:#ec506f;--red-8:#f07790;--red-9:#f49fb0;--red-10:#f9c7d1;--red-11:#fdeef1;--red-orange-0:#190b05;--red-orange-1:#3d1307;--red-orange-2:#601b0a;--red-orange-3:#84240c;--red-orange-4:#a72c0e;--red-orange-5:#cb3411;--red-orange-6:#ee3c13;--red-orange-7:#fe562f;--red-orange-8:#fe7d5e;--red-orange-9:#ffa48e;--red-orange-10:#ffccbe;--red-orange-11:#fff3ee;--orange-0:#150d04;--orange-1:#2e1c08;--orange-2:#472a0c;--orange-3:#603910;--orange-4:#794714;--orange-5:#a65d13;--orange-6:#d37413;--orange-7:#ff8a14;--orange-8:#ffa54a;--orange-9:#ffc081;--orange-10:#ffdab7;--orange-11:#fff5ed;--gold-0:#140e05;--gold-1:#2c1f0a;--gold-2:#432f0e;--gold-3:#5b4013;--gold-4:#725118;--gold-5:#946818;--gold-6:#d4950d;--gold-7:#eeb028;--gold-8:#f2c259;--gold-9:#f7d38a;--gold-10:#fbe5bc;--gold-11:#fff5e9;--yellow-0:#111006;--yellow-1:#252405;--yellow-2:#3a3804;--yellow-3:#4e4d03;--yellow-4:#636101;--yellow-5:#777500;--yellow-6:#ccc500;--yellow-7:#fcf433;--yellow-8:#fdf67a;--yellow-9:#fdf89b;--yellow-10:#fef9bb;--yellow-11:#fefadb;--green-0:#091108;--green-1:#0f2611;--green-2:#153c1a;--green-3:#1b5122;--green-4:#21662b;--green-5:#25833a;--green-6:#26b056;--green-7:#35d272;--green-8:#63dd90;--green-9:#90e8ae;--green-10:#bdf3cc;--green-11:#eafeea;--teal-0:#07100c;--teal-1:#0c231a;--teal-2:#113628;--teal-3:#164936;--teal-4:#1b5b45;--teal-5:#177f63;--teal-6:#12a282;--teal-7:#2abb9b;--teal-8:#5acab1;--teal-9:#8bdac7;--teal-10:#bbe9dc;--teal-11:#ecf8f2;--cyan-0:#0a1211;--cyan-1:#102425;--cyan-2:#153639;--cyan-3:#1b484c;--cyan-4:#215a60;--cyan-5:#247981;--cyan-6:#24a9b6;--cyan-7:#28d6e6;--cyan-8:#57e0ec;--cyan-9:#85eaf2;--cyan-10:#b4f5f9;--cyan-11:#e2ffff;--transparent:hsla(0,0,0,0);--degrees-1:0;--degrees-2:45deg;--degrees-3:90deg;--degrees-4:135deg;--degrees-5:180deg;--degrees-6:225deg;--degrees-7:270deg;--degrees-8:315deg;--gradient-degree-0:var(--degrees-1,0);--gradient-degree:var(--degrees-2,45deg);--gradient-degree-2:var(--degrees-4,135deg);--gradient-stripe-width:12px;--gradient-stripe-width-2:var(--border-width-1);--gradient-color-1:var(--blue-2);--gradient-color-2:var(--magenta-6);--gradient-color-3:var(--red-5);--gradient-color-4:var(--indigo-5);--gradient-color-5:var(--violet-0);--gradient-color-6:var(--violet-5);--gradient-color-7:var(--magenta-0);--gradient-color-8:var(--magenta-5);--gradient-color-9:var(--red-0);--gradient-color-10:var(--red-5);--gradient-color-11:var(--red-orange-0);--gradient-color-12:var(--red-orange-5);--gradient-color-13:var(--orange-0);--gradient-color-14:var(--orange-5);--gradient-color-15:var(--gold-0);--gradient-color-16:var(--gold-5);--gradient-color-17:var(--yellow-0);--gradient-color-18:var(--yellow-5);--gradient-color-19:var(--green-0);--gradient-color-20:var(--green-5);--gradient-color-21:var(--teal-0);--gradient-color-22:var(--teal-5);--gradient-color-23:var(--cyan-0);--gradient-color-24:var(--cyan-5);--gradient-stop:50%;--font-size-0:10px;--font-size-1:12px;--font-size-2:14px;--font-size-3:16px;--font-size-4:20px;--font-size-5:24px;--font-size-6:48px;--font-size-7:64px;--font-size-8:96px;--font-size-9:128px;--font-size-10:192px;--font-size-11:256px;--border-radius-0:0;--border-radius-1:4px;--border-radius-2:6px;--border-radius-3:8px;--border-radius-4:12px;--border-radius-5:16px;--border-radius-6:20px;--border-radius-7:24px;--border-radius-8:32px;--border-radius-9:48px;--border-radius-10:64px;--border-radius-11:9999px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-3:4px;--border-width-4:8px;--border-width-5:16px;--border-width:var(--border-width-1,1px);--border-color:var(--gray-5,gray);--line-height-solid:1;--line-height-heading:1.25;--line-height-body:1.5;--letter-spacing-tracked:.1em;--letter-spacing-tight:-0.05em;--letter-spacing-large:.25em;--font-family-heading:Inter,sans-serif;--font-family-body:Inter,sans-serif;--font-family-mono:Inconsolata,monospace;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:16px;--spacing-4:32px;--spacing-5:64px;--spacing-6:128px;--spacing-7:256px;--spacing-8:512px;--size-0:0;--size-1:1rem;--size-2:2rem;--size-3:3rem;--size-4:4rem;--size-5:8rem;--size-6:16rem;--size-7:32rem;--size-8:64rem;--shadow-color:0 0 0;--shadow-color-invert:255 255 255;--shadow-border-width:1px;--shadow-opacity:.25;//:0;--opacity-1:.025;--opacity-2:.05;--opacity-3:.1;--opacity-4:.2;--opacity-5:.3;--opacity-6:.4;--opacity-7:.5;--opacity-8:.6;--opacity-9:.7;--opacity-10:.8;--opacity-11:.9;--opacity-12:1;--duration-0:125ms;--duration-1:250ms;--duration-2:500ms;--easing-function-0:cubic-bezier(.543,1.086,.5,-0.383);--easing-function-1:ease;--easing-function-2:ease-out;--easing-function-3:ease-in-out;--easing-function-4:linear}.gradient-1{background:linear-gradient(var(--gradient-degree),var(--gradient-color-1),var(--gradient-color-2))}.gradient-2{background:linear-gradient(var(--gradient-degree),var(--gradient-color-1) var(--gradient-stop),var(--gradient-color-2) var(--gradient-stop))}.gradient-3{background:repeating-linear-gradient(var(--gradient-degree),transparent,transparent var(--gradient-stripe-width),var(--gradient-color-1) var(--gradient-stripe-width),var(--gradient-color-1) calc(var(--gradient-stripe-width) + var(--gradient-stripe-width-2)))}.gradient-4{background:repeating-radial-gradient(circle,transparent 0,transparent var(--gradient-stripe-width),var(--gradient-color-1) var(--gradient-stripe-width),var(--gradient-color-1) calc(var(--gradient-stripe-width) + var(--gradient-stripe-width-2)))}*,.border-box,.border-box:after,.border-box:before,:after,:before{box-sizing:border-box}.content-box{box-sizing:content-box}.aspect-ratio-16x9{aspect-ratio:16/9}.aspect-ratio-9x16{aspect-ratio:9/16}.aspect-ratio-4x3{aspect-ratio:4/3}.aspect-ratio-3x4{aspect-ratio:3/4}.aspect-ratio-6x4{aspect-ratio:6/4}.aspect-ratio-4x6{aspect-ratio:4/6}.aspect-ratio-8x5{aspect-ratio:8/5}.aspect-ratio-5x8{aspect-ratio:5/8}.aspect-ratio-7x5{aspect-ratio:7/5}.aspect-ratio-5x7{aspect-ratio:5/7}.aspect-ratio-1x1,.aspect-ratio-square{aspect-ratio:1/1}img{display:block;max-width:100%}.random-image{background-image:url(https://source.unsplash.com/random);background-size:cover}.random-image-landscape{background-image:url(https://source.unsplash.com/random/1920x1080);background-size:cover}.random-image-portrait{background-image:url(https://source.unsplash.com/random/1080x1920);background-size:cover}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:var(--border-width,1px)}.bt{border-top-style:solid;border-top-width:var(--border-width,1px)}.br{border-right-style:solid;border-right-width:var(--border-width,1px)}.bb{border-bottom-style:solid;border-bottom-width:var(--border-width,1px)}.bl{border-left-style:solid;border-left-width:var(--border-width,1px)}.bn{border-style:none;border-width:0}.b--color{border-color:var(--border-color,gray)}.b--transparent{border-color:transparent}.b--current{border-color:currentColor}.b--inherit{border-color:inherit}.b--initial{border-color:initial}.b--unset{border-color:unset}.br0{border-radius:var(--border-radius-0,0)}.br1{border-radius:var(--border-radius-1,4px)}.br2{border-radius:var(--border-radius-2,6px)}.br3{border-radius:var(--border-radius-3,8px)}.br4{border-radius:var(--border-radius-4,12px)}.br5{border-radius:var(--border-radius-5,16px)}.br6{border-radius:var(--border-radius-6,20px)}.br7{border-radius:var(--border-radius-7,24px)}.br8{border-radius:var(--border-radius-8,32px)}.br9{border-radius:var(--border-radius-9,48px)}.br10{border-radius:var(--border-radius-10,64px)}.br11{border-radius:var(--border-radius-11,9999px)}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit{border-radius:inherit}.br-initial{border-radius:initial}.br-unset{border-radius:unset}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:var(--border-width-0,0)}.bw1{border-width:var(--border-width-1,1px)}.bw2{border-width:var(--border-width-2,2px)}.bw3{border-width:var(--border-width-3,4px)}.bw4{border-width:var(--border-width-4,8px)}.bw5{border-width:var(--border-width-5,16px)}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow{box-shadow:var(--shadow,inset 0 0 1px 0 rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.5)))}.shadow-hover:focus,.shadow-hover:hover{--shadow-opacity:.15}.shadow-border-1{box-shadow:inset 0 0 var(--shadow-border-width,1px) 0 rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125))}.shadow-border-2{box-shadow:inset 0 0 var(--shadow-border-width) 0 currentColor}.shadow-border-3{box-shadow:inset 0 0 2px 0 rgb(var(--shadow-color-light,255 255 255)/var(--shadow-opacity,.125))}.shadow-border-4{box-shadow:inset 0 0 2px 0 rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125))}.shadow-border-5{box-shadow:inset 0 0 2px 0 currentColor}.shadow-1{box-shadow:0 1px 1px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 2px 2px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 4px 4px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 8px 8px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 16px 16px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125))}.shadow-2{box-shadow:0 1px 1px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 2px 2px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 4px 4px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125)),0 8px 8px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.125))}.shadow-3{--shadow-opacity:.11;box-shadow:0 1px 1px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 2px 2px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 4px 4px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 8px 8px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 16px 16px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 32px 32px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11))}.shadow-4{--shadow-opacity:.05;box-shadow:0 1px 1px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .25) * 5)),0 2px 2px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .2) * 4)),0 4px 4px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .15) * 3)),0 8px 8px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .1) * 2)),0 16px 16px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.05))}.shadow-5{--shadow-opacity:.08;box-shadow:0 var(--shadow-y) 1px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .08) * 1)),0 calc(var(--shadow-y) * 2) 2px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .12) * 1.5)),0 calc(var(--shadow-y) * 4) 4px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .16) * 2)),0 calc(var(--shadow-y) * 8) 8px rgb(var(--shadow-color,0 0 0)/calc(var(--shadow-opacity, .2) * 2.5))}.shadow-6{--shadow-opacity:.07;box-shadow:0 1px 2px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7)),0 2px 4px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7)),0 4px 8px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7)),0 8px 16px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7)),0 16px 32px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7)),0 32px 64px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.7))}.shadow-7{--shadow-opacity:.11;box-shadow:0 1px 1px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 2px 2px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 4px 4px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 6px 8px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11)),0 8px 16px rgb(var(--shadow-color,0 0 0)/var(--shadow-opacity,.11))}.shadow-8{--shadow-opacity:.09;box-shadow:0 2px 1px rgb(var(--shadow-color,0 0 0)/.09),0 4px 2px rgb(var(--shadow-color,0 0 0)/.09),0 8px 4px rgb(var(--shadow-color,0 0 0)/.09),0 16px 8px rgb(var(--shadow-color,0 0 0)/.09),0 32px 16px rgb(var(--shadow-color,0 0 0)/.09)}.text-shadow-1{text-shadow:rgb(var(--shadow-color)) -4px 4px 0}.text-shadow-2{text-shadow:rgb(var(--shadow-color)) -8px 8px 0}.text-shadow-3{text-shadow:rgb(var(--shadow-color)/var(--shadow-opacity,.5)) -8px 8px 0}.text-shadow-4{text-shadow:rgba(var(--shadow-color)/var(--shadow-opacity,.5)) -4px 4px 8px}.text-shadow-5{text-shadow:rgb(var(--shadow-color)) 2px 0 0,rgb(var(--shadow-color)) 0 2px 0,rgb(var(--shadow-color)) -2px 0 0,rgb(var(--shadow-color)) 0 -2px 0,rgb(var(--shadow-color)) -2px -2px 0,rgb(var(--shadow-color)) 2px -2px 0,rgb(var(--shadow-color)) 2px 2px 0,rgb(var(--shadow-color)) -2px 2px 0}.text-shadow-6{text-shadow:rgb(var(--shadow-color-invert)) 2px 0 0,rgb(var(--shadow-color-invert)) 0 2px 0,rgb(var(--shadow-color-invert)) -2px 0 0,rgb(var(--shadow-color-invert)) 0 -2px 0,rgb(var(--shadow-color-invert)) -2px -2px 0,rgb(var(--shadow-color-invert)) 2px -2px 0,rgb(var(--shadow-color-invert)) 2px 2px 0,rgb(var(--shadow-color-invert)) -2px 2px 0}.pre{max-width:100%;overflow:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:var(--size,1rem)}.right-1{right:var(--size,1rem)}.bottom-1{bottom:var(--size,1rem)}.left-1{left:var(--size,1rem)}.top-2{top:calc(var(--size, 1rem) * 2)}.right-2{right:calc(var(--size, 1rem) * 2)}.bottom-2{bottom:calc(var(--size, 1rem) * 2)}.left-2{left:calc(var(--size, 1rem) * 2)}.top--1{top:calc(var(--size, 1rem) * -1)}.right--1{right:calc(var(--size, 1rem) * -1)}.bottom--1{bottom:calc(var(--size, 1rem) * -1)}.left--1{left:calc(var(--size, 1rem) * -1)}.top--2{top:calc(var(--size, 1rem) * -2)}.right--2{right:calc(var(--size, 1rem) * -2)}.bottom--2{bottom:calc(var(--size, 1rem) * -2)}.left--2{left:calc(var(--size, 1rem) * -2)}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.df,.flex{display:flex}.dif,.inline-flex{display:inline-flex}.dg,.grid{display:grid}.dig,.inline-grid{display:inline-grid}.g0{gap:var(--spacing-0,0)}.g1{gap:var(--spacing-1,4px)}.g2{gap:var(--spacing-2,8px)}.g3{gap:var(--spacing-3,16px)}.g4{gap:var(--spacing-4,32px)}.g5{gap:var(--spacing-5,64px)}.g6{gap:var(--spacing-6,128px)}.g7{gap:var(--spacing-7,256px)}.cols-1{grid-template-columns:repeat(1,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}.cols-6{grid-template-columns:repeat(6,1fr)}.cols-8{grid-template-columns:repeat(8,1fr)}.cols-9{grid-template-columns:repeat(9,1fr)}.cols-10{grid-template-columns:repeat(10,1fr)}.cols-12{grid-template-columns:repeat(12,1fr)}.cols-16{grid-template-columns:repeat(16,1fr)}.cols-min-64{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry{grid-template-columns:masonry}.subgrid{grid-template-columns:subgrid}.cols-none{grid-template-columns:none}.col-1{grid-column:span 1/span 1}.col-2{grid-column:span 2/span 2}.col-3{grid-column:span 3/span 3}.col-4{grid-column:span 4/span 4}.col-5{grid-column:span 5/span 5}.col-6{grid-column:span 6/span 6}.col-7{grid-column:span 7/span 7}.col-8{grid-column:span 8/span 8}.col-9{grid-column:span 9/span 9}.col-10{grid-column:span 10/span 10}.col-11{grid-column:span 11/span 11}.col-12{grid-column:span 12/span 12}.col-13{grid-column:span 13/span 13}.col-14{grid-column:span 14/span 14}.col-15{grid-column:span 15/span 15}.col-16{grid-column:span 16/span 16}.col-full{grid-column:1/-1}.col-center1{grid-column:2/-2}.col-center2{grid-column:3/-3}.col-center3{grid-column:4/-4}.col-center4{grid-column:6/-6}.col-auto{grid-column:auto}.start-1{grid-column-start:1}.start-2{grid-column-start:2}.start-3{grid-column-start:3}.start-4{grid-column-start:4}.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-10{grid-column-start:10}.start-11{grid-column-start:11}.start-12{grid-column-start:12}.start-13{grid-column-start:13}.start-14{grid-column-start:14}.start-15{grid-column-start:15}.end-1{grid-column-end:1}.end-2{grid-column-end:2}.end-3{grid-column-end:3}.end-4{grid-column-end:4}.end-5{grid-column-end:5}.end-6{grid-column-end:6}.end-7{grid-column-end:7}.end-8{grid-column-end:8}.end-9{grid-column-end:9}.end-10{grid-column-end:10}.end-11{grid-column-end:11}.end-12{grid-column-end:12}.end-13{grid-column-end:13}.end-14{grid-column-end:14}.end-15{grid-column-end:15}.end-16{grid-column-end:16}.row-auto{grid-row:auto}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-8{grid-row-start:8}.row-start-9{grid-row-start:9}.row-start-10{grid-row-start:10}.row-start-11{grid-row-start:11}.row-start-12{grid-row-start:12}.row-start-13{grid-row-start:13}.row-start-14{grid-row-start:14}.row-start-15{grid-row-start:15}.row-start-16{grid-row-start:16}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-8{grid-row-end:8}.row-end-9{grid-row-end:9}.row-end-10{grid-row-end:10}.row-end-11{grid-row-end:11}.row-end-12{grid-row-end:12}.row-end-13{grid-row-end:13}.row-end-14{grid-row-end:14}.row-end-15{grid-row-end:15}.row-end-16{grid-row-end:16}.filter-none{-webkit-filter:none;filter:none}.filter-blur-none{-webkit-filter:blur(0);filter:blur(0)}.filter-blur{-webkit-filter:blur(96px);filter:blur(96px)}.grayscale-0{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale-50{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.grayscale-100{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.hue-rotate0{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}.hue-rotate1{-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}.hue-rotate2{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.hue-rotate3{-webkit-filter:hue-rotate(135deg);filter:hue-rotate(135deg)}.hue-rotate4{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}.hue-rotate5{-webkit-filter:hue-rotate(225deg);filter:hue-rotate(225deg)}.hue-rotate6{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}.hue-rotate7{-webkit-filter:hue-rotate(315deg);filter:hue-rotate(315deg)}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.fl{float:left}.fr{float:right}.fn{float:none}.f-heading{font-family:var(--font-family-heading)}.f-body{font-family:var(--font-family-body)}.f-mono{font-family:var(--font-family-mono)}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h0{height:var(--size-0,0)}.h1{height:var(--size-1,1rem)}.h2{height:var(--size-2,2rem)}.h3{height:var(--size-3,3rem)}.h4{height:var(--size-4,4rem)}.h5{height:var(--size-5,8rem)}.h6{height:var(--size-6,16rem)}.h7{height:var(--size-7,32rem)}.h8{height:var(--size-8,64rem)}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:var(--letter-spacing-tracked,.1em)}.tracked-tight{letter-spacing:var(--letter-spacing-tight,-.05em)}.tracked-mega{letter-spacing:var(--letter-spacing-large,.25em)}.lh-solid{line-height:var(--line-height-solid,1)}.lh-title{line-height:var(--line-height-title,1.25)}.lh-copy{line-height:var(--line-height-body,1.5)}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:all .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w0{width:var(--size-0,0)}.w1{width:var(--size-1,1rem)}.w2{width:var(--size-2,2rem)}.w3{width:var(--size-3,3rem)}.w4{width:var(--size-4,4rem)}.w5{width:var(--size-5,8rem)}.w6{width:var(--size-6,16rem)}.w7{width:var(--size-7,32rem)}.w8{width:var(--size-8,64rem)}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.o-100{opacity:var(--opacity-12,1)}.o-90{opacity:var(--opacity-11,.9)}.o-80{opacity:var(--opacity-10,.8)}.o-70{opacity:var(--opacity-9,.7)}.o-60{opacity:var(--opacity-8,.6)}.o-50{opacity:var(--opacity-7,.5)}.o-40{opacity:var(--opacity-6,.4)}.o-30{opacity:var(--opacity-5,.3)}.o-20{opacity:var(--opacity-4,.2)}.o-10{opacity:var(--opacity-3,.1)}.o-05{opacity:var(--opacity-2,.05)}.o-025{opacity:var(--opacity-1,.025)}.o-0{opacity:var(--opacity-0,0)}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.overlay-tint-0{color:var(--overlay-tint-0)}.overlay-tint-1{color:var(--overlay-tint-1)}.overlay-tint-2{color:var(--overlay-tint-2)}.overlay-tint-3{color:var(--overlay-tint-3)}.overlay-tint-4{color:var(--overlay-tint-4)}.overlay-tint-5{color:var(--overlay-tint-5)}.overlay-tint-6{color:var(--overlay-tint-6)}.overlay-tint-7{color:var(--overlay-tint-7)}.overlay-tint-8{color:var(--overlay-tint-8)}.overlay-tint-9{color:var(--overlay-tint-9)}.overlay-tint-10{color:var(--overlay-tint-10)}.overlay-tint-11{color:var(--overlay-tint-11)}.overlay-shadow-0{color:var(--overlay-shadow-0)}.overlay-shadow-1{color:var(--overlay-shadow-1)}.overlay-shadow-2{color:var(--overlay-shadow-2)}.overlay-shadow-3{color:var(--overlay-shadow-3)}.overlay-shadow-4{color:var(--overlay-shadow-4)}.overlay-shadow-5{color:var(--overlay-shadow-5)}.overlay-shadow-6{color:var(--overlay-shadow-6)}.overlay-shadow-7{color:var(--overlay-shadow-7)}.overlay-shadow-8{color:var(--overlay-shadow-8)}.overlay-shadow-9{color:var(--overlay-shadow-9)}.overlay-shadow-10{color:var(--overlay-shadow-10)}.overlay-shadow-11{color:var(--overlay-shadow-11)}.gray-0{color:var(--gray-0)}.gray-1{color:var(--gray-1)}.gray-2{color:var(--gray-2)}.gray-3{color:var(--gray-3)}.gray-4{color:var(--gray-4)}.gray-5{color:var(--gray-5)}.gray-6{color:var(--gray-6)}.gray-7{color:var(--gray-7)}.gray-8{color:var(--gray-8)}.gray-9{color:var(--gray-9)}.gray-10{color:var(--gray-10)}.gray-11{color:var(--gray-11)}.slate-gray-0{color:var(--slate-gray-0)}.slate-gray-1{color:var(--slate-gray-1)}.slate-gray-2{color:var(--slate-gray-2)}.slate-gray-3{color:var(--slate-gray-3)}.slate-gray-4{color:var(--slate-gray-4)}.slate-gray-5{color:var(--slate-gray-5)}.slate-gray-6{color:var(--slate-gray-6)}.slate-gray-7{color:var(--slate-gray-7)}.slate-gray-8{color:var(--slate-gray-8)}.slate-gray-9{color:var(--slate-gray-9)}.slate-gray-10{color:var(--slate-gray-10)}.slate-gray-11{color:var(--slate-gray-11)}.blue-0{color:var(--blue-0)}.blue-1{color:var(--blue-1)}.blue-2{color:var(--blue-2)}.blue-3{color:var(--blue-3)}.blue-4{color:var(--blue-4)}.blue-5{color:var(--blue-5)}.blue-6{color:var(--blue-6)}.blue-7{color:var(--blue-7)}.blue-8{color:var(--blue-8)}.blue-9{color:var(--blue-9)}.blue-10{color:var(--blue-10)}.blue-11{color:var(--blue-11)}.indigo-0{color:var(--indigo-0)}.indigo-1{color:var(--indigo-1)}.indigo-2{color:var(--indigo-2)}.indigo-3{color:var(--indigo-3)}.indigo-4{color:var(--indigo-4)}.indigo-5{color:var(--indigo-5)}.indigo-6{color:var(--indigo-6)}.indigo-7{color:var(--indigo-7)}.indigo-8{color:var(--indigo-8)}.indigo-9{color:var(--indigo-9)}.indigo-10{color:var(--indigo-10)}.indigo-11{color:var(--indigo-11)}.violet-0{color:var(--violet-0)}.violet-1{color:var(--violet-1)}.violet-2{color:var(--violet-2)}.violet-3{color:var(--violet-3)}.violet-4{color:var(--violet-4)}.violet-5{color:var(--violet-5)}.violet-6{color:var(--violet-6)}.violet-7{color:var(--violet-7)}.violet-8{color:var(--violet-8)}.violet-9{color:var(--violet-9)}.violet-10{color:var(--violet-10)}.violet-11{color:var(--violet-11)}.magenta-0{color:var(--magenta-0)}.magenta-1{color:var(--magenta-1)}.magenta-2{color:var(--magenta-2)}.magenta-3{color:var(--magenta-3)}.magenta-4{color:var(--magenta-4)}.magenta-5{color:var(--magenta-5)}.magenta-6{color:var(--magenta-6)}.magenta-7{color:var(--magenta-7)}.magenta-8{color:var(--magenta-8)}.magenta-9{color:var(--magenta-9)}.magenta-10{color:var(--magenta-10)}.magenta-11{color:var(--magenta-11)}.red-0{color:var(--red-0)}.red-1{color:var(--red-1)}.red-2{color:var(--red-2)}.red-3{color:var(--red-3)}.red-4{color:var(--red-4)}.red-5{color:var(--red-5)}.red-6{color:var(--red-6)}.red-7{color:var(--red-7)}.red-8{color:var(--red-8)}.red-9{color:var(--red-9)}.red-10{color:var(--red-10)}.red-11{color:var(--red-11)}.red-orange-0{color:var(--red-orange-0)}.red-orange-1{color:var(--red-orange-1)}.red-orange-2{color:var(--red-orange-2)}.red-orange-3{color:var(--red-orange-3)}.red-orange-4{color:var(--red-orange-4)}.red-orange-5{color:var(--red-orange-5)}.red-orange-6{color:var(--red-orange-6)}.red-orange-7{color:var(--red-orange-7)}.red-orange-8{color:var(--red-orange-8)}.red-orange-9{color:var(--red-orange-9)}.red-orange-10{color:var(--red-orange-10)}.red-orange-11{color:var(--red-orange-11)}.orange-0{color:var(--orange-0)}.orange-1{color:var(--orange-1)}.orange-2{color:var(--orange-2)}.orange-3{color:var(--orange-3)}.orange-4{color:var(--orange-4)}.orange-5{color:var(--orange-5)}.orange-6{color:var(--orange-6)}.orange-7{color:var(--orange-7)}.orange-8{color:var(--orange-8)}.orange-9{color:var(--orange-9)}.orange-10{color:var(--orange-10)}.orange-11{color:var(--orange-11)}.gold-0{color:var(--gold-0)}.gold-1{color:var(--gold-1)}.gold-2{color:var(--gold-2)}.gold-3{color:var(--gold-3)}.gold-4{color:var(--gold-4)}.gold-5{color:var(--gold-5)}.gold-6{color:var(--gold-6)}.gold-7{color:var(--gold-7)}.gold-8{color:var(--gold-8)}.gold-9{color:var(--gold-9)}.gold-10{color:var(--gold-10)}.gold-11{color:var(--gold-11)}.yellow-0{color:var(--yellow-0)}.yellow-1{color:var(--yellow-1)}.yellow-2{color:var(--yellow-2)}.yellow-3{color:var(--yellow-3)}.yellow-4{color:var(--yellow-4)}.yellow-5{color:var(--yellow-5)}.yellow-6{color:var(--yellow-6)}.yellow-7{color:var(--yellow-7)}.yellow-8{color:var(--yellow-8)}.yellow-9{color:var(--yellow-9)}.yellow-10{color:var(--yellow-10)}.yellow-11{color:var(--yellow-11)}.green-0{color:var(--green-0)}.green-1{color:var(--green-1)}.green-2{color:var(--green-2)}.green-3{color:var(--green-3)}.green-4{color:var(--green-4)}.green-5{color:var(--green-5)}.green-6{color:var(--green-6)}.green-7{color:var(--green-7)}.green-8{color:var(--green-8)}.green-9{color:var(--green-9)}.green-10{color:var(--green-10)}.green-11{color:var(--green-11)}.teal-0{color:var(--teal-0)}.teal-1{color:var(--teal-1)}.teal-2{color:var(--teal-2)}.teal-3{color:var(--teal-3)}.teal-4{color:var(--teal-4)}.teal-5{color:var(--teal-5)}.teal-6{color:var(--teal-6)}.teal-7{color:var(--teal-7)}.teal-8{color:var(--teal-8)}.teal-9{color:var(--teal-9)}.teal-10{color:var(--teal-10)}.teal-11{color:var(--teal-11)}.cyan-0{color:var(--cyan-0)}.cyan-1{color:var(--cyan-1)}.cyan-2{color:var(--cyan-2)}.cyan-3{color:var(--cyan-3)}.cyan-4{color:var(--cyan-4)}.cyan-5{color:var(--cyan-5)}.cyan-6{color:var(--cyan-6)}.cyan-7{color:var(--cyan-7)}.cyan-8{color:var(--cyan-8)}.cyan-9{color:var(--cyan-9)}.cyan-10{color:var(--cyan-10)}.cyan-11{color:var(--cyan-11)}.bg-overlay-tint-0{background-color:var(--overlay-tint-0)}.bg-overlay-tint-1{background-color:var(--overlay-tint-1)}.bg-overlay-tint-2{background-color:var(--overlay-tint-2)}.bg-overlay-tint-3{background-color:var(--overlay-tint-3)}.bg-overlay-tint-4{background-color:var(--overlay-tint-4)}.bg-overlay-tint-5{background-color:var(--overlay-tint-5)}.bg-overlay-tint-6{background-color:var(--overlay-tint-6)}.bg-overlay-tint-7{background-color:var(--overlay-tint-7)}.bg-overlay-tint-8{background-color:var(--overlay-tint-8)}.bg-overlay-tint-9{background-color:var(--overlay-tint-9)}.bg-overlay-tint-10{background-color:var(--overlay-tint-10)}.bg-overlay-tint-11{background-color:var(--overlay-tint-11)}.bg-overlay-shadow-0{background-color:var(--overlay-shadow-0)}.bg-overlay-shadow-1{background-color:var(--overlay-shadow-1)}.bg-overlay-shadow-2{background-color:var(--overlay-shadow-2)}.bg-overlay-shadow-3{background-color:var(--overlay-shadow-3)}.bg-overlay-shadow-4{background-color:var(--overlay-shadow-4)}.bg-overlay-shadow-5{background-color:var(--overlay-shadow-5)}.bg-overlay-shadow-6{background-color:var(--overlay-shadow-6)}.bg-overlay-shadow-7{background-color:var(--overlay-shadow-7)}.bg-overlay-shadow-8{background-color:var(--overlay-shadow-8)}.bg-overlay-shadow-9{background-color:var(--overlay-shadow-9)}.bg-overlay-shadow-10{background-color:var(--overlay-shadow-10)}.bg-overlay-shadow-11{background-color:var(--overlay-shadow-11)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-1{background-color:var(--gray-1)}.bg-gray-2{background-color:var(--gray-2)}.bg-gray-3{background-color:var(--gray-3)}.bg-gray-4{background-color:var(--gray-4)}.bg-gray-5{background-color:var(--gray-5)}.bg-gray-6{background-color:var(--gray-6)}.bg-gray-7{background-color:var(--gray-7)}.bg-gray-8{background-color:var(--gray-8)}.bg-gray-9{background-color:var(--gray-9)}.bg-gray-10{background-color:var(--gray-10)}.bg-gray-11{background-color:var(--gray-11)}.bg-slate-gray-0{background-color:var(--slate-gray-0)}.bg-slate-gray-1{background-color:var(--slate-gray-1)}.bg-slate-gray-2{background-color:var(--slate-gray-2)}.bg-slate-gray-3{background-color:var(--slate-gray-3)}.bg-slate-gray-4{background-color:var(--slate-gray-4)}.bg-slate-gray-5{background-color:var(--slate-gray-5)}.bg-slate-gray-6{background-color:var(--slate-gray-6)}.bg-slate-gray-7{background-color:var(--slate-gray-7)}.bg-slate-gray-8{background-color:var(--slate-gray-8)}.bg-slate-gray-9{background-color:var(--slate-gray-9)}.bg-slate-gray-10{background-color:var(--slate-gray-10)}.bg-slate-gray-11{background-color:var(--slate-gray-11)}.bg-blue-0{background-color:var(--blue-0)}.bg-blue-1{background-color:var(--blue-1)}.bg-blue-2{background-color:var(--blue-2)}.bg-blue-3{background-color:var(--blue-3)}.bg-blue-4{background-color:var(--blue-4)}.bg-blue-5{background-color:var(--blue-5)}.bg-blue-6{background-color:var(--blue-6)}.bg-blue-7{background-color:var(--blue-7)}.bg-blue-8{background-color:var(--blue-8)}.bg-blue-9{background-color:var(--blue-9)}.bg-blue-10{background-color:var(--blue-10)}.bg-blue-11{background-color:var(--blue-11)}.bg-indigo-0{background-color:var(--indigo-0)}.bg-indigo-1{background-color:var(--indigo-1)}.bg-indigo-2{background-color:var(--indigo-2)}.bg-indigo-3{background-color:var(--indigo-3)}.bg-indigo-4{background-color:var(--indigo-4)}.bg-indigo-5{background-color:var(--indigo-5)}.bg-indigo-6{background-color:var(--indigo-6)}.bg-indigo-7{background-color:var(--indigo-7)}.bg-indigo-8{background-color:var(--indigo-8)}.bg-indigo-9{background-color:var(--indigo-9)}.bg-indigo-10{background-color:var(--indigo-10)}.bg-indigo-11{background-color:var(--indigo-11)}.bg-violet-0{background-color:var(--violet-0)}.bg-violet-1{background-color:var(--violet-1)}.bg-violet-2{background-color:var(--violet-2)}.bg-violet-3{background-color:var(--violet-3)}.bg-violet-4{background-color:var(--violet-4)}.bg-violet-5{background-color:var(--violet-5)}.bg-violet-6{background-color:var(--violet-6)}.bg-violet-7{background-color:var(--violet-7)}.bg-violet-8{background-color:var(--violet-8)}.bg-violet-9{background-color:var(--violet-9)}.bg-violet-10{background-color:var(--violet-10)}.bg-violet-11{background-color:var(--violet-11)}.bg-magenta-0{background-color:var(--magenta-0)}.bg-magenta-1{background-color:var(--magenta-1)}.bg-magenta-2{background-color:var(--magenta-2)}.bg-magenta-3{background-color:var(--magenta-3)}.bg-magenta-4{background-color:var(--magenta-4)}.bg-magenta-5{background-color:var(--magenta-5)}.bg-magenta-6{background-color:var(--magenta-6)}.bg-magenta-7{background-color:var(--magenta-7)}.bg-magenta-8{background-color:var(--magenta-8)}.bg-magenta-9{background-color:var(--magenta-9)}.bg-magenta-10{background-color:var(--magenta-10)}.bg-magenta-11{background-color:var(--magenta-11)}.bg-red-0{background-color:var(--red-0)}.bg-red-1{background-color:var(--red-1)}.bg-red-2{background-color:var(--red-2)}.bg-red-3{background-color:var(--red-3)}.bg-red-4{background-color:var(--red-4)}.bg-red-5{background-color:var(--red-5)}.bg-red-6{background-color:var(--red-6)}.bg-red-7{background-color:var(--red-7)}.bg-red-8{background-color:var(--red-8)}.bg-red-9{background-color:var(--red-9)}.bg-red-10{background-color:var(--red-10)}.bg-red-11{background-color:var(--red-11)}.bg-red-orange-0{background-color:var(--red-orange-0)}.bg-red-orange-1{background-color:var(--red-orange-1)}.bg-red-orange-2{background-color:var(--red-orange-2)}.bg-red-orange-3{background-color:var(--red-orange-3)}.bg-red-orange-4{background-color:var(--red-orange-4)}.bg-red-orange-5{background-color:var(--red-orange-5)}.bg-red-orange-6{background-color:var(--red-orange-6)}.bg-red-orange-7{background-color:var(--red-orange-7)}.bg-red-orange-8{background-color:var(--red-orange-8)}.bg-red-orange-9{background-color:var(--red-orange-9)}.bg-red-orange-10{background-color:var(--red-orange-10)}.bg-red-orange-11{background-color:var(--red-orange-11)}.bg-orange-0{background-color:var(--orange-0)}.bg-orange-1{background-color:var(--orange-1)}.bg-orange-2{background-color:var(--orange-2)}.bg-orange-3{background-color:var(--orange-3)}.bg-orange-4{background-color:var(--orange-4)}.bg-orange-5{background-color:var(--orange-5)}.bg-orange-6{background-color:var(--orange-6)}.bg-orange-7{background-color:var(--orange-7)}.bg-orange-8{background-color:var(--orange-8)}.bg-orange-9{background-color:var(--orange-9)}.bg-orange-10{background-color:var(--orange-10)}.bg-orange-11{background-color:var(--orange-11)}.bg-gold-0{background-color:var(--gold-0)}.bg-gold-1{background-color:var(--gold-1)}.bg-gold-2{background-color:var(--gold-2)}.bg-gold-3{background-color:var(--gold-3)}.bg-gold-4{background-color:var(--gold-4)}.bg-gold-5{background-color:var(--gold-5)}.bg-gold-6{background-color:var(--gold-6)}.bg-gold-7{background-color:var(--gold-7)}.bg-gold-8{background-color:var(--gold-8)}.bg-gold-9{background-color:var(--gold-9)}.bg-gold-10{background-color:var(--gold-10)}.bg-gold-11{background-color:var(--gold-11)}.bg-yellow-0{background-color:var(--yellow-0)}.bg-yellow-1{background-color:var(--yellow-1)}.bg-yellow-2{background-color:var(--yellow-2)}.bg-yellow-3{background-color:var(--yellow-3)}.bg-yellow-4{background-color:var(--yellow-4)}.bg-yellow-5{background-color:var(--yellow-5)}.bg-yellow-6{background-color:var(--yellow-6)}.bg-yellow-7{background-color:var(--yellow-7)}.bg-yellow-8{background-color:var(--yellow-8)}.bg-yellow-9{background-color:var(--yellow-9)}.bg-yellow-10{background-color:var(--yellow-10)}.bg-yellow-11{background-color:var(--yellow-11)}.bg-green-0{background-color:var(--green-0)}.bg-green-1{background-color:var(--green-1)}.bg-green-2{background-color:var(--green-2)}.bg-green-3{background-color:var(--green-3)}.bg-green-4{background-color:var(--green-4)}.bg-green-5{background-color:var(--green-5)}.bg-green-6{background-color:var(--green-6)}.bg-green-7{background-color:var(--green-7)}.bg-green-8{background-color:var(--green-8)}.bg-green-9{background-color:var(--green-9)}.bg-green-10{background-color:var(--green-10)}.bg-green-11{background-color:var(--green-11)}.bg-teal-0{background-color:var(--teal-0)}.bg-teal-1{background-color:var(--teal-1)}.bg-teal-2{background-color:var(--teal-2)}.bg-teal-3{background-color:var(--teal-3)}.bg-teal-4{background-color:var(--teal-4)}.bg-teal-5{background-color:var(--teal-5)}.bg-teal-6{background-color:var(--teal-6)}.bg-teal-7{background-color:var(--teal-7)}.bg-teal-8{background-color:var(--teal-8)}.bg-teal-9{background-color:var(--teal-9)}.bg-teal-10{background-color:var(--teal-10)}.bg-teal-11{background-color:var(--teal-11)}.bg-cyan-0{background-color:var(--cyan-0)}.bg-cyan-1{background-color:var(--cyan-1)}.bg-cyan-2{background-color:var(--cyan-2)}.bg-cyan-3{background-color:var(--cyan-3)}.bg-cyan-4{background-color:var(--cyan-4)}.bg-cyan-5{background-color:var(--cyan-5)}.bg-cyan-6{background-color:var(--cyan-6)}.bg-cyan-7{background-color:var(--cyan-7)}.bg-cyan-8{background-color:var(--cyan-8)}.bg-cyan-9{background-color:var(--cyan-9)}.bg-cyan-10{background-color:var(--cyan-10)}.bg-cyan-11{background-color:var(--cyan-11)}.hover-overlay-tint-0:hover{color:var(--overlay-tint-0)}.hover-overlay-tint-1:hover{color:var(--overlay-tint-1)}.hover-overlay-tint-2:hover{color:var(--overlay-tint-2)}.hover-overlay-tint-3:hover{color:var(--overlay-tint-3)}.hover-overlay-tint-4:hover{color:var(--overlay-tint-4)}.hover-overlay-tint-5:hover{color:var(--overlay-tint-5)}.hover-overlay-tint-6:hover{color:var(--overlay-tint-6)}.hover-overlay-tint-7:hover{color:var(--overlay-tint-7)}.hover-overlay-tint-8:hover{color:var(--overlay-tint-8)}.hover-overlay-tint-9:hover{color:var(--overlay-tint-9)}.hover-overlay-tint-10:hover{color:var(--overlay-tint-10)}.hover-overlay-tint-11:hover{color:var(--overlay-tint-11)}.hover-overlay-shadow-0:hover{color:var(--overlay-shadow-0)}.hover-overlay-shadow-1:hover{color:var(--overlay-shadow-1)}.hover-overlay-shadow-2:hover{color:var(--overlay-shadow-2)}.hover-overlay-shadow-3:hover{color:var(--overlay-shadow-3)}.hover-overlay-shadow-4:hover{color:var(--overlay-shadow-4)}.hover-overlay-shadow-5:hover{color:var(--overlay-shadow-5)}.hover-overlay-shadow-6:hover{color:var(--overlay-shadow-6)}.hover-overlay-shadow-7:hover{color:var(--overlay-shadow-7)}.hover-overlay-shadow-8:hover{color:var(--overlay-shadow-8)}.hover-overlay-shadow-9:hover{color:var(--overlay-shadow-9)}.hover-overlay-shadow-10:hover{color:var(--overlay-shadow-10)}.hover-overlay-shadow-11:hover{color:var(--overlay-shadow-11)}.hover-gray-0:hover{color:var(--gray-0)}.hover-gray-1:hover{color:var(--gray-1)}.hover-gray-2:hover{color:var(--gray-2)}.hover-gray-3:hover{color:var(--gray-3)}.hover-gray-4:hover{color:var(--gray-4)}.hover-gray-5:hover{color:var(--gray-5)}.hover-gray-6:hover{color:var(--gray-6)}.hover-gray-7:hover{color:var(--gray-7)}.hover-gray-8:hover{color:var(--gray-8)}.hover-gray-9:hover{color:var(--gray-9)}.hover-gray-10:hover{color:var(--gray-10)}.hover-gray-11:hover{color:var(--gray-11)}.hover-slate-gray-0:hover{color:var(--slate-gray-0)}.hover-slate-gray-1:hover{color:var(--slate-gray-1)}.hover-slate-gray-2:hover{color:var(--slate-gray-2)}.hover-slate-gray-3:hover{color:var(--slate-gray-3)}.hover-slate-gray-4:hover{color:var(--slate-gray-4)}.hover-slate-gray-5:hover{color:var(--slate-gray-5)}.hover-slate-gray-6:hover{color:var(--slate-gray-6)}.hover-slate-gray-7:hover{color:var(--slate-gray-7)}.hover-slate-gray-8:hover{color:var(--slate-gray-8)}.hover-slate-gray-9:hover{color:var(--slate-gray-9)}.hover-slate-gray-10:hover{color:var(--slate-gray-10)}.hover-slate-gray-11:hover{color:var(--slate-gray-11)}.hover-blue-0:hover{color:var(--blue-0)}.hover-blue-1:hover{color:var(--blue-1)}.hover-blue-2:hover{color:var(--blue-2)}.hover-blue-3:hover{color:var(--blue-3)}.hover-blue-4:hover{color:var(--blue-4)}.hover-blue-5:hover{color:var(--blue-5)}.hover-blue-6:hover{color:var(--blue-6)}.hover-blue-7:hover{color:var(--blue-7)}.hover-blue-8:hover{color:var(--blue-8)}.hover-blue-9:hover{color:var(--blue-9)}.hover-blue-10:hover{color:var(--blue-10)}.hover-blue-11:hover{color:var(--blue-11)}.hover-indigo-0:hover{color:var(--indigo-0)}.hover-indigo-1:hover{color:var(--indigo-1)}.hover-indigo-2:hover{color:var(--indigo-2)}.hover-indigo-3:hover{color:var(--indigo-3)}.hover-indigo-4:hover{color:var(--indigo-4)}.hover-indigo-5:hover{color:var(--indigo-5)}.hover-indigo-6:hover{color:var(--indigo-6)}.hover-indigo-7:hover{color:var(--indigo-7)}.hover-indigo-8:hover{color:var(--indigo-8)}.hover-indigo-9:hover{color:var(--indigo-9)}.hover-indigo-10:hover{color:var(--indigo-10)}.hover-indigo-11:hover{color:var(--indigo-11)}.hover-violet-0:hover{color:var(--violet-0)}.hover-violet-1:hover{color:var(--violet-1)}.hover-violet-2:hover{color:var(--violet-2)}.hover-violet-3:hover{color:var(--violet-3)}.hover-violet-4:hover{color:var(--violet-4)}.hover-violet-5:hover{color:var(--violet-5)}.hover-violet-6:hover{color:var(--violet-6)}.hover-violet-7:hover{color:var(--violet-7)}.hover-violet-8:hover{color:var(--violet-8)}.hover-violet-9:hover{color:var(--violet-9)}.hover-violet-10:hover{color:var(--violet-10)}.hover-violet-11:hover{color:var(--violet-11)}.hover-magenta-0:hover{color:var(--magenta-0)}.hover-magenta-1:hover{color:var(--magenta-1)}.hover-magenta-2:hover{color:var(--magenta-2)}.hover-magenta-3:hover{color:var(--magenta-3)}.hover-magenta-4:hover{color:var(--magenta-4)}.hover-magenta-5:hover{color:var(--magenta-5)}.hover-magenta-6:hover{color:var(--magenta-6)}.hover-magenta-7:hover{color:var(--magenta-7)}.hover-magenta-8:hover{color:var(--magenta-8)}.hover-magenta-9:hover{color:var(--magenta-9)}.hover-magenta-10:hover{color:var(--magenta-10)}.hover-magenta-11:hover{color:var(--magenta-11)}.hover-red-0:hover{color:var(--red-0)}.hover-red-1:hover{color:var(--red-1)}.hover-red-2:hover{color:var(--red-2)}.hover-red-3:hover{color:var(--red-3)}.hover-red-4:hover{color:var(--red-4)}.hover-red-5:hover{color:var(--red-5)}.hover-red-6:hover{color:var(--red-6)}.hover-red-7:hover{color:var(--red-7)}.hover-red-8:hover{color:var(--red-8)}.hover-red-9:hover{color:var(--red-9)}.hover-red-10:hover{color:var(--red-10)}.hover-red-11:hover{color:var(--red-11)}.hover-red-orange-0:hover{color:var(--red-orange-0)}.hover-red-orange-1:hover{color:var(--red-orange-1)}.hover-red-orange-2:hover{color:var(--red-orange-2)}.hover-red-orange-3:hover{color:var(--red-orange-3)}.hover-red-orange-4:hover{color:var(--red-orange-4)}.hover-red-orange-5:hover{color:var(--red-orange-5)}.hover-red-orange-6:hover{color:var(--red-orange-6)}.hover-red-orange-7:hover{color:var(--red-orange-7)}.hover-red-orange-8:hover{color:var(--red-orange-8)}.hover-red-orange-9:hover{color:var(--red-orange-9)}.hover-red-orange-10:hover{color:var(--red-orange-10)}.hover-red-orange-11:hover{color:var(--red-orange-11)}.hover-orange-0:hover{color:var(--orange-0)}.hover-orange-1:hover{color:var(--orange-1)}.hover-orange-2:hover{color:var(--orange-2)}.hover-orange-3:hover{color:var(--orange-3)}.hover-orange-4:hover{color:var(--orange-4)}.hover-orange-5:hover{color:var(--orange-5)}.hover-orange-6:hover{color:var(--orange-6)}.hover-orange-7:hover{color:var(--orange-7)}.hover-orange-8:hover{color:var(--orange-8)}.hover-orange-9:hover{color:var(--orange-9)}.hover-orange-10:hover{color:var(--orange-10)}.hover-orange-11:hover{color:var(--orange-11)}.hover-gold-0:hover{color:var(--gold-0)}.hover-gold-1:hover{color:var(--gold-1)}.hover-gold-2:hover{color:var(--gold-2)}.hover-gold-3:hover{color:var(--gold-3)}.hover-gold-4:hover{color:var(--gold-4)}.hover-gold-5:hover{color:var(--gold-5)}.hover-gold-6:hover{color:var(--gold-6)}.hover-gold-7:hover{color:var(--gold-7)}.hover-gold-8:hover{color:var(--gold-8)}.hover-gold-9:hover{color:var(--gold-9)}.hover-gold-10:hover{color:var(--gold-10)}.hover-gold-11:hover{color:var(--gold-11)}.hover-yellow-0:hover{color:var(--yellow-0)}.hover-yellow-1:hover{color:var(--yellow-1)}.hover-yellow-2:hover{color:var(--yellow-2)}.hover-yellow-3:hover{color:var(--yellow-3)}.hover-yellow-4:hover{color:var(--yellow-4)}.hover-yellow-5:hover{color:var(--yellow-5)}.hover-yellow-6:hover{color:var(--yellow-6)}.hover-yellow-7:hover{color:var(--yellow-7)}.hover-yellow-8:hover{color:var(--yellow-8)}.hover-yellow-9:hover{color:var(--yellow-9)}.hover-yellow-10:hover{color:var(--yellow-10)}.hover-yellow-11:hover{color:var(--yellow-11)}.hover-green-0:hover{color:var(--green-0)}.hover-green-1:hover{color:var(--green-1)}.hover-green-2:hover{color:var(--green-2)}.hover-green-3:hover{color:var(--green-3)}.hover-green-4:hover{color:var(--green-4)}.hover-green-5:hover{color:var(--green-5)}.hover-green-6:hover{color:var(--green-6)}.hover-green-7:hover{color:var(--green-7)}.hover-green-8:hover{color:var(--green-8)}.hover-green-9:hover{color:var(--green-9)}.hover-green-10:hover{color:var(--green-10)}.hover-green-11:hover{color:var(--green-11)}.hover-teal-0:hover{color:var(--teal-0)}.hover-teal-1:hover{color:var(--teal-1)}.hover-teal-2:hover{color:var(--teal-2)}.hover-teal-3:hover{color:var(--teal-3)}.hover-teal-4:hover{color:var(--teal-4)}.hover-teal-5:hover{color:var(--teal-5)}.hover-teal-6:hover{color:var(--teal-6)}.hover-teal-7:hover{color:var(--teal-7)}.hover-teal-8:hover{color:var(--teal-8)}.hover-teal-9:hover{color:var(--teal-9)}.hover-teal-10:hover{color:var(--teal-10)}.hover-teal-11:hover{color:var(--teal-11)}.hover-cyan-0:hover{color:var(--cyan-0)}.hover-cyan-1:hover{color:var(--cyan-1)}.hover-cyan-2:hover{color:var(--cyan-2)}.hover-cyan-3:hover{color:var(--cyan-3)}.hover-cyan-4:hover{color:var(--cyan-4)}.hover-cyan-5:hover{color:var(--cyan-5)}.hover-cyan-6:hover{color:var(--cyan-6)}.hover-cyan-7:hover{color:var(--cyan-7)}.hover-cyan-8:hover{color:var(--cyan-8)}.hover-cyan-9:hover{color:var(--cyan-9)}.hover-cyan-10:hover{color:var(--cyan-10)}.hover-cyan-11:hover{color:var(--cyan-11)}/hover-* Background colors / .hover-bg-overlay-tint-0:hover{background-color:var(--overlay-tint-0)}.hover-bg-overlay-tint-1:hover{background-color:var(--overlay-tint-1)}.hover-bg-overlay-tint-2:hover{background-color:var(--overlay-tint-2)}.hover-bg-overlay-tint-3:hover{background-color:var(--overlay-tint-3)}.hover-bg-overlay-tint-4:hover{background-color:var(--overlay-tint-4)}.hover-bg-overlay-tint-5:hover{background-color:var(--overlay-tint-5)}.hover-bg-overlay-tint-6:hover{background-color:var(--overlay-tint-6)}.hover-bg-overlay-tint-7:hover{background-color:var(--overlay-tint-7)}.hover-bg-overlay-tint-8:hover{background-color:var(--overlay-tint-8)}.hover-bg-overlay-tint-9:hover{background-color:var(--overlay-tint-9)}.hover-bg-overlay-tint-10:hover{background-color:var(--overlay-tint-10)}.hover-bg-overlay-tint-11:hover{background-color:var(--overlay-tint-11)}.hover-bg-overlay-shadow-0:hover{background-color:var(--overlay-shadow-0)}.hover-bg-overlay-shadow-1:hover{background-color:var(--overlay-shadow-1)}.hover-bg-overlay-shadow-2:hover{background-color:var(--overlay-shadow-2)}.hover-bg-overlay-shadow-3:hover{background-color:var(--overlay-shadow-3)}.hover-bg-overlay-shadow-4:hover{background-color:var(--overlay-shadow-4)}.hover-bg-overlay-shadow-5:hover{background-color:var(--overlay-shadow-5)}.hover-bg-overlay-shadow-6:hover{background-color:var(--overlay-shadow-6)}.hover-bg-overlay-shadow-7:hover{background-color:var(--overlay-shadow-7)}.hover-bg-overlay-shadow-8:hover{background-color:var(--overlay-shadow-8)}.hover-bg-overlay-shadow-9:hover{background-color:var(--overlay-shadow-9)}.hover-bg-overlay-shadow-10:hover{background-color:var(--overlay-shadow-10)}.hover-bg-overlay-shadow-11:hover{background-color:var(--overlay-shadow-11)}.hover-bg-gray-0:hover{background-color:var(--gray-0)}.hover-bg-gray-1:hover{background-color:var(--gray-1)}.hover-bg-gray-2:hover{background-color:var(--gray-2)}.hover-bg-gray-3:hover{background-color:var(--gray-3)}.hover-bg-gray-4:hover{background-color:var(--gray-4)}.hover-bg-gray-5:hover{background-color:var(--gray-5)}.hover-bg-gray-6:hover{background-color:var(--gray-6)}.hover-bg-gray-7:hover{background-color:var(--gray-7)}.hover-bg-gray-8:hover{background-color:var(--gray-8)}.hover-bg-gray-9:hover{background-color:var(--gray-9)}.hover-bg-gray-10:hover{background-color:var(--gray-10)}.hover-bg-gray-11:hover{background-color:var(--gray-11)}.hover-bg-slate-gray-0:hover{background-color:var(--slate-gray-0)}.hover-bg-slate-gray-1:hover{background-color:var(--slate-gray-1)}.hover-bg-slate-gray-2:hover{background-color:var(--slate-gray-2)}.hover-bg-slate-gray-3:hover{background-color:var(--slate-gray-3)}.hover-bg-slate-gray-4:hover{background-color:var(--slate-gray-4)}.hover-bg-slate-gray-5:hover{background-color:var(--slate-gray-5)}.hover-bg-slate-gray-6:hover{background-color:var(--slate-gray-6)}.hover-bg-slate-gray-7:hover{background-color:var(--slate-gray-7)}.hover-bg-slate-gray-8:hover{background-color:var(--slate-gray-8)}.hover-bg-slate-gray-9:hover{background-color:var(--slate-gray-9)}.hover-bg-slate-gray-10:hover{background-color:var(--slate-gray-10)}.hover-bg-slate-gray-11:hover{background-color:var(--slate-gray-11)}.hover-bg-blue-0:hover{background-color:var(--blue-0)}.hover-bg-blue-1:hover{background-color:var(--blue-1)}.hover-bg-blue-2:hover{background-color:var(--blue-2)}.hover-bg-blue-3:hover{background-color:var(--blue-3)}.hover-bg-blue-4:hover{background-color:var(--blue-4)}.hover-bg-blue-5:hover{background-color:var(--blue-5)}.hover-bg-blue-6:hover{background-color:var(--blue-6)}.hover-bg-blue-7:hover{background-color:var(--blue-7)}.hover-bg-blue-8:hover{background-color:var(--blue-8)}.hover-bg-blue-9:hover{background-color:var(--blue-9)}.hover-bg-blue-10:hover{background-color:var(--blue-10)}.hover-bg-blue-11:hover{background-color:var(--blue-11)}.hover-bg-indigo-0:hover{background-color:var(--indigo-0)}.hover-bg-indigo-1:hover{background-color:var(--indigo-1)}.hover-bg-indigo-2:hover{background-color:var(--indigo-2)}.hover-bg-indigo-3:hover{background-color:var(--indigo-3)}.hover-bg-indigo-4:hover{background-color:var(--indigo-4)}.hover-bg-indigo-5:hover{background-color:var(--indigo-5)}.hover-bg-indigo-6:hover{background-color:var(--indigo-6)}.hover-bg-indigo-7:hover{background-color:var(--indigo-7)}.hover-bg-indigo-8:hover{background-color:var(--indigo-8)}.hover-bg-indigo-9:hover{background-color:var(--indigo-9)}.hover-bg-indigo-10:hover{background-color:var(--indigo-10)}.hover-bg-indigo-11:hover{background-color:var(--indigo-11)}.hover-bg-violet-0:hover{background-color:var(--violet-0)}.hover-bg-violet-1:hover{background-color:var(--violet-1)}.hover-bg-violet-2:hover{background-color:var(--violet-2)}.hover-bg-violet-3:hover{background-color:var(--violet-3)}.hover-bg-violet-4:hover{background-color:var(--violet-4)}.hover-bg-violet-5:hover{background-color:var(--violet-5)}.hover-bg-violet-6:hover{background-color:var(--violet-6)}.hover-bg-violet-7:hover{background-color:var(--violet-7)}.hover-bg-violet-8:hover{background-color:var(--violet-8)}.hover-bg-violet-9:hover{background-color:var(--violet-9)}.hover-bg-violet-10:hover{background-color:var(--violet-10)}.hover-bg-violet-11:hover{background-color:var(--violet-11)}.hover-bg-magenta-0:hover{background-color:var(--magenta-0)}.hover-bg-magenta-1:hover{background-color:var(--magenta-1)}.hover-bg-magenta-2:hover{background-color:var(--magenta-2)}.hover-bg-magenta-3:hover{background-color:var(--magenta-3)}.hover-bg-magenta-4:hover{background-color:var(--magenta-4)}.hover-bg-magenta-5:hover{background-color:var(--magenta-5)}.hover-bg-magenta-6:hover{background-color:var(--magenta-6)}.hover-bg-magenta-7:hover{background-color:var(--magenta-7)}.hover-bg-magenta-8:hover{background-color:var(--magenta-8)}.hover-bg-magenta-9:hover{background-color:var(--magenta-9)}.hover-bg-magenta-10:hover{background-color:var(--magenta-10)}.hover-bg-magenta-11:hover{background-color:var(--magenta-11)}.hover-bg-red-0:hover{background-color:var(--red-0)}.hover-bg-red-1:hover{background-color:var(--red-1)}.hover-bg-red-2:hover{background-color:var(--red-2)}.hover-bg-red-3:hover{background-color:var(--red-3)}.hover-bg-red-4:hover{background-color:var(--red-4)}.hover-bg-red-5:hover{background-color:var(--red-5)}.hover-bg-red-6:hover{background-color:var(--red-6)}.hover-bg-red-7:hover{background-color:var(--red-7)}.hover-bg-red-8:hover{background-color:var(--red-8)}.hover-bg-red-9:hover{background-color:var(--red-9)}.hover-bg-red-10:hover{background-color:var(--red-10)}.hover-bg-red-11:hover{background-color:var(--red-11)}.hover-bg-red-orange-0:hover{background-color:var(--red-orange-0)}.hover-bg-red-orange-1:hover{background-color:var(--red-orange-1)}.hover-bg-red-orange-2:hover{background-color:var(--red-orange-2)}.hover-bg-red-orange-3:hover{background-color:var(--red-orange-3)}.hover-bg-red-orange-4:hover{background-color:var(--red-orange-4)}.hover-bg-red-orange-5:hover{background-color:var(--red-orange-5)}.hover-bg-red-orange-6:hover{background-color:var(--red-orange-6)}.hover-bg-red-orange-7:hover{background-color:var(--red-orange-7)}.hover-bg-red-orange-8:hover{background-color:var(--red-orange-8)}.hover-bg-red-orange-9:hover{background-color:var(--red-orange-9)}.hover-bg-red-orange-10:hover{background-color:var(--red-orange-10)}.hover-bg-red-orange-11:hover{background-color:var(--red-orange-11)}.hover-bg-orange-0:hover{background-color:var(--orange-0)}.hover-bg-orange-1:hover{background-color:var(--orange-1)}.hover-bg-orange-2:hover{background-color:var(--orange-2)}.hover-bg-orange-3:hover{background-color:var(--orange-3)}.hover-bg-orange-4:hover{background-color:var(--orange-4)}.hover-bg-orange-5:hover{background-color:var(--orange-5)}.hover-bg-orange-6:hover{background-color:var(--orange-6)}.hover-bg-orange-7:hover{background-color:var(--orange-7)}.hover-bg-orange-8:hover{background-color:var(--orange-8)}.hover-bg-orange-9:hover{background-color:var(--orange-9)}.hover-bg-orange-10:hover{background-color:var(--orange-10)}.hover-bg-orange-11:hover{background-color:var(--orange-11)}.hover-bg-gold-0:hover{background-color:var(--gold-0)}.hover-bg-gold-1:hover{background-color:var(--gold-1)}.hover-bg-gold-2:hover{background-color:var(--gold-2)}.hover-bg-gold-3:hover{background-color:var(--gold-3)}.hover-bg-gold-4:hover{background-color:var(--gold-4)}.hover-bg-gold-5:hover{background-color:var(--gold-5)}.hover-bg-gold-6:hover{background-color:var(--gold-6)}.hover-bg-gold-7:hover{background-color:var(--gold-7)}.hover-bg-gold-8:hover{background-color:var(--gold-8)}.hover-bg-gold-9:hover{background-color:var(--gold-9)}.hover-bg-gold-10:hover{background-color:var(--gold-10)}.hover-bg-gold-11:hover{background-color:var(--gold-11)}.hover-bg-yellow-0:hover{background-color:var(--yellow-0)}.hover-bg-yellow-1:hover{background-color:var(--yellow-1)}.hover-bg-yellow-2:hover{background-color:var(--yellow-2)}.hover-bg-yellow-3:hover{background-color:var(--yellow-3)}.hover-bg-yellow-4:hover{background-color:var(--yellow-4)}.hover-bg-yellow-5:hover{background-color:var(--yellow-5)}.hover-bg-yellow-6:hover{background-color:var(--yellow-6)}.hover-bg-yellow-7:hover{background-color:var(--yellow-7)}.hover-bg-yellow-8:hover{background-color:var(--yellow-8)}.hover-bg-yellow-9:hover{background-color:var(--yellow-9)}.hover-bg-yellow-10:hover{background-color:var(--yellow-10)}.hover-bg-yellow-11:hover{background-color:var(--yellow-11)}.hover-bg-green-0:hover{background-color:var(--green-0)}.hover-bg-green-1:hover{background-color:var(--green-1)}.hover-bg-green-2:hover{background-color:var(--green-2)}.hover-bg-green-3:hover{background-color:var(--green-3)}.hover-bg-green-4:hover{background-color:var(--green-4)}.hover-bg-green-5:hover{background-color:var(--green-5)}.hover-bg-green-6:hover{background-color:var(--green-6)}.hover-bg-green-7:hover{background-color:var(--green-7)}.hover-bg-green-8:hover{background-color:var(--green-8)}.hover-bg-green-9:hover{background-color:var(--green-9)}.hover-bg-green-10:hover{background-color:var(--green-10)}.hover-bg-green-11:hover{background-color:var(--green-11)}.hover-bg-teal-0:hover{background-color:var(--teal-0)}.hover-bg-teal-1:hover{background-color:var(--teal-1)}.hover-bg-teal-2:hover{background-color:var(--teal-2)}.hover-bg-teal-3:hover{background-color:var(--teal-3)}.hover-bg-teal-4:hover{background-color:var(--teal-4)}.hover-bg-teal-5:hover{background-color:var(--teal-5)}.hover-bg-teal-6:hover{background-color:var(--teal-6)}.hover-bg-teal-7:hover{background-color:var(--teal-7)}.hover-bg-teal-8:hover{background-color:var(--teal-8)}.hover-bg-teal-9:hover{background-color:var(--teal-9)}.hover-bg-teal-10:hover{background-color:var(--teal-10)}.hover-bg-teal-11:hover{background-color:var(--teal-11)}.hover-bg-cyan-0:hover{background-color:var(--cyan-0)}.hover-bg-cyan-1:hover{background-color:var(--cyan-1)}.hover-bg-cyan-2:hover{background-color:var(--cyan-2)}.hover-bg-cyan-3:hover{background-color:var(--cyan-3)}.hover-bg-cyan-4:hover{background-color:var(--cyan-4)}.hover-bg-cyan-5:hover{background-color:var(--cyan-5)}.hover-bg-cyan-6:hover{background-color:var(--cyan-6)}.hover-bg-cyan-7:hover{background-color:var(--cyan-7)}.hover-bg-cyan-8:hover{background-color:var(--cyan-8)}.hover-bg-cyan-9:hover{background-color:var(--cyan-9)}.hover-bg-cyan-10:hover{background-color:var(--cyan-10)}.hover-bg-cyan-11:hover{background-color:var(--cyan-11)}.focus-overlay-tint-0:focus{color:var(--overlay-tint-0)}.focus-overlay-tint-1:focus{color:var(--overlay-tint-1)}.focus-overlay-tint-2:focus{color:var(--overlay-tint-2)}.focus-overlay-tint-3:focus{color:var(--overlay-tint-3)}.focus-overlay-tint-4:focus{color:var(--overlay-tint-4)}.focus-overlay-tint-5:focus{color:var(--overlay-tint-5)}.focus-overlay-tint-6:focus{color:var(--overlay-tint-6)}.focus-overlay-tint-7:focus{color:var(--overlay-tint-7)}.focus-overlay-tint-8:focus{color:var(--overlay-tint-8)}.focus-overlay-tint-9:focus{color:var(--overlay-tint-9)}.focus-overlay-tint-10:focus{color:var(--overlay-tint-10)}.focus-overlay-tint-11:focus{color:var(--overlay-tint-11)}.focus-overlay-shadow-0:focus{color:var(--overlay-shadow-0)}.focus-overlay-shadow-1:focus{color:var(--overlay-shadow-1)}.focus-overlay-shadow-2:focus{color:var(--overlay-shadow-2)}.focus-overlay-shadow-3:focus{color:var(--overlay-shadow-3)}.focus-overlay-shadow-4:focus{color:var(--overlay-shadow-4)}.focus-overlay-shadow-5:focus{color:var(--overlay-shadow-5)}.focus-overlay-shadow-6:focus{color:var(--overlay-shadow-6)}.focus-overlay-shadow-7:focus{color:var(--overlay-shadow-7)}.focus-overlay-shadow-8:focus{color:var(--overlay-shadow-8)}.focus-overlay-shadow-9:focus{color:var(--overlay-shadow-9)}.focus-overlay-shadow-10:focus{color:var(--overlay-shadow-10)}.focus-overlay-shadow-11:focus{color:var(--overlay-shadow-11)}.focus-gray-0:focus{color:var(--gray-0)}.focus-gray-1:focus{color:var(--gray-1)}.focus-gray-2:focus{color:var(--gray-2)}.focus-gray-3:focus{color:var(--gray-3)}.focus-gray-4:focus{color:var(--gray-4)}.focus-gray-5:focus{color:var(--gray-5)}.focus-gray-6:focus{color:var(--gray-6)}.focus-gray-7:focus{color:var(--gray-7)}.focus-gray-8:focus{color:var(--gray-8)}.focus-gray-9:focus{color:var(--gray-9)}.focus-gray-10:focus{color:var(--gray-10)}.focus-gray-11:focus{color:var(--gray-11)}.focus-slate-gray-0:focus{color:var(--slate-gray-0)}.focus-slate-gray-1:focus{color:var(--slate-gray-1)}.focus-slate-gray-2:focus{color:var(--slate-gray-2)}.focus-slate-gray-3:focus{color:var(--slate-gray-3)}.focus-slate-gray-4:focus{color:var(--slate-gray-4)}.focus-slate-gray-5:focus{color:var(--slate-gray-5)}.focus-slate-gray-6:focus{color:var(--slate-gray-6)}.focus-slate-gray-7:focus{color:var(--slate-gray-7)}.focus-slate-gray-8:focus{color:var(--slate-gray-8)}.focus-slate-gray-9:focus{color:var(--slate-gray-9)}.focus-slate-gray-10:focus{color:var(--slate-gray-10)}.focus-slate-gray-11:focus{color:var(--slate-gray-11)}.focus-blue-0:focus{color:var(--blue-0)}.focus-blue-1:focus{color:var(--blue-1)}.focus-blue-2:focus{color:var(--blue-2)}.focus-blue-3:focus{color:var(--blue-3)}.focus-blue-4:focus{color:var(--blue-4)}.focus-blue-5:focus{color:var(--blue-5)}.focus-blue-6:focus{color:var(--blue-6)}.focus-blue-7:focus{color:var(--blue-7)}.focus-blue-8:focus{color:var(--blue-8)}.focus-blue-9:focus{color:var(--blue-9)}.focus-blue-10:focus{color:var(--blue-10)}.focus-blue-11:focus{color:var(--blue-11)}.focus-indigo-0:focus{color:var(--indigo-0)}.focus-indigo-1:focus{color:var(--indigo-1)}.focus-indigo-2:focus{color:var(--indigo-2)}.focus-indigo-3:focus{color:var(--indigo-3)}.focus-indigo-4:focus{color:var(--indigo-4)}.focus-indigo-5:focus{color:var(--indigo-5)}.focus-indigo-6:focus{color:var(--indigo-6)}.focus-indigo-7:focus{color:var(--indigo-7)}.focus-indigo-8:focus{color:var(--indigo-8)}.focus-indigo-9:focus{color:var(--indigo-9)}.focus-indigo-10:focus{color:var(--indigo-10)}.focus-indigo-11:focus{color:var(--indigo-11)}.focus-violet-0:focus{color:var(--violet-0)}.focus-violet-1:focus{color:var(--violet-1)}.focus-violet-2:focus{color:var(--violet-2)}.focus-violet-3:focus{color:var(--violet-3)}.focus-violet-4:focus{color:var(--violet-4)}.focus-violet-5:focus{color:var(--violet-5)}.focus-violet-6:focus{color:var(--violet-6)}.focus-violet-7:focus{color:var(--violet-7)}.focus-violet-8:focus{color:var(--violet-8)}.focus-violet-9:focus{color:var(--violet-9)}.focus-violet-10:focus{color:var(--violet-10)}.focus-violet-11:focus{color:var(--violet-11)}.focus-magenta-0:focus{color:var(--magenta-0)}.focus-magenta-1:focus{color:var(--magenta-1)}.focus-magenta-2:focus{color:var(--magenta-2)}.focus-magenta-3:focus{color:var(--magenta-3)}.focus-magenta-4:focus{color:var(--magenta-4)}.focus-magenta-5:focus{color:var(--magenta-5)}.focus-magenta-6:focus{color:var(--magenta-6)}.focus-magenta-7:focus{color:var(--magenta-7)}.focus-magenta-8:focus{color:var(--magenta-8)}.focus-magenta-9:focus{color:var(--magenta-9)}.focus-magenta-10:focus{color:var(--magenta-10)}.focus-magenta-11:focus{color:var(--magenta-11)}.focus-red-0:focus{color:var(--red-0)}.focus-red-1:focus{color:var(--red-1)}.focus-red-2:focus{color:var(--red-2)}.focus-red-3:focus{color:var(--red-3)}.focus-red-4:focus{color:var(--red-4)}.focus-red-5:focus{color:var(--red-5)}.focus-red-6:focus{color:var(--red-6)}.focus-red-7:focus{color:var(--red-7)}.focus-red-8:focus{color:var(--red-8)}.focus-red-9:focus{color:var(--red-9)}.focus-red-10:focus{color:var(--red-10)}.focus-red-11:focus{color:var(--red-11)}.focus-red-orange-0:focus{color:var(--red-orange-0)}.focus-red-orange-1:focus{color:var(--red-orange-1)}.focus-red-orange-2:focus{color:var(--red-orange-2)}.focus-red-orange-3:focus{color:var(--red-orange-3)}.focus-red-orange-4:focus{color:var(--red-orange-4)}.focus-red-orange-5:focus{color:var(--red-orange-5)}.focus-red-orange-6:focus{color:var(--red-orange-6)}.focus-red-orange-7:focus{color:var(--red-orange-7)}.focus-red-orange-8:focus{color:var(--red-orange-8)}.focus-red-orange-9:focus{color:var(--red-orange-9)}.focus-red-orange-10:focus{color:var(--red-orange-10)}.focus-red-orange-11:focus{color:var(--red-orange-11)}.focus-orange-0:focus{color:var(--orange-0)}.focus-orange-1:focus{color:var(--orange-1)}.focus-orange-2:focus{color:var(--orange-2)}.focus-orange-3:focus{color:var(--orange-3)}.focus-orange-4:focus{color:var(--orange-4)}.focus-orange-5:focus{color:var(--orange-5)}.focus-orange-6:focus{color:var(--orange-6)}.focus-orange-7:focus{color:var(--orange-7)}.focus-orange-8:focus{color:var(--orange-8)}.focus-orange-9:focus{color:var(--orange-9)}.focus-orange-10:focus{color:var(--orange-10)}.focus-orange-11:focus{color:var(--orange-11)}.focus-gold-0:focus{color:var(--gold-0)}.focus-gold-1:focus{color:var(--gold-1)}.focus-gold-2:focus{color:var(--gold-2)}.focus-gold-3:focus{color:var(--gold-3)}.focus-gold-4:focus{color:var(--gold-4)}.focus-gold-5:focus{color:var(--gold-5)}.focus-gold-6:focus{color:var(--gold-6)}.focus-gold-7:focus{color:var(--gold-7)}.focus-gold-8:focus{color:var(--gold-8)}.focus-gold-9:focus{color:var(--gold-9)}.focus-gold-10:focus{color:var(--gold-10)}.focus-gold-11:focus{color:var(--gold-11)}.focus-yellow-0:focus{color:var(--yellow-0)}.focus-yellow-1:focus{color:var(--yellow-1)}.focus-yellow-2:focus{color:var(--yellow-2)}.focus-yellow-3:focus{color:var(--yellow-3)}.focus-yellow-4:focus{color:var(--yellow-4)}.focus-yellow-5:focus{color:var(--yellow-5)}.focus-yellow-6:focus{color:var(--yellow-6)}.focus-yellow-7:focus{color:var(--yellow-7)}.focus-yellow-8:focus{color:var(--yellow-8)}.focus-yellow-9:focus{color:var(--yellow-9)}.focus-yellow-10:focus{color:var(--yellow-10)}.focus-yellow-11:focus{color:var(--yellow-11)}.focus-green-0:focus{color:var(--green-0)}.focus-green-1:focus{color:var(--green-1)}.focus-green-2:focus{color:var(--green-2)}.focus-green-3:focus{color:var(--green-3)}.focus-green-4:focus{color:var(--green-4)}.focus-green-5:focus{color:var(--green-5)}.focus-green-6:focus{color:var(--green-6)}.focus-green-7:focus{color:var(--green-7)}.focus-green-8:focus{color:var(--green-8)}.focus-green-9:focus{color:var(--green-9)}.focus-green-10:focus{color:var(--green-10)}.focus-green-11:focus{color:var(--green-11)}.focus-teal-0:focus{color:var(--teal-0)}.focus-teal-1:focus{color:var(--teal-1)}.focus-teal-2:focus{color:var(--teal-2)}.focus-teal-3:focus{color:var(--teal-3)}.focus-teal-4:focus{color:var(--teal-4)}.focus-teal-5:focus{color:var(--teal-5)}.focus-teal-6:focus{color:var(--teal-6)}.focus-teal-7:focus{color:var(--teal-7)}.focus-teal-8:focus{color:var(--teal-8)}.focus-teal-9:focus{color:var(--teal-9)}.focus-teal-10:focus{color:var(--teal-10)}.focus-teal-11:focus{color:var(--teal-11)}.focus-cyan-0:focus{color:var(--cyan-0)}.focus-cyan-1:focus{color:var(--cyan-1)}.focus-cyan-2:focus{color:var(--cyan-2)}.focus-cyan-3:focus{color:var(--cyan-3)}.focus-cyan-4:focus{color:var(--cyan-4)}.focus-cyan-5:focus{color:var(--cyan-5)}.focus-cyan-6:focus{color:var(--cyan-6)}.focus-cyan-7:focus{color:var(--cyan-7)}.focus-cyan-8:focus{color:var(--cyan-8)}.focus-cyan-9:focus{color:var(--cyan-9)}.focus-cyan-10:focus{color:var(--cyan-10)}.focus-cyan-11:focus{color:var(--cyan-11)}/focus-* Background colors / .focus-bg-overlay-tint-0:focus{background-color:var(--overlay-tint-0)}.focus-bg-overlay-tint-1:focus{background-color:var(--overlay-tint-1)}.focus-bg-overlay-tint-2:focus{background-color:var(--overlay-tint-2)}.focus-bg-overlay-tint-3:focus{background-color:var(--overlay-tint-3)}.focus-bg-overlay-tint-4:focus{background-color:var(--overlay-tint-4)}.focus-bg-overlay-tint-5:focus{background-color:var(--overlay-tint-5)}.focus-bg-overlay-tint-6:focus{background-color:var(--overlay-tint-6)}.focus-bg-overlay-tint-7:focus{background-color:var(--overlay-tint-7)}.focus-bg-overlay-tint-8:focus{background-color:var(--overlay-tint-8)}.focus-bg-overlay-tint-9:focus{background-color:var(--overlay-tint-9)}.focus-bg-overlay-tint-10:focus{background-color:var(--overlay-tint-10)}.focus-bg-overlay-tint-11:focus{background-color:var(--overlay-tint-11)}.focus-bg-overlay-shadow-0:focus{background-color:var(--overlay-shadow-0)}.focus-bg-overlay-shadow-1:focus{background-color:var(--overlay-shadow-1)}.focus-bg-overlay-shadow-2:focus{background-color:var(--overlay-shadow-2)}.focus-bg-overlay-shadow-3:focus{background-color:var(--overlay-shadow-3)}.focus-bg-overlay-shadow-4:focus{background-color:var(--overlay-shadow-4)}.focus-bg-overlay-shadow-5:focus{background-color:var(--overlay-shadow-5)}.focus-bg-overlay-shadow-6:focus{background-color:var(--overlay-shadow-6)}.focus-bg-overlay-shadow-7:focus{background-color:var(--overlay-shadow-7)}.focus-bg-overlay-shadow-8:focus{background-color:var(--overlay-shadow-8)}.focus-bg-overlay-shadow-9:focus{background-color:var(--overlay-shadow-9)}.focus-bg-overlay-shadow-10:focus{background-color:var(--overlay-shadow-10)}.focus-bg-overlay-shadow-11:focus{background-color:var(--overlay-shadow-11)}.focus-bg-gray-0:focus{background-color:var(--gray-0)}.focus-bg-gray-1:focus{background-color:var(--gray-1)}.focus-bg-gray-2:focus{background-color:var(--gray-2)}.focus-bg-gray-3:focus{background-color:var(--gray-3)}.focus-bg-gray-4:focus{background-color:var(--gray-4)}.focus-bg-gray-5:focus{background-color:var(--gray-5)}.focus-bg-gray-6:focus{background-color:var(--gray-6)}.focus-bg-gray-7:focus{background-color:var(--gray-7)}.focus-bg-gray-8:focus{background-color:var(--gray-8)}.focus-bg-gray-9:focus{background-color:var(--gray-9)}.focus-bg-gray-10:focus{background-color:var(--gray-10)}.focus-bg-gray-11:focus{background-color:var(--gray-11)}.focus-bg-slate-gray-0:focus{background-color:var(--slate-gray-0)}.focus-bg-slate-gray-1:focus{background-color:var(--slate-gray-1)}.focus-bg-slate-gray-2:focus{background-color:var(--slate-gray-2)}.focus-bg-slate-gray-3:focus{background-color:var(--slate-gray-3)}.focus-bg-slate-gray-4:focus{background-color:var(--slate-gray-4)}.focus-bg-slate-gray-5:focus{background-color:var(--slate-gray-5)}.focus-bg-slate-gray-6:focus{background-color:var(--slate-gray-6)}.focus-bg-slate-gray-7:focus{background-color:var(--slate-gray-7)}.focus-bg-slate-gray-8:focus{background-color:var(--slate-gray-8)}.focus-bg-slate-gray-9:focus{background-color:var(--slate-gray-9)}.focus-bg-slate-gray-10:focus{background-color:var(--slate-gray-10)}.focus-bg-slate-gray-11:focus{background-color:var(--slate-gray-11)}.focus-bg-blue-0:focus{background-color:var(--blue-0)}.focus-bg-blue-1:focus{background-color:var(--blue-1)}.focus-bg-blue-2:focus{background-color:var(--blue-2)}.focus-bg-blue-3:focus{background-color:var(--blue-3)}.focus-bg-blue-4:focus{background-color:var(--blue-4)}.focus-bg-blue-5:focus{background-color:var(--blue-5)}.focus-bg-blue-6:focus{background-color:var(--blue-6)}.focus-bg-blue-7:focus{background-color:var(--blue-7)}.focus-bg-blue-8:focus{background-color:var(--blue-8)}.focus-bg-blue-9:focus{background-color:var(--blue-9)}.focus-bg-blue-10:focus{background-color:var(--blue-10)}.focus-bg-blue-11:focus{background-color:var(--blue-11)}.focus-bg-indigo-0:focus{background-color:var(--indigo-0)}.focus-bg-indigo-1:focus{background-color:var(--indigo-1)}.focus-bg-indigo-2:focus{background-color:var(--indigo-2)}.focus-bg-indigo-3:focus{background-color:var(--indigo-3)}.focus-bg-indigo-4:focus{background-color:var(--indigo-4)}.focus-bg-indigo-5:focus{background-color:var(--indigo-5)}.focus-bg-indigo-6:focus{background-color:var(--indigo-6)}.focus-bg-indigo-7:focus{background-color:var(--indigo-7)}.focus-bg-indigo-8:focus{background-color:var(--indigo-8)}.focus-bg-indigo-9:focus{background-color:var(--indigo-9)}.focus-bg-indigo-10:focus{background-color:var(--indigo-10)}.focus-bg-indigo-11:focus{background-color:var(--indigo-11)}.focus-bg-violet-0:focus{background-color:var(--violet-0)}.focus-bg-violet-1:focus{background-color:var(--violet-1)}.focus-bg-violet-2:focus{background-color:var(--violet-2)}.focus-bg-violet-3:focus{background-color:var(--violet-3)}.focus-bg-violet-4:focus{background-color:var(--violet-4)}.focus-bg-violet-5:focus{background-color:var(--violet-5)}.focus-bg-violet-6:focus{background-color:var(--violet-6)}.focus-bg-violet-7:focus{background-color:var(--violet-7)}.focus-bg-violet-8:focus{background-color:var(--violet-8)}.focus-bg-violet-9:focus{background-color:var(--violet-9)}.focus-bg-violet-10:focus{background-color:var(--violet-10)}.focus-bg-violet-11:focus{background-color:var(--violet-11)}.focus-bg-magenta-0:focus{background-color:var(--magenta-0)}.focus-bg-magenta-1:focus{background-color:var(--magenta-1)}.focus-bg-magenta-2:focus{background-color:var(--magenta-2)}.focus-bg-magenta-3:focus{background-color:var(--magenta-3)}.focus-bg-magenta-4:focus{background-color:var(--magenta-4)}.focus-bg-magenta-5:focus{background-color:var(--magenta-5)}.focus-bg-magenta-6:focus{background-color:var(--magenta-6)}.focus-bg-magenta-7:focus{background-color:var(--magenta-7)}.focus-bg-magenta-8:focus{background-color:var(--magenta-8)}.focus-bg-magenta-9:focus{background-color:var(--magenta-9)}.focus-bg-magenta-10:focus{background-color:var(--magenta-10)}.focus-bg-magenta-11:focus{background-color:var(--magenta-11)}.focus-bg-red-0:focus{background-color:var(--red-0)}.focus-bg-red-1:focus{background-color:var(--red-1)}.focus-bg-red-2:focus{background-color:var(--red-2)}.focus-bg-red-3:focus{background-color:var(--red-3)}.focus-bg-red-4:focus{background-color:var(--red-4)}.focus-bg-red-5:focus{background-color:var(--red-5)}.focus-bg-red-6:focus{background-color:var(--red-6)}.focus-bg-red-7:focus{background-color:var(--red-7)}.focus-bg-red-8:focus{background-color:var(--red-8)}.focus-bg-red-9:focus{background-color:var(--red-9)}.focus-bg-red-10:focus{background-color:var(--red-10)}.focus-bg-red-11:focus{background-color:var(--red-11)}.focus-bg-red-orange-0:focus{background-color:var(--red-orange-0)}.focus-bg-red-orange-1:focus{background-color:var(--red-orange-1)}.focus-bg-red-orange-2:focus{background-color:var(--red-orange-2)}.focus-bg-red-orange-3:focus{background-color:var(--red-orange-3)}.focus-bg-red-orange-4:focus{background-color:var(--red-orange-4)}.focus-bg-red-orange-5:focus{background-color:var(--red-orange-5)}.focus-bg-red-orange-6:focus{background-color:var(--red-orange-6)}.focus-bg-red-orange-7:focus{background-color:var(--red-orange-7)}.focus-bg-red-orange-8:focus{background-color:var(--red-orange-8)}.focus-bg-red-orange-9:focus{background-color:var(--red-orange-9)}.focus-bg-red-orange-10:focus{background-color:var(--red-orange-10)}.focus-bg-red-orange-11:focus{background-color:var(--red-orange-11)}.focus-bg-orange-0:focus{background-color:var(--orange-0)}.focus-bg-orange-1:focus{background-color:var(--orange-1)}.focus-bg-orange-2:focus{background-color:var(--orange-2)}.focus-bg-orange-3:focus{background-color:var(--orange-3)}.focus-bg-orange-4:focus{background-color:var(--orange-4)}.focus-bg-orange-5:focus{background-color:var(--orange-5)}.focus-bg-orange-6:focus{background-color:var(--orange-6)}.focus-bg-orange-7:focus{background-color:var(--orange-7)}.focus-bg-orange-8:focus{background-color:var(--orange-8)}.focus-bg-orange-9:focus{background-color:var(--orange-9)}.focus-bg-orange-10:focus{background-color:var(--orange-10)}.focus-bg-orange-11:focus{background-color:var(--orange-11)}.focus-bg-gold-0:focus{background-color:var(--gold-0)}.focus-bg-gold-1:focus{background-color:var(--gold-1)}.focus-bg-gold-2:focus{background-color:var(--gold-2)}.focus-bg-gold-3:focus{background-color:var(--gold-3)}.focus-bg-gold-4:focus{background-color:var(--gold-4)}.focus-bg-gold-5:focus{background-color:var(--gold-5)}.focus-bg-gold-6:focus{background-color:var(--gold-6)}.focus-bg-gold-7:focus{background-color:var(--gold-7)}.focus-bg-gold-8:focus{background-color:var(--gold-8)}.focus-bg-gold-9:focus{background-color:var(--gold-9)}.focus-bg-gold-10:focus{background-color:var(--gold-10)}.focus-bg-gold-11:focus{background-color:var(--gold-11)}.focus-bg-yellow-0:focus{background-color:var(--yellow-0)}.focus-bg-yellow-1:focus{background-color:var(--yellow-1)}.focus-bg-yellow-2:focus{background-color:var(--yellow-2)}.focus-bg-yellow-3:focus{background-color:var(--yellow-3)}.focus-bg-yellow-4:focus{background-color:var(--yellow-4)}.focus-bg-yellow-5:focus{background-color:var(--yellow-5)}.focus-bg-yellow-6:focus{background-color:var(--yellow-6)}.focus-bg-yellow-7:focus{background-color:var(--yellow-7)}.focus-bg-yellow-8:focus{background-color:var(--yellow-8)}.focus-bg-yellow-9:focus{background-color:var(--yellow-9)}.focus-bg-yellow-10:focus{background-color:var(--yellow-10)}.focus-bg-yellow-11:focus{background-color:var(--yellow-11)}.focus-bg-green-0:focus{background-color:var(--green-0)}.focus-bg-green-1:focus{background-color:var(--green-1)}.focus-bg-green-2:focus{background-color:var(--green-2)}.focus-bg-green-3:focus{background-color:var(--green-3)}.focus-bg-green-4:focus{background-color:var(--green-4)}.focus-bg-green-5:focus{background-color:var(--green-5)}.focus-bg-green-6:focus{background-color:var(--green-6)}.focus-bg-green-7:focus{background-color:var(--green-7)}.focus-bg-green-8:focus{background-color:var(--green-8)}.focus-bg-green-9:focus{background-color:var(--green-9)}.focus-bg-green-10:focus{background-color:var(--green-10)}.focus-bg-green-11:focus{background-color:var(--green-11)}.focus-bg-teal-0:focus{background-color:var(--teal-0)}.focus-bg-teal-1:focus{background-color:var(--teal-1)}.focus-bg-teal-2:focus{background-color:var(--teal-2)}.focus-bg-teal-3:focus{background-color:var(--teal-3)}.focus-bg-teal-4:focus{background-color:var(--teal-4)}.focus-bg-teal-5:focus{background-color:var(--teal-5)}.focus-bg-teal-6:focus{background-color:var(--teal-6)}.focus-bg-teal-7:focus{background-color:var(--teal-7)}.focus-bg-teal-8:focus{background-color:var(--teal-8)}.focus-bg-teal-9:focus{background-color:var(--teal-9)}.focus-bg-teal-10:focus{background-color:var(--teal-10)}.focus-bg-teal-11:focus{background-color:var(--teal-11)}.focus-bg-cyan-0:focus{background-color:var(--cyan-0)}.focus-bg-cyan-1:focus{background-color:var(--cyan-1)}.focus-bg-cyan-2:focus{background-color:var(--cyan-2)}.focus-bg-cyan-3:focus{background-color:var(--cyan-3)}.focus-bg-cyan-4:focus{background-color:var(--cyan-4)}.focus-bg-cyan-5:focus{background-color:var(--cyan-5)}.focus-bg-cyan-6:focus{background-color:var(--cyan-6)}.focus-bg-cyan-7:focus{background-color:var(--cyan-7)}.focus-bg-cyan-8:focus{background-color:var(--cyan-8)}.focus-bg-cyan-9:focus{background-color:var(--cyan-9)}.focus-bg-cyan-10:focus{background-color:var(--cyan-10)}.focus-bg-cyan-11:focus{background-color:var(--cyan-11)}.p0{padding:var(--spacing-0,0)}.p1{padding:var(--spacing-1,4px)}.p2{padding:var(--spacing-2,8px)}.p3{padding:var(--spacing-3,16px)}.p4{padding:var(--spacing-4,32px)}.p5{padding:var(--spacing-5,64px)}.p6{padding:var(--spacing-6,128px)}.p7{padding:var(--spacing-7,256px)}.p8{padding:var(--spacing-8,512px)}.pl0{padding-left:var(--spacing-0,0)}.pl1{padding-left:var(--spacing-1,4px)}.pl2{padding-left:var(--spacing-2,8px)}.pl3{padding-left:var(--spacing-3,16px)}.pl4{padding-left:var(--spacing-4,32px)}.pl5{padding-left:var(--spacing-5,64px)}.pl6{padding-left:var(--spacing-6,128px)}.pl7{padding-left:var(--spacing-7,256px)}.pl8{padding-left:var(--spacing-8,512px)}.pr0{padding-right:var(--spacing-0,0)}.pr1{padding-right:var(--spacing-1,4px)}.pr2{padding-right:var(--spacing-2,8px)}.pr3{padding-right:var(--spacing-3,16px)}.pr4{padding-right:var(--spacing-4,32px)}.pr5{padding-right:var(--spacing-5,64px)}.pr6{padding-right:var(--spacing-6,128px)}.pr7{padding-right:var(--spacing-7,256px)}.pr8{padding-right:var(--spacing-8,512px)}.pb0{padding-bottom:var(--spacing-0,0)}.pb1{padding-bottom:var(--spacing-1,4px)}.pb2{padding-bottom:var(--spacing-2,8px)}.pb3{padding-bottom:var(--spacing-3,16px)}.pb4{padding-bottom:var(--spacing-4,32px)}.pb5{padding-bottom:var(--spacing-5,64px)}.pb6{padding-bottom:var(--spacing-6,128px)}.pb7{padding-bottom:var(--spacing-7,256px)}.pb8{padding-bottom:var(--spacing-8,512px)}.pt0{padding-top:var(--spacing-0,0)}.pt1{padding-top:var(--spacing-1,4px)}.pt2{padding-top:var(--spacing-2,8px)}.pt3{padding-top:var(--spacing-3,16px)}.pt4{padding-top:var(--spacing-4,32px)}.pt5{padding-top:var(--spacing-5,64px)}.pt6{padding-top:var(--spacing-6,128px)}.pt7{padding-top:var(--spacing-7,256px)}.pt8{padding-top:var(--spacing-8,512px)}.py0{padding-top:var(--spacing-0,0);padding-bottom:var(--spacing-0,0)}.py1{padding-top:var(--spacing-1,4px);padding-bottom:var(--spacing-1,4px)}.py2{padding-top:var(--spacing-2,8px);padding-bottom:var(--spacing-2,8px)}.py3{padding-top:var(--spacing-3,16px);padding-bottom:var(--spacing-3,16px)}.py4{padding-top:var(--spacing-4,32px);padding-bottom:var(--spacing-4,32px)}.py5{padding-top:var(--spacing-5,64px);padding-bottom:var(--spacing-5,64px)}.py6{padding-top:var(--spacing-6,128px);padding-bottom:var(--spacing-6,128px)}.py7{padding-top:var(--spacing-7,256px);padding-bottom:var(--spacing-7,256px)}.py8{padding-top:var(--spacing-8,512px);padding-bottom:var(--spacing-8,512px)}.px0{padding-left:var(--spacing-0,0);padding-right:var(--spacing-0,0)}.px1{padding-left:var(--spacing-1,4px);padding-right:var(--spacing-1,4px)}.px2{padding-left:var(--spacing-2,8px);padding-right:var(--spacing-2,8px)}.px3{padding-left:var(--spacing-3,16px);padding-right:var(--spacing-3,16px)}.px4{padding-left:var(--spacing-4,32px);padding-right:var(--spacing-4,32px)}.px5{padding-left:var(--spacing-5,64px);padding-right:var(--spacing-5,64px)}.px6{padding-left:var(--spacing-6,128px);padding-right:var(--spacing-6,128px)}.px7{padding-left:var(--spacing-7,256px);padding-right:var(--spacing-7,256px)}.px8{padding-left:var(--spacing-8,512px);padding-right:var(--spacing-8,512px)}.m0{margin:var(--spacing-0,0)}.m1{margin:var(--spacing-1,4px)}.m2{margin:var(--spacing-2,8px)}.m3{margin:var(--spacing-3,16px)}.m4{margin:var(--spacing-4,32px)}.m5{margin:var(--spacing-5,64px)}.m6{margin:var(--spacing-6,128px)}.m7{margin:var(--spacing-7,256px)}.m8{margin:var(--spacing-8,512px)}.ml0{margin-left:var(--spacing-0,0)}.ml1{margin-left:var(--spacing-1,4px)}.ml2{margin-left:var(--spacing-2,8px)}.ml3{margin-left:var(--spacing-3,16px)}.ml4{margin-left:var(--spacing-4,32px)}.ml5{margin-left:var(--spacing-5,64px)}.ml6{margin-left:var(--spacing-6,128px)}.ml7{margin-left:var(--spacing-7,256px)}.ml8{margin-left:var(--spacing-8,512px)}.mr0{margin-right:var(--spacing-0,0)}.mr1{margin-right:var(--spacing-1,4px)}.mr2{margin-right:var(--spacing-2,8px)}.mr3{margin-right:var(--spacing-3,16px)}.mr4{margin-right:var(--spacing-4,32px)}.mr5{margin-right:var(--spacing-5,64px)}.mr6{margin-right:var(--spacing-6,128px)}.mr7{margin-right:var(--spacing-7,256px)}.mr8{margin-right:var(--spacing-8,512px)}.mb0{margin-bottom:var(--spacing-0,0)}.mb1{margin-bottom:var(--spacing-1,4px)}.mb2{margin-bottom:var(--spacing-2,8px)}.mb3{margin-bottom:var(--spacing-3,16px)}.mb4{margin-bottom:var(--spacing-4,32px)}.mb5{margin-bottom:var(--spacing-5,64px)}.mb6{margin-bottom:var(--spacing-6,128px)}.mb7{margin-bottom:var(--spacing-7,256px)}.mb8{margin-bottom:var(--spacing-8,512px)}.mt0{margin-top:var(--spacing-0,0)}.mt1{margin-top:var(--spacing-1,4px)}.mt2{margin-top:var(--spacing-2,8px)}.mt3{margin-top:var(--spacing-3,16px)}.mt4{margin-top:var(--spacing-4,32px)}.mt5{margin-top:var(--spacing-5,64px)}.mt6{margin-top:var(--spacing-6,128px)}.mt7{margin-top:var(--spacing-7,256px)}.mt8{margin-top:var(--spacing-8,512px)}.my0{margin-top:var(--spacing-0,0);margin-bottom:var(--spacing-0,0)}.my1{margin-top:var(--spacing-1,4px);margin-bottom:var(--spacing-1,4px)}.my2{margin-top:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px)}.my3{margin-top:var(--spacing-3,16px);margin-bottom:var(--spacing-3,16px)}.my4{margin-top:var(--spacing-4,32px);margin-bottom:var(--spacing-4,32px)}.my5{margin-top:var(--spacing-5,64px);margin-bottom:var(--spacing-5,64px)}.my6{margin-top:var(--spacing-6,128px);margin-bottom:var(--spacing-6,128px)}.my7{margin-top:var(--spacing-7,256px);margin-bottom:var(--spacing-7,256px)}.my8{margin-top:var(--spacing-8,512px);margin-bottom:var(--spacing-8,512px)}.mx0{margin-left:var(--spacing-0,0);margin-right:var(--spacing-0,0)}.mx1{margin-left:var(--spacing-1,4px);margin-right:var(--spacing-1,4px)}.mx2{margin-left:var(--spacing-2,8px);margin-right:var(--spacing-2,8px)}.mx3{margin-left:var(--spacing-3,16px);margin-right:var(--spacing-3,16px)}.mx4{margin-left:var(--spacing-4,32px);margin-right:var(--spacing-4,32px)}.mx5{margin-left:var(--spacing-5,64px);margin-right:var(--spacing-5,64px)}.mx6{margin-left:var(--spacing-6,128px);margin-right:var(--spacing-6,128px)}.mx7{margin-left:var(--spacing-7,256px);margin-right:var(--spacing-7,256px)}.mx8{margin-left:var(--spacing-8,512px);margin-right:var(--spacing-8,512px)}.na1{margin:calc(-1 * var(--spacing-1))}.na2{margin:calc(-1 * var(--spacing-2))}.na3{margin:calc(-1 * var(--spacing-3))}.na4{margin:calc(-1 * var(--spacing-4))}.na5{margin:calc(-1 * var(--spacing-5))}.na6{margin:calc(-1 * var(--spacing-6))}.na7{margin:calc(-1 * var(--spacing-7))}.nl1{margin-left:calc(-1 * var(--spacing-1))}.nl2{margin-left:calc(-1 * var(--spacing-2))}.nl3{margin-left:calc(-1 * var(--spacing-3))}.nl4{margin-left:calc(-1 * var(--spacing-4))}.nl5{margin-left:calc(-1 * var(--spacing-5))}.nl6{margin-left:calc(-1 * var(--spacing-6))}.nl7{margin-left:calc(-1 * var(--spacing-7))}.nr1{margin-right:calc(-1 * var(--spacing-1))}.nr2{margin-right:calc(-1 * var(--spacing-2))}.nr3{margin-right:calc(-1 * var(--spacing-3))}.nr4{margin-right:calc(-1 * var(--spacing-4))}.nr5{margin-right:calc(-1 * var(--spacing-5))}.nr6{margin-right:calc(-1 * var(--spacing-6))}.nr7{margin-right:calc(-1 * var(--spacing-7))}.nb1{margin-bottom:calc(-1 * var(--spacing-1))}.nb2{margin-bottom:calc(-1 * var(--spacing-2))}.nb3{margin-bottom:calc(-1 * var(--spacing-3))}.nb4{margin-bottom:calc(-1 * var(--spacing-4))}.nb5{margin-bottom:calc(-1 * var(--spacing-5))}.nb6{margin-bottom:calc(-1 * var(--spacing-6))}.nb7{margin-bottom:calc(-1 * var(--spacing-7))}.nt1{margin-top:calc(-1 * var(--spacing-1))}.nt2{margin-top:calc(-1 * var(--spacing-2))}.nt3{margin-top:calc(-1 * var(--spacing-3))}.nt4{margin-top:calc(-1 * var(--spacing-4))}.nt5{margin-top:calc(-1 * var(--spacing-5))}.nt6{margin-top:calc(-1 * var(--spacing-6))}.nt7{margin-top:calc(-1 * var(--spacing-7))}.collapse{border-collapse:collapse;border-spacing:0}.striped--light:nth-child(odd){background-color:var(--gray-10)}.striped--dark:nth-child(odd){background-color:var(--gray-0)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f1{font-size:var(--font-size-0,.75rem)}.f2{font-size:var(--font-size-1,.875rem)}.f3{font-size:var(--font-size-2,1rem)}.f4{font-size:var(--font-size-3,1.125rem)}.f5{font-size:var(--font-size-4,1.25rem)}.f6{font-size:var(--font-size-5,1.5rem)}.f7{font-size:var(--font-size-6,2rem)}.f8{font-size:var(--font-size-7,3rem)}.f9{font-size:var(--font-size-8,4rem)}.f10{font-size:var(--font-size-9,6rem)}.f11{font-size:var(--font-size-10,8rem)}.f12{font-size:var(--font-size-11,12rem)}.measure{max-width:66ch}.measure-wide{max-width:80ch}.measure-narrow{max-width:45ch}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer{cursor:pointer}.trans-all{transition:all .25s cubic-bezier(.165,.84,.44,1)}.trans-bg{transition:background-color .25s ease-in-out}.trans-color{transition:color .25s ease-in-out}.hover-filter-blur-none:hover{-webkit-filter:blur(0);filter:blur(0)}.hover-filter-blur:hover{-webkit-filter:blur(96px);filter:blur(96px)}.hover-grayscale-0:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.hover-grayscale-50:hover{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.hover-grayscale-100:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:6}.z-9999{z-index:7}.z-max{z-index:8}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:var(--line-height-body,1.5)}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:var(--line-height-title,1.25)}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:var(--blue-5);transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:var(--blue-3);transition:color .15s ease-in}.debug *{--debug-color:128 0 90;--debug-opacity:.8;outline:1px solid rbg(var(--debug-color,128 0 90)/(--debug-opacity,.8))}.debug-grid{--grid-size:16px;--grid-color:var(--magenta-9);background-image:repeating-linear-gradient(0deg,var(--grid-color),var(--grid-color) 1px,transparent 0,transparent var(--grid-size)),repeating-linear-gradient(90deg,var(--grid-color),var(--grid-color) 1px,transparent 0,transparent var(--grid-size));background-size:100% var(--grid-size)}@media (prefers-color-scheme:dark){--shadow-color:255 255 255}@media screen and (min-width:30em){.aspect-ratio-16x9-s{aspect-ratio:16/9}.aspect-ratio-9x16-s{aspect-ratio:9/16}.aspect-ratio-4x3-s{aspect-ratio:4/3}.aspect-ratio-3x4-s{aspect-ratio:3/4}.aspect-ratio-6x4-s{aspect-ratio:6/4}.aspect-ratio-4x6-s{aspect-ratio:4/6}.aspect-ratio-8x5-s{aspect-ratio:8/5}.aspect-ratio-5x8-s{aspect-ratio:5/8}.aspect-ratio-7x5-s{aspect-ratio:7/5}.aspect-ratio-5x7-s{aspect-ratio:5/7}.aspect-ratio-1x1-s,.aspect-ratio-square-s{aspect-ratio:1/1}.cover-s{background-size:cover!important}.contain-s{background-size:contain!important}.bg-center-s{background-position:50%}.bg-center-s,.bg-top-s{background-repeat:no-repeat}.bg-top-s{background-position:top}.bg-right-s{background-position:100%}.bg-bottom-s,.bg-right-s{background-repeat:no-repeat}.bg-bottom-s{background-position:bottom}.bg-left-s{background-repeat:no-repeat;background-position:0}.outline-s{outline:1px solid}.outline-transparent-s{outline:1px solid transparent}.outline-0-s{outline:0}.ba-s{border-style:solid;border-width:var(--border-width,1px)}.bt-s{border-top-style:solid;border-top-width:var(--border-width,1px)}.br-s{border-right-style:solid;border-right-width:var(--border-width,1px)}.bb-s{border-bottom-style:solid;border-bottom-width:var(--border-width,1px)}.bl-s{border-left-style:solid;border-left-width:var(--border-width,1px)}.bn-s{border-style:none;border-width:0}.br0-s{border-radius:var(--border-radius-0,0)}.br1-s{border-radius:var(--border-radius-1,4px)}.br2-s{border-radius:var(--border-radius-2,6px)}.br3-s{border-radius:var(--border-radius-3,8px)}.br4-s{border-radius:var(--border-radius-4,12px)}.br5-s{border-radius:var(--border-radius-5,16px)}.br6-s{border-radius:var(--border-radius-6,20px)}.br7-s{border-radius:var(--border-radius-7,24px)}.br8-s{border-radius:var(--border-radius-8,32px)}.br9-s{border-radius:var(--border-radius-9,48px)}.br10-s{border-radius:var(--border-radius-10,64px)}.br11-s{border-radius:var(--border-radius-11,9999px)}.br--bottom-s{border-top-left-radius:0;border-top-right-radius:0}.br--top-s{border-bottom-right-radius:0}.br--right-s,.br--top-s{border-bottom-left-radius:0}.br--right-s{border-top-left-radius:0}.br--left-s{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-s{border-radius:inherit}.br-initial-s{border-radius:initial}.br-unset-s{border-radius:unset}.b--dotted-s{border-style:dotted}.b--dashed-s{border-style:dashed}.b--solid-s{border-style:solid}.b--none-s{border-style:none}.bw0-s{border-width:var(--border-width-0,0)}.bw1-s{border-width:var(--border-width-1,1px)}.bw2-s{border-width:var(--border-width-2,2px)}.bw3-s{border-width:var(--border-width-3,4px)}.bw4-s{border-width:var(--border-width-4,8px)}.bw5-s{border-width:var(--border-width-5,16px)}.bt-0-s{border-top-width:0}.br-0-s{border-right-width:0}.bb-0-s{border-bottom-width:0}.bl-0-s{border-left-width:0}.top-0-s{top:0}.left-0-s{left:0}.right-0-s{right:0}.bottom-0-s{bottom:0}.top-1-s{top:var(--size,1rem)}.left-1-s{left:var(--size,1rem)}.right-1-s{right:var(--size,1rem)}.bottom-1-s{bottom:var(--size,1rem)}.top-2-s{top:calc(var(--size, 1rem) * 2)}.left-2-s{left:calc(var(--size, 1rem) * 2)}.right-2-s{right:calc(var(--size, 1rem) * 2)}.bottom-2-s{bottom:calc(var(--size, 1rem) * 2)}.top--1-s{top:calc(var(--size, 1rem) * -1)}.right--1-s{right:calc(var(--size, 1rem) * -1)}.bottom--1-s{bottom:calc(var(--size, 1rem) * -1)}.left--1-s{left:calc(var(--size, 1rem) * -1)}.top--2-s{top:calc(var(--size, 1rem) * -2)}.right--2-s{right:calc(var(--size, 1rem) * -2)}.bottom--2-s{bottom:calc(var(--size, 1rem) * -2)}.left--2-s{left:calc(var(--size, 1rem) * -2)}.absolute--fill-s{top:0;right:0;bottom:0;left:0}.dn-s{display:none}.di-s{display:inline}.db-s{display:block}.dib-s{display:inline-block}.df-s,.flex-s{display:flex}.dif-s,.inline-flex-s{display:inline-flex}.dg-s,.grid-s{display:grid}.dig-s,.inline-grid-s{display:inline-grid}.g0-s{gap:var(--spacing-0,0)}.g1-s{gap:var(--spacing-1,4px)}.g2-s{gap:var(--spacing-2,8px)}.g3-s{gap:var(--spacing-3,16px)}.g4-s{gap:var(--spacing-4,32px)}.g5-s{gap:var(--spacing-5,64px)}.g6-s{gap:var(--spacing-6,128px)}.g7-s{gap:var(--spacing-7,256px)}.cols-1-s{grid-template-columns:repeat(1,1fr)}.cols-2-s{grid-template-columns:repeat(2,1fr)}.cols-3-s{grid-template-columns:repeat(3,1fr)}.cols-4-s{grid-template-columns:repeat(4,1fr)}.cols-5-s{grid-template-columns:repeat(5,1fr)}.cols-6-s{grid-template-columns:repeat(6,1fr)}.cols-8-s{grid-template-columns:repeat(8,1fr)}.cols-9-s{grid-template-columns:repeat(9,1fr)}.cols-10-s{grid-template-columns:repeat(10,1fr)}.cols-12-s{grid-template-columns:repeat(12,1fr)}.cols-16-s{grid-template-columns:repeat(16,1fr)}.cols-min-64-s{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-s{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-s{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-s{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-s{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-s{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-s{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-s{grid-template-columns:masonry}.subgrid-s{grid-template-columns:subgrid}.cols-none-s{grid-template-columns:none}.col-1-s{grid-column:span 1/span 1}.col-2-s{grid-column:span 2/span 2}.col-3-s{grid-column:span 3/span 3}.col-4-s{grid-column:span 4/span 4}.col-5-s{grid-column:span 5/span 5}.col-6-s{grid-column:span 6/span 6}.col-7-s{grid-column:span 7/span 7}.col-8-s{grid-column:span 8/span 8}.col-9-s{grid-column:span 9/span 9}.col-10-s{grid-column:span 10/span 10}.col-11-s{grid-column:span 11/span 11}.col-12-s{grid-column:span 12/span 12}.col-13-s{grid-column:span 13/span 13}.col-14-s{grid-column:span 14/span 14}.col-15-s{grid-column:span 15/span 15}.col-16-s{grid-column:span 16/span 16}.col-full-s{grid-column:1/-1}.col-center1-s{grid-column:2/-2}.col-center2-s{grid-column:3/-3}.col-center3-s{grid-column:4/-4}.col-center4-s{grid-column:6/-6}.col-auto-s{grid-column:auto}.start-1-s{grid-column-start:1}.start-2-s{grid-column-start:2}.start-3-s{grid-column-start:3}.start-4-s{grid-column-start:4}.start-5-s{grid-column-start:5}.start-6-s{grid-column-start:6}.start-7-s{grid-column-start:7}.start-8-s{grid-column-start:8}.start-9-s{grid-column-start:9}.start-10-s{grid-column-start:10}.start-11-s{grid-column-start:11}.start-12-s{grid-column-start:12}.start-13-s{grid-column-start:13}.start-14-s{grid-column-start:14}.start-15-s{grid-column-start:15}.end-1-s{grid-column-end:1}.end-2-s{grid-column-end:2}.end-3-s{grid-column-end:3}.end-4-s{grid-column-end:4}.end-5-s{grid-column-end:5}.end-6-s{grid-column-end:6}.end-7-s{grid-column-end:7}.end-8-s{grid-column-end:8}.end-9-s{grid-column-end:9}.end-10-s{grid-column-end:10}.end-11-s{grid-column-end:11}.end-12-s{grid-column-end:12}.end-13-s{grid-column-end:13}.end-14-s{grid-column-end:14}.end-15-s{grid-column-end:15}.end-16-s{grid-column-end:16}.row-auto-s{grid-row:auto}.row-start-1-s{grid-row-start:1}.row-start-2-s{grid-row-start:2}.row-start-3-s{grid-row-start:3}.row-start-4-s{grid-row-start:4}.row-start-5-s{grid-row-start:5}.row-start-6-s{grid-row-start:6}.row-start-7-s{grid-row-start:7}.row-start-8-s{grid-row-start:8}.row-start-9-s{grid-row-start:9}.row-start-10-s{grid-row-start:10}.row-start-11-s{grid-row-start:11}.row-start-12-s{grid-row-start:12}.row-start-13-s{grid-row-start:13}.row-start-14-s{grid-row-start:14}.row-start-15-s{grid-row-start:15}.row-start-16-s{grid-row-start:16}.row-end-1-s{grid-row-end:1}.row-end-2-s{grid-row-end:2}.row-end-3-s{grid-row-end:3}.row-end-4-s{grid-row-end:4}.row-end-5-s{grid-row-end:5}.row-end-6-s{grid-row-end:6}.row-end-7-s{grid-row-end:7}.row-end-8-s{grid-row-end:8}.row-end-9-s{grid-row-end:9}.row-end-10-s{grid-row-end:10}.row-end-11-s{grid-row-end:11}.row-end-12-s{grid-row-end:12}.row-end-13-s{grid-row-end:13}.row-end-14-s{grid-row-end:14}.row-end-15-s{grid-row-end:15}.row-end-16-s{grid-row-end:16}.flex-s{display:flex}.inline-flex-s{display:inline-flex}.flex-auto-s{flex:1 1 auto;min-width:0;min-height:0}.flex-none-s{flex:none}.flex-grow-0-s{flex-grow:0}.flex-grow-1-s{flex-grow:1}.flex-shrink-0-s{flex-shrink:0}.flex-shrink-1-s{flex-shrink:1}.flex-column-s{flex-direction:column}.flex-row-s{flex-direction:row}.flex-column-reverse-s{flex-direction:column-reverse}.flex-row-reverse-s{flex-direction:row-reverse}.flex-wrap-s{flex-wrap:wrap}.flex-nowrap-s{flex-wrap:nowrap}.flex-wrap-reverse-s{flex-wrap:wrap-reverse}.items-start-s{align-items:flex-start}.items-end-s{align-items:flex-end}.items-center-s{align-items:center}.items-baseline-s{align-items:baseline}.items-stretch-s{align-items:stretch}.content-start-s{align-content:flex-start}.content-end-s{align-content:flex-end}.content-center-s{align-content:center}.content-between-s{align-content:space-between}.content-around-s{align-content:space-around}.content-stretch-s{align-content:stretch}.self-start-s{align-self:flex-start}.self-end-s{align-self:flex-end}.self-center-s{align-self:center}.self-baseline-s{align-self:baseline}.self-stretch-s{align-self:stretch}.justify-self-start-s{justify-self:start}.justify-self-end-s{justify-self:end}.justify-self-center-s{justify-self:center}.justify-self-stretch-s{justify-self:stretch}.justify-start-s{justify-content:flex-start}.justify-end-s{justify-content:flex-end}.justify-center-s{justify-content:center}.justify-between-s{justify-content:space-between}.justify-around-s{justify-content:space-around}.order-0-s{order:0}.order-1-s{order:1}.order-2-s{order:2}.order-3-s{order:3}.order-4-s{order:4}.order-5-s{order:5}.order-6-s{order:6}.order-7-s{order:7}.order-8-s{order:8}.order-last-s{order:99999}.fl-s{float:left}.fr-s{float:right}.fn-s{float:none}.normal-s{font-weight:400}.b-s{font-weight:700}.fw1-s{font-weight:100}.fw2-s{font-weight:200}.fw3-s{font-weight:300}.fw4-s{font-weight:400}.fw5-s{font-weight:500}.fw6-s{font-weight:600}.fw7-s{font-weight:700}.fw8-s{font-weight:800}.fw9-s{font-weight:900}.h0-s{height:var(--size-0,0)}.h1-s{height:var(--size-1,1rem)}.h2-s{height:var(--size-2,2rem)}.h3-s{height:var(--size-3,3rem)}.h4-s{height:var(--size-4,4rem)}.h5-s{height:var(--size-5,8rem)}.h6-s{height:var(--size-6,16rem)}.h7-s{height:var(--size-7,32rem)}.h8-s{height:var(--size-8,64rem)}.h-50-s{height:50%}.h-75-s{height:75%}.h-100-s{height:100%}.min-h-100-s{min-height:100%}.vh-25-s{height:25vh}.vh-50-s{height:50vh}.vh-75-s{height:75vh}.vh-100-s{height:100vh}.min-vh-100-s{min-height:100vh}.h-auto-s{height:auto}.h-inherit-s{height:inherit}.tracked-s{letter-spacing:var(--letter-spacing-tracked,.1em)}.tracked-tight-s{letter-spacing:var(--letter-spacing-tight,-.05em)}.tracked-mega-s{letter-spacing:var(--letter-spacing-large,.25em)}.lh-solid-s{line-height:var(--line-height-solid,1)}.lh-title-s{line-height:var(--line-height-title,1.25)}.lh-copy-s{line-height:var(--line-height-body,1.5)}.mw-100-s{max-width:100%}.mw1-s{max-width:1rem}.mw2-s{max-width:2rem}.mw3-s{max-width:4rem}.mw4-s{max-width:8rem}.mw5-s{max-width:16rem}.mw6-s{max-width:32rem}.mw7-s{max-width:48rem}.mw8-s{max-width:64rem}.mw9-s{max-width:96rem}.mw-none-s{max-width:none}.w0-s{width:var(--size-0,0)}.w1-s{width:var(--size-1,1rem)}.w2-s{width:var(--size-2,2rem)}.w3-s{width:var(--size-3,3rem)}.w4-s{width:var(--size-4,4rem)}.w5-s{width:var(--size-5,8rem)}.w6-s{width:var(--size-6,16rem)}.w7-s{width:var(--size-7,32rem)}.w8-s{width:var(--size-8,64rem)}.w-10-s{width:10%}.w-20-s{width:20%}.w-25-s{width:25%}.w-50-s{width:50%}.w-75-s{width:75%}.w-100-s{width:100%}.w-third-s{width:33.33333%}.w-two-thirds-s{width:66.66667%}.w-auto-s{width:auto}.overflow-visible-s{overflow:visible}.overflow-hidden-s{overflow:hidden}.overflow-scroll-s{overflow:scroll}.overflow-auto-s{overflow:auto}.overflow-x-visible-s{overflow-x:visible}.overflow-x-hidden-s{overflow-x:hidden}.overflow-x-scroll-s{overflow-x:scroll}.overflow-x-auto-s{overflow-x:auto}.overflow-y-visible-s{overflow-y:visible}.overflow-y-hidden-s{overflow-y:hidden}.overflow-y-scroll-s{overflow-y:scroll}.overflow-y-auto-s{overflow-y:auto}.static-s{position:static}.relative-s{position:relative}.absolute-s{position:absolute}.fixed-s{position:fixed}.sticky-s{position:-webkit-sticky;position:sticky}.rotate-45-s{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-s{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-s{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-s{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-s{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-s{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-s{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-s{padding:var(--spacing-0,0)}.p1-s{padding:var(--spacing-1,4px)}.p2-s{padding:var(--spacing-2,8px)}.p3-s{padding:var(--spacing-3,16px)}.p4-s{padding:var(--spacing-4,32px)}.p5-s{padding:var(--spacing-5,64px)}.p6-s{padding:var(--spacing-6,128px)}.p7-s{padding:var(--spacing-7,256px)}.p8-s{padding:var(--spacing-8,512px)}.pl0-s{padding-left:var(--spacing-0,0)}.pl1-s{padding-left:var(--spacing-1,4px)}.pl2-s{padding-left:var(--spacing-2,8px)}.pl3-s{padding-left:var(--spacing-3,16px)}.pl4-s{padding-left:var(--spacing-4,32px)}.pl5-s{padding-left:var(--spacing-5,64px)}.pl6-s{padding-left:var(--spacing-6,128px)}.pl7-s{padding-left:var(--spacing-7,256px)}.pl8-s{padding-left:var(--spacing-8,512px)}.pr0-s{padding-right:var(--spacing-0,0)}.pr1-s{padding-right:var(--spacing-1,4px)}.pr2-s{padding-right:var(--spacing-2,8px)}.pr3-s{padding-right:var(--spacing-3,16px)}.pr4-s{padding-right:var(--spacing-4,32px)}.pr5-s{padding-right:var(--spacing-5,64px)}.pr6-s{padding-right:var(--spacing-6,128px)}.pr7-s{padding-right:var(--spacing-7,256px)}.pr8-s{padding-right:var(--spacing-8,512px)}.pb0-s{padding-bottom:var(--spacing-0,0)}.pb1-s{padding-bottom:var(--spacing-1,4px)}.pb2-s{padding-bottom:var(--spacing-2,8px)}.pb3-s{padding-bottom:var(--spacing-3,16px)}.pb4-s{padding-bottom:var(--spacing-4,32px)}.pb5-s{padding-bottom:var(--spacing-5,64px)}.pb6-s{padding-bottom:var(--spacing-6,128px)}.pb7-s{padding-bottom:var(--spacing-7,256px)}.pb8-s{padding-bottom:var(--spacing-8,512px)}.pt0-s{padding-top:var(--spacing-0,0)}.pt1-s{padding-top:var(--spacing-1,4px)}.pt2-s{padding-top:var(--spacing-2,8px)}.pt3-s{padding-top:var(--spacing-3,16px)}.pt4-s{padding-top:var(--spacing-4,32px)}.pt5-s{padding-top:var(--spacing-5,64px)}.pt6-s{padding-top:var(--spacing-6,128px)}.pt7-s{padding-top:var(--spacing-7,256px)}.pt8-s{padding-top:var(--spacing-8,512px)}.py0-s{padding-top:var(--spacing-0,0);padding-bottom:var(--spacing-0,0)}.py1-s{padding-top:var(--spacing-1,4px);padding-bottom:var(--spacing-1,4px)}.py2-s{padding-top:var(--spacing-2,8px);padding-bottom:var(--spacing-2,8px)}.py3-s{padding-top:var(--spacing-3,16px);padding-bottom:var(--spacing-3,16px)}.py4-s{padding-top:var(--spacing-4,32px);padding-bottom:var(--spacing-4,32px)}.py5-s{padding-top:var(--spacing-5,64px);padding-bottom:var(--spacing-5,64px)}.py6-s{padding-top:var(--spacing-6,128px);padding-bottom:var(--spacing-6,128px)}.py7-s,.py8-s{padding-top:var(--spacing-7,256px);padding-bottom:var(--spacing-7,256px)}.px0-s{padding-left:var(--spacing-0,0);padding-right:var(--spacing-0,0)}.px1-s{padding-left:var(--spacing-1,4px);padding-right:var(--spacing-1,4px)}.px2-s{padding-left:var(--spacing-2,8px);padding-right:var(--spacing-2,8px)}.px3-s{padding-left:var(--spacing-3,16px);padding-right:var(--spacing-3,16px)}.px4-s{padding-left:var(--spacing-4,32px);padding-right:var(--spacing-4,32px)}.px5-s{padding-left:var(--spacing-5,64px);padding-right:var(--spacing-5,64px)}.px6-s{padding-left:var(--spacing-6,128px);padding-right:var(--spacing-6,128px)}.px7-s{padding-left:var(--spacing-7,256px);padding-right:var(--spacing-7,256px)}.px8-s{padding-left:var(--spacing-8,512px);padding-right:var(--spacing-8,512px)}.m0-s{margin:var(--spacing-0,0)}.m1-s{margin:var(--spacing-1,4px)}.m2-s{margin:var(--spacing-2,8px)}.m3-s{margin:var(--spacing-3,16px)}.m4-s{margin:var(--spacing-4,32px)}.m5-s{margin:var(--spacing-5,64px)}.m6-s{margin:var(--spacing-6,128px)}.m7-s{margin:var(--spacing-7,256px)}.m8-s{margin:var(--spacing-8,512px)}.ml0-s{margin-left:var(--spacing-0,0)}.ml1-s{margin-left:var(--spacing-1,4px)}.ml2-s{margin-left:var(--spacing-2,8px)}.ml3-s{margin-left:var(--spacing-3,16px)}.ml4-s{margin-left:var(--spacing-4,32px)}.ml5-s{margin-left:var(--spacing-5,64px)}.ml6-s{margin-left:var(--spacing-6,128px)}.ml7-s{margin-left:var(--spacing-7,256px)}.ml8-s{margin-left:var(--spacing-8,512px)}.mr0-s{margin-right:var(--spacing-0,0)}.mr1-s{margin-right:var(--spacing-1,4px)}.mr2-s{margin-right:var(--spacing-2,8px)}.mr3-s{margin-right:var(--spacing-3,16px)}.mr4-s{margin-right:var(--spacing-4,32px)}.mr5-s{margin-right:var(--spacing-5,64px)}.mr6-s{margin-right:var(--spacing-6,128px)}.mr7-s{margin-right:var(--spacing-7,256px)}.mr8-s{margin-right:var(--spacing-8,512px)}.mb0-s{margin-bottom:var(--spacing-0,0)}.mb1-s{margin-bottom:var(--spacing-1,4px)}.mb2-s{margin-bottom:var(--spacing-2,8px)}.mb3-s{margin-bottom:var(--spacing-3,16px)}.mb4-s{margin-bottom:var(--spacing-4,32px)}.mb5-s{margin-bottom:var(--spacing-5,64px)}.mb6-s{margin-bottom:var(--spacing-6,128px)}.mb8-s{margin-bottom:var(--spacing-8,512px)}.mt0-s{margin-top:var(--spacing-0,0)}.mt1-s{margin-top:var(--spacing-1,4px)}.mt2-s{margin-top:var(--spacing-2,8px)}.mt3-s{margin-top:var(--spacing-3,16px)}.mt4-s{margin-top:var(--spacing-4,32px)}.mt5-s{margin-top:var(--spacing-5,64px)}.mt6-s{margin-top:var(--spacing-6,128px)}.mt7-s{margin-top:var(--spacing-7,256px)}.mt8-s{margin-top:var(--spacing-8,512px)}.my0-s{margin-top:var(--spacing-0,0);margin-bottom:var(--spacing-0,0)}.my1-s{margin-top:var(--spacing-1,4px);margin-bottom:var(--spacing-1,4px)}.my2-s{margin-top:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px)}.my3-s{margin-top:var(--spacing-3,16px);margin-bottom:var(--spacing-3,16px)}.my4-s{margin-top:var(--spacing-4,32px);margin-bottom:var(--spacing-4,32px)}.my5-s{margin-top:var(--spacing-5,64px);margin-bottom:var(--spacing-5,64px)}.my6-s{margin-top:var(--spacing-6,128px);margin-bottom:var(--spacing-6,128px)}.my7-s{margin-top:var(--spacing-7,256px);margin-bottom:var(--spacing-7,256px)}.my8-s{margin-top:var(--spacing-8,512px);margin-bottom:var(--spacing-8,512px)}.mx0-s{margin-left:var(--spacing-0,0);margin-right:var(--spacing-0,0)}.mx1-s{margin-left:var(--spacing-1,4px);margin-right:var(--spacing-1,4px)}.mx2-s{margin-left:var(--spacing-2,8px);margin-right:var(--spacing-2,8px)}.mx3-s{margin-left:var(--spacing-3,16px);margin-right:var(--spacing-3,16px)}.mx4-s{margin-left:var(--spacing-4,32px);margin-right:var(--spacing-4,32px)}.mx5-s{margin-left:var(--spacing-5,64px);margin-right:var(--spacing-5,64px)}.mx6-s{margin-left:var(--spacing-6,128px);margin-right:var(--spacing-6,128px)}.mx7-s{margin-left:var(--spacing-7,256px);margin-right:var(--spacing-7,256px)}.mx8-s{margin-left:var(--spacing-8,512px);margin-right:var(--spacing-8,512px)}.tl-s{text-align:left}.tr-s{text-align:right}.tc-s{text-align:center}.tj-s{text-align:justify}.ttc-s{text-transform:capitalize}.ttl-s{text-transform:lowercase}.ttu-s{text-transform:uppercase}.ttn-s{text-transform:none}.f1-s{font-size:var(--font-size-0,.75rem)}.f2-s{font-size:var(--font-size-1,.875rem)}.f3-s{font-size:var(--font-size-2,1rem)}.f4-s{font-size:var(--font-size-3,1.125rem)}.f5-s{font-size:var(--font-size-4,1.25rem)}.f6-s{font-size:var(--font-size-5,1.5rem)}.f7-s{font-size:var(--font-size-6,2rem)}.f8-s{font-size:var(--font-size-7,3rem)}.f9-s{font-size:var(--font-size-8,4rem)}.f10-s{font-size:var(--font-size-9,6rem)}.f11-s{font-size:var(--font-size-10,8rem)}.f12-s{font-size:var(--font-size-11,12rem)}.measure-s{max-width:66ch}.measure-wide-s{max-width:80ch}.measure-narrow-s{max-width:45ch}.small-caps-s{font-variant:small-caps}.indent-s{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-s{margin-left:auto}.center-s,.mr-auto-s{margin-right:auto}.ml-auto-s{margin-left:auto}.clip-s{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ws-normal-s{white-space:normal}.nowrap-s{white-space:nowrap}.pre-s{white-space:pre}.v-base-s{vertical-align:baseline}.v-mid-s{vertical-align:middle}.v-top-s{vertical-align:top}.v-btm-s{vertical-align:bottom}}@media screen and (min-width:48em){.aspect-ratio-16x9-m{aspect-ratio:16/9}.aspect-ratio-9x16-m{aspect-ratio:9/16}.aspect-ratio-4x3-m{aspect-ratio:4/3}.aspect-ratio-3x4-m{aspect-ratio:3/4}.aspect-ratio-6x4-m{aspect-ratio:6/4}.aspect-ratio-4x6-m{aspect-ratio:4/6}.aspect-ratio-8x5-m{aspect-ratio:8/5}.aspect-ratio-5x8-m{aspect-ratio:5/8}.aspect-ratio-7x5-m{aspect-ratio:7/5}.aspect-ratio-5x7-m{aspect-ratio:5/7}.aspect-ratio-1x1-m,.aspect-ratio-square-m{aspect-ratio:1/1}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:var(--border-width,1px)}.bt-m{border-top-style:solid;border-top-width:var(--border-width,1px)}.br-m{border-right-style:solid;border-right-width:var(--border-width,1px)}.bb-m{border-bottom-style:solid;border-bottom-width:var(--border-width,1px)}.bl-m{border-left-style:solid;border-left-width:var(--border-width,1px)}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:var(--border-radius-0,0)}.br1-m{border-radius:var(--border-radius-1,4px)}.br2-m{border-radius:var(--border-radius-2,6px)}.br3-m{border-radius:var(--border-radius-3,8px)}.br4-m{border-radius:var(--border-radius-4,12px)}.br5-m{border-radius:var(--border-radius-5,16px)}.br6-m{border-radius:var(--border-radius-6,20px)}.br7-m{border-radius:var(--border-radius-7,24px)}.br8-m{border-radius:var(--border-radius-8,32px)}.br9-m{border-radius:var(--border-radius-9,48px)}.br10-m{border-radius:var(--border-radius-10,64px)}.br11-m{border-radius:var(--border-radius-11,9999px)}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-m{border-radius:inherit}.br-initial-m{border-radius:initial}.br-unset-m{border-radius:unset}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:var(--border-width-0,0)}.bw1-m{border-width:var(--border-width-1,1px)}.bw2-m{border-width:var(--border-width-2,2px)}.bw3-m{border-width:var(--border-width-3,4px)}.bw4-m{border-width:var(--border-width-4,8px)}.bw5-m{border-width:var(--border-width-5,16px)}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:var(--size,1rem)}.left-1-m{left:var(--size,1rem)}.right-1-m{right:var(--size,1rem)}.bottom-1-m{bottom:var(--size,1rem)}.top-2-m{top:calc(var(--size, 1rem) * 2)}.left-2-m{left:calc(var(--size, 1rem) * 2)}.right-2-m{right:calc(var(--size, 1rem) * 2)}.bottom-2-m{bottom:calc(var(--size, 1rem) * 2)}.top--1-m{top:calc(var(--size, 1rem) * -1)}.right--1-m{right:calc(var(--size, 1rem) * -1)}.bottom--1-m{bottom:calc(var(--size, 1rem) * -1)}.left--1-m{left:calc(var(--size, 1rem) * -1)}.top--2-m{top:calc(var(--size, 1rem) * -2)}.right--2-m{right:calc(var(--size, 1rem) * -2)}.bottom--2-m{bottom:calc(var(--size, 1rem) * -2)}.left--2-m{left:calc(var(--size, 1rem) * -2)}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.df-m,.flex-m{display:flex}.dif-m,.inline-flex-m{display:inline-flex}.dg-m,.grid-m{display:grid}.dig-m,.inline-grid-m{display:inline-grid}.g0-m{gap:var(--spacing-0,0)}.g1-m{gap:var(--spacing-1,4px)}.g2-m{gap:var(--spacing-2,8px)}.g3-m{gap:var(--spacing-3,16px)}.g4-m{gap:var(--spacing-4,32px)}.g5-m{gap:var(--spacing-5,64px)}.g6-m{gap:var(--spacing-6,128px)}.g7-m{gap:var(--spacing-7,256px)}.cols-1-m{grid-template-columns:repeat(1,1fr)}.cols-2-m{grid-template-columns:repeat(2,1fr)}.cols-3-m{grid-template-columns:repeat(3,1fr)}.cols-4-m{grid-template-columns:repeat(4,1fr)}.cols-5-m{grid-template-columns:repeat(5,1fr)}.cols-6-m{grid-template-columns:repeat(6,1fr)}.cols-8-m{grid-template-columns:repeat(8,1fr)}.cols-9-m{grid-template-columns:repeat(9,1fr)}.cols-10-m{grid-template-columns:repeat(10,1fr)}.cols-12-m{grid-template-columns:repeat(12,1fr)}.cols-16-m{grid-template-columns:repeat(16,1fr)}.cols-min-64-m{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-m{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-m{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-m{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-m{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-m{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-m{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-m{grid-template-columns:masonry}.subgrid-m{grid-template-columns:subgrid}.cols-none-m{grid-template-columns:none}.col-1-m{grid-column:span 1/span 1}.col-2-m{grid-column:span 2/span 2}.col-3-m{grid-column:span 3/span 3}.col-4-m{grid-column:span 4/span 4}.col-5-m{grid-column:span 5/span 5}.col-6-m{grid-column:span 6/span 6}.col-7-m{grid-column:span 7/span 7}.col-8-m{grid-column:span 8/span 8}.col-9-m{grid-column:span 9/span 9}.col-10-m{grid-column:span 10/span 10}.col-11-m{grid-column:span 11/span 11}.col-12-m{grid-column:span 12/span 12}.col-13-m{grid-column:span 13/span 13}.col-14-m{grid-column:span 14/span 14}.col-15-m{grid-column:span 15/span 15}.col-16-m{grid-column:span 16/span 16}.col-full-m{grid-column:1/-1}.col-center1-m{grid-column:2/-2}.col-center2-m{grid-column:3/-3}.col-center3-m{grid-column:4/-4}.col-center4-m{grid-column:6/-6}.col-auto-m{grid-column:auto}.start-1-m{grid-column-start:1}.start-2-m{grid-column-start:2}.start-3-m{grid-column-start:3}.start-4-m{grid-column-start:4}.start-5-m{grid-column-start:5}.start-6-m{grid-column-start:6}.start-7-m{grid-column-start:7}.start-8-m{grid-column-start:8}.start-9-m{grid-column-start:9}.start-10-m{grid-column-start:10}.start-11-m{grid-column-start:11}.start-12-m{grid-column-start:12}.start-13-m{grid-column-start:13}.start-14-m{grid-column-start:14}.start-15-m{grid-column-start:15}.end-1-m{grid-column-end:1}.end-2-m{grid-column-end:2}.end-3-m{grid-column-end:3}.end-4-m{grid-column-end:4}.end-5-m{grid-column-end:5}.end-6-m{grid-column-end:6}.end-7-m{grid-column-end:7}.end-8-m{grid-column-end:8}.end-9-m{grid-column-end:9}.end-10-m{grid-column-end:10}.end-11-m{grid-column-end:11}.end-12-m{grid-column-end:12}.end-13-m{grid-column-end:13}.end-14-m{grid-column-end:14}.end-15-m{grid-column-end:15}.end-16-m{grid-column-end:16}.row-auto-m{grid-row:auto}.row-start-1-m{grid-row-start:1}.row-start-2-m{grid-row-start:2}.row-start-3-m{grid-row-start:3}.row-start-4-m{grid-row-start:4}.row-start-5-m{grid-row-start:5}.row-start-6-m{grid-row-start:6}.row-start-7-m{grid-row-start:7}.row-start-8-m{grid-row-start:8}.row-start-9-m{grid-row-start:9}.row-start-10-m{grid-row-start:10}.row-start-11-m{grid-row-start:11}.row-start-12-m{grid-row-start:12}.row-start-13-m{grid-row-start:13}.row-start-14-m{grid-row-start:14}.row-start-15-m{grid-row-start:15}.row-start-16-m{grid-row-start:16}.row-end-1-m{grid-row-end:1}.row-end-2-m{grid-row-end:2}.row-end-3-m{grid-row-end:3}.row-end-4-m{grid-row-end:4}.row-end-5-m{grid-row-end:5}.row-end-6-m{grid-row-end:6}.row-end-7-m{grid-row-end:7}.row-end-8-m{grid-row-end:8}.row-end-9-m{grid-row-end:9}.row-end-10-m{grid-row-end:10}.row-end-11-m{grid-row-end:11}.row-end-12-m{grid-row-end:12}.row-end-13-m{grid-row-end:13}.row-end-14-m{grid-row-end:14}.row-end-15-m{grid-row-end:15}.row-end-16-m{grid-row-end:16}.flex-m{display:flex}.inline-flex-m{display:inline-flex}.flex-auto-m{flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{flex:none}.flex-grow-0-m{flex-grow:0}.flex-grow-1-m{flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.flex-column-m{flex-direction:column}.flex-row-m{flex-direction:row}.flex-column-reverse-m{flex-direction:column-reverse}.flex-row-reverse-m{flex-direction:row-reverse}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.items-start-m{align-items:flex-start}.items-end-m{align-items:flex-end}.items-center-m{align-items:center}.items-baseline-m{align-items:baseline}.items-stretch-m{align-items:stretch}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-self-start-m{justify-self:start}.justify-self-end-m{justify-self:end}.justify-self-center-m{justify-self:center}.justify-self-stretch-m{justify-self:stretch}.justify-start-m{justify-content:flex-start}.justify-end-m{justify-content:flex-end}.justify-center-m{justify-content:center}.justify-between-m{justify-content:space-between}.justify-around-m{justify-content:space-around}.order-0-m{order:0}.order-1-m{order:1}.order-2-m{order:2}.order-3-m{order:3}.order-4-m{order:4}.order-5-m{order:5}.order-6-m{order:6}.order-7-m{order:7}.order-8-m{order:8}.order-last-m{order:99999}.fl-m{float:left}.fr-m{float:right}.fn-m{float:none}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:var(--letter-spacing-tracked,.1em)}.tracked-tight-m{letter-spacing:var(--letter-spacing-tight,-.05em)}.tracked-mega-m{letter-spacing:var(--letter-spacing-large,.25em)}.lh-solid-m{line-height:var(--line-height-solid,1)}.lh-title-m{line-height:var(--line-height-title,1.25)}.lh-copy-m{line-height:var(--line-height-body,1.5)}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w0-m{width:var(--size-0,0)}.w1-m{width:var(--size-1,1rem)}.w2-m{width:var(--size-2,2rem)}.w3-m{width:var(--size-3,3rem)}.w4-m{width:var(--size-4,4rem)}.w5-m{width:var(--size-5,8rem)}.w6-m{width:var(--size-6,16rem)}.w7-m{width:var(--size-7,32rem)}.w8-m{width:var(--size-8,64rem)}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-50-m{width:50%}.w-75-m{width:75%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.sticky-m{position:-webkit-sticky;position:sticky}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-m{padding:var(--spacing-0,0)}.p1-m{padding:var(--spacing-1,4px)}.p2-m{padding:var(--spacing-2,8px)}.p3-m{padding:var(--spacing-3,16px)}.p4-m{padding:var(--spacing-4,32px)}.p5-m{padding:var(--spacing-5,64px)}.p6-m{padding:var(--spacing-6,128px)}.p7-m{padding:var(--spacing-7,256px)}.p8-m{padding:var(--spacing-8,512px)}.pl0-m{padding-left:var(--spacing-0,0)}.pl1-m{padding-left:var(--spacing-1,4px)}.pl2-m{padding-left:var(--spacing-2,8px)}.pl3-m{padding-left:var(--spacing-3,16px)}.pl4-m{padding-left:var(--spacing-4,32px)}.pl5-m{padding-left:var(--spacing-5,64px)}.pl6-m{padding-left:var(--spacing-6,128px)}.pl7-m{padding-left:var(--spacing-7,256px)}.pl8-m{padding-left:var(--spacing-8,512px)}.pr0-m{padding-right:var(--spacing-0,0)}.pr1-m{padding-right:var(--spacing-1,4px)}.pr2-m{padding-right:var(--spacing-2,8px)}.pr3-m{padding-right:var(--spacing-3,16px)}.pr4-m{padding-right:var(--spacing-4,32px)}.pr5-m{padding-right:var(--spacing-5,64px)}.pr6-m{padding-right:var(--spacing-6,128px)}.pr7-m{padding-right:var(--spacing-7,256px)}.pr8-m{padding-right:var(--spacing-8,512px)}.pb0-m{padding-bottom:var(--spacing-0,0)}.pb1-m{padding-bottom:var(--spacing-1,4px)}.pb2-m{padding-bottom:var(--spacing-2,8px)}.pb3-m{padding-bottom:var(--spacing-3,16px)}.pb4-m{padding-bottom:var(--spacing-4,32px)}.pb5-m{padding-bottom:var(--spacing-5,64px)}.pb6-m{padding-bottom:var(--spacing-6,128px)}.pb7-m{padding-bottom:var(--spacing-7,256px)}.pb8-m{padding-bottom:var(--spacing-8,512px)}.pt0-m{padding-top:var(--spacing-0,0)}.pt1-m{padding-top:var(--spacing-1,4px)}.pt2-m{padding-top:var(--spacing-2,8px)}.pt3-m{padding-top:var(--spacing-3,16px)}.pt4-m{padding-top:var(--spacing-4,32px)}.pt5-m{padding-top:var(--spacing-5,64px)}.pt6-m{padding-top:var(--spacing-6,128px)}.pt7-m{padding-top:var(--spacing-7,256px)}.pt8-m{padding-top:var(--spacing-8,512px)}.py0-m{padding-top:var(--spacing-0,0);padding-bottom:var(--spacing-0,0)}.py1-m{padding-top:var(--spacing-1,4px);padding-bottom:var(--spacing-1,4px)}.py2-m{padding-top:var(--spacing-2,8px);padding-bottom:var(--spacing-2,8px)}.py3-m{padding-top:var(--spacing-3,16px);padding-bottom:var(--spacing-3,16px)}.py4-m{padding-top:var(--spacing-4,32px);padding-bottom:var(--spacing-4,32px)}.py5-m{padding-top:var(--spacing-5,64px);padding-bottom:var(--spacing-5,64px)}.py6-m{padding-top:var(--spacing-6,128px);padding-bottom:var(--spacing-6,128px)}.py7-m{padding-top:var(--spacing-7,256px);padding-bottom:var(--spacing-7,256px)}.py8-m{padding-top:var(--spacing-8,512px);padding-bottom:var(--spacing-8,512px)}.px0-m{padding-left:var(--spacing-0,0);padding-right:var(--spacing-0,0)}.px1-m{padding-left:var(--spacing-1,4px);padding-right:var(--spacing-1,4px)}.px2-m{padding-left:var(--spacing-2,8px);padding-right:var(--spacing-2,8px)}.px3-m{padding-left:var(--spacing-3,16px);padding-right:var(--spacing-3,16px)}.px4-m{padding-left:var(--spacing-4,32px);padding-right:var(--spacing-4,32px)}.px5-m{padding-left:var(--spacing-5,64px);padding-right:var(--spacing-5,64px)}.px6-m{padding-left:var(--spacing-6,128px);padding-right:var(--spacing-6,128px)}.px7-m{padding-left:var(--spacing-7,256px);padding-right:var(--spacing-7,256px)}.px8-m{padding-left:var(--spacing-8,512px);padding-right:var(--spacing-8,512px)}.m0-m{margin:var(--spacing-0,0)}.m1-m{margin:var(--spacing-1,4px)}.m2-m{margin:var(--spacing-2,8px)}.m3-m{margin:var(--spacing-3,16px)}.m4-m{margin:var(--spacing-4,32px)}.m5-m{margin:var(--spacing-5,64px)}.m6-m{margin:var(--spacing-6,128px)}.m7-m{margin:var(--spacing-7,256px)}.m8-m{margin:var(--spacing-8,512px)}.ml0-m{margin-left:var(--spacing-0,0)}.ml1-m{margin-left:var(--spacing-1,4px)}.ml2-m{margin-left:var(--spacing-2,8px)}.ml3-m{margin-left:var(--spacing-3,16px)}.ml4-m{margin-left:var(--spacing-4,32px)}.ml5-m{margin-left:var(--spacing-5,64px)}.ml6-m{margin-left:var(--spacing-6,128px)}.ml7-m{margin-left:var(--spacing-7,256px)}.ml8-m{margin-left:var(--spacing-8,512px)}.mr0-m{margin-right:var(--spacing-0,0)}.mr1-m{margin-right:var(--spacing-1,4px)}.mr2-m{margin-right:var(--spacing-2,8px)}.mr3-m{margin-right:var(--spacing-3,16px)}.mr4-m{margin-right:var(--spacing-4,32px)}.mr5-m{margin-right:var(--spacing-5,64px)}.mr6-m{margin-right:var(--spacing-6,128px)}.mr7-m{margin-right:var(--spacing-7,256px)}.mr8-m{margin-right:var(--spacing-8,512px)}.mb0-m{margin-bottom:var(--spacing-0,0)}.mb1-m{margin-bottom:var(--spacing-1,4px)}.mb2-m{margin-bottom:var(--spacing-2,8px)}.mb3-m{margin-bottom:var(--spacing-3,16px)}.mb4-m{margin-bottom:var(--spacing-4,32px)}.mb5-m{margin-bottom:var(--spacing-5,64px)}.mb6-m{margin-bottom:var(--spacing-6,128px)}.mb7-m{margin-bottom:var(--spacing-7,256px)}.mb8-m{margin-bottom:var(--spacing-8,512px)}.mt0-m{margin-top:var(--spacing-0,0)}.mt1-m{margin-top:var(--spacing-1,4px)}.mt2-m{margin-top:var(--spacing-2,8px)}.mt3-m{margin-top:var(--spacing-3,16px)}.mt4-m{margin-top:var(--spacing-4,32px)}.mt5-m{margin-top:var(--spacing-5,64px)}.mt6-m{margin-top:var(--spacing-6,128px)}.mt7-m{margin-top:var(--spacing-7,256px)}.mt8-m{margin-top:var(--spacing-8,512px)}.my0-m{margin-top:var(--spacing-0,0);margin-bottom:var(--spacing-0,0)}.my1-m{margin-top:var(--spacing-1,4px);margin-bottom:var(--spacing-1,4px)}.my2-m{margin-top:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px)}.my3-m{margin-top:var(--spacing-3,16px);margin-bottom:var(--spacing-3,16px)}.my4-m{margin-top:var(--spacing-4,32px);margin-bottom:var(--spacing-4,32px)}.my5-m{margin-top:var(--spacing-5,64px);margin-bottom:var(--spacing-5,64px)}.my6-m{margin-top:var(--spacing-6,128px);margin-bottom:var(--spacing-6,128px)}.my7-m{margin-top:var(--spacing-7,256px);margin-bottom:var(--spacing-7,256px)}.my8-m{margin-top:var(--spacing-8,512px);margin-bottom:var(--spacing-8,512px)}.mx0-m{margin-left:var(--spacing-0,0);margin-right:var(--spacing-0,0)}.mx1-m{margin-left:var(--spacing-1,4px);margin-right:var(--spacing-1,4px)}.mx2-m{margin-left:var(--spacing-2,8px);margin-right:var(--spacing-2,8px)}.mx3-m{margin-left:var(--spacing-3,16px);margin-right:var(--spacing-3,16px)}.mx4-m{margin-left:var(--spacing-4,32px);margin-right:var(--spacing-4,32px)}.mx5-m{margin-left:var(--spacing-5,64px);margin-right:var(--spacing-5,64px)}.mx6-m{margin-left:var(--spacing-6,128px);margin-right:var(--spacing-6,128px)}.mx7-m{margin-left:var(--spacing-7,256px);margin-right:var(--spacing-7,256px)}.mx8-m{margin-left:var(--spacing-8,512px);margin-right:var(--spacing-8,512px)}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f1-m{font-size:var(--font-size-0,.75rem)}.f2-m{font-size:var(--font-size-1,.875rem)}.f3-m{font-size:var(--font-size-2,1rem)}.f4-m{font-size:var(--font-size-3,1.125rem)}.f5-m{font-size:var(--font-size-4,1.25rem)}.f6-m{font-size:var(--font-size-5,1.5rem)}.f7-m{font-size:var(--font-size-6,2rem)}.f8-m{font-size:var(--font-size-7,3rem)}.f9-m{font-size:var(--font-size-8,4rem)}.f10-m{font-size:var(--font-size-9,6rem)}.f11-m{font-size:var(--font-size-10,8rem)}.f12-m{font-size:var(--font-size-11,12rem)}.measure-m{max-width:66ch}.measure-wide-m{max-width:80ch}.measure-narrow-m{max-width:45ch}.small-caps-m{font-variant:small-caps}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-16x9-l{aspect-ratio:16/9}.aspect-ratio-9x16-l{aspect-ratio:9/16}.aspect-ratio-4x3-l{aspect-ratio:4/3}.aspect-ratio-3x4-l{aspect-ratio:3/4}.aspect-ratio-6x4-l{aspect-ratio:6/4}.aspect-ratio-4x6-l{aspect-ratio:4/6}.aspect-ratio-8x5-l{aspect-ratio:8/5}.aspect-ratio-5x8-l{aspect-ratio:5/8}.aspect-ratio-7x5-l{aspect-ratio:7/5}.aspect-ratio-5x7-l{aspect-ratio:5/7}.aspect-ratio-1x1-l,.aspect-ratio-square-l{aspect-ratio:1/1}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:var(--border-width,1px)}.bt-l{border-top-style:solid;border-top-width:var(--border-width,1px)}.br-l{border-right-style:solid;border-right-width:var(--border-width,1px)}.bb-l{border-bottom-style:solid;border-bottom-width:var(--border-width,1px)}.bl-l{border-left-style:solid;border-left-width:var(--border-width,1px)}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:var(--border-radius-0,0)}.br1-l{border-radius:var(--border-radius-1,4px)}.br2-l{border-radius:var(--border-radius-2,6px)}.br3-l{border-radius:var(--border-radius-3,8px)}.br4-l{border-radius:var(--border-radius-4,12px)}.br5-l{border-radius:var(--border-radius-5,16px)}.br6-l{border-radius:var(--border-radius-6,20px)}.br7-l{border-radius:var(--border-radius-7,24px)}.br8-l{border-radius:var(--border-radius-8,32px)}.br9-l{border-radius:var(--border-radius-9,48px)}.br10-l{border-radius:var(--border-radius-10,64px)}.br11-l{border-radius:var(--border-radius-11,9999px)}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-l{border-radius:inherit}.br-initial-l{border-radius:initial}.br-unset-l{border-radius:unset}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:var(--border-width-0,0)}.bw1-l{border-width:var(--border-width-1,1px)}.bw2-l{border-width:var(--border-width-2,2px)}.bw3-l{border-width:var(--border-width-3,4px)}.bw4-l{border-width:var(--border-width-4,8px)}.bw5-l{border-width:var(--border-width-5,16px)}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:var(--size,1rem)}.left-1-l{left:var(--size,1rem)}.right-1-l{right:var(--size,1rem)}.bottom-1-l{bottom:var(--size,1rem)}.top-2-l{top:calc(var(--size, 1rem) * 2)}.left-2-l{left:calc(var(--size, 1rem) * 2)}.right-2-l{right:calc(var(--size, 1rem) * 2)}.bottom-2-l{bottom:calc(var(--size, 1rem) * 2)}.top--1-l{top:calc(var(--size, 1rem) * -1)}.right--1-l{right:calc(var(--size, 1rem) * -1)}.bottom--1-l{bottom:calc(var(--size, 1rem) * -1)}.left--1-l{left:calc(var(--size, 1rem) * -1)}.top--2-l{top:calc(var(--size, 1rem) * -2)}.right--2-l{right:calc(var(--size, 1rem) * -2)}.bottom--2-l{bottom:calc(var(--size, 1rem) * -2)}.left--2-l{left:calc(var(--size, 1rem) * -2)}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.df-l,.flex-l{display:flex}.dif-l,.inline-flex-l{display:inline-flex}.dg-l,.grid-l{display:grid}.dig-l,.inline-grid-l{display:inline-grid}.g0-l{gap:var(--spacing-0)}.g1-l{gap:var(--spacing-1)}.g2-l{gap:var(--spacing-2)}.g3-l{gap:var(--spacing-3)}.g4-l{gap:var(--spacing-4)}.g5-l{gap:var(--spacing-5)}.g6-l{gap:var(--spacing-6)}.g7-l{gap:var(--spacing-7)}.cols-1-l{grid-template-columns:repeat(1,1fr)}.cols-2-l{grid-template-columns:repeat(2,1fr)}.cols-3-l{grid-template-columns:repeat(3,1fr)}.cols-4-l{grid-template-columns:repeat(4,1fr)}.cols-5-l{grid-template-columns:repeat(5,1fr)}.cols-6-l{grid-template-columns:repeat(6,1fr)}.cols-8-l{grid-template-columns:repeat(8,1fr)}.cols-9-l{grid-template-columns:repeat(9,1fr)}.cols-10-l{grid-template-columns:repeat(10,1fr)}.cols-12-l{grid-template-columns:repeat(12,1fr)}.cols-16-l{grid-template-columns:repeat(16,1fr)}.cols-min-64-l{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cols-min-128-l{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cols-min-192-l{grid-template-columns:repeat(auto-fill,minmax(192px,1fr))}.cols-min-240-l{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cols-min-256-l{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.cols-min-320-l{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cols-min-480-l{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.masonry-l{grid-template-columns:masonry}.subgrid-l{grid-template-columns:subgrid}.cols-none-l{grid-template-columns:none}.col-1-l{grid-column:span 1/span 1}.col-2-l{grid-column:span 2/span 2}.col-3-l{grid-column:span 3/span 3}.col-4-l{grid-column:span 4/span 4}.col-5-l{grid-column:span 5/span 5}.col-6-l{grid-column:span 6/span 6}.col-7-l{grid-column:span 7/span 7}.col-8-l{grid-column:span 8/span 8}.col-9-l{grid-column:span 9/span 9}.col-10-l{grid-column:span 10/span 10}.col-11-l{grid-column:span 11/span 11}.col-12-l{grid-column:span 12/span 12}.col-13-l{grid-column:span 13/span 13}.col-14-l{grid-column:span 14/span 14}.col-15-l{grid-column:span 15/span 15}.col-16-l{grid-column:span 16/span 16}.col-full-l{grid-column:1/-1}.col-center1-l{grid-column:2/-2}.col-center2-l{grid-column:3/-3}.col-center3-l{grid-column:4/-4}.col-center4-l{grid-column:6/-6}.col-auto-l{grid-column:auto}.start-1-l{grid-column-start:1}.start-2-l{grid-column-start:2}.start-3-l{grid-column-start:3}.start-4-l{grid-column-start:4}.start-5-l{grid-column-start:5}.start-6-l{grid-column-start:6}.start-7-l{grid-column-start:7}.start-8-l{grid-column-start:8}.start-9-l{grid-column-start:9}.start-10-l{grid-column-start:10}.start-11-l{grid-column-start:11}.start-12-l{grid-column-start:12}.start-13-l{grid-column-start:13}.start-14-l{grid-column-start:14}.start-15-l{grid-column-start:15}.end-1-l{grid-column-end:1}.end-2-l{grid-column-end:2}.end-3-l{grid-column-end:3}.end-4-l{grid-column-end:4}.end-5-l{grid-column-end:5}.end-6-l{grid-column-end:6}.end-7-l{grid-column-end:7}.end-8-l{grid-column-end:8}.end-9-l{grid-column-end:9}.end-10-l{grid-column-end:10}.end-11-l{grid-column-end:11}.end-12-l{grid-column-end:12}.end-13-l{grid-column-end:13}.end-14-l{grid-column-end:14}.end-15-l{grid-column-end:15}.end-16-l{grid-column-end:16}.row-auto-l{grid-row:auto}.row-start-1-l{grid-row-start:1}.row-start-2-l{grid-row-start:2}.row-start-3-l{grid-row-start:3}.row-start-4-l{grid-row-start:4}.row-start-5-l{grid-row-start:5}.row-start-6-l{grid-row-start:6}.row-start-7-l{grid-row-start:7}.row-start-8-l{grid-row-start:8}.row-start-9-l{grid-row-start:9}.row-start-10-l{grid-row-start:10}.row-start-11-l{grid-row-start:11}.row-start-12-l{grid-row-start:12}.row-start-13-l{grid-row-start:13}.row-start-14-l{grid-row-start:14}.row-start-15-l{grid-row-start:15}.row-start-16-l{grid-row-start:16}.row-end-1-l{grid-row-end:1}.row-end-2-l{grid-row-end:2}.row-end-3-l{grid-row-end:3}.row-end-4-l{grid-row-end:4}.row-end-5-l{grid-row-end:5}.row-end-6-l{grid-row-end:6}.row-end-7-l{grid-row-end:7}.row-end-8-l{grid-row-end:8}.row-end-9-l{grid-row-end:9}.row-end-10-l{grid-row-end:10}.row-end-11-l{grid-row-end:11}.row-end-12-l{grid-row-end:12}.row-end-13-l{grid-row-end:13}.row-end-14-l{grid-row-end:14}.row-end-15-l{grid-row-end:15}.row-end-16-l{grid-row-end:16}.flex-l{display:flex}.inline-flex-l{display:inline-flex}.flex-auto-l{flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{flex:none}.flex-grow-0-l{flex-grow:0}.flex-grow-1-l{flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.flex-column-l{flex-direction:column}.flex-row-l{flex-direction:row}.flex-column-reverse-l{flex-direction:column-reverse}.flex-row-reverse-l{flex-direction:row-reverse}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.items-start-l{align-items:flex-start}.items-end-l{align-items:flex-end}.items-center-l{align-items:center}.items-baseline-l{align-items:baseline}.items-stretch-l{align-items:stretch}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-self-start-l{justify-self:start}.justify-self-end-l{justify-self:end}.justify-self-center-l{justify-self:center}.justify-self-stretch-l{justify-self:stretch}.justify-start-l{justify-content:flex-start}.justify-end-l{justify-content:flex-end}.justify-center-l{justify-content:center}.justify-between-l{justify-content:space-between}.justify-around-l{justify-content:space-around}.order-0-l{order:0}.order-1-l{order:1}.order-2-l{order:2}.order-3-l{order:3}.order-4-l{order:4}.order-5-l{order:5}.order-6-l{order:6}.order-7-l{order:7}.order-8-l{order:8}.order-last-l{order:99999}.fl-l{float:left}.fr-l{float:right}.fn-l{float:none}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:var(--letter-spacing-tracked,.1em)}.tracked-tight-l{letter-spacing:var(--letter-spacing-tight,-.05em)}.tracked-mega-l{letter-spacing:var(--letter-spacing-large,.25em)}.lh-solid-l{line-height:var(--line-height-solid,1)}.lh-title-l{line-height:var(--line-height-title,1.25)}.lh-copy-l{line-height:var(--line-height-body,1.5)}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w0-l{width:var(--size-0,0)}.w1-l{width:var(--size-1,1rem)}.w2-l{width:var(--size-2,2rem)}.w3-l{width:var(--size-3,3rem)}.w4-l{width:var(--size-4,4rem)}.w5-l{width:var(--size-5,8rem)}.w6-l{width:var(--size-6,16rem)}.w7-l{width:var(--size-7,32rem)}.w8-l{width:var(--size-8,64rem)}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-50-l{width:50%}.w-75-l{width:75%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.sticky-l{position:-webkit-sticky;position:sticky}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.p0-l{padding:var(--spacing-0,0)}.p1-l{padding:var(--spacing-1,4px)}.p2-l{padding:var(--spacing-2,8px)}.p3-l{padding:var(--spacing-3,16px)}.p4-l{padding:var(--spacing-4,32px)}.p5-l{padding:var(--spacing-5,64px)}.p6-l{padding:var(--spacing-6,128px)}.p7-l{padding:var(--spacing-7,256px)}.p8-l{padding:var(--spacing-8,512px)}.pl0-l{padding-left:var(--spacing-0,0)}.pl1-l{padding-left:var(--spacing-1,4px)}.pl2-l{padding-left:var(--spacing-2,8px)}.pl3-l{padding-left:var(--spacing-3,16px)}.pl4-l{padding-left:var(--spacing-4,32px)}.pl5-l{padding-left:var(--spacing-5,64px)}.pl6-l{padding-left:var(--spacing-6,128px)}.pl7-l{padding-left:var(--spacing-7,256px)}.pl8-l{padding-left:var(--spacing-8,512px)}.pr0-l{padding-right:var(--spacing-0,0)}.pr1-l{padding-right:var(--spacing-1,4px)}.pr2-l{padding-right:var(--spacing-2,8px)}.pr3-l{padding-right:var(--spacing-3,16px)}.pr4-l{padding-right:var(--spacing-4,32px)}.pr5-l{padding-right:var(--spacing-5,64px)}.pr6-l{padding-right:var(--spacing-6,128px)}.pr7-l{padding-right:var(--spacing-7,256px)}.pr8-l{padding-right:var(--spacing-8,512px)}.pb0-l{padding-bottom:var(--spacing-0,0)}.pb1-l{padding-bottom:var(--spacing-1,4px)}.pb2-l{padding-bottom:var(--spacing-2,8px)}.pb3-l{padding-bottom:var(--spacing-3,16px)}.pb4-l{padding-bottom:var(--spacing-4,32px)}.pb5-l{padding-bottom:var(--spacing-5,64px)}.pb6-l{padding-bottom:var(--spacing-6,128px)}.pb7-l{padding-bottom:var(--spacing-7,256px)}.pb8-l{padding-bottom:var(--spacing-8,512px)}.pt0-l{padding-top:var(--spacing-0,0)}.pt1-l{padding-top:var(--spacing-1,4px)}.pt2-l{padding-top:var(--spacing-2,8px)}.pt3-l{padding-top:var(--spacing-3,16px)}.pt4-l{padding-top:var(--spacing-4,32px)}.pt5-l{padding-top:var(--spacing-5,64px)}.pt6-l{padding-top:var(--spacing-6,128px)}.pt7-l{padding-top:var(--spacing-7,256px)}.pt8-l{padding-top:var(--spacing-8,512px)}.py0-l{padding-top:var(--spacing-0,0);padding-bottom:var(--spacing-0,0)}.py1-l{padding-top:var(--spacing-1,4px);padding-bottom:var(--spacing-1,4px)}.py2-l{padding-top:var(--spacing-2,8px);padding-bottom:var(--spacing-2,8px)}.py3-l{padding-top:var(--spacing-3,16px);padding-bottom:var(--spacing-3,16px)}.py4-l{padding-top:var(--spacing-4,32px);padding-bottom:var(--spacing-4,32px)}.py5-l{padding-top:var(--spacing-5,64px);padding-bottom:var(--spacing-5,64px)}.py6-l{padding-top:var(--spacing-6,128px);padding-bottom:var(--spacing-6,128px)}.py7-l{padding-top:var(--spacing-7,256px);padding-bottom:var(--spacing-7,256px)}.py8-l{padding-top:var(--spacing-8,512px);padding-bottom:var(--spacing-8,512px)}.px0-l{padding-left:var(--spacing-0,0);padding-right:var(--spacing-0,0)}.px1-l{padding-left:var(--spacing-1,4px);padding-right:var(--spacing-1,4px)}.px2-l{padding-left:var(--spacing-2,8px);padding-right:var(--spacing-2,8px)}.px3-l{padding-left:var(--spacing-3,16px);padding-right:var(--spacing-3,16px)}.px4-l{padding-left:var(--spacing-4,32px);padding-right:var(--spacing-4,32px)}.px5-l{padding-left:var(--spacing-5,64px);padding-right:var(--spacing-5,64px)}.px6-l{padding-left:var(--spacing-6,128px);padding-right:var(--spacing-6,128px)}.px7-l{padding-left:var(--spacing-7,256px);padding-right:var(--spacing-7,256px)}.px8-l{padding-left:var(--spacing-8,512px);padding-right:var(--spacing-8,512px)}.m0-l{margin:var(--spacing-0,0)}.m1-l{margin:var(--spacing-1,4px)}.m2-l{margin:var(--spacing-2,8px)}.m3-l{margin:var(--spacing-3,16px)}.m4-l{margin:var(--spacing-4,32px)}.m5-l{margin:var(--spacing-5,64px)}.m6-l{margin:var(--spacing-6,128px)}.m7-l{margin:var(--spacing-7,256px)}.m8-l{margin:var(--spacing-8,512px)}.ml0-l{margin-left:var(--spacing-0,0)}.ml1-l{margin-left:var(--spacing-1,4px)}.ml2-l{margin-left:var(--spacing-2,8px)}.ml3-l{margin-left:var(--spacing-3,16px)}.ml4-l{margin-left:var(--spacing-4,32px)}.ml5-l{margin-left:var(--spacing-5,64px)}.ml6-l{margin-left:var(--spacing-6,128px)}.ml7-l{margin-left:var(--spacing-7,256px)}.ml8-l{margin-left:var(--spacing-8,512px)}.mr0-l{margin-right:var(--spacing-0,0)}.mr1-l{margin-right:var(--spacing-1,4px)}.mr2-l{margin-right:var(--spacing-2,8px)}.mr3-l{margin-right:var(--spacing-3,16px)}.mr4-l{margin-right:var(--spacing-4,32px)}.mr5-l{margin-right:var(--spacing-5,64px)}.mr6-l{margin-right:var(--spacing-6,128px)}.mr7-l{margin-right:var(--spacing-7,256px)}.mr8-l{margin-right:var(--spacing-8,512px)}.mb0-l{margin-bottom:var(--spacing-0,0)}.mb1-l{margin-bottom:var(--spacing-1,4px)}.mb2-l{margin-bottom:var(--spacing-2,8px)}.mb3-l{margin-bottom:var(--spacing-3,16px)}.mb4-l{margin-bottom:var(--spacing-4,32px)}.mb5-l{margin-bottom:var(--spacing-5,64px)}.mb6-l{margin-bottom:var(--spacing-6,128px)}.mb7-l{margin-bottom:var(--spacing-7,256px)}.mb8-l{margin-bottom:var(--spacing-8,512px)}.mt0-l{margin-top:var(--spacing-0,0)}.mt1-l{margin-top:var(--spacing-1,4px)}.mt2-l{margin-top:var(--spacing-2,8px)}.mt3-l{margin-top:var(--spacing-3,16px)}.mt4-l{margin-top:var(--spacing-4,32px)}.mt5-l{margin-top:var(--spacing-5,64px)}.mt6-l{margin-top:var(--spacing-6,128px)}.mt7-l{margin-top:var(--spacing-7,256px)}.mt8-l{margin-top:var(--spacing-8,512px)}.my0-l{margin-top:var(--spacing-0,0);margin-bottom:var(--spacing-0,0)}.my1-l{margin-top:var(--spacing-1,4px);margin-bottom:var(--spacing-1,4px)}.my2-l{margin-top:var(--spacing-2,8px);margin-bottom:var(--spacing-2,8px)}.my3-l{margin-top:var(--spacing-3,16px);margin-bottom:var(--spacing-3,16px)}.my4-l{margin-top:var(--spacing-4,32px);margin-bottom:var(--spacing-4,32px)}.my5-l{margin-top:var(--spacing-5,64px);margin-bottom:var(--spacing-5,64px)}.my6-l{margin-top:var(--spacing-6,128px);margin-bottom:var(--spacing-6,128px)}.my7-l{margin-top:var(--spacing-7,256px);margin-bottom:var(--spacing-7,256px)}.my8-l{margin-top:var(--spacing-8,512px);margin-bottom:var(--spacing-8,512px)}.mx0-l{margin-left:var(--spacing-0,0);margin-right:var(--spacing-0,0)}.mx1-l{margin-left:var(--spacing-1,4px);margin-right:var(--spacing-1,4px)}.mx2-l{margin-left:var(--spacing-2,8px);margin-right:var(--spacing-2,8px)}.mx3-l{margin-left:var(--spacing-3,16px);margin-right:var(--spacing-3,16px)}.mx4-l{margin-left:var(--spacing-4,32px);margin-right:var(--spacing-4,32px)}.mx5-l{margin-left:var(--spacing-5,64px);margin-right:var(--spacing-5,64px)}.mx6-l{margin-left:var(--spacing-6,128px);margin-right:var(--spacing-6,128px)}.mx7-l{margin-left:var(--spacing-7,256px);margin-right:var(--spacing-7,256px)}.mx8-l{margin-left:var(--spacing-8,512px);margin-right:var(--spacing-8,512px)}.na1-l{margin:calc(-1 * var(--spacing-1))}.na2-l{margin:calc(-1 * var(--spacing-2))}.na3-l{margin:calc(-1 * var(--spacing-3))}.na4-l{margin:calc(-1 * var(--spacing-4))}.na5-l{margin:calc(-1 * var(--spacing-5))}.na6-l{margin:calc(-1 * var(--spacing-6))}.na7-l{margin:calc(-1 * var(--spacing-7))}.nl1-l{margin-left:calc(-1 * var(--spacing-1))}.nl2-l{margin-left:calc(-1 * var(--spacing-2))}.nl3-l{margin-left:calc(-1 * var(--spacing-3))}.nl4-l{margin-left:calc(-1 * var(--spacing-4))}.nl5-l{margin-left:calc(-1 * var(--spacing-5))}.nl6-l{margin-left:calc(-1 * var(--spacing-6))}.nl7-l{margin-left:calc(-1 * var(--spacing-7))}.nr1-l{margin-right:calc(-1 * var(--spacing-1))}.nr2-l{margin-right:calc(-1 * var(--spacing-2))}.nr3-l{margin-right:calc(-1 * var(--spacing-3))}.nr4-l{margin-right:calc(-1 * var(--spacing-4))}.nr5-l{margin-right:calc(-1 * var(--spacing-5))}.nr6-l{margin-right:calc(-1 * var(--spacing-6))}.nr7-l{margin-right:calc(-1 * var(--spacing-7))}.nb1-l{margin-bottom:calc(-1 * var(--spacing-1))}.nb2-l{margin-bottom:calc(-1 * var(--spacing-2))}.nb3-l{margin-bottom:calc(-1 * var(--spacing-3))}.nb4-l{margin-bottom:calc(-1 * var(--spacing-4))}.nb5-l{margin-bottom:calc(-1 * var(--spacing-5))}.nb6-l{margin-bottom:calc(-1 * var(--spacing-6))}.nb7-l{margin-bottom:calc(-1 * var(--spacing-7))}.nt1-l{margin-top:calc(-1 * var(--spacing-1))}.nt2-l{margin-top:calc(-1 * var(--spacing-2))}.nt3-l{margin-top:calc(-1 * var(--spacing-3))}.nt4-l{margin-top:calc(-1 * var(--spacing-4))}.nt5-l{margin-top:calc(-1 * var(--spacing-5))}.nt6-l{margin-top:calc(-1 * var(--spacing-6))}.nt7-l{margin-top:calc(-1 * var(--spacing-7))}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f1-l{font-size:var(--font-size-0,.75rem)}.f2-l{font-size:var(--font-size-1,.875rem)}.f3-l{font-size:var(--font-size-2,1rem)}.f4-l{font-size:var(--font-size-3,1.125rem)}.f5-l{font-size:var(--font-size-4,1.25rem)}.f6-l{font-size:var(--font-size-5,1.5rem)}.f7-l{font-size:var(--font-size-6,2rem)}.f8-l{font-size:var(--font-size-7,3rem)}.f9-l{font-size:var(--font-size-8,4rem)}.f10-l{font-size:var(--font-size-9,6rem)}.f11-l{font-size:var(--font-size-10,8rem)}.f12-l{font-size:var(--font-size-11,12rem)}.measure-l{max-width:66ch}.measure-wide-l{max-width:80ch}.measure-narrow-l{max-width:45ch}.small-caps-l{font-variant:small-caps}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}} diff --git a/src/_element-defaults.css b/src/_element-defaults.css new file mode 100644 index 0000000..5a80262 --- /dev/null +++ b/src/_element-defaults.css @@ -0,0 +1,113 @@ +html {} + +body {} +article {} +section {} +nav {} +aside {} +h1 {} +h2 {} +h3 {} +h4 {} +h5 {} +h6 {} +header {} +footer {} +address {} + +p {} +hr {} +pre {} +blockquote {} +ol {} +ul {} +li {} +dl {} +dt {} +dd {} +figure {} +figcaption {} +main {} +div {} + +a {} +em {} +strong {} +small {} +s {} +cite {} +q {} +dfn {} +abbr {} +ruby {} +rt {} +rp {} +data {} +time {} +code {} +var {} +samp {} +kbd {} +sub {} +sup {} +i {} +b {} +u {} +mark {} +bdi {} +bdo {} +span {} +br {} +wbr {} + +area {} +map {} + +ins {} +del {} + +picture {} +source {} +img {} +iframe {} +embed {} +object {} +param {} +video {} +audio {} +track {} + +table {} +caption {} +colgroup {} +col {} +tbody {} +thead {} +tfoot {} +tr {} +td {} +th {} + +form {} +fieldset {} +legend {} +label {} +input {} +button {} +select {} +datalist {} +optgroup {} +option {} +textarea {} +output {} +progress {} +meter {} + +details {} +summary {} +dialog {} +menu {} +menuitem {} +slot {} +template {} + diff --git a/src/tachyons.css b/src/tachyons.css index 3ec213e..958fcf3 100644 --- a/src/tachyons.css +++ b/src/tachyons.css @@ -30,7 +30,9 @@ /* Variables */ /* Importing here will allow you to override any variables in the modules */ @import './_media-queries'; -@import './_colors'; +@import './_variables'; + +@import './_gradients'; /* Modules */ @@ -46,6 +48,7 @@ @import './_border-style'; @import './_border-widths'; @import './_box-shadow'; +@import './_text-shadow'; @import './_code'; @import './_coordinates'; @import './_clears';