Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/
.hide-child .child { opacity: 0; transition: opacity .15s ease-in; }
.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; }
.underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
/* Can combine this with overflow-hidden to make background images grow on hover
* even if you are using background-size: cover */
.grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; }
.grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); }
.grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); }
.grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); }
.grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); }
/* Add pointer on hover */
.pointer:hover { cursor: pointer; }
/*
Add shadow on hover.
Performant box-shadow animation pattern from
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); }
.shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); }
.shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; }
/* Combine with classes in skins and skins-pseudo for
* many different transition possibilities. */
.bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; }
/*
Z-INDEX
Base
z = z-index
Modifiers
-0 = literal value 0
-1 = literal value 1
-2 = literal value 2
-3 = literal value 3
-4 = literal value 4
-5 = literal value 5
-999 = literal value 999
-9999 = literal value 9999
-max = largest accepted z-index value as integer
-inherit = string value inherit
-initial = string value initial
-unset = string value unset
MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
Spec: http://www.w3.org/TR/CSS2/zindex.html
Articles:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
Tips on extending:
There might be a time worth using negative z-index values.
Or if you are using tachyons with another project, you might need to
adjust these values to suit your needs.
*/
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-999 { z-index: 999; }
.z-9999 { z-index: 9999; }
.z-max { z-index: 2147483647; }
.z-inherit { z-index: inherit; }
.z-initial { z-index: initial; }
.z-unset { z-index: unset; }
/*
NESTED
Tachyons module for styling nested elements
that are generated by a cms.
*/
.nested-copy-line-height p, .nested-copy-line-height ul,
.nested-copy-line-height ol { line-height: 1.5; }
.nested-headline-line-height h1, .nested-headline-line-height h2,
.nested-headline-line-height h3, .nested-headline-line-height h4,
.nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; }
.nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; }
.nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.nested-copy-separator p+p { margin-top: 1.5em; }
.nested-img img { width: 100%; max-width: 100%; display: block; }
.nested-links a { color: #357edd; transition: color .15s ease-in; }
.nested-links a:hover { color: #96ccff; transition: color .15s ease-in; }
.nested-links a:focus { color: #96ccff; transition: color .15s ease-in; }
/*
STYLES
Add custom styles here.
*/
/*colors*/
.ck-primary-color { color: #0091ff; }
.ck-dark-text { color: #5a5c5e; }
.ck-light-text { color: #939799; }
.ck-link-color { color: #0091ff; }
.ck-border-light { border-color: #e6e9eb; }
.ck-border-dark { border-color: #b0b5b8; }
.ck-background-light { background-color: #f5f6f7; }
.ck-white { color: #fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; }
.ck-primary-10 { color: #e5f4ff; }
.ck-primary-20 { color: #bde2ff; }
.ck-primary-30 { color: #8fceff; }
.ck-primary-40 { color: #57b6ff; }
.ck-primary-50 { color: #0091ff; }
.ck-primary-60 { color: #0079d6; }
.ck-primary-70 { color: #0065b3; }
.ck-primary-80 { color: #004f8c; }
.ck-primary-90 { color: #003a66; }
.ck-green-10 { color: #eafaf3; }
.ck-green-20 { color: #cbf6e1; }
.ck-green-30 { color: #99ebc6; }
.ck-green-40 { color: #76e5b3; }
.ck-green-50 { color: #3ddb93; }
.ck-green-60 { color: #34ba7e; }
.ck-green-70 { color: #2c9968; }
.ck-green-80 { color: #227851; }
.ck-green-90 { color: #18573b; }
.ck-blue-10 { color: #e5f4ff; }
.ck-blue-20 { color: #bde2ff; }
.ck-blue-30 { color: #8fceff; }
.ck-blue-40 { color: #57b6ff; }
.ck-blue-50 { color: #0091ff; }
.ck-blue-60 { color: #0079d6; }
.ck-blue-70 { color: #0065b3; }
.ck-blue-80 { color: #004f8c; }
.ck-blue-90 { color: #003a66; }
.ck-yellow-10 { color: #fffae5; }
.ck-yellow-20 { color: #fff0b8; }
.ck-yellow-30 { color: #ffe98f; }
.ck-yellow-40 { color: #fdde63; }
.ck-yellow-50 { color: #ffd324; }
.ck-yellow-60 { color: #d9b31e; }
.ck-yellow-70 { color: #b39419; }
.ck-yellow-80 { color: #8c7414; }
.ck-yellow-90 { color: #5e4d0c; }
.ck-orange-10 { color: #ffefe6; }
.ck-orange-20 { color: #fad4bd; }
.ck-orange-30 { color: #f5a878; }
.ck-orange-40 { color: #f08d4f; }
.ck-orange-50 { color: #ed7023; }
.ck-orange-60 { color: #c76020; }
.ck-orange-70 { color: #a34d17; }
.ck-orange-80 { color: #823c11; }
.ck-orange-90 { color: #5c2d11; }
.ck-red-10 { color: #ffebeb; }
.ck-red-20 { color: #ffc7c7; }
.ck-red-30 { color: #ff9e9e; }
.ck-red-40 { color: #ff7d7d; }
.ck-red-50 { color: #ff5d5d; }
.ck-red-60 { color: #ce3b3b; }
.ck-red-70 { color: #b34040; }
.ck-red-80 { color: #8c3232; }
.ck-red-90 { color: #662525; }
.ck-black-10 { color: #f5f6f7; }
.ck-black-20 { color: #e6e9eb; }
.ck-black-30 { color: #d5d9db; }
.ck-black-40 { color: #cdd1d4; }
.ck-black-50 { color: #b0b5b8; }
.ck-black-60 { color: #939799; }
.ck-black-70 { color: #777a7d; }
.ck-black-80 { color: #5a5c5e; }
.ck-black-90 { color: #404345; }
/*hover colors*/
.hover-ck-dark-text:hover { color: #5a5c5e; }
.hover-ck-dark-text:focus { color: #5a5c5e; }
.hover-ck-light-text:hover { color: #939799; }
.hover-ck-light-text:focus { color: #939799; }
.hover-ck-link-color:hover { color: #0091ff; }
.hover-ck-link-color:focus { color: #0091ff; }
.hover-ck-border-light:hover { border-color: #e6e9eb; }
.hover-ck-border-light:focus { border-color: #e6e9eb; }
.hover-ck-border-dark:hover { border-color: #b0b5b8; }
.hover-ck-border-dark:focus { border-color: #b0b5b8; }
.hover-ck-background-light:hover { background-color: #f5f6f7; }
.hover-ck-background-light:focus { background-color: #f5f6f7; }
.hover-ck-white:hover { color: #fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; }
.hover-ck-white:focus { color: #fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; }
.hover-ck-primary-10:hover { color: #e5f4ff; }
.hover-ck-primary-20:hover { color: #bde2ff; }
.hover-ck-primary-30:hover { color: #8fceff; }
.hover-ck-primary-40:hover { color: #57b6ff; }
.hover-ck-primary-50:hover { color: #0091ff; }
.hover-ck-primary-60:hover { color: #0079d6; }
.hover-ck-primary-70:hover { color: #0065b3; }
.hover-ck-primary-80:hover { color: #004f8c; }
.hover-ck-primary-90:hover { color: #003a66; }
.hover-ck-green-10:hover { color: #eafaf3; }
.hover-ck-green-10:focus { color: #eafaf3; }
.hover-ck-green-20:hover { color: #cbf6e1; }
.hover-ck-green-20:focus { color: #cbf6e1; }
.hover-ck-green-30:hover { color: #99ebc6; }
.hover-ck-green-30:focus { color: #99ebc6; }
.hover-ck-green-40:hover { color: #76e5b3; }
.hover-ck-green-40:focus { color: #76e5b3; }
.hover-ck-green-50:hover { color: #3ddb93; }
.hover-ck-green-50:focus { color: #3ddb93; }
.hover-ck-green-60:hover { color: #34ba7e; }
.hover-ck-green-60:focus { color: #34ba7e; }
.hover-ck-green-70:hover { color: #2c9968; }
.hover-ck-green-70:focus { color: #2c9968; }
.hover-ck-green-80:hover { color: #227851; }
.hover-ck-green-80:focus { color: #227851; }
.hover-ck-green-90:hover { color: #18573b; }
.hover-ck-green-90:focus { color: #18573b; }
.hover-ck-blue-10:hover { color: #e5f4ff; }
.hover-ck-blue-10:focus { color: #e5f4ff; }
.hover-ck-blue-20:hover { color: #bde2ff; }
.hover-ck-blue-20:focus { color: #bde2ff; }
.hover-ck-blue-30:hover { color: #8fceff; }
.hover-ck-blue-30:focus { color: #8fceff; }
.hover-ck-blue-40:hover { color: #57b6ff; }
.hover-ck-blue-40:focus { color: #57b6ff; }
.hover-ck-blue-50:hover { color: #0091ff; }
.hover-ck-blue-50:focus { color: #0091ff; }
.hover-ck-blue-60:hover { color: #0079d6; }
.hover-ck-blue-60:focus { color: #0079d6; }
.hover-ck-blue-70:hover { color: #0065b3; }
.hover-ck-blue-70:focus { color: #0065b3; }
.hover-ck-blue-80:hover { color: #004f8c; }
.hover-ck-blue-80:focus { color: #004f8c; }
.hover-ck-blue-90:hover { color: #003a66; }
.hover-ck-blue-90:focus { color: #003a66; }
.hover-ck-yellow-10:hover { color: #fffae5; }
.hover-ck-yellow-10:focus { color: #fffae5; }
.hover-ck-yellow-20:hover { color: #fff0b8; }
.hover-ck-yellow-20:focus { color: #fff0b8; }
.hover-ck-yellow-30:hover { color: #ffe98f; }
.hover-ck-yellow-30:focus { color: #ffe98f; }
.hover-ck-yellow-40:hover { color: #fdde63; }
.hover-ck-yellow-40:focus { color: #fdde63; }
.hover-ck-yellow-50:hover { color: #ffd324; }
.hover-ck-yellow-50:focus { color: #ffd324; }
.hover-ck-yellow-60:hover { color: #d9b31e; }
.hover-ck-yellow-60:focus { color: #d9b31e; }
.hover-ck-yellow-70:hover { color: #b39419; }
.hover-ck-yellow-70:focus { color: #b39419; }
.hover-ck-yellow-80:hover { color: #8c7414; }
.hover-ck-yellow-80:focus { color: #8c7414; }
.hover-ck-yellow-90:hover { color: #5e4d0c; }
.hover-ck-yellow-90:focus { color: #5e4d0c; }
.hover-ck-orange-10:hover { color: #ffefe6; }
.hover-ck-orange-10:focus { color: #ffefe6; }
.hover-ck-orange-20:hover { color: #fad4bd; }
.hover-ck-orange-20:focus { color: #fad4bd; }
.hover-ck-orange-30:hover { color: #f5a878; }
.hover-ck-orange-30:focus { color: #f5a878; }
.hover-ck-orange-40:hover { color: #f08d4f; }
.hover-ck-orange-40:focus { color: #f08d4f; }
.hover-ck-orange-50:hover { color: #ed7023; }
.hover-ck-orange-50:focus { color: #ed7023; }
.hover-ck-orange-60:hover { color: #c76020; }
.hover-ck-orange-60:focus { color: #c76020; }
.hover-ck-orange-70:hover { color: #a34d17; }
.hover-ck-orange-70:focus { color: #a34d17; }
.hover-ck-orange-80:hover { color: #823c11; }
.hover-ck-orange-80:focus { color: #823c11; }
.hover-ck-orange-90:hover { color: #5c2d11; }
.hover-ck-orange-90:focus { color: #5c2d11; }
.hover-ck-red-10:hover { color: #ffebeb; }
.hover-ck-red-10:focus { color: #ffebeb; }
.hover-ck-red-20:hover { color: #ffc7c7; }
.hover-ck-red-20:focus { color: #ffc7c7; }
.hover-ck-red-30:hover { color: #ff9e9e; }
.hover-ck-red-30:focus { color: #ff9e9e; }
.hover-ck-red-40:hover { color: #ff7d7d; }
.hover-ck-red-40:focus { color: #ff7d7d; }
.hover-ck-red-50:hover { color: #ff5d5d; }
.hover-ck-red-50:focus { color: #ff5d5d; }
.hover-ck-red-60:hover { color: #ce3b3b; }
.hover-ck-red-60:focus { color: #ce3b3b; }
.hover-ck-red-70:hover { color: #b34040; }
.hover-ck-red-70:focus { color: #b34040; }
.hover-ck-red-80:hover { color: #8c3232; }
.hover-ck-red-80:focus { color: #8c3232; }
.hover-ck-red-90:hover { color: #662525; }
.hover-ck-red-90:focus { color: #662525; }
.hover-ck-black-10:hover { color: #f5f6f7; }
.hover-ck-black-10:focus { color: #f5f6f7; }
.hover-ck-black-20:hover { color: #e6e9eb; }
.hover-ck-black-20:focus { color: #e6e9eb; }
.hover-ck-black-30:hover { color: #d5d9db; }
.hover-ck-black-30:focus { color: #d5d9db; }
.hover-ck-black-40:hover { color: #cdd1d4; }
.hover-ck-black-40:focus { color: #cdd1d4; }
.hover-ck-black-50:hover { color: #b0b5b8; }
.hover-ck-black-50:focus { color: #b0b5b8; }
.hover-ck-black-60:hover { color: #939799; }
.hover-ck-black-60:focus { color: #939799; }
.hover-ck-black-70:hover { color: #777a7d; }
.hover-ck-black-70:focus { color: #777a7d; }
.hover-ck-black-80:hover { color: #5a5c5e; }
.hover-ck-black-80:focus { color: #5a5c5e; }
.hover-ck-black-90:hover { color: #404345; }
.hover-ck-black-90:focus { color: #404345; }
/*background colors*/
.bg-ck-primary-color { background-color: #0091ff; }
.bg-ck-primary-10 { background-color: #e5f4ff; }
.bg-ck-primary-20 { background-color: #bde2ff; }
.bg-ck-primary-30 { background-color: #8fceff; }
.bg-ck-primary-40 { background-color: #57b6ff; }
.bg-ck-primary-50 { background-color: #0091ff; }
.bg-ck-primary-60 { background-color: #0079d6; }
.bg-ck-primary-70 { background-color: #0065b3; }
.bg-ck-primary-80 { background-color: #004f8c; }
.bg-ck-primary-90 { background-color: #003a66; }
.bg-ck-green-10 { background-color: #eafaf3; }
.bg-ck-green-20 { background-color: #cbf6e1; }
.bg-ck-green-30 { background-color: #99ebc6; }
.bg-ck-green-40 { background-color: #76e5b3; }
.bg-ck-green-50 { background-color: #3ddb93; }
.bg-ck-green-60 { background-color: #34ba7e; }
.bg-ck-green-70 { background-color: #2c9968; }
.bg-ck-green-80 { background-color: #227851; }
.bg-ck-green-90 { background-color: #18573b; }
.bg-ck-blue-10 { background-color: #e5f4ff; }
.bg-ck-blue-20 { background-color: #bde2ff; }
.bg-ck-blue-30 { background-color: #8fceff; }
.bg-ck-blue-40 { background-color: #57b6ff; }
.bg-ck-blue-50 { background-color: #0091ff; }
.bg-ck-blue-60 { background-color: #0079d6; }
.bg-ck-blue-70 { background-color: #0065b3; }
.bg-ck-blue-80 { background-color: #004f8c; }
.bg-ck-blue-90 { background-color: #003a66; }
.bg-ck-yellow-10 { background-color: #fffae5; }
.bg-ck-yellow-20 { background-color: #fff0b8; }
.bg-ck-yellow-30 { background-color: #ffe98f; }
.bg-ck-yellow-40 { background-color: #fdde63; }
.bg-ck-yellow-50 { background-color: #ffd324; }
.bg-ck-yellow-60 { background-color: #d9b31e; }
.bg-ck-yellow-70 { background-color: #b39419; }
.bg-ck-yellow-80 { background-color: #8c7414; }
.bg-ck-yellow-90 { background-color: #5e4d0c; }
.bg-ck-orange-10 { background-color: #ffefe6; }
.bg-ck-orange-20 { background-color: #fad4bd; }
.bg-ck-orange-30 { background-color: #f5a878; }
.bg-ck-orange-40 { background-color: #f08d4f; }
.bg-ck-orange-50 { background-color: #ed7023; }
.bg-ck-orange-60 { background-color: #c76020; }
.bg-ck-orange-70 { background-color: #a34d17; }
.bg-ck-orange-80 { background-color: #823c11; }
.bg-ck-orange-90 { background-color: #5c2d11; }
.bg-ck-red-10 { background-color: #ffebeb; }
.bg-ck-red-20 { background-color: #ffc7c7; }
.bg-ck-red-30 { background-color: #ff9e9e; }
.bg-ck-red-40 { background-color: #ff7d7d; }
.bg-ck-red-50 { background-color: #ff5d5d; }
.bg-ck-red-60 { background-color: #ce3b3b; }
.bg-ck-red-70 { background-color: #b34040; }
.bg-ck-red-80 { background-color: #8c3232; }
.bg-ck-red-90 { background-color: #662525; }
.bg-ck-black-10 { background-color: #f5f6f7; }
.bg-ck-black-20 { background-color: #e6e9eb; }
.bg-ck-black-30 { background-color: #d5d9db; }
.bg-ck-black-40 { background-color: #cdd1d4; }
.bg-ck-black-50 { background-color: #b0b5b8; }
.bg-ck-black-60 { background-color: #939799; }
.bg-ck-black-70 { background-color: #777a7d; }
.bg-ck-black-80 { background-color: #5a5c5e; }
.bg-ck-black-90 { background-color: #404345; }
/* hover background primary colors */
.hover-bg-ck-primary-10:hover { background-color: #e5f4ff; }
.hover-bg-ck-primary-20:hover { background-color: #bde2ff; }
.hover-bg-ck-primary-30:hover { background-color: #8fceff; }
.hover-bg-ck-primary-40:hover { background-color: #57b6ff; }
.hover-bg-ck-primary-50:hover { background-color: #0091ff; }
.hover-bg-ck-primary-60:hover { background-color: #0079d6; }
.hover-bg-ck-primary-70:hover { background-color: #0065b3; }
.hover-bg-ck-primary-80:hover { background-color: #004f8c; }
.hover-bg-ck-primary-90:hover { background-color: #003a66; }
/*hover background colors*/
.hover-bg-ck-green-10:hover { background-color: #eafaf3; }
.hover-bg-ck-green-10:focus { background-color: #eafaf3; }
.hover-bg-ck-green-20:hover { background-color: #cbf6e1; }
.hover-bg-ck-green-20:focus { background-color: #cbf6e1; }
.hover-bg-ck-green-30:hover { background-color: #99ebc6; }
.hover-bg-ck-green-30:focus { background-color: #99ebc6; }
.hover-bg-ck-green-40:hover { background-color: #76e5b3; }
.hover-bg-ck-green-40:focus { background-color: #76e5b3; }
.hover-bg-ck-green-50:hover { background-color: #3ddb93; }
.hover-bg-ck-green-50:focus { background-color: #3ddb93; }
.hover-bg-ck-green-60:hover { background-color: #34ba7e; }
.hover-bg-ck-green-60:focus { background-color: #34ba7e; }
.hover-bg-ck-green-70:hover { background-color: #2c9968; }
.hover-bg-ck-green-70:focus { background-color: #2c9968; }
.hover-bg-ck-green-80:hover { background-color: #227851; }
.hover-bg-ck-green-80:focus { background-color: #227851; }
.hover-bg-ck-green-90:hover { background-color: #18573b; }
.hover-bg-ck-green-90:focus { background-color: #18573b; }
.hover-bg-ck-blue-10:hover { background-color: #e5f4ff; }
.hover-bg-ck-blue-10:focus { background-color: #e5f4ff; }
.hover-bg-ck-blue-20:hover { background-color: #bde2ff; }
.hover-bg-ck-blue-20:focus { background-color: #bde2ff; }
.hover-bg-ck-blue-30:hover { background-color: #8fceff; }
.hover-bg-ck-blue-30:focus { background-color: #8fceff; }
.hover-bg-ck-blue-40:hover { background-color: #57b6ff; }
.hover-bg-ck-blue-40:focus { background-color: #57b6ff; }
.hover-bg-ck-blue-50:hover { background-color: #0091ff; }
.hover-bg-ck-blue-50:focus { background-color: #0091ff; }
.hover-bg-ck-blue-60:hover { background-color: #0079d6; }
.hover-bg-ck-blue-60:focus { background-color: #0079d6; }
.hover-bg-ck-blue-70:hover { background-color: #0065b3; }
.hover-bg-ck-blue-70:focus { background-color: #0065b3; }
.hover-bg-ck-blue-80:hover { background-color: #004f8c; }
.hover-bg-ck-blue-80:focus { background-color: #004f8c; }
.hover-bg-ck-blue-90:hover { background-color: #003a66; }
.hover-bg-ck-blue-90:focus { background-color: #003a66; }
.hover-bg-ck-yellow-10:hover { background-color: #fffae5; }
.hover-bg-ck-yellow-10:focus { background-color: #fffae5; }
.hover-bg-ck-yellow-20:hover { background-color: #fff0b8; }
.hover-bg-ck-yellow-20:focus { background-color: #fff0b8; }
.hover-bg-ck-yellow-30:hover { background-color: #ffe98f; }
.hover-bg-ck-yellow-30:focus { background-color: #ffe98f; }
.hover-bg-ck-yellow-40:hover { background-color: #fdde63; }
.hover-bg-ck-yellow-40:focus { background-color: #fdde63; }
.hover-bg-ck-yellow-50:hover { background-color: #ffd324; }
.hover-bg-ck-yellow-50:focus { background-color: #ffd324; }
.hover-bg-ck-yellow-60:hover { background-color: #d9b31e; }
.hover-bg-ck-yellow-60:focus { background-color: #d9b31e; }
.hover-bg-ck-yellow-70:hover { background-color: #b39419; }
.hover-bg-ck-yellow-70:focus { background-color: #b39419; }
.hover-bg-ck-yellow-80:hover { background-color: #8c7414; }
.hover-bg-ck-yellow-80:focus { background-color: #8c7414; }
.hover-bg-ck-yellow-90:hover { background-color: #5e4d0c; }
.hover-bg-ck-yellow-90:focus { background-color: #5e4d0c; }
.hover-bg-ck-orange-10:hover { background-color: #ffefe6; }
.hover-bg-ck-orange-10:focus { background-color: #ffefe6; }
.hover-bg-ck-orange-20:hover { background-color: #fad4bd; }
.hover-bg-ck-orange-20:focus { background-color: #fad4bd; }
.hover-bg-ck-orange-30:hover { background-color: #f5a878; }
.hover-bg-ck-orange-30:focus { background-color: #f5a878; }
.hover-bg-ck-orange-40:hover { background-color: #f08d4f; }
.hover-bg-ck-orange-40:focus { background-color: #f08d4f; }
.hover-bg-ck-orange-50:hover { background-color: #ed7023; }
.hover-bg-ck-orange-50:focus { background-color: #ed7023; }
.hover-bg-ck-orange-60:hover { background-color: #c76020; }
.hover-bg-ck-orange-60:focus { background-color: #c76020; }
.hover-bg-ck-orange-70:hover { background-color: #a34d17; }
.hover-bg-ck-orange-70:focus { background-color: #a34d17; }
.hover-bg-ck-orange-80:hover { background-color: #823c11; }
.hover-bg-ck-orange-80:focus { background-color: #823c11; }
.hover-bg-ck-orange-90:hover { background-color: #5c2d11; }
.hover-bg-ck-orange-90:focus { background-color: #5c2d11; }
.hover-bg-ck-red-10:hover { background-color: #ffebeb; }
.hover-bg-ck-red-10:focus { background-color: #ffebeb; }
.hover-bg-ck-red-20:hover { background-color: #ffc7c7; }
.hover-bg-ck-red-20:focus { background-color: #ffc7c7; }
.hover-bg-ck-red-30:hover { background-color: #ff9e9e; }
.hover-bg-ck-red-30:focus { background-color: #ff9e9e; }
.hover-bg-ck-red-40:hover { background-color: #ff7d7d; }
.hover-bg-ck-red-40:focus { background-color: #ff7d7d; }
.hover-bg-ck-red-50:hover { background-color: #ff5d5d; }
.hover-bg-ck-red-50:focus { background-color: #ff5d5d; }
.hover-bg-ck-red-60:hover { background-color: #ce3b3b; }
.hover-bg-ck-red-60:focus { background-color: #ce3b3b; }
.hover-bg-ck-red-70:hover { background-color: #b34040; }
.hover-bg-ck-red-70:focus { background-color: #b34040; }
.hover-bg-ck-red-80:hover { background-color: #8c3232; }
.hover-bg-ck-red-80:focus { background-color: #8c3232; }
.hover-bg-ck-red-90:hover { background-color: #662525; }
.hover-bg-ck-red-90:focus { background-color: #662525; }
.hover-bg-ck-black-10:hover { background-color: #f5f6f7; }
.hover-bg-ck-black-10:focus { background-color: #f5f6f7; }
.hover-bg-ck-black-20:hover { background-color: #e6e9eb; }
.hover-bg-ck-black-20:focus { background-color: #e6e9eb; }
.hover-bg-ck-black-30:hover { background-color: #d5d9db; }
.hover-bg-ck-black-30:focus { background-color: #d5d9db; }
.hover-bg-ck-black-40:hover { background-color: #cdd1d4; }
.hover-bg-ck-black-40:focus { background-color: #cdd1d4; }
.hover-bg-ck-black-50:hover { background-color: #b0b5b8; }
.hover-bg-ck-black-50:focus { background-color: #b0b5b8; }
.hover-bg-ck-black-60:hover { background-color: #939799; }
.hover-bg-ck-black-60:focus { background-color: #939799; }
.hover-bg-ck-black-70:hover { background-color: #777a7d; }
.hover-bg-ck-black-70:focus { background-color: #777a7d; }
.hover-bg-ck-black-80:hover { background-color: #5a5c5e; }
.hover-bg-ck-black-80:focus { background-color: #5a5c5e; }
.hover-bg-ck-black-90:hover { background-color: #404345; }
.hover-bg-ck-black-90:focus { background-color: #404345; }
/*border colors*/
.b--ck-primary-10 { border-color: #e5f4ff; }
.b--ck-primary-20 { border-color: #bde2ff; }
.b--ck-primary-30 { border-color: #8fceff; }
.b--ck-primary-40 { border-color: #57b6ff; }
.b--ck-primary-50 { border-color: #0091ff; }
.b--ck-primary-60 { border-color: #0079d6; }
.b--ck-primary-70 { border-color: #0065b3; }
.b--ck-primary-80 { border-color: #004f8c; }
.b--ck-primary-90 { border-color: #003a66; }
.b--ck-green-10 { border-color: #eafaf3; }
.b--ck-green-20 { border-color: #cbf6e1; }
.b--ck-green-30 { border-color: #99ebc6; }
.b--ck-green-40 { border-color: #76e5b3; }
.b--ck-green-50 { border-color: #3ddb93; }
.b--ck-green-60 { border-color: #34ba7e; }
.b--ck-green-70 { border-color: #2c9968; }
.b--ck-green-80 { border-color: #227851; }
.b--ck-green-90 { border-color: #18573b; }
.b--ck-blue-10 { border-color: #e5f4ff; }
.b--ck-blue-20 { border-color: #bde2ff; }
.b--ck-blue-30 { border-color: #8fceff; }
.b--ck-blue-40 { border-color: #57b6ff; }
.b--ck-blue-50 { border-color: #0091ff; }
.b--ck-blue-60 { border-color: #0079d6; }
.b--ck-blue-70 { border-color: #0065b3; }
.b--ck-blue-80 { border-color: #004f8c; }
.b--ck-blue-90 { border-color: #003a66; }
.b--ck-yellow-10 { border-color: #fffae5; }
.b--ck-yellow-20 { border-color: #fff0b8; }
.b--ck-yellow-30 { border-color: #ffe98f; }
.b--ck-yellow-40 { border-color: #fdde63; }
.b--ck-yellow-50 { border-color: #ffd324; }
.b--ck-yellow-60 { border-color: #d9b31e; }
.b--ck-yellow-70 { border-color: #b39419; }
.b--ck-yellow-80 { border-color: #8c7414; }
.b--ck-yellow-90 { border-color: #5e4d0c; }
.b--ck-orange-10 { border-color: #ffefe6; }
.b--ck-orange-20 { border-color: #fad4bd; }
.b--ck-orange-30 { border-color: #f5a878; }
.b--ck-orange-40 { border-color: #f08d4f; }
.b--ck-orange-50 { border-color: #ed7023; }
.b--ck-orange-60 { border-color: #c76020; }
.b--ck-orange-70 { border-color: #a34d17; }
.b--ck-orange-80 { border-color: #823c11; }
.b--ck-orange-90 { border-color: #5c2d11; }
.b--ck-red-10 { border-color: #ffebeb; }
.b--ck-red-20 { border-color: #ffc7c7; }
.b--ck-red-30 { border-color: #ff9e9e; }
.b--ck-red-40 { border-color: #ff7d7d; }
.b--ck-red-50 { border-color: #ff5d5d; }
.b--ck-red-60 { border-color: #ce3b3b; }
.b--ck-red-70 { border-color: #b34040; }
.b--ck-red-80 { border-color: #8c3232; }
.b--ck-red-90 { border-color: #662525; }
.b--ck-black-10 { border-color: #f5f6f7; }
.b--ck-black-20 { border-color: #e6e9eb; }
.b--ck-black-30 { border-color: #d5d9db; }
.b--ck-black-40 { border-color: #cdd1d4; }
.b--ck-black-50 { border-color: #b0b5b8; }
.b--ck-black-60 { border-color: #939799; }
.b--ck-black-70 { border-color: #777a7d; }
.b--ck-black-80 { border-color: #5a5c5e; }
.b--ck-black-90 { border-color: #404345; }
/* add brand variables
/* Variables */
/* Importing here will allow you to override any variables in the modules */
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {/* CK Brand Colors *//* Named variables */ }
/*
CUSTOM MEDIA QUERIES
Media query values can be changed to fit your own content.
There are no magic bullets when it comes to media query width values.
They should be declared in em units - and they should be set to meet
the needs of your content. You can also add additional media queries,
or remove some of the existing ones.
These media queries can be referenced like so:
@media (--breakpoint-not-small) {
.medium-and-larger-specific-style {
background-color: red;
}
}
@media (--breakpoint-medium) {
.medium-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-large) {
.large-and-larger-screen-specific-style {
background-color: red;
}
}
*/
/* Media Queries */
@font-face { font-family: "Sailec"; src: url( "https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-regular.woff2" ) format( "woff2" ), url( "https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-regular.woff" ) format( "woff" ); font-weight: normal; }
@font-face { font-family: "Sailec"; src: url( "https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-bold.woff2" ) format( "woff2" ), url( "https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-bold.woff" ) format( "woff" ); font-weight: 700; }
/*
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: "source code pro", Consolas, monaco, monospace; }
.courier { font-family: "Courier Next", courier, monospace; }
/* Sans-Serif Typefaces */
.helvetica { font-family: "helvetica neue", helvetica, sans-serif; }
.sailec { font-family: "sailec", sans-serif; }
/*
TYPE SCALE
Docs: http://tachyons.io/docs/typography/scale/
Base:
f = font-size
Modifiers
1 = 1st step in size scale
2 = 2nd step in size scale
3 = 3rd step in size scale
4 = 4th step in size scale
5 = 5th step in size scale
6 = 6th step in size scale
7 = 7th step in size scale
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* Type Scale */
.f00 { font-size: 48px; }
.f0 { font-size: 40px; }
.f1 { font-size: 32px; }
.f2 { font-size: 24px; }
.f3 { font-size: 20px; }
.f4 { font-size: 16px; }
.f5 { font-size: 14px; }
.f6 { font-size: 12px; }
.f7 { font-size: 10px; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { font-family: 'sailec', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; }
h1 { color: #404345; }
h2 { color: #404345; }
h3 { color: #404345; }
h4 { color: #404345; }
h5 { color: #404345; }
h6 { color: #404345; }
body { color: #5a5c5e; }
a { text-decoration: none; }
input { border-radius: 2px; }
/* Debugging */
/*
DEBUG CHILDREN
Docs: http://tachyons.io/docs/debug/
Just add the debug class to any element to see outlines on its
children.
*/
.debug * { outline: 1px solid gold; }
.debug-white * { outline: 1px solid white; }
.debug-black * { outline: 1px solid black; }
/*
DEBUG GRID
http://tachyons.io/docs/debug-grid/
Can be useful for debugging layout issues
or helping to make sure things line up perfectly.
Just tack one of these classes onto a parent element.
*/
.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
/* Uncomment out the line below to help debug layout issues */
/* @import '../node_modules/tachyons/src/_debug'; */
@media screen and (min-width: 30em) {
.ck-shadow-ns { box-shadow: 0 0 8px 1px rgba( 64, 67, 69, .17 ); }
.ck-shadow-none-ns { box-shadow: none; }
.ck-height-xs-element-ns { height: 24px; }
.ck-height-s-element-ns { height: 32px; }
.ck-height-m-element-ns { height: 48px; }
.ck-height-l-element-ns { height: 64px; }
.aspect-ratio-ns { height: 0; position: relative; }
.aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
.aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
.aspect-ratio--4x3-ns { padding-bottom: 75%; }
.aspect-ratio--3x4-ns { padding-bottom: 133.33%; }
.aspect-ratio--6x4-ns { padding-bottom: 66.6%; }
.aspect-ratio--4x6-ns { padding-bottom: 150%; }
.aspect-ratio--8x5-ns { padding-bottom: 62.5%; }
.aspect-ratio--5x8-ns { padding-bottom: 160%; }
.aspect-ratio--7x5-ns { padding-bottom: 71.42%; }
.aspect-ratio--5x7-ns { padding-bottom: 140%; }
.aspect-ratio--1x1-ns { padding-bottom: 100%; }
.aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-ns { background-size: cover !important; }
.contain-ns { background-size: contain !important; }
.bg-center-ns { background-repeat: no-repeat; background-position: center center; }
.bg-top-ns { background-repeat: no-repeat; background-position: top center; }
.bg-right-ns { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-ns { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-ns { background-repeat: no-repeat; background-position: center left; }
.outline-ns { outline: 1px solid; }
.outline-transparent-ns { outline: 1px solid transparent; }
.outline-0-ns { outline: 0; }
.ba-ns { border-style: solid; border-width: 1px; }
.bt-ns { border-top-style: solid; border-top-width: 1px; }
.br-ns { border-right-style: solid; border-right-width: 1px; }
.bb-ns { border-bottom-style: solid; border-bottom-width: 1px; }
.bl-ns { border-left-style: solid; border-left-width: 1px; }
.bn-ns { border-style: none; border-width: 0; }
.br0-ns { border-radius: 0; }
.br1-ns { border-radius: .125rem; }
.br2-ns { border-radius: .25rem; }
.br3-ns { border-radius: .5rem; }
.br4-ns { border-radius: 1rem; }
.br-100-ns { border-radius: 100%; }
.br-pill-ns { border-radius: 9999px; }
.br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-ns { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-ns { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.b--dotted-ns { border-style: dotted; }
.b--dashed-ns { border-style: dashed; }
.b--solid-ns { border-style: solid; }
.b--none-ns { border-style: none; }
.bw0-ns { border-width: 0; }
.bw1-ns { border-width: .125rem; }
.bw2-ns { border-width: .25rem; }
.bw3-ns { border-width: .5rem; }
.bw4-ns { border-width: 1rem; }
.bw5-ns { border-width: 2rem; }
.bt-0-ns { border-top-width: 0; }
.br-0-ns { border-right-width: 0; }
.bb-0-ns { border-bottom-width: 0; }
.bl-0-ns { border-left-width: 0; }
.shadow-1-ns { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-ns { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-ns { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-ns { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-ns { top: 0; }
.left-0-ns { left: 0; }
.right-0-ns { right: 0; }
.bottom-0-ns { bottom: 0; }
.top-1-ns { top: 1rem; }
.left-1-ns { left: 1rem; }
.right-1-ns { right: 1rem; }
.bottom-1-ns { bottom: 1rem; }
.top-2-ns { top: 2rem; }
.left-2-ns { left: 2rem; }
.right-2-ns { right: 2rem; }
.bottom-2-ns { bottom: 2rem; }
.top--1-ns { top: -1rem; }
.right--1-ns { right: -1rem; }
.bottom--1-ns { bottom: -1rem; }
.left--1-ns { left: -1rem; }
.top--2-ns { top: -2rem; }
.right--2-ns { right: -2rem; }
.bottom--2-ns { bottom: -2rem; }
.left--2-ns { left: -2rem; }
.absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0; }
.cl-ns { clear: left; }
.cr-ns { clear: right; }
.cb-ns { clear: both; }
.cn-ns { clear: none; }
.dn-ns { display: none; }
.di-ns { display: inline; }
.db-ns { display: block; }
.dib-ns { display: inline-block; }
.dit-ns { display: inline-table; }
.dt-ns { display: table; }
.dtc-ns { display: table-cell; }
.dt-row-ns { display: table-row; }
.dt-row-group-ns { display: table-row-group; }
.dt-column-ns { display: table-column; }
.dt-column-group-ns { display: table-column-group; }
.dt--fixed-ns { table-layout: fixed; width: 100%; }
.flex-ns { display: flex; }
.inline-flex-ns { display: inline-flex; }
.flex-auto-ns { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-ns { flex: none; }
.flex-column-ns { flex-direction: column; }
.flex-row-ns { flex-direction: row; }
.flex-wrap-ns { flex-wrap: wrap; }
.flex-nowrap-ns { flex-wrap: nowrap; }
.flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
.flex-column-reverse-ns { flex-direction: column-reverse; }
.flex-row-reverse-ns { flex-direction: row-reverse; }
.items-start-ns { align-items: flex-start; }
.items-end-ns { align-items: flex-end; }
.items-center-ns { align-items: center; }
.items-baseline-ns { align-items: baseline; }
.items-stretch-ns { align-items: stretch; }
.self-start-ns { align-self: flex-start; }
.self-end-ns { align-self: flex-end; }
.self-center-ns { align-self: center; }
.self-baseline-ns { align-self: baseline; }
.self-stretch-ns { align-self: stretch; }
.justify-start-ns { justify-content: flex-start; }
.justify-end-ns { justify-content: flex-end; }
.justify-center-ns { justify-content: center; }
.justify-between-ns { justify-content: space-between; }
.justify-around-ns { justify-content: space-around; }
.content-start-ns { align-content: flex-start; }
.content-end-ns { align-content: flex-end; }
.content-center-ns { align-content: center; }
.content-between-ns { align-content: space-between; }
.content-around-ns { align-content: space-around; }
.content-stretch-ns { align-content: stretch; }
.order-0-ns { order: 0; }
.order-1-ns { order: 1; }
.order-2-ns { order: 2; }
.order-3-ns { order: 3; }
.order-4-ns { order: 4; }
.order-5-ns { order: 5; }
.order-6-ns { order: 6; }
.order-7-ns { order: 7; }
.order-8-ns { order: 8; }
.order-last-ns { order: 99999; }
.flex-grow-0-ns { flex-grow: 0; }
.flex-grow-1-ns { flex-grow: 1; }
.flex-shrink-0-ns { flex-shrink: 0; }
.flex-shrink-1-ns { flex-shrink: 1; }
.fl-ns { float: left; _display: inline; }
.fr-ns { float: right; _display: inline; }
.fn-ns { float: none; }
.i-ns { font-style: italic; }
.fs-normal-ns { font-style: normal; }
.normal-ns { font-weight: normal; }
.b-ns { font-weight: bold; }
.fw1-ns { font-weight: 100; }
.fw2-ns { font-weight: 200; }
.fw3-ns { font-weight: 300; }
.fw4-ns { font-weight: 400; }
.fw5-ns { font-weight: 500; }
.fw6-ns { font-weight: 600; }
.fw7-ns { font-weight: 700; }
.fw8-ns { font-weight: 800; }
.fw9-ns { font-weight: 900; }
.h1-ns { height: 1rem; }
.h2-ns { height: 2rem; }
.h3-ns { height: 4rem; }
.h4-ns { height: 8rem; }
.h5-ns { height: 16rem; }
.h-25-ns { height: 25%; }
.h-50-ns { height: 50%; }
.h-75-ns { height: 75%; }
.h-100-ns { height: 100%; }
.min-h-100-ns { min-height: 100%; }
.vh-25-ns { height: 25vh; }
.vh-50-ns { height: 50vh; }
.vh-75-ns { height: 75vh; }
.vh-100-ns { height: 100vh; }
.min-vh-100-ns { min-height: 100vh; }
.h-auto-ns { height: auto; }
.h-inherit-ns { height: inherit; }
.tracked-ns { letter-spacing: .1em; }
.tracked-tight-ns { letter-spacing: -.05em; }
.tracked-mega-ns { letter-spacing: .25em; }
.lh-solid-ns { line-height: 1; }
.lh-title-ns { line-height: 1.25; }
.lh-copy-ns { line-height: 1.5; }
.mw-100-ns { max-width: 100%; }
.mw1-ns { max-width: 1rem; }
.mw2-ns { max-width: 2rem; }
.mw3-ns { max-width: 4rem; }
.mw4-ns { max-width: 8rem; }
.mw5-ns { max-width: 16rem; }
.mw6-ns { max-width: 32rem; }
.mw7-ns { max-width: 48rem; }
.mw8-ns { max-width: 64rem; }
.mw9-ns { max-width: 96rem; }
.mw-none-ns { 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-30-ns { width: 30%; }
.w-33-ns { width: 33%; }
.w-34-ns { width: 34%; }
.w-40-ns { width: 40%; }
.w-50-ns { width: 50%; }
.w-60-ns { width: 60%; }
.w-70-ns { width: 70%; }
.w-75-ns { width: 75%; }
.w-80-ns { width: 80%; }
.w-90-ns { width: 90%; }
.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-ns { overflow: visible; }
.overflow-hidden-ns { overflow: hidden; }
.overflow-scroll-ns { overflow: scroll; }
.overflow-auto-ns { overflow: auto; }
.overflow-x-visible-ns { overflow-x: visible; }
.overflow-x-hidden-ns { overflow-x: hidden; }
.overflow-x-scroll-ns { overflow-x: scroll; }
.overflow-x-auto-ns { overflow-x: auto; }
.overflow-y-visible-ns { overflow-y: visible; }
.overflow-y-hidden-ns { overflow-y: hidden; }
.overflow-y-scroll-ns { overflow-y: scroll; }
.overflow-y-auto-ns { overflow-y: auto; }
.static-ns { position: static; }
.relative-ns { position: relative; }
.absolute-ns { position: absolute; }
.fixed-ns { position: fixed; }
.rotate-45-ns { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-ns { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-ns { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-ns { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-ns { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-ns { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-ns { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-ns { padding: 0; }
.pa1-ns { padding: .25rem; }
.pa2-ns { padding: .5rem; }
.pa3-ns { padding: 1rem; }
.pa4-ns { padding: 2rem; }
.pa5-ns { padding: 4rem; }
.pa6-ns { padding: 8rem; }
.pa7-ns { padding: 16rem; }
.pl0-ns { padding-left: 0; }
.pl1-ns { padding-left: .25rem; }
.pl2-ns { padding-left: .5rem; }
.pl3-ns { padding-left: 1rem; }
.pl4-ns { padding-left: 2rem; }
.pl5-ns { padding-left: 4rem; }
.pl6-ns { padding-left: 8rem; }
.pl7-ns { padding-left: 16rem; }
.pr0-ns { padding-right: 0; }
.pr1-ns { padding-right: .25rem; }
.pr2-ns { padding-right: .5rem; }
.pr3-ns { padding-right: 1rem; }
.pr4-ns { padding-right: 2rem; }
.pr5-ns { padding-right: 4rem; }
.pr6-ns { padding-right: 8rem; }
.pr7-ns { padding-right: 16rem; }
.pb0-ns { padding-bottom: 0; }
.pb1-ns { padding-bottom: .25rem; }
.pb2-ns { padding-bottom: .5rem; }
.pb3-ns { padding-bottom: 1rem; }
.pb4-ns { padding-bottom: 2rem; }
.pb5-ns { padding-bottom: 4rem; }
.pb6-ns { padding-bottom: 8rem; }
.pb7-ns { padding-bottom: 16rem; }
.pt0-ns { padding-top: 0; }
.pt1-ns { padding-top: .25rem; }
.pt2-ns { padding-top: .5rem; }
.pt3-ns { padding-top: 1rem; }
.pt4-ns { padding-top: 2rem; }
.pt5-ns { padding-top: 4rem; }
.pt6-ns { padding-top: 8rem; }
.pt7-ns { padding-top: 16rem; }
.pv0-ns { padding-top: 0; padding-bottom: 0; }
.pv1-ns { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-ns { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-ns { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-ns { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-ns { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-ns { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-ns { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-ns { padding-left: 0; padding-right: 0; }
.ph1-ns { padding-left: .25rem; padding-right: .25rem; }
.ph2-ns { padding-left: .5rem; padding-right: .5rem; }
.ph3-ns { padding-left: 1rem; padding-right: 1rem; }
.ph4-ns { padding-left: 2rem; padding-right: 2rem; }
.ph5-ns { padding-left: 4rem; padding-right: 4rem; }
.ph6-ns { padding-left: 8rem; padding-right: 8rem; }
.ph7-ns { padding-left: 16rem; padding-right: 16rem; }
.ma0-ns { margin: 0; }
.ma1-ns { margin: .25rem; }
.ma2-ns { margin: .5rem; }
.ma3-ns { margin: 1rem; }
.ma4-ns { margin: 2rem; }
.ma5-ns { margin: 4rem; }
.ma6-ns { margin: 8rem; }
.ma7-ns { margin: 16rem; }
.ml0-ns { margin-left: 0; }
.ml1-ns { margin-left: .25rem; }
.ml2-ns { margin-left: .5rem; }
.ml3-ns { margin-left: 1rem; }
.ml4-ns { margin-left: 2rem; }
.ml5-ns { margin-left: 4rem; }
.ml6-ns { margin-left: 8rem; }
.ml7-ns { margin-left: 16rem; }
.mr0-ns { margin-right: 0; }
.mr1-ns { margin-right: .25rem; }
.mr2-ns { margin-right: .5rem; }
.mr3-ns { margin-right: 1rem; }
.mr4-ns { margin-right: 2rem; }
.mr5-ns { margin-right: 4rem; }
.mr6-ns { margin-right: 8rem; }
.mr7-ns { margin-right: 16rem; }
.mb0-ns { margin-bottom: 0; }
.mb1-ns { margin-bottom: .25rem; }
.mb2-ns { margin-bottom: .5rem; }
.mb3-ns { margin-bottom: 1rem; }
.mb4-ns { margin-bottom: 2rem; }
.mb5-ns { margin-bottom: 4rem; }
.mb6-ns { margin-bottom: 8rem; }
.mb7-ns { margin-bottom: 16rem; }
.mt0-ns { margin-top: 0; }
.mt1-ns { margin-top: .25rem; }
.mt2-ns { margin-top: .5rem; }
.mt3-ns { margin-top: 1rem; }
.mt4-ns { margin-top: 2rem; }
.mt5-ns { margin-top: 4rem; }
.mt6-ns { margin-top: 8rem; }
.mt7-ns { margin-top: 16rem; }
.mv0-ns { margin-top: 0; margin-bottom: 0; }
.mv1-ns { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-ns { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-ns { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-ns { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-ns { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-ns { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-ns { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-ns { margin-left: 0; margin-right: 0; }
.mh1-ns { margin-left: .25rem; margin-right: .25rem; }
.mh2-ns { margin-left: .5rem; margin-right: .5rem; }
.mh3-ns { margin-left: 1rem; margin-right: 1rem; }
.mh4-ns { margin-left: 2rem; margin-right: 2rem; }
.mh5-ns { margin-left: 4rem; margin-right: 4rem; }
.mh6-ns { margin-left: 8rem; margin-right: 8rem; }
.mh7-ns { margin-left: 16rem; margin-right: 16rem; }
.na1-ns { margin: -0.25rem; }
.na2-ns { margin: -0.5rem; }
.na3-ns { margin: -1rem; }
.na4-ns { margin: -2rem; }
.na5-ns { margin: -4rem; }
.na6-ns { margin: -8rem; }
.na7-ns { margin: -16rem; }
.nl1-ns { margin-left: -0.25rem; }
.nl2-ns { margin-left: -0.5rem; }
.nl3-ns { margin-left: -1rem; }
.nl4-ns { margin-left: -2rem; }
.nl5-ns { margin-left: -4rem; }
.nl6-ns { margin-left: -8rem; }
.nl7-ns { margin-left: -16rem; }
.nr1-ns { margin-right: -0.25rem; }
.nr2-ns { margin-right: -0.5rem; }
.nr3-ns { margin-right: -1rem; }
.nr4-ns { margin-right: -2rem; }
.nr5-ns { margin-right: -4rem; }
.nr6-ns { margin-right: -8rem; }
.nr7-ns { margin-right: -16rem; }
.nb1-ns { margin-bottom: -0.25rem; }
.nb2-ns { margin-bottom: -0.5rem; }
.nb3-ns { margin-bottom: -1rem; }
.nb4-ns { margin-bottom: -2rem; }
.nb5-ns { margin-bottom: -4rem; }
.nb6-ns { margin-bottom: -8rem; }
.nb7-ns { margin-bottom: -16rem; }
.nt1-ns { margin-top: -0.25rem; }
.nt2-ns { margin-top: -0.5rem; }
.nt3-ns { margin-top: -1rem; }
.nt4-ns { margin-top: -2rem; }
.nt5-ns { margin-top: -4rem; }
.nt6-ns { margin-top: -8rem; }
.nt7-ns { margin-top: -16rem; }
.strike-ns { text-decoration: line-through; }
.underline-ns { text-decoration: underline; }
.no-underline-ns { text-decoration: none; }
.tl-ns { text-align: left; }
.tr-ns { text-align: right; }
.tc-ns { text-align: center; }
.tj-ns { text-align: justify; }
.ttc-ns { text-transform: capitalize; }
.ttl-ns { text-transform: lowercase; }
.ttu-ns { text-transform: uppercase; }
.ttn-ns { text-transform: none; }
.measure-ns { max-width: 30em; }
.measure-wide-ns { max-width: 34em; }
.measure-narrow-ns { max-width: 20em; }
.indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-ns { font-variant: small-caps; }
.truncate-ns { 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-ns { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-ns { white-space: normal; }
.nowrap-ns { white-space: nowrap; }
.pre-ns { white-space: pre; }
.v-base-ns { vertical-align: baseline; }
.v-mid-ns { vertical-align: middle; }
.v-top-ns { vertical-align: top; }
.v-btm-ns { vertical-align: bottom; }
.f00-ns { font-size: 48px; }
.f0-ns { font-size: 40px; }
.f1-ns { font-size: 32px; }
.f2-ns { font-size: 24px; }
.f3-ns { font-size: 20px; }
.f4-ns { font-size: 16px; }
.f5-ns { font-size: 14px; }
.f6-ns { font-size: 12px; }
.f7-ns { font-size: 10px; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.ck-shadow-m { box-shadow: 0 0 8px 1px rgba( 64, 67, 69, .17 ); }
.ck-shadow-none-m { box-shadow: none; }
.ck-height-xs-element-m { height: 24px; }
.ck-height-s-element-m { height: 32px; }
.ck-height-m-element-m { height: 48px; }
.ck-height-l-element-m { height: 64px; }
.aspect-ratio-m { height: 0; position: relative; }
.aspect-ratio--16x9-m { padding-bottom: 56.25%; }
.aspect-ratio--9x16-m { padding-bottom: 177.77%; }
.aspect-ratio--4x3-m { padding-bottom: 75%; }
.aspect-ratio--3x4-m { padding-bottom: 133.33%; }
.aspect-ratio--6x4-m { padding-bottom: 66.6%; }
.aspect-ratio--4x6-m { padding-bottom: 150%; }
.aspect-ratio--8x5-m { padding-bottom: 62.5%; }
.aspect-ratio--5x8-m { padding-bottom: 160%; }
.aspect-ratio--7x5-m { padding-bottom: 71.42%; }
.aspect-ratio--5x7-m { padding-bottom: 140%; }
.aspect-ratio--1x1-m { padding-bottom: 100%; }
.aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-m { background-size: cover !important; }
.contain-m { background-size: contain !important; }
.bg-center-m { background-repeat: no-repeat; background-position: center center; }
.bg-top-m { background-repeat: no-repeat; background-position: top center; }
.bg-right-m { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-m { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-m { background-repeat: no-repeat; background-position: center left; }
.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: .125rem; }
.br2-m { border-radius: .25rem; }
.br3-m { border-radius: .5rem; }
.br4-m { border-radius: 1rem; }
.br-100-m { border-radius: 100%; }
.br-pill-m { border-radius: 9999px; }
.br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-m { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-m { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.b--dotted-m { border-style: dotted; }
.b--dashed-m { border-style: dashed; }
.b--solid-m { border-style: solid; }
.b--none-m { border-style: none; }
.bw0-m { border-width: 0; }
.bw1-m { border-width: .125rem; }
.bw2-m { border-width: .25rem; }
.bw3-m { border-width: .5rem; }
.bw4-m { border-width: 1rem; }
.bw5-m { border-width: 2rem; }
.bt-0-m { border-top-width: 0; }
.br-0-m { border-right-width: 0; }
.bb-0-m { border-bottom-width: 0; }
.bl-0-m { border-left-width: 0; }
.shadow-1-m { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-m { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-m { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-m { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-m { top: 0; }
.left-0-m { left: 0; }
.right-0-m { right: 0; }
.bottom-0-m { bottom: 0; }
.top-1-m { top: 1rem; }
.left-1-m { left: 1rem; }
.right-1-m { right: 1rem; }
.bottom-1-m { bottom: 1rem; }
.top-2-m { top: 2rem; }
.left-2-m { left: 2rem; }
.right-2-m { right: 2rem; }
.bottom-2-m { bottom: 2rem; }
.top--1-m { top: -1rem; }
.right--1-m { right: -1rem; }
.bottom--1-m { bottom: -1rem; }
.left--1-m { left: -1rem; }
.top--2-m { top: -2rem; }
.right--2-m { right: -2rem; }
.bottom--2-m { bottom: -2rem; }
.left--2-m { left: -2rem; }
.absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0; }
.cl-m { clear: left; }
.cr-m { clear: right; }
.cb-m { clear: both; }
.cn-m { clear: none; }
.dn-m { display: none; }
.di-m { display: inline; }
.db-m { display: block; }
.dib-m { display: inline-block; }
.dit-m { display: inline-table; }
.dt-m { display: table; }
.dtc-m { display: table-cell; }
.dt-row-m { display: table-row; }
.dt-row-group-m { display: table-row-group; }
.dt-column-m { display: table-column; }
.dt-column-group-m { display: table-column-group; }
.dt--fixed-m { table-layout: fixed; width: 100%; }
.flex-m { display: flex; }
.inline-flex-m { display: inline-flex; }
.flex-auto-m { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-m { flex: none; }
.flex-column-m { flex-direction: column; }
.flex-row-m { flex-direction: row; }
.flex-wrap-m { flex-wrap: wrap; }
.flex-nowrap-m { flex-wrap: nowrap; }
.flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
.flex-column-reverse-m { flex-direction: column-reverse; }
.flex-row-reverse-m { flex-direction: row-reverse; }
.items-start-m { align-items: flex-start; }
.items-end-m { align-items: flex-end; }
.items-center-m { align-items: center; }
.items-baseline-m { align-items: baseline; }
.items-stretch-m { align-items: stretch; }
.self-start-m { align-self: flex-start; }
.self-end-m { align-self: flex-end; }
.self-center-m { align-self: center; }
.self-baseline-m { align-self: baseline; }
.self-stretch-m { align-self: stretch; }
.justify-start-m { justify-content: flex-start; }
.justify-end-m { justify-content: flex-end; }
.justify-center-m { justify-content: center; }
.justify-between-m { justify-content: space-between; }
.justify-around-m { justify-content: space-around; }
.content-start-m { align-content: flex-start; }
.content-end-m { align-content: flex-end; }
.content-center-m { align-content: center; }
.content-between-m { align-content: space-between; }
.content-around-m { align-content: space-around; }
.content-stretch-m { align-content: stretch; }
.order-0-m { order: 0; }
.order-1-m { order: 1; }
.order-2-m { order: 2; }
.order-3-m { order: 3; }
.order-4-m { order: 4; }
.order-5-m { order: 5; }
.order-6-m { order: 6; }
.order-7-m { order: 7; }
.order-8-m { order: 8; }
.order-last-m { order: 99999; }
.flex-grow-0-m { flex-grow: 0; }
.flex-grow-1-m { flex-grow: 1; }
.flex-shrink-0-m { flex-shrink: 0; }
.flex-shrink-1-m { flex-shrink: 1; }
.fl-m { float: left; _display: inline; }
.fr-m { float: right; _display: inline; }
.fn-m { float: none; }
.i-m { font-style: italic; }
.fs-normal-m { font-style: normal; }
.normal-m { font-weight: normal; }
.b-m { font-weight: bold; }
.fw1-m { font-weight: 100; }
.fw2-m { font-weight: 200; }
.fw3-m { font-weight: 300; }
.fw4-m { font-weight: 400; }
.fw5-m { font-weight: 500; }
.fw6-m { font-weight: 600; }
.fw7-m { font-weight: 700; }
.fw8-m { font-weight: 800; }
.fw9-m { font-weight: 900; }
.h1-m { height: 1rem; }
.h2-m { height: 2rem; }
.h3-m { height: 4rem; }
.h4-m { height: 8rem; }
.h5-m { height: 16rem; }
.h-25-m { height: 25%; }
.h-50-m { height: 50%; }
.h-75-m { height: 75%; }
.h-100-m { height: 100%; }
.min-h-100-m { min-height: 100%; }
.vh-25-m { height: 25vh; }
.vh-50-m { height: 50vh; }
.vh-75-m { height: 75vh; }
.vh-100-m { height: 100vh; }
.min-vh-100-m { min-height: 100vh; }
.h-auto-m { height: auto; }
.h-inherit-m { height: inherit; }
.tracked-m { letter-spacing: .1em; }
.tracked-tight-m { letter-spacing: -.05em; }
.tracked-mega-m { letter-spacing: .25em; }
.lh-solid-m { line-height: 1; }
.lh-title-m { line-height: 1.25; }
.lh-copy-m { line-height: 1.5; }
.mw-100-m { max-width: 100%; }
.mw1-m { max-width: 1rem; }
.mw2-m { max-width: 2rem; }
.mw3-m { max-width: 4rem; }
.mw4-m { max-width: 8rem; }
.mw5-m { max-width: 16rem; }
.mw6-m { max-width: 32rem; }
.mw7-m { max-width: 48rem; }
.mw8-m { max-width: 64rem; }
.mw9-m { max-width: 96rem; }
.mw-none-m { max-width: none; }
.w1-m { width: 1rem; }
.w2-m { width: 2rem; }
.w3-m { width: 4rem; }
.w4-m { width: 8rem; }
.w5-m { width: 16rem; }
.w-10-m { width: 10%; }
.w-20-m { width: 20%; }
.w-25-m { width: 25%; }
.w-30-m { width: 30%; }
.w-33-m { width: 33%; }
.w-34-m { width: 34%; }
.w-40-m { width: 40%; }
.w-50-m { width: 50%; }
.w-60-m { width: 60%; }
.w-70-m { width: 70%; }
.w-75-m { width: 75%; }
.w-80-m { width: 80%; }
.w-90-m { width: 90%; }
.w-100-m { width: 100%; }
.w-third-m { width: 33.33333%; }
.w-two-thirds-m { width: 66.66667%; }
.w-auto-m { width: auto; }
.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; }
.rotate-45-m { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-m { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-m { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-m { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-m { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-m { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-m { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-m { padding: 0; }
.pa1-m { padding: .25rem; }
.pa2-m { padding: .5rem; }
.pa3-m { padding: 1rem; }
.pa4-m { padding: 2rem; }
.pa5-m { padding: 4rem; }
.pa6-m { padding: 8rem; }
.pa7-m { padding: 16rem; }
.pl0-m { padding-left: 0; }
.pl1-m { padding-left: .25rem; }
.pl2-m { padding-left: .5rem; }
.pl3-m { padding-left: 1rem; }
.pl4-m { padding-left: 2rem; }
.pl5-m { padding-left: 4rem; }
.pl6-m { padding-left: 8rem; }
.pl7-m { padding-left: 16rem; }
.pr0-m { padding-right: 0; }
.pr1-m { padding-right: .25rem; }
.pr2-m { padding-right: .5rem; }
.pr3-m { padding-right: 1rem; }
.pr4-m { padding-right: 2rem; }
.pr5-m { padding-right: 4rem; }
.pr6-m { padding-right: 8rem; }
.pr7-m { padding-right: 16rem; }
.pb0-m { padding-bottom: 0; }
.pb1-m { padding-bottom: .25rem; }
.pb2-m { padding-bottom: .5rem; }
.pb3-m { padding-bottom: 1rem; }
.pb4-m { padding-bottom: 2rem; }
.pb5-m { padding-bottom: 4rem; }
.pb6-m { padding-bottom: 8rem; }
.pb7-m { padding-bottom: 16rem; }
.pt0-m { padding-top: 0; }
.pt1-m { padding-top: .25rem; }
.pt2-m { padding-top: .5rem; }
.pt3-m { padding-top: 1rem; }
.pt4-m { padding-top: 2rem; }
.pt5-m { padding-top: 4rem; }
.pt6-m { padding-top: 8rem; }
.pt7-m { padding-top: 16rem; }
.pv0-m { padding-top: 0; padding-bottom: 0; }
.pv1-m { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-m { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-m { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-m { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-m { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-m { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-m { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-m { padding-left: 0; padding-right: 0; }
.ph1-m { padding-left: .25rem; padding-right: .25rem; }
.ph2-m { padding-left: .5rem; padding-right: .5rem; }
.ph3-m { padding-left: 1rem; padding-right: 1rem; }
.ph4-m { padding-left: 2rem; padding-right: 2rem; }
.ph5-m { padding-left: 4rem; padding-right: 4rem; }
.ph6-m { padding-left: 8rem; padding-right: 8rem; }
.ph7-m { padding-left: 16rem; padding-right: 16rem; }
.ma0-m { margin: 0; }
.ma1-m { margin: .25rem; }
.ma2-m { margin: .5rem; }
.ma3-m { margin: 1rem; }
.ma4-m { margin: 2rem; }
.ma5-m { margin: 4rem; }
.ma6-m { margin: 8rem; }
.ma7-m { margin: 16rem; }
.ml0-m { margin-left: 0; }
.ml1-m { margin-left: .25rem; }
.ml2-m { margin-left: .5rem; }
.ml3-m { margin-left: 1rem; }
.ml4-m { margin-left: 2rem; }
.ml5-m { margin-left: 4rem; }
.ml6-m { margin-left: 8rem; }
.ml7-m { margin-left: 16rem; }
.mr0-m { margin-right: 0; }
.mr1-m { margin-right: .25rem; }
.mr2-m { margin-right: .5rem; }
.mr3-m { margin-right: 1rem; }
.mr4-m { margin-right: 2rem; }
.mr5-m { margin-right: 4rem; }
.mr6-m { margin-right: 8rem; }
.mr7-m { margin-right: 16rem; }
.mb0-m { margin-bottom: 0; }
.mb1-m { margin-bottom: .25rem; }
.mb2-m { margin-bottom: .5rem; }
.mb3-m { margin-bottom: 1rem; }
.mb4-m { margin-bottom: 2rem; }
.mb5-m { margin-bottom: 4rem; }
.mb6-m { margin-bottom: 8rem; }
.mb7-m { margin-bottom: 16rem; }
.mt0-m { margin-top: 0; }
.mt1-m { margin-top: .25rem; }
.mt2-m { margin-top: .5rem; }
.mt3-m { margin-top: 1rem; }
.mt4-m { margin-top: 2rem; }
.mt5-m { margin-top: 4rem; }
.mt6-m { margin-top: 8rem; }
.mt7-m { margin-top: 16rem; }
.mv0-m { margin-top: 0; margin-bottom: 0; }
.mv1-m { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-m { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-m { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-m { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-m { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-m { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-m { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-m { margin-left: 0; margin-right: 0; }
.mh1-m { margin-left: .25rem; margin-right: .25rem; }
.mh2-m { margin-left: .5rem; margin-right: .5rem; }
.mh3-m { margin-left: 1rem; margin-right: 1rem; }
.mh4-m { margin-left: 2rem; margin-right: 2rem; }
.mh5-m { margin-left: 4rem; margin-right: 4rem; }
.mh6-m { margin-left: 8rem; margin-right: 8rem; }
.mh7-m { margin-left: 16rem; margin-right: 16rem; }
.na1-m { margin: -0.25rem; }
.na2-m { margin: -0.5rem; }
.na3-m { margin: -1rem; }
.na4-m { margin: -2rem; }
.na5-m { margin: -4rem; }
.na6-m { margin: -8rem; }
.na7-m { margin: -16rem; }
.nl1-m { margin-left: -0.25rem; }
.nl2-m { margin-left: -0.5rem; }
.nl3-m { margin-left: -1rem; }
.nl4-m { margin-left: -2rem; }
.nl5-m { margin-left: -4rem; }
.nl6-m { margin-left: -8rem; }
.nl7-m { margin-left: -16rem; }
.nr1-m { margin-right: -0.25rem; }
.nr2-m { margin-right: -0.5rem; }
.nr3-m { margin-right: -1rem; }
.nr4-m { margin-right: -2rem; }
.nr5-m { margin-right: -4rem; }
.nr6-m { margin-right: -8rem; }
.nr7-m { margin-right: -16rem; }
.nb1-m { margin-bottom: -0.25rem; }
.nb2-m { margin-bottom: -0.5rem; }
.nb3-m { margin-bottom: -1rem; }
.nb4-m { margin-bottom: -2rem; }
.nb5-m { margin-bottom: -4rem; }
.nb6-m { margin-bottom: -8rem; }
.nb7-m { margin-bottom: -16rem; }
.nt1-m { margin-top: -0.25rem; }
.nt2-m { margin-top: -0.5rem; }
.nt3-m { margin-top: -1rem; }
.nt4-m { margin-top: -2rem; }
.nt5-m { margin-top: -4rem; }
.nt6-m { margin-top: -8rem; }
.nt7-m { margin-top: -16rem; }
.strike-m { text-decoration: line-through; }
.underline-m { text-decoration: underline; }
.no-underline-m { text-decoration: none; }
.tl-m { text-align: left; }
.tr-m { text-align: right; }
.tc-m { text-align: center; }
.tj-m { text-align: justify; }
.ttc-m { text-transform: capitalize; }
.ttl-m { text-transform: lowercase; }
.ttu-m { text-transform: uppercase; }
.ttn-m { text-transform: none; }
.measure-m { max-width: 30em; }
.measure-wide-m { max-width: 34em; }
.measure-narrow-m { max-width: 20em; }
.indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-m { font-variant: small-caps; }
.truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-m { margin-right: auto; margin-left: auto; }
.mr-auto-m { margin-right: auto; }
.ml-auto-m { margin-left: auto; }
.clip-m { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-m { white-space: normal; }
.nowrap-m { white-space: nowrap; }
.pre-m { white-space: pre; }
.v-base-m { vertical-align: baseline; }
.v-mid-m { vertical-align: middle; }
.v-top-m { vertical-align: top; }
.v-btm-m { vertical-align: bottom; }
.f00-m { font-size: 48px; }
.f0-m { font-size: 40px; }
.f1-m { font-size: 32px; }
.f2-m { font-size: 24px; }
.f3-m { font-size: 20px; }
.f4-m { font-size: 16px; }
.f5-m { font-size: 14px; }
.f6-m { font-size: 12px; }
.f7-m { font-size: 10px; }
}
@media screen and (min-width: 60em) {
.ck-shadow-l { box-shadow: 0 0 8px 1px rgba( 64, 67, 69, .17 ); }
.ck-shadow-none-l { box-shadow: none; }
.ck-height-xs-element-l { height: 24px; }
.ck-height-s-element-l { height: 32px; }
.ck-height-m-element-l { height: 48px; }
.ck-height-l-element-l { height: 64px; }
.aspect-ratio-l { height: 0; position: relative; }
.aspect-ratio--16x9-l { padding-bottom: 56.25%; }
.aspect-ratio--9x16-l { padding-bottom: 177.77%; }
.aspect-ratio--4x3-l { padding-bottom: 75%; }
.aspect-ratio--3x4-l { padding-bottom: 133.33%; }
.aspect-ratio--6x4-l { padding-bottom: 66.6%; }
.aspect-ratio--4x6-l { padding-bottom: 150%; }
.aspect-ratio--8x5-l { padding-bottom: 62.5%; }
.aspect-ratio--5x8-l { padding-bottom: 160%; }
.aspect-ratio--7x5-l { padding-bottom: 71.42%; }
.aspect-ratio--5x7-l { padding-bottom: 140%; }
.aspect-ratio--1x1-l { padding-bottom: 100%; }
.aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.cover-l { background-size: cover !important; }
.contain-l { background-size: contain !important; }
.bg-center-l { background-repeat: no-repeat; background-position: center center; }
.bg-top-l { background-repeat: no-repeat; background-position: top center; }
.bg-right-l { background-repeat: no-repeat; background-position: center right; }
.bg-bottom-l { background-repeat: no-repeat; background-position: bottom center; }
.bg-left-l { background-repeat: no-repeat; background-position: center left; }
.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: .125rem; }
.br2-l { border-radius: .25rem; }
.br3-l { border-radius: .5rem; }
.br4-l { border-radius: 1rem; }
.br-100-l { border-radius: 100%; }
.br-pill-l { border-radius: 9999px; }
.br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
.br--top-l { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.br--right-l { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.b--dotted-l { border-style: dotted; }
.b--dashed-l { border-style: dashed; }
.b--solid-l { border-style: solid; }
.b--none-l { border-style: none; }
.bw0-l { border-width: 0; }
.bw1-l { border-width: .125rem; }
.bw2-l { border-width: .25rem; }
.bw3-l { border-width: .5rem; }
.bw4-l { border-width: 1rem; }
.bw5-l { border-width: 2rem; }
.bt-0-l { border-top-width: 0; }
.br-0-l { border-right-width: 0; }
.bb-0-l { border-bottom-width: 0; }
.bl-0-l { border-left-width: 0; }
.shadow-1-l { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2-l { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4-l { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5-l { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
.top-0-l { top: 0; }
.left-0-l { left: 0; }
.right-0-l { right: 0; }
.bottom-0-l { bottom: 0; }
.top-1-l { top: 1rem; }
.left-1-l { left: 1rem; }
.right-1-l { right: 1rem; }
.bottom-1-l { bottom: 1rem; }
.top-2-l { top: 2rem; }
.left-2-l { left: 2rem; }
.right-2-l { right: 2rem; }
.bottom-2-l { bottom: 2rem; }
.top--1-l { top: -1rem; }
.right--1-l { right: -1rem; }
.bottom--1-l { bottom: -1rem; }
.left--1-l { left: -1rem; }
.top--2-l { top: -2rem; }
.right--2-l { right: -2rem; }
.bottom--2-l { bottom: -2rem; }
.left--2-l { left: -2rem; }
.absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0; }
.cl-l { clear: left; }
.cr-l { clear: right; }
.cb-l { clear: both; }
.cn-l { clear: none; }
.dn-l { display: none; }
.di-l { display: inline; }
.db-l { display: block; }
.dib-l { display: inline-block; }
.dit-l { display: inline-table; }
.dt-l { display: table; }
.dtc-l { display: table-cell; }
.dt-row-l { display: table-row; }
.dt-row-group-l { display: table-row-group; }
.dt-column-l { display: table-column; }
.dt-column-group-l { display: table-column-group; }
.dt--fixed-l { table-layout: fixed; width: 100%; }
.flex-l { display: flex; }
.inline-flex-l { display: inline-flex; }
.flex-auto-l { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
.flex-none-l { flex: none; }
.flex-column-l { flex-direction: column; }
.flex-row-l { flex-direction: row; }
.flex-wrap-l { flex-wrap: wrap; }
.flex-nowrap-l { flex-wrap: nowrap; }
.flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
.flex-column-reverse-l { flex-direction: column-reverse; }
.flex-row-reverse-l { flex-direction: row-reverse; }
.items-start-l { align-items: flex-start; }
.items-end-l { align-items: flex-end; }
.items-center-l { align-items: center; }
.items-baseline-l { align-items: baseline; }
.items-stretch-l { align-items: stretch; }
.self-start-l { align-self: flex-start; }
.self-end-l { align-self: flex-end; }
.self-center-l { align-self: center; }
.self-baseline-l { align-self: baseline; }
.self-stretch-l { align-self: stretch; }
.justify-start-l { justify-content: flex-start; }
.justify-end-l { justify-content: flex-end; }
.justify-center-l { justify-content: center; }
.justify-between-l { justify-content: space-between; }
.justify-around-l { justify-content: space-around; }
.content-start-l { align-content: flex-start; }
.content-end-l { align-content: flex-end; }
.content-center-l { align-content: center; }
.content-between-l { align-content: space-between; }
.content-around-l { align-content: space-around; }
.content-stretch-l { align-content: stretch; }
.order-0-l { order: 0; }
.order-1-l { order: 1; }
.order-2-l { order: 2; }
.order-3-l { order: 3; }
.order-4-l { order: 4; }
.order-5-l { order: 5; }
.order-6-l { order: 6; }
.order-7-l { order: 7; }
.order-8-l { order: 8; }
.order-last-l { order: 99999; }
.flex-grow-0-l { flex-grow: 0; }
.flex-grow-1-l { flex-grow: 1; }
.flex-shrink-0-l { flex-shrink: 0; }
.flex-shrink-1-l { flex-shrink: 1; }
.fl-l { float: left; _display: inline; }
.fr-l { float: right; _display: inline; }
.fn-l { float: none; }
.i-l { font-style: italic; }
.fs-normal-l { font-style: normal; }
.normal-l { font-weight: normal; }
.b-l { font-weight: bold; }
.fw1-l { font-weight: 100; }
.fw2-l { font-weight: 200; }
.fw3-l { font-weight: 300; }
.fw4-l { font-weight: 400; }
.fw5-l { font-weight: 500; }
.fw6-l { font-weight: 600; }
.fw7-l { font-weight: 700; }
.fw8-l { font-weight: 800; }
.fw9-l { font-weight: 900; }
.h1-l { height: 1rem; }
.h2-l { height: 2rem; }
.h3-l { height: 4rem; }
.h4-l { height: 8rem; }
.h5-l { height: 16rem; }
.h-25-l { height: 25%; }
.h-50-l { height: 50%; }
.h-75-l { height: 75%; }
.h-100-l { height: 100%; }
.min-h-100-l { min-height: 100%; }
.vh-25-l { height: 25vh; }
.vh-50-l { height: 50vh; }
.vh-75-l { height: 75vh; }
.vh-100-l { height: 100vh; }
.min-vh-100-l { min-height: 100vh; }
.h-auto-l { height: auto; }
.h-inherit-l { height: inherit; }
.tracked-l { letter-spacing: .1em; }
.tracked-tight-l { letter-spacing: -.05em; }
.tracked-mega-l { letter-spacing: .25em; }
.lh-solid-l { line-height: 1; }
.lh-title-l { line-height: 1.25; }
.lh-copy-l { line-height: 1.5; }
.mw-100-l { max-width: 100%; }
.mw1-l { max-width: 1rem; }
.mw2-l { max-width: 2rem; }
.mw3-l { max-width: 4rem; }
.mw4-l { max-width: 8rem; }
.mw5-l { max-width: 16rem; }
.mw6-l { max-width: 32rem; }
.mw7-l { max-width: 48rem; }
.mw8-l { max-width: 64rem; }
.mw9-l { max-width: 96rem; }
.mw-none-l { max-width: none; }
.w1-l { width: 1rem; }
.w2-l { width: 2rem; }
.w3-l { width: 4rem; }
.w4-l { width: 8rem; }
.w5-l { width: 16rem; }
.w-10-l { width: 10%; }
.w-20-l { width: 20%; }
.w-25-l { width: 25%; }
.w-30-l { width: 30%; }
.w-33-l { width: 33%; }
.w-34-l { width: 34%; }
.w-40-l { width: 40%; }
.w-50-l { width: 50%; }
.w-60-l { width: 60%; }
.w-70-l { width: 70%; }
.w-75-l { width: 75%; }
.w-80-l { width: 80%; }
.w-90-l { width: 90%; }
.w-100-l { width: 100%; }
.w-third-l { width: 33.33333%; }
.w-two-thirds-l { width: 66.66667%; }
.w-auto-l { width: auto; }
.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; }
.rotate-45-l { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.rotate-90-l { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); }
.rotate-135-l { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); }
.rotate-180-l { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.rotate-225-l { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); }
.rotate-270-l { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); }
.rotate-315-l { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); }
.pa0-l { padding: 0; }
.pa1-l { padding: .25rem; }
.pa2-l { padding: .5rem; }
.pa3-l { padding: 1rem; }
.pa4-l { padding: 2rem; }
.pa5-l { padding: 4rem; }
.pa6-l { padding: 8rem; }
.pa7-l { padding: 16rem; }
.pl0-l { padding-left: 0; }
.pl1-l { padding-left: .25rem; }
.pl2-l { padding-left: .5rem; }
.pl3-l { padding-left: 1rem; }
.pl4-l { padding-left: 2rem; }
.pl5-l { padding-left: 4rem; }
.pl6-l { padding-left: 8rem; }
.pl7-l { padding-left: 16rem; }
.pr0-l { padding-right: 0; }
.pr1-l { padding-right: .25rem; }
.pr2-l { padding-right: .5rem; }
.pr3-l { padding-right: 1rem; }
.pr4-l { padding-right: 2rem; }
.pr5-l { padding-right: 4rem; }
.pr6-l { padding-right: 8rem; }
.pr7-l { padding-right: 16rem; }
.pb0-l { padding-bottom: 0; }
.pb1-l { padding-bottom: .25rem; }
.pb2-l { padding-bottom: .5rem; }
.pb3-l { padding-bottom: 1rem; }
.pb4-l { padding-bottom: 2rem; }
.pb5-l { padding-bottom: 4rem; }
.pb6-l { padding-bottom: 8rem; }
.pb7-l { padding-bottom: 16rem; }
.pt0-l { padding-top: 0; }
.pt1-l { padding-top: .25rem; }
.pt2-l { padding-top: .5rem; }
.pt3-l { padding-top: 1rem; }
.pt4-l { padding-top: 2rem; }
.pt5-l { padding-top: 4rem; }
.pt6-l { padding-top: 8rem; }
.pt7-l { padding-top: 16rem; }
.pv0-l { padding-top: 0; padding-bottom: 0; }
.pv1-l { padding-top: .25rem; padding-bottom: .25rem; }
.pv2-l { padding-top: .5rem; padding-bottom: .5rem; }
.pv3-l { padding-top: 1rem; padding-bottom: 1rem; }
.pv4-l { padding-top: 2rem; padding-bottom: 2rem; }
.pv5-l { padding-top: 4rem; padding-bottom: 4rem; }
.pv6-l { padding-top: 8rem; padding-bottom: 8rem; }
.pv7-l { padding-top: 16rem; padding-bottom: 16rem; }
.ph0-l { padding-left: 0; padding-right: 0; }
.ph1-l { padding-left: .25rem; padding-right: .25rem; }
.ph2-l { padding-left: .5rem; padding-right: .5rem; }
.ph3-l { padding-left: 1rem; padding-right: 1rem; }
.ph4-l { padding-left: 2rem; padding-right: 2rem; }
.ph5-l { padding-left: 4rem; padding-right: 4rem; }
.ph6-l { padding-left: 8rem; padding-right: 8rem; }
.ph7-l { padding-left: 16rem; padding-right: 16rem; }
.ma0-l { margin: 0; }
.ma1-l { margin: .25rem; }
.ma2-l { margin: .5rem; }
.ma3-l { margin: 1rem; }
.ma4-l { margin: 2rem; }
.ma5-l { margin: 4rem; }
.ma6-l { margin: 8rem; }
.ma7-l { margin: 16rem; }
.ml0-l { margin-left: 0; }
.ml1-l { margin-left: .25rem; }
.ml2-l { margin-left: .5rem; }
.ml3-l { margin-left: 1rem; }
.ml4-l { margin-left: 2rem; }
.ml5-l { margin-left: 4rem; }
.ml6-l { margin-left: 8rem; }
.ml7-l { margin-left: 16rem; }
.mr0-l { margin-right: 0; }
.mr1-l { margin-right: .25rem; }
.mr2-l { margin-right: .5rem; }
.mr3-l { margin-right: 1rem; }
.mr4-l { margin-right: 2rem; }
.mr5-l { margin-right: 4rem; }
.mr6-l { margin-right: 8rem; }
.mr7-l { margin-right: 16rem; }
.mb0-l { margin-bottom: 0; }
.mb1-l { margin-bottom: .25rem; }
.mb2-l { margin-bottom: .5rem; }
.mb3-l { margin-bottom: 1rem; }
.mb4-l { margin-bottom: 2rem; }
.mb5-l { margin-bottom: 4rem; }
.mb6-l { margin-bottom: 8rem; }
.mb7-l { margin-bottom: 16rem; }
.mt0-l { margin-top: 0; }
.mt1-l { margin-top: .25rem; }
.mt2-l { margin-top: .5rem; }
.mt3-l { margin-top: 1rem; }
.mt4-l { margin-top: 2rem; }
.mt5-l { margin-top: 4rem; }
.mt6-l { margin-top: 8rem; }
.mt7-l { margin-top: 16rem; }
.mv0-l { margin-top: 0; margin-bottom: 0; }
.mv1-l { margin-top: .25rem; margin-bottom: .25rem; }
.mv2-l { margin-top: .5rem; margin-bottom: .5rem; }
.mv3-l { margin-top: 1rem; margin-bottom: 1rem; }
.mv4-l { margin-top: 2rem; margin-bottom: 2rem; }
.mv5-l { margin-top: 4rem; margin-bottom: 4rem; }
.mv6-l { margin-top: 8rem; margin-bottom: 8rem; }
.mv7-l { margin-top: 16rem; margin-bottom: 16rem; }
.mh0-l { margin-left: 0; margin-right: 0; }
.mh1-l { margin-left: .25rem; margin-right: .25rem; }
.mh2-l { margin-left: .5rem; margin-right: .5rem; }
.mh3-l { margin-left: 1rem; margin-right: 1rem; }
.mh4-l { margin-left: 2rem; margin-right: 2rem; }
.mh5-l { margin-left: 4rem; margin-right: 4rem; }
.mh6-l { margin-left: 8rem; margin-right: 8rem; }
.mh7-l { margin-left: 16rem; margin-right: 16rem; }
.na1-l { margin: -0.25rem; }
.na2-l { margin: -0.5rem; }
.na3-l { margin: -1rem; }
.na4-l { margin: -2rem; }
.na5-l { margin: -4rem; }
.na6-l { margin: -8rem; }
.na7-l { margin: -16rem; }
.nl1-l { margin-left: -0.25rem; }
.nl2-l { margin-left: -0.5rem; }
.nl3-l { margin-left: -1rem; }
.nl4-l { margin-left: -2rem; }
.nl5-l { margin-left: -4rem; }
.nl6-l { margin-left: -8rem; }
.nl7-l { margin-left: -16rem; }
.nr1-l { margin-right: -0.25rem; }
.nr2-l { margin-right: -0.5rem; }
.nr3-l { margin-right: -1rem; }
.nr4-l { margin-right: -2rem; }
.nr5-l { margin-right: -4rem; }
.nr6-l { margin-right: -8rem; }
.nr7-l { margin-right: -16rem; }
.nb1-l { margin-bottom: -0.25rem; }
.nb2-l { margin-bottom: -0.5rem; }
.nb3-l { margin-bottom: -1rem; }
.nb4-l { margin-bottom: -2rem; }
.nb5-l { margin-bottom: -4rem; }
.nb6-l { margin-bottom: -8rem; }
.nb7-l { margin-bottom: -16rem; }
.nt1-l { margin-top: -0.25rem; }
.nt2-l { margin-top: -0.5rem; }
.nt3-l { margin-top: -1rem; }
.nt4-l { margin-top: -2rem; }
.nt5-l { margin-top: -4rem; }
.nt6-l { margin-top: -8rem; }
.nt7-l { margin-top: -16rem; }
.strike-l { text-decoration: line-through; }
.underline-l { text-decoration: underline; }
.no-underline-l { text-decoration: none; }
.tl-l { text-align: left; }
.tr-l { text-align: right; }
.tc-l { text-align: center; }
.tj-l { text-align: justify; }
.ttc-l { text-transform: capitalize; }
.ttl-l { text-transform: lowercase; }
.ttu-l { text-transform: uppercase; }
.ttn-l { text-transform: none; }
.measure-l { max-width: 30em; }
.measure-wide-l { max-width: 34em; }
.measure-narrow-l { max-width: 20em; }
.indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
.small-caps-l { font-variant: small-caps; }
.truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.center-l { margin-right: auto; margin-left: auto; }
.mr-auto-l { margin-right: auto; }
.ml-auto-l { margin-left: auto; }
.clip-l { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
.ws-normal-l { white-space: normal; }
.nowrap-l { white-space: nowrap; }
.pre-l { white-space: pre; }
.v-base-l { vertical-align: baseline; }
.v-mid-l { vertical-align: middle; }
.v-top-l { vertical-align: top; }
.v-btm-l { vertical-align: bottom; }
.f00-l { font-size: 48px; }
.f0-l { font-size: 40px; }
.f1-l { font-size: 32px; }
.f2-l { font-size: 24px; }
.f3-l { font-size: 20px; }
.f4-l { font-size: 16px; }
.f5-l { font-size: 14px; }
.f6-l { font-size: 12px; }
.f7-l { font-size: 10px; }
}
html,body,main{height:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ck-black-90)}
@font-face{font-family:"Sailec";src:url("https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-regular.woff2") format("woff2"),url("https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-regular.woff") format("woff");font-weight:normal}
@font-face{font-family:"Sailec";src:url("https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-bold.woff2") format("woff2"),url("https://creditkarmacdn-a.akamaihd.net/res/content/bundles/galaxy-css/4.0.2/fonts/sailec-bold.woff") format("woff");font-weight:500}
body{font-family:"Sailec","helvetica neue",helvetica,-apple-system,BlinkMacSystemFont,ubuntu,roboto,noto,"segoe ui",arial,sans-serif}
@media(min-width: 60em){.ckca-mw-l{max-width:66rem}.ckca-shadow-0{box-shadow:none}}
.ckca-mw{max-width:46rem}
.ca-forgot-password-root{color:#404245}.ca-forgot-password-root a{color:#0091ff;font-weight:bold;text-decoration:none}.ca-forgot-password-hr{border:0 none;border-top:1px solid #d1d7db;margin:3rem -4.08rem}.ca-forgot-password-hr-or{border:0 none;border-top:1px solid #0091ff;margin:1.5rem -4.08rem 2.5rem -4.08rem}.ca-forgot-password-step3-or{color:#0091ff;font-size:1.2rem;margin:1rem -4.08rem 2rem -4.08rem}.ca-forgot-password-your-email{color:#0091ff;font-size:1.25rem;font-weight:bold;text-decoration:none;word-break:break-all}.ca-forgot-password-header{color:#74787a;font-size:1.375rem;margin-bottom:1rem;margin-top:0}.ca-forgot-password-subheader{color:#404245;font-size:1rem}.ca-forgot-password-button{width:100%}.ca-forgot-password-notice-warning{margin-top:0}.ca-forgot-password-notice-warning-normal-text{color:#404245}.ca-forgot-password-notice-warning-normal-text a{font-weight:normal}.ca-forgot-password-notice-other-options{margin-bottom:0}.ca-forgot-password-or{color:#74787a;font-size:1.2rem;position:relative;text-align:center;width:100%;z-index:10}.ca-forgot-password-or::after{background-color:#fff;content:"";display:block;height:2.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:2.5rem;z-index:-1}.ca-forgot-password-or::before{border-top:1px dashed #d1d7db;content:"";left:0;position:absolute;top:50%;width:100%;z-index:-1}.ca-forgot-password-root .ca-forgot-password-password-input.-better .galaxy-forms-label-validation-message{border-color:#76d5ff}.ca-forgot-password-root .ca-forgot-password-password-input.-warn .galaxy-forms-label-validation-message{border-color:#ff6161}.ca-forgot-password-root .ca-forgot-password-password-input.-almost .galaxy-forms-label-validation-message{border-color:#ffd323}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-checkbox-root{display:inline-block;margin-right:.5rem;position:relative;vertical-align:middle}
.galaxy-forms-checkbox-root .galaxy-forms-checkbox-element{appearance:none;background-color:rgba(0,0,0,0);border:var(--controlBorder);border-radius:0;height:1rem;width:1rem}
.galaxy-forms-checkbox-root .galaxy-forms-checkbox-element:checked{border-color:var(--controlSelectedColor)}
.galaxy-forms-checkbox-root .galaxy-forms-checkbox-element:checked~.galaxy-forms-checkbox-check::after{border-bottom:1px solid var(--controlSelectedColor);border-right:1px solid var(--controlSelectedColor);content:"";display:block;height:.55rem;left:50%;position:absolute;top:7%;transform:translateX(-40%) translateY(7%) rotate(45deg);width:.3rem}
.galaxy-forms-checkbox-root .galaxy-forms-checkbox-element:required{box-shadow:none}
.galaxy-forms-checkbox-root .galaxy-forms-checkbox-element:focus{box-shadow:var(--inputFocusShadow)}
.galaxy-forms-checkbox-root.galaxy-forms-checkbox-disabled{cursor:not-allowed}
.galaxy-forms-checkbox-root.galaxy-forms-checkbox-disabled .galaxy-forms-checkbox-element{background-color:var(--inputDisabledBackground)}
.galaxy-forms-checkbox-root.galaxy-forms-checkbox-disabled .galaxy-forms-checkbox-element~.galaxy-forms-checkbox-check::after,.galaxy-forms-checkbox-root.galaxy-forms-checkbox-disabled .galaxy-forms-checkbox-element~.galaxy-forms-checkbox-check::before{background-color:var(--inputDisabledBackground)}
.galaxy-forms-checkbox-root.galaxy-forms-checkbox-invalid .galaxy-forms-checkbox-element{border-color:var(--inputInvalidColor)}
.galaxy-forms-checkbox-root.galaxy-forms-checkbox-invalid .galaxy-forms-checkbox-element:checked~.galaxy-forms-checkbox-check::after,.galaxy-forms-checkbox-root.galaxy-forms-checkbox-invalid .galaxy-forms-checkbox-element:checked~.galaxy-forms-checkbox-check::before{border-color:var(--inputInvalidColor)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-dropdown-root{border:var(--inputBorder);border-radius:var(--borderRadius);position:relative}
.galaxy-forms-dropdown-root .galaxy-forms-dropdown-element{appearance:none;background-color:var(--inputBackground);border:0 none;border-radius:var(--borderRadius);font-size:16px;padding:.75rem 2rem .75rem 1rem;width:100%}
.galaxy-forms-dropdown-root .galaxy-forms-dropdown-element::-ms-expand{display:none}
.galaxy-forms-dropdown-root .galaxy-forms-dropdown-element:focus{outline:0;box-shadow:var(--inputFocusShadow)}
.galaxy-forms-dropdown-root .galaxy-forms-dropdown-arrow{pointer-events:none;position:absolute;right:.5rem;top:22%}
.galaxy-forms-dropdown-root .galaxy-forms-dropdown-arrow-element svg{fill:var(--dropdownGlyphFill);height:12px;width:12px}
.galaxy-forms-dropdown-root.galaxy-forms-dropdown-disabled{background-color:var(--inputDisabledBackground);border-color:var(--inputDisabledBorderColor);cursor:not-allowed}
.galaxy-forms-dropdown-root.galaxy-forms-dropdown-disabled .galaxy-forms-dropdown-element,.galaxy-forms-dropdown-root.galaxy-forms-dropdown-disabled .galaxy-forms-dropdown-arrow{background-color:var(--inputDisabledBackground);color:var(--inputDisabledTextColor)}
.galaxy-forms-dropdown-root.galaxy-forms-dropdown-disabled .galaxy-forms-dropdown-element:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--inputDisabledBackground) inset;-webkit-text-fill-color:var(--inputDisabledTextColor) !important}
.galaxy-forms-dropdown-root.galaxy-forms-dropdown-invalid{border-color:var(--inputInvalidColor)}
.galaxy-forms-dropdown-root.galaxy-forms-dropdown-invalid .galaxy-forms-dropdown-element{color:var(--inputInvalidColor);background-color:var(--inputInvalidBackground)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-date-root .galaxy-forms-date-element{display:inline-block;margin-bottom:.5rem;margin-right:.5rem}
@media(max-width: 30rem){.galaxy-forms-date-root .galaxy-forms-date-element:not(:last-child){border-radius:var(--borderRadius) 0 0 var(--borderRadius);margin-right:-1px}.galaxy-forms-date-root .galaxy-forms-date-month{max-width:99px}}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-hint-root{position:relative}
.galaxy-forms-hint-root .galaxy-forms-hint-element{background-color:var(--ck-black-90);border-radius:var(--borderRadius);color:#fff;left:100%;margin-left:5px;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:10}
.galaxy-forms-hint-root .galaxy-forms-hint-element::before{background-color:var(--ck-black-90);content:"";display:block;height:10px;left:-5px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;z-index:-1}
@media(max-width: 60rem){.galaxy-forms-hint-root .galaxy-forms-hint-element{left:0;margin-left:0;margin-top:5px;top:100%;transform:translateX(0)}.galaxy-forms-hint-root .galaxy-forms-hint-element::before{left:10px;top:-5px;transform:rotate(45deg)}}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-input-root{border:var(--inputBorder);border-radius:var(--borderRadius)}
.galaxy-forms-input-root .galaxy-forms-input-element{appearance:none;background-color:var(--inputBackground);border:0 none;border-radius:var(--borderRadius);font-size:16px;padding:.75rem 1rem;width:100%}
.galaxy-forms-input-root .galaxy-forms-input-element:required{box-shadow:none}
.galaxy-forms-input-root .galaxy-forms-input-element:focus{box-shadow:var(--inputFocusShadow)}
.galaxy-forms-input-root.galaxy-forms-input-disabled{background-color:var(--inputDisabledBackground);border-color:var(--inputDisabledBorderColor);cursor:not-allowed}
.galaxy-forms-input-root.galaxy-forms-input-disabled .galaxy-forms-input-element{background-color:var(--inputDisabledBackground);color:var(--inputDisabledTextColor)}
.galaxy-forms-input-root.galaxy-forms-input-disabled .galaxy-forms-input-element:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--inputDisabledBackground) inset;-webkit-text-fill-color:var(--inputDisabledTextColor) !important}
.galaxy-forms-input-root.galaxy-forms-input-invalid{border-color:var(--inputInvalidColor)}
.galaxy-forms-input-root.galaxy-forms-input-invalid .galaxy-forms-input-element{color:var(--inputInvalidColor);background-color:var(--inputInvalidBackground)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-tooltip-root{cursor:pointer;display:inline-block;position:relative}
.galaxy-forms-tooltip-root:hover .galaxy-forms-tooltip-container,.galaxy-forms-tooltip-root:focus .galaxy-forms-tooltip-container{display:block}
.galaxy-forms-tooltip-container{background-color:var(--tooltipBackground);border:var(--tooltipBorder);border-left-width:var(--tooltipBorderLeftWidth);color:var(--tooltipTextColor);display:none;font-size:.8rem;font-weight:normal;padding:.5rem .75rem;position:absolute;text-align:left;text-transform:none;white-space:normal;z-index:10}
.galaxy-forms-tooltip-top{bottom:100%;left:50%;transform:translate(-50%, -0.25rem)}
.galaxy-forms-tooltip-bottom{left:50%;top:100%;transform:translate(-50%, 0.25rem)}
.galaxy-forms-tooltip-right{bottom:50%;left:100%;transform:translate(0.25rem, 50%)}
.galaxy-forms-tooltip-left{bottom:50%;left:auto;right:100%;transform:translate(-0.25rem, 50%)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-label-root{display:block;margin:1rem 0}
.galaxy-forms-label-root .galaxy-forms-label-text{color:var(--ck-black-60);display:inline;font-size:.75rem}
.galaxy-forms-label-root .galaxy-forms-label-element{margin-bottom:.25rem}
.galaxy-forms-label-root .galaxy-forms-label-info svg{fill:var(--ck-blue-50);height:.8rem;margin:0 .25rem;vertical-align:middle;width:.8rem}
.galaxy-forms-label-root .galaxy-forms-label-validation-message{border-left:var(--validationMessageBorder);color:var(--validationMessageColor);font-size:.8rem;font-weight:normal;margin:.5rem 0;padding:.5rem .75rem}
.galaxy-forms-label-root.galaxy-forms-label-invalid .galaxy-forms-label-element,.galaxy-forms-label-root.galaxy-forms-label-invalid .galaxy-forms-label-text{color:var(--inputInvalidColor)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-password-root{position:relative}
.galaxy-forms-password-root .galaxy-forms-password-element input{padding-right:3.5rem}
.galaxy-forms-password-root .galaxy-forms-password-toggle{cursor:pointer;font-size:.875rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);user-select:none}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-radio-root{display:inline-block;margin-right:.5rem;position:relative;vertical-align:middle}
.galaxy-forms-radio-root .galaxy-forms-radio-element{appearance:none;background-color:rgba(0,0,0,0);border:var(--controlBorder);border-radius:100%;height:16px;position:relative;width:16px}
.galaxy-forms-radio-root .galaxy-forms-radio-element:checked{border-color:var(--controlSelectedColor)}
.galaxy-forms-radio-root .galaxy-forms-radio-element:checked~.galaxy-forms-radio-check{background-color:var(--controlSelectedColor);border-radius:100%;display:block;height:10px;left:3px;position:absolute;top:3px;width:10px}
.galaxy-forms-radio-root .galaxy-forms-radio-element:required{box-shadow:none}
.galaxy-forms-radio-root .galaxy-forms-radio-element:focus{box-shadow:var(--inputFocusShadow)}
.galaxy-forms-radio-root.galaxy-forms-radio-disabled{cursor:not-allowed}
.galaxy-forms-radio-root.galaxy-forms-radio-disabled .galaxy-forms-radio-element{background-color:var(--inputDisabledBackground)}
.galaxy-forms-radio-root.galaxy-forms-radio-disabled .galaxy-forms-radio-element:checked~.galaxy-forms-radio-check{background-color:var(--inputDisabledBackground)}
.galaxy-forms-radio-root.galaxy-forms-radio-invalid .galaxy-forms-radio-element{border-color:var(--inputInvalidColor)}
.galaxy-forms-radio-root.galaxy-forms-radio-invalid .galaxy-forms-radio-element:checked~.galaxy-forms-radio-check{background-color:var(--inputInvalidColor)}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-blue-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-blue-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
:root{--black: #000;--borderRadius: 2px;--inputBorderColor: var(--ck-black-30);--inputBorder: 1px solid var(--inputBorderColor);--inputBackground: var(--white);--inputDisabledBackground: var(--ck-black-10);--inputDisabledBorderColor: var(--ck-black-50);--inputDisabledTextColor: var(--ck-black-60);--inputInvalidBackground: var(--ck-red-10);--inputInvalidColor: var(--ck-red-50);--inputFocusShadow: 0 0 0 2px var(--ck-blue-50);--dropdownGlyphFill: var(--ck-black-40);--tooltipBorderColor: var(--ck-blue-50);--tooltipBackground: var(--white);--tooltipBorder: 1px solid var(--tooltipBorderColor);--tooltipBorderLeftWidth: 4px;--tooltipTextColor: var(--ck-black-80);--validationMessageBorder: 4px solid var(--inputInvalidColor);--validationMessageColor: var(--ck-black-80);--controlColor: var(--ck-black-30);--controlBorder: 1px solid var(--controlColor);--controlSelectedColor: var(--ck-blue-50)}
.galaxy-forms-social-root hr{border:var(--inputBorder);display:inline-block;margin:.2rem;width:.4rem}
.galaxy-forms-social-root .galaxy-forms-social-element{display:inline-block;width:4.1rem}
.galaxy-forms-social-root .galaxy-forms-social-element input{text-align:center}
.galaxy-forms-social-ssn .galaxy-forms-social-element:nth-of-type(1){width:3.9rem}
.galaxy-forms-social-ssn .galaxy-forms-social-element:nth-of-type(2){width:3.35rem}
.galaxy-forms-social-ssn .galaxy-forms-social-element:nth-of-type(3){width:4.45rem}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-primary-10: #e5f4ff;
--ck-primary-20: #bde2ff;
--ck-primary-30: #8fceff;
--ck-primary-40: #57b6ff;
--ck-primary-50: #0091ff;
--ck-primary-60: #0079d6;
--ck-primary-70: #0065b3;
--ck-primary-80: #004f8c;
--ck-primary-90: #003a66;
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-primary-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-primary-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
.ca-dashboard-alerts .card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-arrow{position:relative;display:inline-flex;font-size:20px;cursor:pointer;background:rgba(0,0,0,0);color:rgba(0,0,0,0);top:50%}
.ca-dashboard-alerts .card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-arrow:hover,.ca-dashboard-alerts .card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-arrow:focus{outline:none;background:rgba(0,0,0,0);color:rgba(0,0,0,0);border:none}
.ca-dashboard-alerts .card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-arrow:before{font-size:0;line-height:1}
.card-slider-wrapper .ca-dashboard-alert-wrapper>div{display:flex;width:100%;flex-grow:1}
.card-slider-wrapper .ca-dashboard-alert-cta-wrapper>div{display:flex;justify-content:flex-start;width:100%}
.card-slider-wrapper .react-swipe-container{flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;align-items:stretch}
.card-slider-wrapper .react-swipe-container>div{display:flex;flex:1 1 100%;height:auto}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.card-slider-wrapper .react-swipe-container>div{flex:1 0 100%}}
.card-slider-wrapper .react-swipe-container>div>div,.card-slider-wrapper .react-swipe-container>div>div>div{width:100%;display:flex !important}
.card-slider-wrapper>[class^=jsx]>[class^=jsx]{margin-top:0;position:relative;text-align:center;padding:0;display:block}
.card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-arrow{display:none}
.card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-dot{cursor:pointer;width:7px;height:7px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:inline-block;border:none;outline:none;line-height:0px;font-size:0px;padding:0px;color:rgba(0,0,0,0)}
.card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-dot:hover,.card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-dot:focus,.card-slider-wrapper>[class^=jsx]>[class^=jsx] .carousel-dot:active{background-color:var(--ck-black-80)}
.ca-dashboard-location-icon{height:1rem;margin:0 .5rem .5rem 0;vertical-align:text-top;width:.625rem}
.carousel-pills{margin-bottom:-7px}
.carousel-pills .scroller{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:7px}
.carousel-pills .scroller::-webkit-scrollbar{width:0;height:0}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-primary-10: #e5f4ff;
--ck-primary-20: #bde2ff;
--ck-primary-30: #8fceff;
--ck-primary-40: #57b6ff;
--ck-primary-50: #0091ff;
--ck-primary-60: #0079d6;
--ck-primary-70: #0065b3;
--ck-primary-80: #004f8c;
--ck-primary-90: #003a66;
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-primary-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-primary-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
.ca-credit-cards-mobile-banner-message-text a{color:var(--ck-blue-50)}
@media(min-width: 600px){.ca-credit-cards-mobile-banner-container{display:none}}
.ca-credit-cards-mobile-banner-banner{box-shadow:0 9px 29px 0 rgba(0,0,0,.15)}
.ca-credit-cards-mobile-banner-avatar{min-width:60px}
/*
Tachyons
COLOR VARIABLES
Grayscale
- Solids
- Transparencies
Colors
*/
:root {
--black: #000;
--near-black: #111;
--dark-gray: #333;
--mid-gray: #555;
--gray: #777;
--silver: #999;
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
--white: #fff;
--transparent: transparent;
--black-90: rgba(0, 0, 0, 0.9);
--black-80: rgba(0, 0, 0, 0.8);
--black-70: rgba(0, 0, 0, 0.7);
--black-60: rgba(0, 0, 0, 0.6);
--black-50: rgba(0, 0, 0, 0.5);
--black-40: rgba(0, 0, 0, 0.4);
--black-30: rgba(0, 0, 0, 0.3);
--black-20: rgba(0, 0, 0, 0.2);
--black-10: rgba(0, 0, 0, 0.1);
--black-05: rgba(0, 0, 0, 0.05);
--black-025: rgba(0, 0, 0, 0.025);
--black-0125: rgba(0, 0, 0, 0.0125);
--white-90: rgba(255, 255, 255, 0.9);
--white-80: rgba(255, 255, 255, 0.8);
--white-70: rgba(255, 255, 255, 0.7);
--white-60: rgba(255, 255, 255, 0.6);
--white-50: rgba(255, 255, 255, 0.5);
--white-40: rgba(255, 255, 255, 0.4);
--white-30: rgba(255, 255, 255, 0.3);
--white-20: rgba(255, 255, 255, 0.2);
--white-10: rgba(255, 255, 255, 0.1);
--white-05: rgba(255, 255, 255, 0.05);
--white-025: rgba(255, 255, 255, 0.025);
--white-0125: rgba(255, 255, 255, 0.0125);
--dark-red: #e7040f;
--red: #ff4136;
--light-red: #ff725c;
--orange: #ff6300;
--gold: #ffb700;
--yellow: #ffd700;
--light-yellow: #fbf1a9;
--purple: #5e2ca5;
--light-purple: #a463f2;
--dark-pink: #d5008f;
--hot-pink: #ff41b4;
--pink: #ff80cc;
--light-pink: #ffa3d7;
--dark-green: #137752;
--green: #19a974;
--light-green: #9eebcf;
--navy: #001b44;
--dark-blue: #00449e;
--blue: #357edd;
--light-blue: #96ccff;
--lightest-blue: #cdecff;
--washed-blue: #f6fffe;
--washed-green: #e8fdf5;
--washed-yellow: #fffceb;
--washed-red: #ffdfdf;
/* CK Brand Colors */
--ck-primary-10: #e5f4ff;
--ck-primary-20: #bde2ff;
--ck-primary-30: #8fceff;
--ck-primary-40: #57b6ff;
--ck-primary-50: #0091ff;
--ck-primary-60: #0079d6;
--ck-primary-70: #0065b3;
--ck-primary-80: #004f8c;
--ck-primary-90: #003a66;
--ck-green-10: #eafaf3;
--ck-green-20: #cbf6e1;
--ck-green-30: #99ebc6;
--ck-green-40: #76e5b3;
--ck-green-50: #3ddb93;
--ck-green-60: #34ba7e;
--ck-green-70: #2c9968;
--ck-green-80: #227851;
--ck-green-90: #18573b;
--ck-blue-10: #e5f4ff;
--ck-blue-20: #bde2ff;
--ck-blue-30: #8fceff;
--ck-blue-40: #57b6ff;
--ck-blue-50: #0091ff;
--ck-blue-60: #0079d6;
--ck-blue-70: #0065b3;
--ck-blue-80: #004f8c;
--ck-blue-90: #003a66;
--ck-yellow-10: #fffae5;
--ck-yellow-20: #fff0b8;
--ck-yellow-30: #ffe98f;
--ck-yellow-40: #fdde63;
--ck-yellow-50: #ffd324;
--ck-yellow-60: #d9b31e;
--ck-yellow-70: #b39419;
--ck-yellow-80: #8c7414;
--ck-yellow-90: #5e4d0c;
--ck-orange-10: #ffefe6;
--ck-orange-20: #fad4bd;
--ck-orange-30: #f5a878;
--ck-orange-40: #f08d4f;
--ck-orange-50: #ed7023;
--ck-orange-60: #c76020;
--ck-orange-70: #a34d17;
--ck-orange-80: #823c11;
--ck-orange-90: #5c2d11;
--ck-red-10: #ffebeb;
--ck-red-20: #ffc7c7;
--ck-red-30: #ff9e9e;
--ck-red-40: #ff7d7d;
--ck-red-50: #ff5d5d;
--ck-red-60: #ce3b3b;
--ck-red-70: #b34040;
--ck-red-80: #8c3232;
--ck-red-90: #662525;
--ck-black-10: #f5f6f7;
--ck-black-20: #e6e9eb;
--ck-black-30: #d5d9db;
--ck-black-40: #cdd1d4;
--ck-black-50: #b0b5b8;
--ck-black-60: #939799;
--ck-black-70: #777a7d;
--ck-black-80: #5a5c5e;
--ck-black-90: #404345;
/* Named variables */
--ck-primary-color: var(--ck-primary-50);
--ck-dark-text: var(--ck-black-80);
--ck-light-text: var(--ck-black-60);
--ck-link-color: var(--ck-primary-50);
--ck-border-light: var(--ck-black-20);
--ck-border-dark: var(--ck-black-50);
--ck-background-light: var(--ck-black-10);
}
.ca-credit-cards-desktop-banner-container{display:none}
@media(min-width: 600px){.ca-credit-cards-desktop-banner-container{display:flex}}
.ca-credit-cards-desktop-banner-avatar{min-width:70px}
.ca-credit-cards-desktop-banner-content{background-color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);min-height:74px;position:relative}
.ca-credit-cards-desktop-banner-content:before{content:" ";position:absolute;left:-5px;top:25px;width:0;height:0;border-top:solid 12px #fff;border-left:solid 12px #fff;transform:rotate(-45deg)}
.ca-credit-cards-desktop-banner-content a{color:var(--ck-blue-50)}
.ca-button-root{appearance:none;border:0 none;border-radius:2px;color:#fff;cursor:pointer;font-weight:bold;min-width:200px;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:background 200ms ease-in-out}.ca-button-root.ca-button-disabled,.ca-button-root.ca-button-disabled:hover,.ca-button-root.ca-button-disabled:active{background-color:#5b5f66;cursor:not-allowed}.ca-button-root.ca-button-href{color:#fff}.ca-button-default{background-color:#0091ff}.ca-button-default:hover,.ca-button-default:active{background-color:#007ad6}.ca-button-link{background-color:rgba(0,0,0,0);color:#0091ff}.ca-button-link:hover,.ca-button-link:active{color:#007ad6}.ca-button-link.ca-button-href{color:#0091ff}.ca-button-link.ca-button-href:hover,.ca-button-link.ca-button-href:active{color:#007ad6}.ca-button-cta{background-color:#ff863a;color:#fff}.ca-button-cta:hover,.ca-button-cta:active{background-color:#ff6d11}.ca-button-primary{background-color:#3ddb93}.ca-button-primary:hover,.ca-button-primary:active{background-color:#25ca7f}.ca-button-secondary{background-color:#ff6161}.ca-button-secondary:hover,.ca-button-secondary:active{background-color:#ff3838}.ca-button-complete{background-color:#f1f5f8;color:#74787a}.ca-button-clear,.ca-button-clear.ca-button-href{background-color:rgba(0,0,0,0);color:#0091ff;border:1px solid #0091ff;border-radius:2px;font-weight:400}.ca-button-clear:hover,.ca-button-clear:active,.ca-button-clear.ca-button-href:hover,.ca-button-clear.ca-button-href:active{color:#007ad6;border-color:#007ad6}.ca-button-small{min-width:auto;padding-left:1rem;padding-right:1rem;background-color:#0091ff}.ca-button-small:hover,.ca-button-small:active{background-color:#007ad6}.ca-button-filter{min-width:auto;padding-left:1rem;padding-right:1rem;color:#0091ff;background-color:#fff;border:solid 1px #d1d7db;border-radius:.25rem;font-size:.875rem}.ca-button-filter:hover{color:#007ad6}.ca-button-filter.selected{color:#fff;background-color:#0091ff;border-color:#0091ff}.ca-button-filter.selected:hover{background-color:#007ad6;border-color:#007ad6}
.skeleton--placeholder-image,.skeleton--placeholder-title,.skeleton--placeholder-bullets{animation:loading 500ms linear infinite}@keyframes loading{10%{opacity:1}30%{opacity:.5}100%{opacity:1}}
.organism-offer a{text-decoration:none}.organism-offer__bullets-section{margin:24px 0;line-height:1.4rem;position:relative}.organism-offer__bullets-gradient{background:linear-gradient(rgba(255, 255, 255, 0) 55%, white);height:110px;position:absolute;top:0;width:100%;z-index:2}.organism-offer__bullets-list{margin:0;padding-left:24px}.organism-offer__bullets-list li{margin:8px 0}.organism-offer__details-pill{padding:0;margin:-4px}.organism-offer__details-pill li{list-style:none;display:inline-block;background-color:#f1f5f8;color:#404245;border-radius:24px;margin:0 4px 6px;font-size:.875rem;padding:5px 15px}.organism-offer__details-link{bottom:1px}.organism-offer__details-link:after{content:"";position:relative;width:10px;height:10px;border:0 solid #0091ff;transform:rotate(135deg);text-align:center;border-right-width:2px;border-top-width:2px;display:block;margin:0 auto;bottom:2px}.organism-offer__details-link:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);color:#007ddb}.organism-offer__details-link:hover:after,.organism-offer__details-link:hover.is-open:after{border-color:#007ddb}.organism-offer__details-link-refresh:after{content:"";position:relative;width:5px;height:5px;border:0 solid #0091ff;transform:rotate(135deg);text-align:center;border-right-width:1px;border-top-width:1px;display:inline-block;margin:0 0 0 .5rem;bottom:2px}.organism-offer__details-link.is-open:after{border-bottom-width:2px;border-left-width:2px;border-right-width:0px;border-top-width:0px;top:4px}.organism-offer__details-link-refresh.is-open{text-align:center;font-size:.875rem}.organism-offer__details-link-refresh.is-open:after{border-bottom-width:1px;border-left-width:1px;border-right-width:0px;border-top-width:0px;top:2px;width:8px;height:8px}.organism-offer__details-rates-fees .organism-offer__details-div-table-row:last-child{border:0 none}.organism-offer__summary .organism-offer-apply{display:inline-block;width:100%;margin-top:16px}.organism-offer__summary-phone-cta{font-weight:300;color:#8d9194;font-size:.75rem;margin-top:8px;display:inline-block}.organism-offer__summary-rating{display:inline-block}.organism-offer__summary-rating .rating{white-space:nowrap;position:relative;top:2px;margin-right:6px;display:inline-block}.organism-offer__summary-rating-reviews{color:#404245;font-size:1rem;white-space:nowrap}.organism-offer__summary-summary-odds-container{font-size:1rem;color:#404245;display:block;margin-bottom:8px}.organism-offer__summary-summary-odds{font-size:.75rem;background-color:#f1f5f8;border-radius:20px;color:#404245;display:inline-block;font-weight:400;padding:6px 11px;text-transform:uppercase}.organism-offer__summary-summary-odds.very-poor{background-color:#ff6161;color:#ff863a}.organism-offer__summary-summary-odds.poor{background-color:#ff6161;color:#ff863a}.organism-offer__summary-summary-odds.fair{background-color:#ffd323;color:#ff863a}.organism-offer__summary-summary-odds.good{background-color:#3ddb93;color:#ff863a}.organism-offer__summary-summary-odds.very-good{background-color:#3ddb93;color:#ff863a}.organism-offer__summary-summary-odds.excellent{background-color:#3ddb93;color:#ff863a}.organism-offer__summary-loan-amount .organism-offer__summary-marketing-offer{color:#3ddb93;display:block;font-size:14px;font-weight:600;white-space:nowrap}.organism-offer__summary-loan-amount .organism-offer__summary-marketing-offer svg{fill:#3ddb93;vertical-align:middle}.organism-offer__schumer-detail:nth-child(even){border-right:0 none}.organism-offer__schumer-detail:nth-last-child(1):nth-child(odd){width:100%;border-right:0 none}i.ck-icon{font-style:normal}.ck-icon{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:rgba(0,0,0,0);display:inline-block;font-style:normal;font-weight:normal;position:relative;text-align:center;vertical-align:middle}.ck-icon svg{position:absolute;top:0;left:0}.ck-icon svg path{position:absolute;top:0;left:0;transition:fill 150ms ease-in-out}.ck-icon-base-color svg path{fill:#c4c4c4}.ck-icon-faint svg path{opacity:.5}.ck-icon:not(.ck-icon-nohover):hover svg path{fill:red}.ck-icon:active svg path{fill:red}.ck-icon-after{display:inline-block;float:right;margin-left:10px}.ck-icon-green svg path{fill:green}.ck-icon-red svg path{fill:#ed1c24}.ck-icon-blue svg path{fill:red}.ck-icon-orange svg path{fill:red}.ck-icon-white svg path{fill:#fff}.ck-icon-spin{animation:spin 2s infinite linear;display:inline-block;margin:0}.ck-icon-loading{transform-origin:50% 50%}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.organism_offer-tooltip-container{position:relative;display:inline-block;cursor:pointer}.organism_offer-tooltip-container:hover .organism_offer-tooltip-box{display:block;animation:fade-in 300ms ease-in}.organism_offer-tooltip-box{font-size:.75rem;background-color:#fff;border-radius:3px;border:1px solid #d1d7db;bottom:100%;color:#404245;cursor:default;display:none;font-weight:400;left:50%;width:180px;padding:6px 8px;position:absolute;text-align:left;transform:translate(-50%, -8px);white-space:normal;box-shadow:0 0 20px rgba(0,0,0,.075);z-index:10}.organism_offer-tooltip-box::after{background-color:#fff;border-bottom:1px solid #d1d7db;border-left:0 none;border-right:1px solid #d1d7db;border-top:0 none;bottom:0;left:50%;transform:translate(-50%, 7px) rotate(45deg);content:" ";display:block;height:12px;position:absolute;width:12px}.organism_offer-tooltip-box.tooltip-right{transform:translate(0%, 50%);left:calc(50% + 20px)}.organism_offer-tooltip-box.tooltip-right::after{left:0;bottom:calc(50% - 10px);transform:translate(-50%, 7px) rotate(135deg)}.organism_offer-tooltip-box.tooltip-left{transform:translate(0%, 50%);left:auto;right:20px}.organism_offer-tooltip-box.tooltip-left::after{left:auto;right:0;bottom:calc(50% - 10px);transform:translate(50%, 7px) rotate(315deg)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@media(min-width: 840px){.organism-offer__schumer-detail-responsive:nth-child(even){border-right:1px solid #e9e9e9}.organism-offer__schumer-detail-responsive:last-child{border-right:0 none}}@media(min-width: 768px){.organism-offer__summary .organism-offer-apply{margin-top:0;max-width:176px}}@media(min-width: 769px){.organism-offer__summary{display:inline}.organism-offer__summary-summary-odds-container{display:inline-block;margin-bottom:0}.organism-offer__summary-rating{margin-top:5px;margin-right:16px}.organism-offer__summary-rating .rating{top:2px}.organism-offer__summary-rating-reviews{color:#0091ff}.organism-offer__summary-summary-odds{margin:0 8px}.organism-offer__summary-loan-amount{position:absolute;right:0;text-align:right;top:50%;transform:translateY(-50%)}}@media screen and (max-width: 30em){.ck-modal-body{min-height:auto}}
.ca-unqualified-warning-dismiss-icon{cursor:pointer;height:21px;width:21px}
.ca-credit-cards-category-offer-list-item{box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}@media(min-width: 960px){.ca-credit-cards-category-offer-list-item{margin:2rem auto}}
.ca-credit-cards-mobile-category-selector-option{min-height:32px}.ca-credit-cards-mobile-category-selector-option svg~.ca-credit-cards-mobile-category-selector-category-option-control{top:4px}.ca-credit-cards-mobile-category-selector-category-option-control svg{height:16px;width:16px}
.ca-credit-cards-category-tile-container{flex-grow:1;max-width:184px}.ca-credit-cards-category-tile-icon{display:block;margin:0 auto;height:48px;width:48px}
@media(min-width: 960px){.ca-credit-cards-desktop-category-selector-container{padding-top:40px;min-height:118px}}
@media(min-width: 960px){.ca-credit-cards-header-container{max-width:960px;margin-bottom:0}}
.ca-credit-cards-header-description{max-width:640px}
.ca-credit-cards-content-container{background-color:#f1f5f8}
.ca-credit-cards-content{max-width:960px}
/*# sourceMappingURL=styles.css.map*/