diff --git a/dist/solid.2.3.2.css b/dist/solid.2.3.2.css new file mode 100644 index 00000000..4d153ef8 --- /dev/null +++ b/dist/solid.2.3.2.css @@ -0,0 +1,3804 @@ +/* + Solid is BuzzFeed's CSS style guide. + solid.buzzfeed.com +*/ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; } + +audio:not([controls]) { + display: none; + height: 0; } + +progress { + vertical-align: baseline; } + +template, +[hidden] { + display: none; } + +a { + background-color: transparent; } + +a:active, +a:hover { + outline-width: 0; } + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } + +b, +strong { + font-weight: inherit; } + +b, +strong { + font-weight: bolder; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background-color: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +img { + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + +button, +input, +select, +textarea { + font: inherit; } + +optgroup { + font-weight: bold; } + +button, +input, +select { + overflow: visible; } + +button, +input, +select, +textarea { + margin: 0; } + +button, +select { + text-transform: none; } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + cursor: pointer; } + +[disabled] { + cursor: default; } + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +button:-moz-focusring, +input:-moz-focusring { + outline: 1px dotted ButtonText; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; } + +textarea { + overflow: auto; } + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + -webkit-appearance: textfield; } + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +pre, +code, +sub, +sup, +fieldset, +form, +label, +legend, +details, +embed, +menu, +summary, +table, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +figure, +ol, +ul, +caption, +dl, +dt, +dd, +ol, +ul, +li { + margin: 0; + padding: 0; + font: inherit; } + +blockquote, +q { + quotes: none; } + blockquote:before, blockquote:after, + q:before, + q:after { + content: ""; + content: none; } + +html { + box-sizing: border-box; } + +*, +*:before, +*:after { + -moz-box-sizing: inherit; + box-sizing: inherit; } + +img { + max-width: 100%; + height: auto; } + +iframe { + border: 0; } + +small { + font-size: 16px; } + +sub, +sup { + font-size: 16px; } + +sup { + top: -0.5rem; } + +sub { + bottom: -.25rem; } + +code, +kbd, +pre, +samp { + font-size: 16px; } + +fieldset { + border: 0; + margin: 0; + padding: 0; } + +optgroup { + font-weight: 600; } + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; } + +input { + -webkit-appearance: none; + border-radius: 0; } + +html { + font-size: 16px; + font-family: "Proxima Nova", Helvetica, Arial, sans-serif; } + +body { + font-size: 1rem; + line-height: 1.5; } + +h1 { + font-size: 1.75rem; + line-height: 1.2; } + +h2 { + font-size: 1.375rem; + line-height: 1.2; } + +h3 { + font-size: 1.125rem; + line-height: 1.2; } + +h4 { + font-size: 1rem; + line-height: 1.3; } + +h5 { + font-size: 0.875rem; + line-height: 1.3; } + +h6 { + font-size: 0.75rem; + line-height: 1.3; } + +.slab h6, +h6.slab { + font-family: "Proxima Nova", Helvetica, Arial, sans-serif; + font-weight: 400; } + +a { + text-decoration: none; + color: #07e; } + a:hover { + color: #004488; + transition: color .15s ease 0s; } + +strong, +b { + font-weight: 600; } + +em, +i { + font-style: italic; } + +ol, +ul { + font-variant-numeric: tabular-nums; + -moz-font-feature-settings: "tnum" 1; + -moz-font-feature-settings: "tnum=1"; + -webkit-font-feature-settings: 'tnum' 1; + font-feature-settings: 'tnum' 1; + padding-left: 2rem; } + +table { + font-variant-numeric: tabular-nums; + -moz-font-feature-settings: "tnum" 1; + -moz-font-feature-settings: "tnum=1"; + -webkit-font-feature-settings: 'tnum' 1; + font-feature-settings: 'tnum' 1; + border-collapse: separate; + border-spacing: 0; + max-width: 100%; + width: 100%; } + +th { + text-align: left; + font-weight: 600; + vertical-align: bottom; } + +th, +td { + padding: 0.5rem; } + +td { + vertical-align: middle; } + +.xs-block-grid-1, .xs-block-grid-2, .xs-block-grid-3, .xs-block-grid-4, .xs-block-grid-5, .xs-block-grid-6 { + font-size: 0 !important; + margin: -0.5rem !important; + padding: 0 !important; } + +@media (min-width: 40rem) { + .sm-block-grid-1, .sm-block-grid-2, .sm-block-grid-3, .sm-block-grid-4, .sm-block-grid-5, .sm-block-grid-6 { + font-size: 0 !important; + margin: -0.5rem !important; + padding: 0 !important; } } + +@media (min-width: 52rem) { + .md-block-grid-1, .md-block-grid-2, .md-block-grid-3, .md-block-grid-4, .md-block-grid-5, .md-block-grid-6 { + font-size: 0 !important; + margin: -0.5rem !important; + padding: 0 !important; } } + +@media (min-width: 64rem) { + .lg-block-grid-1, .lg-block-grid-2, .lg-block-grid-3, .lg-block-grid-4, .lg-block-grid-5, .lg-block-grid-6 { + font-size: 0 !important; + margin: -0.5rem !important; + padding: 0 !important; } } + +.block-grid__item { + display: inline-block !important; + margin: 0.5rem !important; + font-size: 16px !important; + vertical-align: top !important; } + +.xs-block-grid-1 .block-grid__item { + width: 100% !important; } + +.xs-block-grid-2 .block-grid__item { + width: calc(50% - 1rem) !important; } + +.xs-block-grid-3 .block-grid__item { + width: calc(33.3333333333% - 1rem) !important; } + +.xs-block-grid-4 .block-grid__item { + width: calc(25% - 1rem) !important; } + +.xs-block-grid-5 .block-grid__item { + width: calc(20% - 1rem) !important; } + +.xs-block-grid-6 .block-grid__item { + width: calc(16.6666666667% - 1rem) !important; } + +@media (min-width: 40rem) { + .sm-block-grid-1 .block-grid__item { + width: 100% !important; } + .sm-block-grid-2 .block-grid__item { + width: calc(50% - 1rem) !important; } + .sm-block-grid-3 .block-grid__item { + width: calc(33.3333333333% - 1rem) !important; } + .sm-block-grid-4 .block-grid__item { + width: calc(25% - 1rem) !important; } + .sm-block-grid-5 .block-grid__item { + width: calc(20% - 1rem) !important; } + .sm-block-grid-6 .block-grid__item { + width: calc(16.6666666667% - 1rem) !important; } } + +@media (min-width: 52rem) { + .md-block-grid-1 .block-grid__item { + width: 100% !important; } + .md-block-grid-2 .block-grid__item { + width: calc(50% - 1rem) !important; } + .md-block-grid-3 .block-grid__item { + width: calc(33.3333333333% - 1rem) !important; } + .md-block-grid-4 .block-grid__item { + width: calc(25% - 1rem) !important; } + .md-block-grid-5 .block-grid__item { + width: calc(20% - 1rem) !important; } + .md-block-grid-6 .block-grid__item { + width: calc(16.6666666667% - 1rem) !important; } } + +@media (min-width: 64rem) { + .lg-block-grid-1 .block-grid__item { + width: 100% !important; } + .lg-block-grid-2 .block-grid__item { + width: calc(50% - 1rem) !important; } + .lg-block-grid-3 .block-grid__item { + width: calc(33.3333333333% - 1rem) !important; } + .lg-block-grid-4 .block-grid__item { + width: calc(25% - 1rem) !important; } + .lg-block-grid-5 .block-grid__item { + width: calc(20% - 1rem) !important; } + .lg-block-grid-6 .block-grid__item { + width: calc(16.6666666667% - 1rem) !important; } } + +/*Class to remove margins from block-grid__item and block-grid container*/ +.no-gutters { + margin: 0 !important; } + .no-gutters .block-grid__item { + margin: 0 !important; } + +/*Resizes block-grid__item to percentage of block-grid without margins*/ +.xs-block-grid-1.no-gutters .block-grid__item { + width: 100% !important; } + +.xs-block-grid-2.no-gutters .block-grid__item { + width: 50% !important; } + +.xs-block-grid-3.no-gutters .block-grid__item { + width: 33.3333333333% !important; } + +.xs-block-grid-4.no-gutters .block-grid__item { + width: 25% !important; } + +.xs-block-grid-5.no-gutters .block-grid__item { + width: 20% !important; } + +.xs-block-grid-6.no-gutters .block-grid__item { + width: 16.6666666667% !important; } + +@media (min-width: 40rem) { + .sm-block-grid-1.no-gutters .block-grid__item { + width: 100% !important; } + .sm-block-grid-2.no-gutters .block-grid__item { + width: 50% !important; } + .sm-block-grid-3.no-gutters .block-grid__item { + width: 33.3333333333% !important; } + .sm-block-grid-4.no-gutters .block-grid__item { + width: 25% !important; } + .sm-block-grid-5.no-gutters .block-grid__item { + width: 20% !important; } + .sm-block-grid-6.no-gutters .block-grid__item { + width: 16.6666666667% !important; } } + +@media (min-width: 52rem) { + .md-block-grid-1.no-gutters .block-grid__item { + width: 100% !important; } + .md-block-grid-2.no-gutters .block-grid__item { + width: 50% !important; } + .md-block-grid-3.no-gutters .block-grid__item { + width: 33.3333333333% !important; } + .md-block-grid-4.no-gutters .block-grid__item { + width: 25% !important; } + .md-block-grid-5.no-gutters .block-grid__item { + width: 20% !important; } + .md-block-grid-6.no-gutters .block-grid__item { + width: 16.6666666667% !important; } } + +@media (min-width: 64rem) { + .lg-block-grid-1.no-gutters .block-grid__item { + width: 100% !important; } + .lg-block-grid-2.no-gutters .block-grid__item { + width: 50% !important; } + .lg-block-grid-3.no-gutters .block-grid__item { + width: 33.3333333333% !important; } + .lg-block-grid-4.no-gutters .block-grid__item { + width: 25% !important; } + .lg-block-grid-5.no-gutters .block-grid__item { + width: 20% !important; } + .lg-block-grid-6.no-gutters .block-grid__item { + width: 16.6666666667% !important; } } + +.fill-red { + background-color: #e32 !important; } + +.fill-red-lighter { + background-color: #feebe9 !important; } + +.fill-pink { + background-color: #eb2649 !important; } + +.fill-blue { + background-color: #07e !important; } + +.fill-yellow { + background-color: #fe0 !important; } + +.fill-yellow-lighter { + background-color: #fffab6 !important; } + +.fill-green { + background-color: #6fb824 !important; } + +.fill-green-lighter { + background-color: #f1f8e9 !important; } + +.fill-orange { + background-color: #f49c1a !important; } + +.fill-promoted-orange { + background-color: #edb802 !important; } + +.fill-gray-lighter { + background-color: #f4f4f4 !important; } + +.fill-gray { + background-color: #aaa !important; } + +.fill-gray-darker { + background-color: #222 !important; } + +.fill-white { + background-color: #fff !important; } + +.fill-facebook { + background-color: #3b5998 !important; } + +.fill-twitter { + background-color: #55acee !important; } + +.fill-google { + background-color: #dd4b39 !important; } + +.fill-linkedin { + background-color: #0077b5 !important; } + +.fill-pinterest { + background-color: #bd081c !important; } + +.fill-tumblr { + background-color: #36465d !important; } + +.fill-youtube { + background-color: #cd201f !important; } + +.fill-instagram { + background-color: #517fa4 !important; } + +.fill-vine { + background-color: #00b488 !important; } + +.fill-snapchat { + background-color: #fffc00 !important; } + +.text-gray { + color: #333 !important; } + +.text-white { + color: #fff !important; } + +.text-gray-lighter { + color: #666 !important; } + +.text-gray-lightest { + color: #999 !important; } + +.text-red { + color: #e32 !important; } + +.text-pink { + color: #eb2649 !important; } + +.text-orange { + color: #f49c1a !important; } + +.text-promoted-orange { + color: #edb802 !important; } + +.text-green { + color: #6fb824 !important; } + +.text-blue { + color: #07e !important; } + +.svg-gray { + fill: #333 !important; } + +.svg-white { + fill: #fff !important; } + +.svg-gray-lighter { + fill: #666 !important; } + +.svg-gray-lightest { + fill: #999 !important; } + +.svg-red { + fill: #e32 !important; } + +.svg-pink { + fill: #eb2649 !important; } + +.svg-orange { + fill: #f49c1a !important; } + +.svg-green { + fill: #6fb824 !important; } + +.svg-blue { + fill: #07e !important; } + +.svg-facebook { + fill: #3b5998 !important; } + +.svg-twitter { + fill: #55acee !important; } + +.svg-google { + fill: #dd4b39 !important; } + +.svg-linkedin { + fill: #0077b5 !important; } + +.svg-pinterest { + fill: #bd081c !important; } + +.svg-tumblr { + fill: #36465d !important; } + +.svg-youtube { + fill: #cd201f !important; } + +.svg-instagram { + fill: #517fa4 !important; } + +.svg-vine { + fill: #00b488 !important; } + +.svg-snapchat { + fill: #fffc00 !important; } + +.button { + cursor: pointer !important; + padding: 0 !important; + background-color: transparent !important; + background-image: none !important; + border: 1px solid transparent !important; + white-space: nowrap !important; + -webkit-appearance: none; + appearance: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + font-family: inherit !important; + padding: .5rem .875rem !important; + font-size: 1rem !important; + line-height: 1.5rem !important; + border-radius: 3px !important; + text-decoration: none !important; + cursor: pointer !important; + display: inline-block !important; + border: 1px solid transparent !important; + text-align: center !important; + background-color: #07e !important; + color: #fff !important; + border-color: #07e !important; + border: 1px solid transparent !important; + transition: background-color .1s ease 0s !important; } + .button, .button:active:focus { + outline: 0 !important; } + .button:not(.button--disabled):not(:disabled):hover { + background-color: #004488 !important; + transition: background-color .15s ease 0s !important; } + .button:not(.button--disabled):not(:disabled):active { + background-color: #001e3c !important; } + .button.button--secondary { + border: 1px solid #07e !important; + color: #07e !important; + background: none !important; } + .button.button--secondary:hover { + transition: background-color .15s ease 0s !important; } + .button.button--secondary:not(.button--disabled):not(:disabled):hover { + background-color: #07e !important; + color: #fff !important; } + .button.button--secondary:not(.button--disabled):not(:disabled):active { + background-color: #001e3c !important; + border-color: #001e3c !important; + color: #fff !important; } + .button.button--secondary.button--icon > svg { + fill: #07e !important; } + .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { + fill: #fff !important; } + +.button--negative { + background-color: #e32 !important; + color: #fff !important; + border-color: #e32 !important; + border: 1px solid transparent !important; + transition: background-color .1s ease 0s !important; } + .button--negative:not(.button--disabled):not(:disabled):hover { + background-color: #9e180c !important; + transition: background-color .15s ease 0s !important; } + .button--negative:not(.button--disabled):not(:disabled):active { + background-color: #570d07 !important; } + .button--negative.button--secondary { + border: 1px solid #e32 !important; + color: #e32 !important; + background: none !important; } + .button--negative.button--secondary:hover { + transition: background-color .15s ease 0s !important; } + .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover { + background-color: #e32 !important; + color: #fff !important; } + .button--negative.button--secondary:not(.button--disabled):not(:disabled):active { + background-color: #570d07 !important; + border-color: #570d07 !important; + color: #fff !important; } + .button--negative.button--secondary.button--icon > svg { + fill: #e32 !important; } + .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { + fill: #fff !important; } + +.button--white { + background-color: #fff !important; + color: #333 !important; + border-color: #fff !important; + border: 1px solid transparent !important; + transition: background-color .1s ease 0s !important; } + .button--white:not(.button--disabled):not(:disabled):hover { + background-color: #cccccc !important; + transition: background-color .15s ease 0s !important; } + .button--white:not(.button--disabled):not(:disabled):active { + background-color: #a6a6a6 !important; } + .button--white.button--secondary { + border: 1px solid #fff !important; + color: #fff !important; + background: none !important; } + .button--white.button--secondary:hover { + transition: background-color .15s ease 0s !important; } + .button--white.button--secondary:not(.button--disabled):not(:disabled):hover { + background-color: #fff !important; + color: #333 !important; } + .button--white.button--secondary:not(.button--disabled):not(:disabled):active { + background-color: #a6a6a6 !important; + border-color: #a6a6a6 !important; + color: #333 !important; } + .button--white.button--secondary.button--icon > svg { + fill: #fff !important; } + .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { + fill: #fff !important; } + .button--white.button--secondary:not(.button--disabled):not(:disabled):active { + background-color: #e6e6e6 !important; } + .button--white.button--icon > svg { + fill: #222 !important; } + .button--white.button--icon:not(.button--disabled):not(:disabled):hover svg { + fill: #222 !important; } + .button--white.button--secondary.button--icon > svg { + fill: #fff !important; } + .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { + fill: #222 !important; } + +.button--transparent { + background-color: transparent !important; + color: #07e !important; + border-color: transparent !important; + border: 1px solid transparent !important; } + .button--transparent:not(.button--disabled):not(:disabled):hover { + background-color: transparent !important; + color: #004488 !important; } + +.button--disabled, +.button:disabled { + opacity: .3 !important; } + .button--disabled:hover, + .button:disabled:hover { + cursor: default !important; + transition: none !important; } + +.button--small { + padding: .3125rem .625rem !important; + font-size: 0.875rem !important; + line-height: 1.25rem !important; } + +.button--icon > svg { + width: 1rem !important; + height: 1rem !important; + fill: #fff !important; + position: relative !important; + top: .125rem !important; + margin-right: .5rem; } + +.button--icon.button--small > svg { + width: .875rem !important; + height: .875rem !important; + position: relative !important; + margin-right: .3125rem; } + +.button--facebook { + background-color: #3b5998 !important; + color: #fff !important; } + .button--facebook:not(.button--disabled):not(:disabled):hover { + background-color: #1e2e4f !important; + color: #fff !important; } + .button--facebook.button--disabled:hover, .button--facebook:disabled:hover { + color: #fff !important; } + .button--facebook:not(.button--disabled):not(:disabled):active { + background-color: #090e17 !important; } + +.button--twitter { + background-color: #55acee !important; + color: #fff !important; } + .button--twitter:not(.button--disabled):not(:disabled):hover { + background-color: #147bc9 !important; + color: #fff !important; } + .button--twitter.button--disabled:hover, .button--twitter:disabled:hover { + color: #fff !important; } + .button--twitter:not(.button--disabled):not(:disabled):active { + background-color: #0d5083 !important; } + +.button--google { + background-color: #dd4b39 !important; + color: #fff !important; } + .button--google:not(.button--disabled):not(:disabled):hover { + background-color: #96271a !important; + color: #fff !important; } + .button--google.button--disabled:hover, .button--google:disabled:hover { + color: #fff !important; } + .button--google:not(.button--disabled):not(:disabled):active { + background-color: #55160f !important; } + +.button--linkedin { + background-color: #0077b5 !important; + color: #fff !important; } + .button--linkedin:not(.button--disabled):not(:disabled):hover { + background-color: #00344f !important; + color: #fff !important; } + .button--linkedin.button--disabled:hover, .button--linkedin:disabled:hover { + color: #fff !important; } + .button--linkedin:not(.button--disabled):not(:disabled):active { + background-color: #000203 !important; } + +.button--pinterest { + background-color: #bd081c !important; + color: #fff !important; } + .button--pinterest:not(.button--disabled):not(:disabled):hover { + background-color: #5b040e !important; + color: #fff !important; } + .button--pinterest.button--disabled:hover, .button--pinterest:disabled:hover { + color: #fff !important; } + .button--pinterest:not(.button--disabled):not(:disabled):active { + background-color: #120103 !important; } + +.button--tumblr { + background-color: #36465d !important; + color: #fff !important; } + .button--tumblr:not(.button--disabled):not(:disabled):hover { + background-color: #11151c !important; + color: #fff !important; } + .button--tumblr.button--disabled:hover, .button--tumblr:disabled:hover { + color: #fff !important; } + .button--tumblr:not(.button--disabled):not(:disabled):active { + background-color: black !important; } + +.button--youtube { + background-color: #cd201f !important; + color: #fff !important; } + .button--youtube:not(.button--disabled):not(:disabled):hover { + background-color: #741212 !important; + color: #fff !important; } + .button--youtube.button--disabled:hover, .button--youtube:disabled:hover { + color: #fff !important; } + .button--youtube:not(.button--disabled):not(:disabled):active { + background-color: #320808 !important; } + +.button--instagram { + background-color: #517fa4 !important; + color: #fff !important; } + .button--instagram:not(.button--disabled):not(:disabled):hover { + background-color: #2f4a60 !important; + color: #fff !important; } + .button--instagram.button--disabled:hover, .button--instagram:disabled:hover { + color: #fff !important; } + .button--instagram:not(.button--disabled):not(:disabled):active { + background-color: #16222d !important; } + +.text-input, +.text-input--small, +.textarea, +.textarea--small, +.select, +.select--small { + font-family: inherit !important; + background: #fff !important; + font-size: 1rem !important; + line-height: 1.5rem !important; + padding: .5rem .75rem !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .text-input:disabled, + .text-input--small:disabled, + .textarea:disabled, + .textarea--small:disabled, + .select:disabled, + .select--small:disabled { + opacity: .35 !important; } + +.select { + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%20488%20285%27%3E%3Cpath%20d%3D%27M483.11%2029.381l-24.449-24.485c-2.934-2.938-7.335-4.897-11.246-4.897-3.912%200-8.313%201.959-11.246%204.897l-192.168%20192.448-192.168-192.448c-2.934-2.938-7.335-4.897-11.246-4.897-4.401%200-8.313%201.959-11.246%204.897l-24.449%2024.485c-2.934%202.938-4.89%207.345-4.89%2011.263s1.956%208.325%204.89%2011.263l227.864%20228.196c2.934%202.938%207.335%204.897%2011.246%204.897%203.912%200%208.313-1.959%2011.246-4.897l227.864-228.196c2.934-2.938%204.89-7.345%204.89-11.263s-1.956-8.325-4.89-11.263z%27%20fill%3D%27%23000%27/%3E%3C/svg%3E") !important; + background-repeat: no-repeat !important; + background-position: calc(100% - 1rem) center !important; + background-size: .6875rem !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; + border-radius: 0 !important; + padding-right: 2.5rem !important; } + +select::-ms-expand, +.select::-ms-expand { + display: none; } + +.select--small, +.text-input--small { + font-size: 0.875rem !important; + line-height: 1.25rem !important; + padding: 0.3125rem .625rem !important; } + +.select--small { + padding-right: 2rem !important; + background-position: calc(100% - .875rem) center !important; + background-size: .5rem !important; } + +.textarea { + display: block !important; + min-height: 6rem !important; + padding: .5rem .75rem !important; } + +.textarea--small { + display: block !important; + min-height: 5rem !important; + padding: .375rem .625rem !important; + font-size: 0.875rem !important; + line-height: 1.25rem !important; } + +.radio { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + .radio + label { + font-size: 0.875rem !important; + cursor: pointer !important; + line-height: 1.5rem; + display: block; } + .radio + label:before { + content: "" !important; + display: inline-block !important; + width: .75rem !important; + height: .75rem !important; + margin-right: .375rem !important; + position: relative !important; + bottom: -1px !important; + background-color: #fff !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .radio + label:before { + border-radius: 50% !important; } + .radio:disabled + label { + opacity: .35 !important; } + +.radio:checked + label:before { + background-color: #fff !important; + border: 4px solid #07e !important; } + +.checkbox { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + .checkbox + label { + font-size: 0.875rem !important; + cursor: pointer !important; + line-height: 1.5rem; + display: block; } + .checkbox + label:before { + content: "" !important; + display: inline-block !important; + width: .75rem !important; + height: .75rem !important; + margin-right: .375rem !important; + position: relative !important; + bottom: -1px !important; + background-color: #fff !important; + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .checkbox + label:before { + border-radius: 30% !important; } + .checkbox:disabled + label { + opacity: .35 !important; } + +.checkbox:checked + label:before { + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E") !important; + background-repeat: no-repeat !important; + background-position: center !important; + background-color: #07e !important; + background-size: .5rem !important; + border-style: none !important; } + +.form-label { + display: block; + font-weight: 600 !important; + margin-bottom: 0.5rem !important; } + +.form-label--small { + font-size: 0.875rem !important; + margin-bottom: .25rem !important; } + +.form-label--optional { + color: #999 !important; + font-weight: 400 !important; } + +.form-label--required { + color: #e32 !important; + font-weight: 400 !important; } + +.form-helper { + color: #999 !important; + display: block !important; + margin-top: 0.5rem !important; + font-size: 0.875rem !important; } + +.form-feedback { + display: block !important; + margin-top: 0.5rem !important; + font-size: 0.875rem !important; } + +.form-fieldset--warning .form-feedback, +.form-fieldset--warning .form-label { + color: #f49c1a !important; } + +.form-fieldset--warning .text-input, +.form-fieldset--warning .text-input--small, +.form-fieldset--warning .textarea, +.form-fieldset--warning .textarea--small, +.form-fieldset--warning .select, +.form-fieldset--warning .select--small { + border-color: #f49c1a !important; } + +.form-fieldset--success .form-feedback, +.form-fieldset--success .form-label { + color: #6fb824 !important; } + +.form-fieldset--success .form-feedback:before { + content: "" !important; + height: .875rem !important; + width: .875rem !important; + display: inline-block !important; + background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E") !important; + background-repeat: no-repeat !important; + background-size: .5rem !important; + background-color: #6fb824 !important; + border-radius: 50% !important; + background-position: center !important; + margin-right: .375rem !important; + position: relative !important; + bottom: -2px !important; } + +.form-fieldset--success .text-input, +.form-fieldset--success .text-input--small, +.form-fieldset--success .textarea, +.form-fieldset--success .textarea--small, +.form-fieldset--success .select, +.form-fieldset--success .select--small { + border-color: #6fb824 !important; } + +.form-fieldset--error .form-feedback, +.form-fieldset--error .form-label { + color: #e32 !important; } + +.form-fieldset--error .text-input, +.form-fieldset--error .text-input--small, +.form-fieldset--error .textarea, +.form-fieldset--error .textarea--small, +.form-fieldset--error .select, +.form-fieldset--error .select--small { + border-color: #e32 !important; } + +.col { + float: left !important; } + +.xs-col-1 { + width: 8.3333333333% !important; } + +.xs-col-2 { + width: 16.6666666667% !important; } + +.xs-col-3 { + width: 25% !important; } + +.xs-col-4 { + width: 33.3333333333% !important; } + +.xs-col-5 { + width: 41.6666666667% !important; } + +.xs-col-6 { + width: 50% !important; } + +.xs-col-7 { + width: 58.3333333333% !important; } + +.xs-col-8 { + width: 66.6666666667% !important; } + +.xs-col-9 { + width: 75% !important; } + +.xs-col-10 { + width: 83.3333333333% !important; } + +.xs-col-11 { + width: 91.6666666667% !important; } + +.xs-col-12 { + width: 100% !important; } + +.xs-offset-1 { + margin-left: 8.3333333333% !important; } + +.xs-offset-2 { + margin-left: 16.6666666667% !important; } + +.xs-offset-3 { + margin-left: 25% !important; } + +.xs-offset-4 { + margin-left: 33.3333333333% !important; } + +.xs-offset-5 { + margin-left: 41.6666666667% !important; } + +.xs-offset-6 { + margin-left: 50% !important; } + +.xs-offset-7 { + margin-left: 58.3333333333% !important; } + +.xs-offset-8 { + margin-left: 66.6666666667% !important; } + +.xs-offset-9 { + margin-left: 75% !important; } + +.xs-offset-10 { + margin-left: 83.3333333333% !important; } + +.xs-offset-11 { + margin-left: 91.6666666667% !important; } + +@media (min-width: 40rem) { + .sm-col-1 { + width: 8.3333333333% !important; } + .sm-col-2 { + width: 16.6666666667% !important; } + .sm-col-3 { + width: 25% !important; } + .sm-col-4 { + width: 33.3333333333% !important; } + .sm-col-5 { + width: 41.6666666667% !important; } + .sm-col-6 { + width: 50% !important; } + .sm-col-7 { + width: 58.3333333333% !important; } + .sm-col-8 { + width: 66.6666666667% !important; } + .sm-col-9 { + width: 75% !important; } + .sm-col-10 { + width: 83.3333333333% !important; } + .sm-col-11 { + width: 91.6666666667% !important; } + .sm-col-12 { + width: 100% !important; } + .sm-offset-1 { + margin-left: 8.3333333333% !important; } + .sm-offset-2 { + margin-left: 16.6666666667% !important; } + .sm-offset-3 { + margin-left: 25% !important; } + .sm-offset-4 { + margin-left: 33.3333333333% !important; } + .sm-offset-5 { + margin-left: 41.6666666667% !important; } + .sm-offset-6 { + margin-left: 50% !important; } + .sm-offset-7 { + margin-left: 58.3333333333% !important; } + .sm-offset-8 { + margin-left: 66.6666666667% !important; } + .sm-offset-9 { + margin-left: 75% !important; } + .sm-offset-10 { + margin-left: 83.3333333333% !important; } + .sm-offset-11 { + margin-left: 91.6666666667% !important; } } + +@media (min-width: 52rem) { + .md-col-1 { + width: 8.3333333333% !important; } + .md-col-2 { + width: 16.6666666667% !important; } + .md-col-3 { + width: 25% !important; } + .md-col-4 { + width: 33.3333333333% !important; } + .md-col-5 { + width: 41.6666666667% !important; } + .md-col-6 { + width: 50% !important; } + .md-col-7 { + width: 58.3333333333% !important; } + .md-col-8 { + width: 66.6666666667% !important; } + .md-col-9 { + width: 75% !important; } + .md-col-10 { + width: 83.3333333333% !important; } + .md-col-11 { + width: 91.6666666667% !important; } + .md-col-12 { + width: 100% !important; } + .md-offset-1 { + margin-left: 8.3333333333% !important; } + .md-offset-2 { + margin-left: 16.6666666667% !important; } + .md-offset-3 { + margin-left: 25% !important; } + .md-offset-4 { + margin-left: 33.3333333333% !important; } + .md-offset-5 { + margin-left: 41.6666666667% !important; } + .md-offset-6 { + margin-left: 50% !important; } + .md-offset-7 { + margin-left: 58.3333333333% !important; } + .md-offset-8 { + margin-left: 66.6666666667% !important; } + .md-offset-9 { + margin-left: 75% !important; } + .md-offset-10 { + margin-left: 83.3333333333% !important; } + .md-offset-11 { + margin-left: 91.6666666667% !important; } } + +@media (min-width: 64rem) { + .lg-col-1 { + width: 8.3333333333% !important; } + .lg-col-2 { + width: 16.6666666667% !important; } + .lg-col-3 { + width: 25% !important; } + .lg-col-4 { + width: 33.3333333333% !important; } + .lg-col-5 { + width: 41.6666666667% !important; } + .lg-col-6 { + width: 50% !important; } + .lg-col-7 { + width: 58.3333333333% !important; } + .lg-col-8 { + width: 66.6666666667% !important; } + .lg-col-9 { + width: 75% !important; } + .lg-col-10 { + width: 83.3333333333% !important; } + .lg-col-11 { + width: 91.6666666667% !important; } + .lg-col-12 { + width: 100% !important; } + .lg-offset-1 { + margin-left: 8.3333333333% !important; } + .lg-offset-2 { + margin-left: 16.6666666667% !important; } + .lg-offset-3 { + margin-left: 25% !important; } + .lg-offset-4 { + margin-left: 33.3333333333% !important; } + .lg-offset-5 { + margin-left: 41.6666666667% !important; } + .lg-offset-6 { + margin-left: 50% !important; } + .lg-offset-7 { + margin-left: 58.3333333333% !important; } + .lg-offset-8 { + margin-left: 66.6666666667% !important; } + .lg-offset-9 { + margin-left: 75% !important; } + .lg-offset-10 { + margin-left: 83.3333333333% !important; } + .lg-offset-11 { + margin-left: 91.6666666667% !important; } } + +.gutters { + margin: 0 -0.5rem !important; } + .gutters > .col { + padding: 0 0.5rem !important; } + +.table-border { + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .table-border th { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + .table-border tr td { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } + .table-border tr:last-child td { + border-bottom: 0; } + +.table-border td, +.table-border th { + padding: .75rem; } + +.table { + border-collapse: separate !important; + border-spacing: 0 !important; + display: table !important; } + +.td, +.th { + display: table-cell !important; } + +.tr { + display: table-row !important; } + +.xs-text-1 { + font-size: 1.75rem !important; + line-height: 1.2 !important; } + +.xs-text-2 { + font-size: 1.375rem !important; + line-height: 1.2 !important; } + +.xs-text-3 { + font-size: 1.125rem !important; + line-height: 1.2 !important; } + +.xs-text-4 { + font-size: 1rem !important; + line-height: 1.3 !important; } + +.xs-text-5 { + font-size: 0.875rem !important; + line-height: 1.3 !important; } + +.xs-text-6 { + font-size: 0.75rem !important; + line-height: 1.3 !important; } + +@media (min-width: 40rem) { + .sm-text-1 { + font-size: 1.75rem !important; + line-height: 1.2 !important; } + .sm-text-2 { + font-size: 1.375rem !important; + line-height: 1.2 !important; } + .sm-text-3 { + font-size: 1.125rem !important; + line-height: 1.2 !important; } + .sm-text-4 { + font-size: 1rem !important; + line-height: 1.3 !important; } + .sm-text-5 { + font-size: 0.875rem !important; + line-height: 1.3 !important; } + .sm-text-6 { + font-size: 0.75rem !important; + line-height: 1.3 !important; } } + +@media (min-width: 52rem) { + .md-text-1 { + font-size: 1.75rem !important; + line-height: 1.2 !important; } + .md-text-2 { + font-size: 1.375rem !important; + line-height: 1.2 !important; } + .md-text-3 { + font-size: 1.125rem !important; + line-height: 1.2 !important; } + .md-text-4 { + font-size: 1rem !important; + line-height: 1.3 !important; } + .md-text-5 { + font-size: 0.875rem !important; + line-height: 1.3 !important; } + .md-text-6 { + font-size: 0.75rem !important; + line-height: 1.3 !important; } } + +@media (min-width: 64rem) { + .lg-text-1 { + font-size: 1.75rem !important; + line-height: 1.2 !important; } + .lg-text-2 { + font-size: 1.375rem !important; + line-height: 1.2 !important; } + .lg-text-3 { + font-size: 1.125rem !important; + line-height: 1.2 !important; } + .lg-text-4 { + font-size: 1rem !important; + line-height: 1.3 !important; } + .lg-text-5 { + font-size: 0.875rem !important; + line-height: 1.3 !important; } + .lg-text-6 { + font-size: 0.75rem !important; + line-height: 1.3 !important; } } + +.regular, +.normal { + font-weight: 400 !important; } + +.bold { + font-weight: 600 !important; } + +.italic { + font-style: italic !important; } + +.caps { + text-transform: uppercase !important; } + +.xs-text-left { + text-align: left !important; } + +.xs-text-center { + text-align: center !important; } + +.xs-text-right { + text-align: right !important; } + +.xs-text-justify { + text-align: justify !important; } + +@media (min-width: 40rem) { + .sm-text-left { + text-align: left !important; } + .sm-text-center { + text-align: center !important; } + .sm-text-right { + text-align: right !important; } + .sm-text-justify { + text-align: justify !important; } } + +@media (min-width: 52rem) { + .md-text-left { + text-align: left !important; } + .md-text-center { + text-align: center !important; } + .md-text-right { + text-align: right !important; } + .md-text-justify { + text-align: justify !important; } } + +@media (min-width: 64rem) { + .lg-text-left { + text-align: left !important; } + .lg-text-center { + text-align: center !important; } + .lg-text-right { + text-align: right !important; } + .lg-text-justify { + text-align: justify !important; } } + +.nowrap { + white-space: nowrap !important; } + +.truncate { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; } + +.decoration-none { + text-decoration: none !important; } + +.decoration-underline { + text-decoration: underline !important; } + +.decoration-line-through { + text-decoration: line-through !important; } + +.slab { + font-family: "Caponi-Slab-Semibold", "Proxima Nova", Helvetica, Arial, sans-serif !important; + line-height: 1.1 !important; + -webkit-font-feature-settings: "liga", "kern" !important; + font-feature-settings: "liga", "kern" !important; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + .slab.bold { + font-family: "Caponi-Slab-Semibold", "Proxima Nova", Helvetica, Arial, sans-serif !important; + font-weight: 400 !important; } + .slab.italic { + font-family: "Caponi-Slab-Semibold", "Proxima Nova", Helvetica, Arial, sans-serif !important; } + +.text-6 .slab, +.slab.text-6 { + font-family: "Proxima Nova", Helvetica, Arial, sans-serif !important; + font-weight: 400 !important; } + +.text-1.slab, +.text-2.slab, +.text-3.slab, +.text-4.slab, +.text-5.slab { + line-height: 1.1 !important; } + +.list-unstyled { + margin-left: 0 !important; + padding-left: 0 !important; + list-style: none !important; } + +.link-blue { + color: #07e !important; } + .link-blue:hover { + color: #004488 !important; } + +.link-gray { + color: #333 !important; } + .link-gray:hover { + color: #07e !important; } + +.link-gray-lighter { + color: #999 !important; } + .link-gray-lighter:hover { + color: #333 !important; } + +.link-white { + color: #fff !important; } + .link-white:hover { + color: #cccccc !important; } + +.link-facebook { + color: #3b5998 !important; } + .link-facebook:hover { + color: #1e2e4f !important; } + +.link-twitter { + color: #55acee !important; } + .link-twitter:hover { + color: #147bc9 !important; } + +.link-google { + color: #dd4b39 !important; } + .link-google:hover { + color: #96271a !important; } + +.link-linkedin { + color: #0077b5 !important; } + .link-linkedin:hover { + color: #00344f !important; } + +.link-pinterest { + color: #bd081c !important; } + .link-pinterest:hover { + color: #5b040e !important; } + +.link-tumblr { + color: #36465d !important; } + .link-tumblr:hover { + color: #11151c !important; } + +.link-youtube { + color: #cd201f !important; } + .link-youtube:hover { + color: #741212 !important; } + +.link-instagram { + color: #517fa4 !important; } + .link-instagram:hover { + color: #2f4a60 !important; } + +.rounded { + border-radius: 3px !important; } + +.rounded-top { + border-radius: 3px 3px 0 0 !important; } + +.rounded-right { + border-radius: 0 3px 3px 0 !important; } + +.rounded-bottom { + border-radius: 0 0 3px 3px !important; } + +.rounded-left { + border-radius: 3px 0 0 3px !important; } + +.circle { + border-radius: 50% !important; } + +.xs-border { + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + +.xs-border-top { + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } + +.xs-border-right { + border-right: 1px solid rgba(0, 0, 0, 0.2) !important; } + +.xs-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } + +.xs-border-left { + border-left: 1px solid rgba(0, 0, 0, 0.2) !important; } + +.xs-border-lighter { + border: 1px solid rgba(0, 0, 0, 0.1) !important; } + +.xs-border-top-lighter { + border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } + +.xs-border-right-lighter { + border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } + +.xs-border-bottom-lighter { + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } + +.xs-border-left-lighter { + border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } + +.xs-border-none { + border: none !important; } + +.xs-border-top-none { + border-top: none !important; } + +.xs-border-right-none { + border-right: none !important; } + +.xs-border-bottom-none { + border-bottom: none !important; } + +.xs-border-left-none { + border-left: none !important; } + +@media (min-width: 40rem) { + .sm-border { + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .sm-border-top { + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } + .sm-border-right { + border-right: 1px solid rgba(0, 0, 0, 0.2) !important; } + .sm-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } + .sm-border-left { + border-left: 1px solid rgba(0, 0, 0, 0.2) !important; } + .sm-border-lighter { + border: 1px solid rgba(0, 0, 0, 0.1) !important; } + .sm-border-top-lighter { + border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } + .sm-border-right-lighter { + border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } + .sm-border-bottom-lighter { + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } + .sm-border-left-lighter { + border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } + .sm-border-none { + border: none !important; } + .sm-border-top-none { + border-top: none !important; } + .sm-border-right-none { + border-right: none !important; } + .sm-border-bottom-none { + border-bottom: none !important; } + .sm-border-left-none { + border-left: none !important; } } + +@media (min-width: 52rem) { + .md-border { + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .md-border-top { + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } + .md-border-right { + border-right: 1px solid rgba(0, 0, 0, 0.2) !important; } + .md-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } + .md-border-left { + border-left: 1px solid rgba(0, 0, 0, 0.2) !important; } + .md-border-lighter { + border: 1px solid rgba(0, 0, 0, 0.1) !important; } + .md-border-top-lighter { + border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } + .md-border-right-lighter { + border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } + .md-border-bottom-lighter { + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } + .md-border-left-lighter { + border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } + .md-border-none { + border: none !important; } + .md-border-top-none { + border-top: none !important; } + .md-border-right-none { + border-right: none !important; } + .md-border-bottom-none { + border-bottom: none !important; } + .md-border-left-none { + border-left: none !important; } } + +@media (min-width: 64rem) { + .lg-border { + border: 1px solid rgba(0, 0, 0, 0.2) !important; } + .lg-border-top { + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; } + .lg-border-right { + border-right: 1px solid rgba(0, 0, 0, 0.2) !important; } + .lg-border-bottom { + border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } + .lg-border-left { + border-left: 1px solid rgba(0, 0, 0, 0.2) !important; } + .lg-border-lighter { + border: 1px solid rgba(0, 0, 0, 0.1) !important; } + .lg-border-top-lighter { + border-top: 1px solid rgba(0, 0, 0, 0.1) !important; } + .lg-border-right-lighter { + border-right: 1px solid rgba(0, 0, 0, 0.1) !important; } + .lg-border-bottom-lighter { + border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } + .lg-border-left-lighter { + border-left: 1px solid rgba(0, 0, 0, 0.1) !important; } + .lg-border-none { + border: none !important; } + .lg-border-top-none { + border-top: none !important; } + .lg-border-right-none { + border-right: none !important; } + .lg-border-bottom-none { + border-bottom: none !important; } + .lg-border-left-none { + border-left: none !important; } } + +.xs-overflow-hidden { + overflow: hidden !important; } + +.xs-overflow-auto { + overflow: auto !important; + -webkit-overflow-scrolling: touch; } + +.xs-overflow-scroll { + overflow: scroll !important; + -webkit-overflow-scrolling: touch; } + +.xs-overflow-visible { + overflow: visible !important; } + +.xs-hide { + display: none !important; } + +.xs-inline { + display: inline !important; } + +.xs-block { + display: block !important; } + +.xs-inline-block { + display: inline-block !important; } + +.xs-float-left { + float: left !important; } + +.xs-float-right { + float: right !important; } + +.xs-float-none { + float: none !important; } + +.xs-fit { + max-width: 100% !important; } + +.xs-full-height { + height: 100% !important; } + +.xs-width-auto { + width: auto !important; } + +@media (min-width: 40rem) { + .sm-overflow-hidden { + overflow: hidden !important; } + .sm-overflow-auto { + overflow: auto !important; + -webkit-overflow-scrolling: touch; } + .sm-overflow-scroll { + overflow: scroll !important; + -webkit-overflow-scrolling: touch; } + .sm-overflow-visible { + overflow: visible !important; } + .sm-hide { + display: none !important; } + .sm-inline { + display: inline !important; } + .sm-block { + display: block !important; } + .sm-inline-block { + display: inline-block !important; } + .sm-float-left { + float: left !important; } + .sm-float-right { + float: right !important; } + .sm-float-none { + float: none !important; } + .sm-fit { + max-width: 100% !important; } + .sm-full-height { + height: 100% !important; } + .sm-width-auto { + width: auto !important; } } + +@media (min-width: 52rem) { + .md-overflow-hidden { + overflow: hidden !important; } + .md-overflow-auto { + overflow: auto !important; + -webkit-overflow-scrolling: touch; } + .md-overflow-scroll { + overflow: scroll !important; + -webkit-overflow-scrolling: touch; } + .md-overflow-visible { + overflow: visible !important; } + .md-hide { + display: none !important; } + .md-inline { + display: inline !important; } + .md-block { + display: block !important; } + .md-inline-block { + display: inline-block !important; } + .md-float-left { + float: left !important; } + .md-float-right { + float: right !important; } + .md-float-none { + float: none !important; } + .md-fit { + max-width: 100% !important; } + .md-full-height { + height: 100% !important; } + .md-width-auto { + width: auto !important; } } + +@media (min-width: 64rem) { + .lg-overflow-hidden { + overflow: hidden !important; } + .lg-overflow-auto { + overflow: auto !important; + -webkit-overflow-scrolling: touch; } + .lg-overflow-scroll { + overflow: scroll !important; + -webkit-overflow-scrolling: touch; } + .lg-overflow-visible { + overflow: visible !important; } + .lg-hide { + display: none !important; } + .lg-inline { + display: inline !important; } + .lg-block { + display: block !important; } + .lg-inline-block { + display: inline-block !important; } + .lg-float-left { + float: left !important; } + .lg-float-right { + float: right !important; } + .lg-float-none { + float: none !important; } + .lg-fit { + max-width: 100% !important; } + .lg-full-height { + height: 100% !important; } + .lg-width-auto { + width: auto !important; } } + +.xs-m0 { + margin: 0 !important; } + +.xs-mt0 { + margin-top: 0 !important; } + +.xs-mr0 { + margin-right: 0 !important; } + +.xs-mb0 { + margin-bottom: 0 !important; } + +.xs-ml0 { + margin-left: 0 !important; } + +.xs-mx0 { + margin-left: 0 !important; + margin-right: 0 !important; } + +.xs-my0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.xs-m05 { + margin: 0.25rem !important; } + +.xs-mt05 { + margin-top: 0.25rem !important; } + +.xs-mr05 { + margin-right: 0.25rem !important; } + +.xs-mb05 { + margin-bottom: 0.25rem !important; } + +.xs-ml05 { + margin-left: 0.25rem !important; } + +.xs-mx05 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } + +.xs-my05 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + +.xs-m1 { + margin: 0.5rem !important; } + +.xs-mt1 { + margin-top: 0.5rem !important; } + +.xs-mr1 { + margin-right: 0.5rem !important; } + +.xs-mb1 { + margin-bottom: 0.5rem !important; } + +.xs-ml1 { + margin-left: 0.5rem !important; } + +.xs-mx1 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } + +.xs-my1 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + +.xs-m2 { + margin: 1rem !important; } + +.xs-mt2 { + margin-top: 1rem !important; } + +.xs-mr2 { + margin-right: 1rem !important; } + +.xs-mb2 { + margin-bottom: 1rem !important; } + +.xs-ml2 { + margin-left: 1rem !important; } + +.xs-mx2 { + margin-left: 1rem !important; + margin-right: 1rem !important; } + +.xs-my2 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.xs-m3 { + margin: 1.5rem !important; } + +.xs-mt3 { + margin-top: 1.5rem !important; } + +.xs-mr3 { + margin-right: 1.5rem !important; } + +.xs-mb3 { + margin-bottom: 1.5rem !important; } + +.xs-ml3 { + margin-left: 1.5rem !important; } + +.xs-mx3 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } + +.xs-my3 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.xs-m4 { + margin: 2rem !important; } + +.xs-mt4 { + margin-top: 2rem !important; } + +.xs-mr4 { + margin-right: 2rem !important; } + +.xs-mb4 { + margin-bottom: 2rem !important; } + +.xs-ml4 { + margin-left: 2rem !important; } + +.xs-mx4 { + margin-left: 2rem !important; + margin-right: 2rem !important; } + +.xs-my4 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } + +.xs-m5 { + margin: 3rem !important; } + +.xs-mt5 { + margin-top: 3rem !important; } + +.xs-mr5 { + margin-right: 3rem !important; } + +.xs-mb5 { + margin-bottom: 3rem !important; } + +.xs-ml5 { + margin-left: 3rem !important; } + +.xs-mx5 { + margin-left: 3rem !important; + margin-right: 3rem !important; } + +.xs-my5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.xs-m6 { + margin: 4.5rem !important; } + +.xs-mt6 { + margin-top: 4.5rem !important; } + +.xs-mr6 { + margin-right: 4.5rem !important; } + +.xs-mb6 { + margin-bottom: 4.5rem !important; } + +.xs-ml6 { + margin-left: 4.5rem !important; } + +.xs-mx6 { + margin-left: 4.5rem !important; + margin-right: 4.5rem !important; } + +.xs-my6 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; } + +.xs-mx-auto { + margin-left: auto !important; + margin-right: auto !important; } + +@media (min-width: 40rem) { + .sm-m0 { + margin: 0 !important; } + .sm-mt0 { + margin-top: 0 !important; } + .sm-mr0 { + margin-right: 0 !important; } + .sm-mb0 { + margin-bottom: 0 !important; } + .sm-ml0 { + margin-left: 0 !important; } + .sm-mx0 { + margin-left: 0 !important; + margin-right: 0 !important; } + .sm-my0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .sm-m05 { + margin: 0.25rem !important; } + .sm-mt05 { + margin-top: 0.25rem !important; } + .sm-mr05 { + margin-right: 0.25rem !important; } + .sm-mb05 { + margin-bottom: 0.25rem !important; } + .sm-ml05 { + margin-left: 0.25rem !important; } + .sm-mx05 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } + .sm-my05 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .sm-m1 { + margin: 0.5rem !important; } + .sm-mt1 { + margin-top: 0.5rem !important; } + .sm-mr1 { + margin-right: 0.5rem !important; } + .sm-mb1 { + margin-bottom: 0.5rem !important; } + .sm-ml1 { + margin-left: 0.5rem !important; } + .sm-mx1 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } + .sm-my1 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .sm-m2 { + margin: 1rem !important; } + .sm-mt2 { + margin-top: 1rem !important; } + .sm-mr2 { + margin-right: 1rem !important; } + .sm-mb2 { + margin-bottom: 1rem !important; } + .sm-ml2 { + margin-left: 1rem !important; } + .sm-mx2 { + margin-left: 1rem !important; + margin-right: 1rem !important; } + .sm-my2 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .sm-m3 { + margin: 1.5rem !important; } + .sm-mt3 { + margin-top: 1.5rem !important; } + .sm-mr3 { + margin-right: 1.5rem !important; } + .sm-mb3 { + margin-bottom: 1.5rem !important; } + .sm-ml3 { + margin-left: 1.5rem !important; } + .sm-mx3 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } + .sm-my3 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .sm-m4 { + margin: 2rem !important; } + .sm-mt4 { + margin-top: 2rem !important; } + .sm-mr4 { + margin-right: 2rem !important; } + .sm-mb4 { + margin-bottom: 2rem !important; } + .sm-ml4 { + margin-left: 2rem !important; } + .sm-mx4 { + margin-left: 2rem !important; + margin-right: 2rem !important; } + .sm-my4 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } + .sm-m5 { + margin: 3rem !important; } + .sm-mt5 { + margin-top: 3rem !important; } + .sm-mr5 { + margin-right: 3rem !important; } + .sm-mb5 { + margin-bottom: 3rem !important; } + .sm-ml5 { + margin-left: 3rem !important; } + .sm-mx5 { + margin-left: 3rem !important; + margin-right: 3rem !important; } + .sm-my5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .sm-m6 { + margin: 4.5rem !important; } + .sm-mt6 { + margin-top: 4.5rem !important; } + .sm-mr6 { + margin-right: 4.5rem !important; } + .sm-mb6 { + margin-bottom: 4.5rem !important; } + .sm-ml6 { + margin-left: 4.5rem !important; } + .sm-mx6 { + margin-left: 4.5rem !important; + margin-right: 4.5rem !important; } + .sm-my6 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; } + .sm-mx-auto { + margin-left: auto !important; + margin-right: auto !important; } } + +@media (min-width: 52rem) { + .md-m0 { + margin: 0 !important; } + .md-mt0 { + margin-top: 0 !important; } + .md-mr0 { + margin-right: 0 !important; } + .md-mb0 { + margin-bottom: 0 !important; } + .md-ml0 { + margin-left: 0 !important; } + .md-mx0 { + margin-left: 0 !important; + margin-right: 0 !important; } + .md-my0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .md-m05 { + margin: 0.25rem !important; } + .md-mt05 { + margin-top: 0.25rem !important; } + .md-mr05 { + margin-right: 0.25rem !important; } + .md-mb05 { + margin-bottom: 0.25rem !important; } + .md-ml05 { + margin-left: 0.25rem !important; } + .md-mx05 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } + .md-my05 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .md-m1 { + margin: 0.5rem !important; } + .md-mt1 { + margin-top: 0.5rem !important; } + .md-mr1 { + margin-right: 0.5rem !important; } + .md-mb1 { + margin-bottom: 0.5rem !important; } + .md-ml1 { + margin-left: 0.5rem !important; } + .md-mx1 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } + .md-my1 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .md-m2 { + margin: 1rem !important; } + .md-mt2 { + margin-top: 1rem !important; } + .md-mr2 { + margin-right: 1rem !important; } + .md-mb2 { + margin-bottom: 1rem !important; } + .md-ml2 { + margin-left: 1rem !important; } + .md-mx2 { + margin-left: 1rem !important; + margin-right: 1rem !important; } + .md-my2 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .md-m3 { + margin: 1.5rem !important; } + .md-mt3 { + margin-top: 1.5rem !important; } + .md-mr3 { + margin-right: 1.5rem !important; } + .md-mb3 { + margin-bottom: 1.5rem !important; } + .md-ml3 { + margin-left: 1.5rem !important; } + .md-mx3 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } + .md-my3 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .md-m4 { + margin: 2rem !important; } + .md-mt4 { + margin-top: 2rem !important; } + .md-mr4 { + margin-right: 2rem !important; } + .md-mb4 { + margin-bottom: 2rem !important; } + .md-ml4 { + margin-left: 2rem !important; } + .md-mx4 { + margin-left: 2rem !important; + margin-right: 2rem !important; } + .md-my4 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } + .md-m5 { + margin: 3rem !important; } + .md-mt5 { + margin-top: 3rem !important; } + .md-mr5 { + margin-right: 3rem !important; } + .md-mb5 { + margin-bottom: 3rem !important; } + .md-ml5 { + margin-left: 3rem !important; } + .md-mx5 { + margin-left: 3rem !important; + margin-right: 3rem !important; } + .md-my5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .md-m6 { + margin: 4.5rem !important; } + .md-mt6 { + margin-top: 4.5rem !important; } + .md-mr6 { + margin-right: 4.5rem !important; } + .md-mb6 { + margin-bottom: 4.5rem !important; } + .md-ml6 { + margin-left: 4.5rem !important; } + .md-mx6 { + margin-left: 4.5rem !important; + margin-right: 4.5rem !important; } + .md-my6 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; } + .md-mx-auto { + margin-left: auto !important; + margin-right: auto !important; } } + +@media (min-width: 64rem) { + .lg-m0 { + margin: 0 !important; } + .lg-mt0 { + margin-top: 0 !important; } + .lg-mr0 { + margin-right: 0 !important; } + .lg-mb0 { + margin-bottom: 0 !important; } + .lg-ml0 { + margin-left: 0 !important; } + .lg-mx0 { + margin-left: 0 !important; + margin-right: 0 !important; } + .lg-my0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .lg-m05 { + margin: 0.25rem !important; } + .lg-mt05 { + margin-top: 0.25rem !important; } + .lg-mr05 { + margin-right: 0.25rem !important; } + .lg-mb05 { + margin-bottom: 0.25rem !important; } + .lg-ml05 { + margin-left: 0.25rem !important; } + .lg-mx05 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } + .lg-my05 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .lg-m1 { + margin: 0.5rem !important; } + .lg-mt1 { + margin-top: 0.5rem !important; } + .lg-mr1 { + margin-right: 0.5rem !important; } + .lg-mb1 { + margin-bottom: 0.5rem !important; } + .lg-ml1 { + margin-left: 0.5rem !important; } + .lg-mx1 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } + .lg-my1 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .lg-m2 { + margin: 1rem !important; } + .lg-mt2 { + margin-top: 1rem !important; } + .lg-mr2 { + margin-right: 1rem !important; } + .lg-mb2 { + margin-bottom: 1rem !important; } + .lg-ml2 { + margin-left: 1rem !important; } + .lg-mx2 { + margin-left: 1rem !important; + margin-right: 1rem !important; } + .lg-my2 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .lg-m3 { + margin: 1.5rem !important; } + .lg-mt3 { + margin-top: 1.5rem !important; } + .lg-mr3 { + margin-right: 1.5rem !important; } + .lg-mb3 { + margin-bottom: 1.5rem !important; } + .lg-ml3 { + margin-left: 1.5rem !important; } + .lg-mx3 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } + .lg-my3 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .lg-m4 { + margin: 2rem !important; } + .lg-mt4 { + margin-top: 2rem !important; } + .lg-mr4 { + margin-right: 2rem !important; } + .lg-mb4 { + margin-bottom: 2rem !important; } + .lg-ml4 { + margin-left: 2rem !important; } + .lg-mx4 { + margin-left: 2rem !important; + margin-right: 2rem !important; } + .lg-my4 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } + .lg-m5 { + margin: 3rem !important; } + .lg-mt5 { + margin-top: 3rem !important; } + .lg-mr5 { + margin-right: 3rem !important; } + .lg-mb5 { + margin-bottom: 3rem !important; } + .lg-ml5 { + margin-left: 3rem !important; } + .lg-mx5 { + margin-left: 3rem !important; + margin-right: 3rem !important; } + .lg-my5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .lg-m6 { + margin: 4.5rem !important; } + .lg-mt6 { + margin-top: 4.5rem !important; } + .lg-mr6 { + margin-right: 4.5rem !important; } + .lg-mb6 { + margin-bottom: 4.5rem !important; } + .lg-ml6 { + margin-left: 4.5rem !important; } + .lg-mx6 { + margin-left: 4.5rem !important; + margin-right: 4.5rem !important; } + .lg-my6 { + margin-top: 4.5rem !important; + margin-bottom: 4.5rem !important; } + .lg-mx-auto { + margin-left: auto !important; + margin-right: auto !important; } } + +.xs-p0 { + padding: 0 !important; } + +.xs-pt0 { + padding-top: 0 !important; } + +.xs-pr0 { + padding-right: 0 !important; } + +.xs-pb0 { + padding-bottom: 0 !important; } + +.xs-pl0 { + padding-left: 0 !important; } + +.xs-px0 { + padding-left: 0 !important; + padding-right: 0 !important; } + +.xs-py0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.xs-p05 { + padding: 0.25rem !important; } + +.xs-pt05 { + padding-top: 0.25rem !important; } + +.xs-pr05 { + padding-right: 0.25rem !important; } + +.xs-pb05 { + padding-bottom: 0.25rem !important; } + +.xs-pl05 { + padding-left: 0.25rem !important; } + +.xs-px05 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } + +.xs-py05 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + +.xs-p1 { + padding: 0.5rem !important; } + +.xs-pt1 { + padding-top: 0.5rem !important; } + +.xs-pr1 { + padding-right: 0.5rem !important; } + +.xs-pb1 { + padding-bottom: 0.5rem !important; } + +.xs-pl1 { + padding-left: 0.5rem !important; } + +.xs-px1 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } + +.xs-py1 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + +.xs-p2 { + padding: 1rem !important; } + +.xs-pt2 { + padding-top: 1rem !important; } + +.xs-pr2 { + padding-right: 1rem !important; } + +.xs-pb2 { + padding-bottom: 1rem !important; } + +.xs-pl2 { + padding-left: 1rem !important; } + +.xs-px2 { + padding-left: 1rem !important; + padding-right: 1rem !important; } + +.xs-py2 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.xs-p3 { + padding: 1.5rem !important; } + +.xs-pt3 { + padding-top: 1.5rem !important; } + +.xs-pr3 { + padding-right: 1.5rem !important; } + +.xs-pb3 { + padding-bottom: 1.5rem !important; } + +.xs-pl3 { + padding-left: 1.5rem !important; } + +.xs-px3 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + +.xs-py3 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.xs-p4 { + padding: 2rem !important; } + +.xs-pt4 { + padding-top: 2rem !important; } + +.xs-pr4 { + padding-right: 2rem !important; } + +.xs-pb4 { + padding-bottom: 2rem !important; } + +.xs-pl4 { + padding-left: 2rem !important; } + +.xs-px4 { + padding-left: 2rem !important; + padding-right: 2rem !important; } + +.xs-py4 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } + +.xs-p5 { + padding: 3rem !important; } + +.xs-pt5 { + padding-top: 3rem !important; } + +.xs-pr5 { + padding-right: 3rem !important; } + +.xs-pb5 { + padding-bottom: 3rem !important; } + +.xs-pl5 { + padding-left: 3rem !important; } + +.xs-px5 { + padding-left: 3rem !important; + padding-right: 3rem !important; } + +.xs-py5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.xs-p6 { + padding: 4.5rem !important; } + +.xs-pt6 { + padding-top: 4.5rem !important; } + +.xs-pr6 { + padding-right: 4.5rem !important; } + +.xs-pb6 { + padding-bottom: 4.5rem !important; } + +.xs-pl6 { + padding-left: 4.5rem !important; } + +.xs-px6 { + padding-left: 4.5rem !important; + padding-right: 4.5rem !important; } + +.xs-py6 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; } + +@media (min-width: 40rem) { + .sm-p0 { + padding: 0 !important; } + .sm-pt0 { + padding-top: 0 !important; } + .sm-pr0 { + padding-right: 0 !important; } + .sm-pb0 { + padding-bottom: 0 !important; } + .sm-pl0 { + padding-left: 0 !important; } + .sm-px0 { + padding-left: 0 !important; + padding-right: 0 !important; } + .sm-py0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .sm-p05 { + padding: 0.25rem !important; } + .sm-pt05 { + padding-top: 0.25rem !important; } + .sm-pr05 { + padding-right: 0.25rem !important; } + .sm-pb05 { + padding-bottom: 0.25rem !important; } + .sm-pl05 { + padding-left: 0.25rem !important; } + .sm-px05 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } + .sm-py05 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .sm-p1 { + padding: 0.5rem !important; } + .sm-pt1 { + padding-top: 0.5rem !important; } + .sm-pr1 { + padding-right: 0.5rem !important; } + .sm-pb1 { + padding-bottom: 0.5rem !important; } + .sm-pl1 { + padding-left: 0.5rem !important; } + .sm-px1 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } + .sm-py1 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .sm-p2 { + padding: 1rem !important; } + .sm-pt2 { + padding-top: 1rem !important; } + .sm-pr2 { + padding-right: 1rem !important; } + .sm-pb2 { + padding-bottom: 1rem !important; } + .sm-pl2 { + padding-left: 1rem !important; } + .sm-px2 { + padding-left: 1rem !important; + padding-right: 1rem !important; } + .sm-py2 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .sm-p3 { + padding: 1.5rem !important; } + .sm-pt3 { + padding-top: 1.5rem !important; } + .sm-pr3 { + padding-right: 1.5rem !important; } + .sm-pb3 { + padding-bottom: 1.5rem !important; } + .sm-pl3 { + padding-left: 1.5rem !important; } + .sm-px3 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + .sm-py3 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .sm-p4 { + padding: 2rem !important; } + .sm-pt4 { + padding-top: 2rem !important; } + .sm-pr4 { + padding-right: 2rem !important; } + .sm-pb4 { + padding-bottom: 2rem !important; } + .sm-pl4 { + padding-left: 2rem !important; } + .sm-px4 { + padding-left: 2rem !important; + padding-right: 2rem !important; } + .sm-py4 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } + .sm-p5 { + padding: 3rem !important; } + .sm-pt5 { + padding-top: 3rem !important; } + .sm-pr5 { + padding-right: 3rem !important; } + .sm-pb5 { + padding-bottom: 3rem !important; } + .sm-pl5 { + padding-left: 3rem !important; } + .sm-px5 { + padding-left: 3rem !important; + padding-right: 3rem !important; } + .sm-py5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .sm-p6 { + padding: 4.5rem !important; } + .sm-pt6 { + padding-top: 4.5rem !important; } + .sm-pr6 { + padding-right: 4.5rem !important; } + .sm-pb6 { + padding-bottom: 4.5rem !important; } + .sm-pl6 { + padding-left: 4.5rem !important; } + .sm-px6 { + padding-left: 4.5rem !important; + padding-right: 4.5rem !important; } + .sm-py6 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; } } + +@media (min-width: 52rem) { + .md-p0 { + padding: 0 !important; } + .md-pt0 { + padding-top: 0 !important; } + .md-pr0 { + padding-right: 0 !important; } + .md-pb0 { + padding-bottom: 0 !important; } + .md-pl0 { + padding-left: 0 !important; } + .md-px0 { + padding-left: 0 !important; + padding-right: 0 !important; } + .md-py0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .md-p05 { + padding: 0.25rem !important; } + .md-pt05 { + padding-top: 0.25rem !important; } + .md-pr05 { + padding-right: 0.25rem !important; } + .md-pb05 { + padding-bottom: 0.25rem !important; } + .md-pl05 { + padding-left: 0.25rem !important; } + .md-px05 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } + .md-py05 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .md-p1 { + padding: 0.5rem !important; } + .md-pt1 { + padding-top: 0.5rem !important; } + .md-pr1 { + padding-right: 0.5rem !important; } + .md-pb1 { + padding-bottom: 0.5rem !important; } + .md-pl1 { + padding-left: 0.5rem !important; } + .md-px1 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } + .md-py1 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .md-p2 { + padding: 1rem !important; } + .md-pt2 { + padding-top: 1rem !important; } + .md-pr2 { + padding-right: 1rem !important; } + .md-pb2 { + padding-bottom: 1rem !important; } + .md-pl2 { + padding-left: 1rem !important; } + .md-px2 { + padding-left: 1rem !important; + padding-right: 1rem !important; } + .md-py2 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .md-p3 { + padding: 1.5rem !important; } + .md-pt3 { + padding-top: 1.5rem !important; } + .md-pr3 { + padding-right: 1.5rem !important; } + .md-pb3 { + padding-bottom: 1.5rem !important; } + .md-pl3 { + padding-left: 1.5rem !important; } + .md-px3 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + .md-py3 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .md-p4 { + padding: 2rem !important; } + .md-pt4 { + padding-top: 2rem !important; } + .md-pr4 { + padding-right: 2rem !important; } + .md-pb4 { + padding-bottom: 2rem !important; } + .md-pl4 { + padding-left: 2rem !important; } + .md-px4 { + padding-left: 2rem !important; + padding-right: 2rem !important; } + .md-py4 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } + .md-p5 { + padding: 3rem !important; } + .md-pt5 { + padding-top: 3rem !important; } + .md-pr5 { + padding-right: 3rem !important; } + .md-pb5 { + padding-bottom: 3rem !important; } + .md-pl5 { + padding-left: 3rem !important; } + .md-px5 { + padding-left: 3rem !important; + padding-right: 3rem !important; } + .md-py5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .md-p6 { + padding: 4.5rem !important; } + .md-pt6 { + padding-top: 4.5rem !important; } + .md-pr6 { + padding-right: 4.5rem !important; } + .md-pb6 { + padding-bottom: 4.5rem !important; } + .md-pl6 { + padding-left: 4.5rem !important; } + .md-px6 { + padding-left: 4.5rem !important; + padding-right: 4.5rem !important; } + .md-py6 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; } } + +@media (min-width: 64rem) { + .lg-p0 { + padding: 0 !important; } + .lg-pt0 { + padding-top: 0 !important; } + .lg-pr0 { + padding-right: 0 !important; } + .lg-pb0 { + padding-bottom: 0 !important; } + .lg-pl0 { + padding-left: 0 !important; } + .lg-px0 { + padding-left: 0 !important; + padding-right: 0 !important; } + .lg-py0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .lg-p05 { + padding: 0.25rem !important; } + .lg-pt05 { + padding-top: 0.25rem !important; } + .lg-pr05 { + padding-right: 0.25rem !important; } + .lg-pb05 { + padding-bottom: 0.25rem !important; } + .lg-pl05 { + padding-left: 0.25rem !important; } + .lg-px05 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } + .lg-py05 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .lg-p1 { + padding: 0.5rem !important; } + .lg-pt1 { + padding-top: 0.5rem !important; } + .lg-pr1 { + padding-right: 0.5rem !important; } + .lg-pb1 { + padding-bottom: 0.5rem !important; } + .lg-pl1 { + padding-left: 0.5rem !important; } + .lg-px1 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } + .lg-py1 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .lg-p2 { + padding: 1rem !important; } + .lg-pt2 { + padding-top: 1rem !important; } + .lg-pr2 { + padding-right: 1rem !important; } + .lg-pb2 { + padding-bottom: 1rem !important; } + .lg-pl2 { + padding-left: 1rem !important; } + .lg-px2 { + padding-left: 1rem !important; + padding-right: 1rem !important; } + .lg-py2 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .lg-p3 { + padding: 1.5rem !important; } + .lg-pt3 { + padding-top: 1.5rem !important; } + .lg-pr3 { + padding-right: 1.5rem !important; } + .lg-pb3 { + padding-bottom: 1.5rem !important; } + .lg-pl3 { + padding-left: 1.5rem !important; } + .lg-px3 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + .lg-py3 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .lg-p4 { + padding: 2rem !important; } + .lg-pt4 { + padding-top: 2rem !important; } + .lg-pr4 { + padding-right: 2rem !important; } + .lg-pb4 { + padding-bottom: 2rem !important; } + .lg-pl4 { + padding-left: 2rem !important; } + .lg-px4 { + padding-left: 2rem !important; + padding-right: 2rem !important; } + .lg-py4 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } + .lg-p5 { + padding: 3rem !important; } + .lg-pt5 { + padding-top: 3rem !important; } + .lg-pr5 { + padding-right: 3rem !important; } + .lg-pb5 { + padding-bottom: 3rem !important; } + .lg-pl5 { + padding-left: 3rem !important; } + .lg-px5 { + padding-left: 3rem !important; + padding-right: 3rem !important; } + .lg-py5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .lg-p6 { + padding: 4.5rem !important; } + .lg-pt6 { + padding-top: 4.5rem !important; } + .lg-pr6 { + padding-right: 4.5rem !important; } + .lg-pb6 { + padding-bottom: 4.5rem !important; } + .lg-pl6 { + padding-left: 4.5rem !important; } + .lg-px6 { + padding-left: 4.5rem !important; + padding-right: 4.5rem !important; } + .lg-py6 { + padding-top: 4.5rem !important; + padding-bottom: 4.5rem !important; } } + +.xs-relative { + position: relative !important; } + +.xs-absolute { + position: absolute !important; } + +.xs-fixed { + position: fixed !important; } + +.xs-static { + position: static !important; } + +.xs-z1 { + z-index: 100 !important; } + +.xs-z2 { + z-index: 200 !important; } + +.xs-z3 { + z-index: 300 !important; } + +.xs-z4 { + z-index: 400 !important; } + +.xs-t0 { + top: 0 !important; } + +.xs-r0 { + right: 0 !important; } + +.xs-b0 { + bottom: 0 !important; } + +.xs-l0 { + left: 0 !important; } + +.xs-t05 { + top: 0.25rem !important; } + +.xs-r05 { + right: 0.25rem !important; } + +.xs-b05 { + bottom: 0.25rem !important; } + +.xs-l05 { + left: 0.25rem !important; } + +.xs-t1 { + top: 0.5rem !important; } + +.xs-r1 { + right: 0.5rem !important; } + +.xs-b1 { + bottom: 0.5rem !important; } + +.xs-l1 { + left: 0.5rem !important; } + +.xs-t2 { + top: 1rem !important; } + +.xs-r2 { + right: 1rem !important; } + +.xs-b2 { + bottom: 1rem !important; } + +.xs-l2 { + left: 1rem !important; } + +.xs-t3 { + top: 1.5rem !important; } + +.xs-r3 { + right: 1.5rem !important; } + +.xs-b3 { + bottom: 1.5rem !important; } + +.xs-l3 { + left: 1.5rem !important; } + +.xs-t4 { + top: 2rem !important; } + +.xs-r4 { + right: 2rem !important; } + +.xs-b4 { + bottom: 2rem !important; } + +.xs-l4 { + left: 2rem !important; } + +.xs-t5 { + top: 3rem !important; } + +.xs-r5 { + right: 3rem !important; } + +.xs-b5 { + bottom: 3rem !important; } + +.xs-l5 { + left: 3rem !important; } + +.xs-t6 { + top: 4.5rem !important; } + +.xs-r6 { + right: 4.5rem !important; } + +.xs-b6 { + bottom: 4.5rem !important; } + +.xs-l6 { + left: 4.5rem !important; } + +@media (min-width: 40rem) { + .sm-relative { + position: relative !important; } + .sm-absolute { + position: absolute !important; } + .sm-fixed { + position: fixed !important; } + .sm-static { + position: static !important; } + .sm-z1 { + z-index: 100 !important; } + .sm-z2 { + z-index: 200 !important; } + .sm-z3 { + z-index: 300 !important; } + .sm-z4 { + z-index: 400 !important; } + .sm-t0 { + top: 0 !important; } + .sm-r0 { + right: 0 !important; } + .sm-b0 { + bottom: 0 !important; } + .sm-l0 { + left: 0 !important; } + .sm-t05 { + top: 0.25rem !important; } + .sm-r05 { + right: 0.25rem !important; } + .sm-b05 { + bottom: 0.25rem !important; } + .sm-l05 { + left: 0.25rem !important; } + .sm-t1 { + top: 0.5rem !important; } + .sm-r1 { + right: 0.5rem !important; } + .sm-b1 { + bottom: 0.5rem !important; } + .sm-l1 { + left: 0.5rem !important; } + .sm-t2 { + top: 1rem !important; } + .sm-r2 { + right: 1rem !important; } + .sm-b2 { + bottom: 1rem !important; } + .sm-l2 { + left: 1rem !important; } + .sm-t3 { + top: 1.5rem !important; } + .sm-r3 { + right: 1.5rem !important; } + .sm-b3 { + bottom: 1.5rem !important; } + .sm-l3 { + left: 1.5rem !important; } + .sm-t4 { + top: 2rem !important; } + .sm-r4 { + right: 2rem !important; } + .sm-b4 { + bottom: 2rem !important; } + .sm-l4 { + left: 2rem !important; } + .sm-t5 { + top: 3rem !important; } + .sm-r5 { + right: 3rem !important; } + .sm-b5 { + bottom: 3rem !important; } + .sm-l5 { + left: 3rem !important; } + .sm-t6 { + top: 4.5rem !important; } + .sm-r6 { + right: 4.5rem !important; } + .sm-b6 { + bottom: 4.5rem !important; } + .sm-l6 { + left: 4.5rem !important; } } + +@media (min-width: 52rem) { + .md-relative { + position: relative !important; } + .md-absolute { + position: absolute !important; } + .md-fixed { + position: fixed !important; } + .md-static { + position: static !important; } + .md-z1 { + z-index: 100 !important; } + .md-z2 { + z-index: 200 !important; } + .md-z3 { + z-index: 300 !important; } + .md-z4 { + z-index: 400 !important; } + .md-t0 { + top: 0 !important; } + .md-r0 { + right: 0 !important; } + .md-b0 { + bottom: 0 !important; } + .md-l0 { + left: 0 !important; } + .md-t05 { + top: 0.25rem !important; } + .md-r05 { + right: 0.25rem !important; } + .md-b05 { + bottom: 0.25rem !important; } + .md-l05 { + left: 0.25rem !important; } + .md-t1 { + top: 0.5rem !important; } + .md-r1 { + right: 0.5rem !important; } + .md-b1 { + bottom: 0.5rem !important; } + .md-l1 { + left: 0.5rem !important; } + .md-t2 { + top: 1rem !important; } + .md-r2 { + right: 1rem !important; } + .md-b2 { + bottom: 1rem !important; } + .md-l2 { + left: 1rem !important; } + .md-t3 { + top: 1.5rem !important; } + .md-r3 { + right: 1.5rem !important; } + .md-b3 { + bottom: 1.5rem !important; } + .md-l3 { + left: 1.5rem !important; } + .md-t4 { + top: 2rem !important; } + .md-r4 { + right: 2rem !important; } + .md-b4 { + bottom: 2rem !important; } + .md-l4 { + left: 2rem !important; } + .md-t5 { + top: 3rem !important; } + .md-r5 { + right: 3rem !important; } + .md-b5 { + bottom: 3rem !important; } + .md-l5 { + left: 3rem !important; } + .md-t6 { + top: 4.5rem !important; } + .md-r6 { + right: 4.5rem !important; } + .md-b6 { + bottom: 4.5rem !important; } + .md-l6 { + left: 4.5rem !important; } } + +@media (min-width: 64rem) { + .lg-relative { + position: relative !important; } + .lg-absolute { + position: absolute !important; } + .lg-fixed { + position: fixed !important; } + .lg-static { + position: static !important; } + .lg-z1 { + z-index: 100 !important; } + .lg-z2 { + z-index: 200 !important; } + .lg-z3 { + z-index: 300 !important; } + .lg-z4 { + z-index: 400 !important; } + .lg-t0 { + top: 0 !important; } + .lg-r0 { + right: 0 !important; } + .lg-b0 { + bottom: 0 !important; } + .lg-l0 { + left: 0 !important; } + .lg-t05 { + top: 0.25rem !important; } + .lg-r05 { + right: 0.25rem !important; } + .lg-b05 { + bottom: 0.25rem !important; } + .lg-l05 { + left: 0.25rem !important; } + .lg-t1 { + top: 0.5rem !important; } + .lg-r1 { + right: 0.5rem !important; } + .lg-b1 { + bottom: 0.5rem !important; } + .lg-l1 { + left: 0.5rem !important; } + .lg-t2 { + top: 1rem !important; } + .lg-r2 { + right: 1rem !important; } + .lg-b2 { + bottom: 1rem !important; } + .lg-l2 { + left: 1rem !important; } + .lg-t3 { + top: 1.5rem !important; } + .lg-r3 { + right: 1.5rem !important; } + .lg-b3 { + bottom: 1.5rem !important; } + .lg-l3 { + left: 1.5rem !important; } + .lg-t4 { + top: 2rem !important; } + .lg-r4 { + right: 2rem !important; } + .lg-b4 { + bottom: 2rem !important; } + .lg-l4 { + left: 2rem !important; } + .lg-t5 { + top: 3rem !important; } + .lg-r5 { + right: 3rem !important; } + .lg-b5 { + bottom: 3rem !important; } + .lg-l5 { + left: 3rem !important; } + .lg-t6 { + top: 4.5rem !important; } + .lg-r6 { + right: 4.5rem !important; } + .lg-b6 { + bottom: 4.5rem !important; } + .lg-l6 { + left: 4.5rem !important; } } + +.xs-align-top { + vertical-align: top !important; } + +.xs-align-middle { + vertical-align: middle !important; } + +.xs-align-bottom { + vertical-align: bottom !important; } + +@media (min-width: 40rem) { + .sm-align-top { + vertical-align: top !important; } + .sm-align-middle { + vertical-align: middle !important; } + .sm-align-bottom { + vertical-align: bottom !important; } } + +@media (min-width: 52rem) { + .md-align-top { + vertical-align: top !important; } + .md-align-middle { + vertical-align: middle !important; } + .md-align-bottom { + vertical-align: bottom !important; } } + +@media (min-width: 64rem) { + .lg-align-top { + vertical-align: top !important; } + .lg-align-middle { + vertical-align: middle !important; } + .lg-align-bottom { + vertical-align: bottom !important; } } + +.clearfix:before, +.clearfix:after { + content: " " !important; + display: table !important; } + +.clearfix:after { + clear: both !important; } + +.page-message { + position: relative; + margin-top: 0.25rem; + padding: 1rem; + font-size: 1rem; + font-weight: 600; } + +.page-message__action { + text-decoration: underline; } + +.page-message__close { + position: absolute; + right: 0.25rem; + top: 0.5rem; + padding: 0.5rem; + cursor: pointer; } + +.page-message__icon { + vertical-align: middle; + height: 1rem; + border-radius: 50%; + margin-bottom: .15rem; + margin-right: 0.5rem; } + +.page-message__icon-close { + width: 1.5rem; } + +.page-message--error { + background-color: #feebe9; + color: #e32; } + .page-message--error .page-message__text, + .page-message--error .page-message__action { + color: #e32; } + .page-message--error .page-message__icon-close { + fill: #fa9287; } + .page-message--error .page-message__close:hover .page-message__icon-close { + fill: #e32; } + .page-message--error .page-message__icon { + fill: #feebe9; + background-color: #e32; } + +.page-message--success { + background-color: #f1f8e9; + color: #6fb824; } + .page-message--success .page-message__text, + .page-message--success .page-message__action { + color: #6fb824; } + .page-message--success .page-message__icon-close { + fill: #c0df9c; } + .page-message--success .page-message__close:hover .page-message__icon-close { + fill: #6fb824; } + .page-message--success .page-message__icon { + fill: #f1f8e9; + background-color: #6fb824; } + +.page-message--warning { + background-color: #fdf0dd; + color: #f49c1a; } + .page-message--warning .page-message__text, + .page-message--warning .page-message__action { + color: #f49c1a; } + .page-message--warning .page-message__icon-close { + fill: #f9c67b; } + .page-message--warning .page-message__close:hover .page-message__icon-close { + fill: #f49c1a; } + .page-message--warning .page-message__icon { + fill: #fdf0dd; + background-color: #f49c1a; } + +.page-message__action:hover { + color: #07e; } + +.button-group, +.button-group--small { + position: relative; + display: inline-block; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + text-decoration: none; + color: #07e; } + .button-group .button-group__radio, + .button-group--small .button-group__radio { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.button-group__item { + display: inline-block; + cursor: pointer; + float: left; + padding: 0.5rem 0.875rem; + border-right: 1px solid rgba(0, 0, 0, 0.2); } + .button-group__item:hover { + transition: background-color .3s ease 0s; + background-color: #f4f4f4; } + .button-group__item:last-of-type { + border: 0; } + +.button-group .button-group__radio:checked + .button-group__item, +.button-group--small .button-group__radio:checked + .button-group__item { + background-color: #f4f4f4; + color: #333; } + +.button-group--small .button-group__item { + padding: 0.3125rem .625rem; + font-size: 0.875rem; + line-height: 1.25rem; } + +.modal { + background: rgba(255, 255, 255, 0.9); + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + padding: 1rem; + z-index: 400; + opacity: 0; + visibility: hidden; + transition: all .2s; + overflow-x: hidden; + overflow-y: auto; } + +.modal__content { + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + background: #fff; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + margin: 0 auto; + position: relative; + padding: 2rem; } + +.modal__close { + width: 3rem; + height: 3rem; + padding: 1rem; + float: right; + margin: -2rem -2rem 0 0; } + .modal__close:hover { + cursor: pointer; } + .modal__close:hover .modal__close-icon { + fill: #222; } + +.modal__close-icon { + width: 1rem; + fill: #aaa; } + +.js-show-modal { + overflow: hidden; } + .js-show-modal .modal { + visibility: visible; + opacity: 1; } + .js-show-modal .modal__content { + -webkit-animation-name: modal__content-scale; + animation-name: modal__content-scale; } + +@-webkit-keyframes modal__content-scale { + from { + opacity: 0; + -webkit-transform: scale3d(0.6, 0.6, 0.6); + transform: scale3d(0.6, 0.6, 0.6); } + 50% { + opacity: 1; } } + +@-moz-keyframes modal__content-scale { + from { + opacity: 0; + -webkit-transform: scale3d(0.6, 0.6, 0.6); + transform: scale3d(0.6, 0.6, 0.6); } + 50% { + opacity: 1; } } + +@keyframes modal__content-scale { + from { + opacity: 0; + -webkit-transform: scale3d(0.6, 0.6, 0.6); + transform: scale3d(0.6, 0.6, 0.6); } + 50% { + opacity: 1; } } + +.tag { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + display: inline-block; + font-size: 0.75rem; + line-height: 1.5rem; } + +.tag__text, +.tag__link, +.tag__delete { + padding: 0 .5rem; } + +.tag__text, +.tag__link { + float: left; } + +.tag__delete { + float: left; + border-right: 1px solid rgba(0, 0, 0, 0.2); + cursor: pointer; } + +.tag__delete-icon { + width: .625rem; + fill: #aaa; + vertical-align: middle; + transition: 200ms; + transition-timing-function: ease-in-out; + -webkit-transition: 50ms; + -webkit-transition-timing-function: ease-in; + margin-left: 1px; } + .tag__delete-icon:hover { + fill: #444444; } + +.tag__delete { + padding: 0 .3125rem; } + .tag__delete:hover .tag__delete-icon { + fill: #444444; } + +.card { + box-shadow: 0 1px 1px rgba(173, 168, 168, 0.1); + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; + border-radius: 3px; } + +.pagination { + display: flex; + align-items: center; } + .pagination .pagination__text { + padding-right: 1rem; } + .pagination .pagination__button { + position: relative; + border: 1px solid rgba(0, 0, 0, 0.2); + text-decoration: none; + color: #07e; + background: #fff; + float: left; + transition: background-color .15s ease 0s; } + .pagination .pagination__button, .pagination .pagination__button:active:focus { + outline: 0; } + .pagination .pagination__button:hover { + transition: background-color .15s ease 0s; + background-color: #f4f4f4; } + .pagination .pagination__button:active { + transition: background-color .15s ease 0s; + background-color: #e7e7e7; } + .pagination .pagination__button { + padding: 0.5rem 0.875rem; } + .pagination .pagination__button--prev { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + border-right: none; } + .pagination .pagination__button--next { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .pagination .pagination__button--prev-icon, + .pagination .pagination__button--next-icon { + width: .875rem; + fill: #07e; + position: relative; + top: 2px; } + .pagination .pagination__button--prev-icon { + right: 1px; } + .pagination .pagination__button--next-icon { + left: 1px; } + .pagination .pagination__button--disabled:hover { + cursor: auto; + background-color: #fff; } + .pagination .pagination__button--disabled .pagination__button--prev-icon, + .pagination .pagination__button--disabled .pagination__button--next-icon { + opacity: .3; } + +.pagination--small .pagination__button--prev-icon, +.pagination--small .pagination__button--next-icon { + width: .625rem; + top: 1px; } + +.pagination--small .pagination__button { + padding: 0.3125rem .625rem; + font-size: 0.875rem; + line-height: 1.25rem; } + +.pagination--small .pagination__text { + font-size: 0.875rem; } diff --git a/dist/solid.2.3.2.min.css b/dist/solid.2.3.2.min.css new file mode 100644 index 00000000..98016524 --- /dev/null +++ b/dist/solid.2.3.2.min.css @@ -0,0 +1 @@ +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:700}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}code,details,embed,fieldset,form,label,legend,menu,pre,sub,summary,sup,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}blockquote,caption,dd,dl,dt,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;font:inherit}blockquote,q{quotes:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img{max-width:100%;height:auto}iframe{border:0}small,sub,sup{font-size:16px}sup{top:-.5rem}sub{bottom:-.25rem}code,kbd,pre,samp{font-size:16px}fieldset{border:0;margin:0;padding:0}optgroup{font-weight:600}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input{-webkit-appearance:none;border-radius:0}html{font-size:16px;font-family:Proxima Nova,Helvetica,Arial,sans-serif}body{font-size:1rem;line-height:1.5}h1{font-size:1.75rem}h1,h2{line-height:1.2}h2{font-size:1.375rem}h3{font-size:1.125rem;line-height:1.2}h4{font-size:1rem}h4,h5{line-height:1.3}h5{font-size:.875rem}h6{font-size:.75rem;line-height:1.3}.slab h6,h6.slab{font-family:Proxima Nova,Helvetica,Arial,sans-serif;font-weight:400}a{text-decoration:none;color:#07e}a:hover{color:#048;transition:color .15s ease 0s}b,strong{font-weight:600}em,i{font-style:italic}ol,ul{padding-left:2rem}ol,table,ul{font-variant-numeric:tabular-nums;-webkit-font-feature-settings:'tnum' 1;font-feature-settings:'tnum' 1}table{border-collapse:separate;border-spacing:0;max-width:100%;width:100%}th{text-align:left;font-weight:600;vertical-align:bottom}td,th{padding:.5rem}td{vertical-align:middle}.xs-block-grid-1,.xs-block-grid-2,.xs-block-grid-3,.xs-block-grid-4,.xs-block-grid-5,.xs-block-grid-6{font-size:0!important;margin:-.5rem!important;padding:0!important}@media (min-width:40rem){.sm-block-grid-1,.sm-block-grid-2,.sm-block-grid-3,.sm-block-grid-4,.sm-block-grid-5,.sm-block-grid-6{font-size:0!important;margin:-.5rem!important;padding:0!important}}@media (min-width:52rem){.md-block-grid-1,.md-block-grid-2,.md-block-grid-3,.md-block-grid-4,.md-block-grid-5,.md-block-grid-6{font-size:0!important;margin:-.5rem!important;padding:0!important}}@media (min-width:64rem){.lg-block-grid-1,.lg-block-grid-2,.lg-block-grid-3,.lg-block-grid-4,.lg-block-grid-5,.lg-block-grid-6{font-size:0!important;margin:-.5rem!important;padding:0!important}}.block-grid__item{display:inline-block!important;margin:.5rem!important;font-size:16px!important;vertical-align:top!important}.xs-block-grid-1 .block-grid__item{width:100%!important}.xs-block-grid-2 .block-grid__item{width:calc(50% - 1rem)!important}.xs-block-grid-3 .block-grid__item{width:calc(33.3333333333% - 1rem)!important}.xs-block-grid-4 .block-grid__item{width:calc(25% - 1rem)!important}.xs-block-grid-5 .block-grid__item{width:calc(20% - 1rem)!important}.xs-block-grid-6 .block-grid__item{width:calc(16.6666666667% - 1rem)!important}@media (min-width:40rem){.sm-block-grid-1 .block-grid__item{width:100%!important}.sm-block-grid-2 .block-grid__item{width:calc(50% - 1rem)!important}.sm-block-grid-3 .block-grid__item{width:calc(33.3333333333% - 1rem)!important}.sm-block-grid-4 .block-grid__item{width:calc(25% - 1rem)!important}.sm-block-grid-5 .block-grid__item{width:calc(20% - 1rem)!important}.sm-block-grid-6 .block-grid__item{width:calc(16.6666666667% - 1rem)!important}}@media (min-width:52rem){.md-block-grid-1 .block-grid__item{width:100%!important}.md-block-grid-2 .block-grid__item{width:calc(50% - 1rem)!important}.md-block-grid-3 .block-grid__item{width:calc(33.3333333333% - 1rem)!important}.md-block-grid-4 .block-grid__item{width:calc(25% - 1rem)!important}.md-block-grid-5 .block-grid__item{width:calc(20% - 1rem)!important}.md-block-grid-6 .block-grid__item{width:calc(16.6666666667% - 1rem)!important}}@media (min-width:64rem){.lg-block-grid-1 .block-grid__item{width:100%!important}.lg-block-grid-2 .block-grid__item{width:calc(50% - 1rem)!important}.lg-block-grid-3 .block-grid__item{width:calc(33.3333333333% - 1rem)!important}.lg-block-grid-4 .block-grid__item{width:calc(25% - 1rem)!important}.lg-block-grid-5 .block-grid__item{width:calc(20% - 1rem)!important}.lg-block-grid-6 .block-grid__item{width:calc(16.6666666667% - 1rem)!important}}.no-gutters,.no-gutters .block-grid__item{margin:0!important}.xs-block-grid-1.no-gutters .block-grid__item{width:100%!important}.xs-block-grid-2.no-gutters .block-grid__item{width:50%!important}.xs-block-grid-3.no-gutters .block-grid__item{width:33.3333333333%!important}.xs-block-grid-4.no-gutters .block-grid__item{width:25%!important}.xs-block-grid-5.no-gutters .block-grid__item{width:20%!important}.xs-block-grid-6.no-gutters .block-grid__item{width:16.6666666667%!important}@media (min-width:40rem){.sm-block-grid-1.no-gutters .block-grid__item{width:100%!important}.sm-block-grid-2.no-gutters .block-grid__item{width:50%!important}.sm-block-grid-3.no-gutters .block-grid__item{width:33.3333333333%!important}.sm-block-grid-4.no-gutters .block-grid__item{width:25%!important}.sm-block-grid-5.no-gutters .block-grid__item{width:20%!important}.sm-block-grid-6.no-gutters .block-grid__item{width:16.6666666667%!important}}@media (min-width:52rem){.md-block-grid-1.no-gutters .block-grid__item{width:100%!important}.md-block-grid-2.no-gutters .block-grid__item{width:50%!important}.md-block-grid-3.no-gutters .block-grid__item{width:33.3333333333%!important}.md-block-grid-4.no-gutters .block-grid__item{width:25%!important}.md-block-grid-5.no-gutters .block-grid__item{width:20%!important}.md-block-grid-6.no-gutters .block-grid__item{width:16.6666666667%!important}}@media (min-width:64rem){.lg-block-grid-1.no-gutters .block-grid__item{width:100%!important}.lg-block-grid-2.no-gutters .block-grid__item{width:50%!important}.lg-block-grid-3.no-gutters .block-grid__item{width:33.3333333333%!important}.lg-block-grid-4.no-gutters .block-grid__item{width:25%!important}.lg-block-grid-5.no-gutters .block-grid__item{width:20%!important}.lg-block-grid-6.no-gutters .block-grid__item{width:16.6666666667%!important}}.fill-red{background-color:#e32!important}.fill-red-lighter{background-color:#feebe9!important}.fill-pink{background-color:#eb2649!important}.fill-blue{background-color:#07e!important}.fill-yellow{background-color:#fe0!important}.fill-yellow-lighter{background-color:#fffab6!important}.fill-green{background-color:#6fb824!important}.fill-green-lighter{background-color:#f1f8e9!important}.fill-orange{background-color:#f49c1a!important}.fill-promoted-orange{background-color:#edb802!important}.fill-gray-lighter{background-color:#f4f4f4!important}.fill-gray{background-color:#aaa!important}.fill-gray-darker{background-color:#222!important}.fill-white{background-color:#fff!important}.fill-facebook{background-color:#3b5998!important}.fill-twitter{background-color:#55acee!important}.fill-google{background-color:#dd4b39!important}.fill-linkedin{background-color:#0077b5!important}.fill-pinterest{background-color:#bd081c!important}.fill-tumblr{background-color:#36465d!important}.fill-youtube{background-color:#cd201f!important}.fill-instagram{background-color:#517fa4!important}.fill-vine{background-color:#00b488!important}.fill-snapchat{background-color:#fffc00!important}.text-gray{color:#333!important}.text-white{color:#fff!important}.text-gray-lighter{color:#666!important}.text-gray-lightest{color:#999!important}.text-red{color:#e32!important}.text-pink{color:#eb2649!important}.text-orange{color:#f49c1a!important}.text-promoted-orange{color:#edb802!important}.text-green{color:#6fb824!important}.text-blue{color:#07e!important}.svg-gray{fill:#333!important}.svg-white{fill:#fff!important}.svg-gray-lighter{fill:#666!important}.svg-gray-lightest{fill:#999!important}.svg-red{fill:#e32!important}.svg-pink{fill:#eb2649!important}.svg-orange{fill:#f49c1a!important}.svg-green{fill:#6fb824!important}.svg-blue{fill:#07e!important}.svg-facebook{fill:#3b5998!important}.svg-twitter{fill:#55acee!important}.svg-google{fill:#dd4b39!important}.svg-linkedin{fill:#0077b5!important}.svg-pinterest{fill:#bd081c!important}.svg-tumblr{fill:#36465d!important}.svg-youtube{fill:#cd201f!important}.svg-instagram{fill:#517fa4!important}.svg-vine{fill:#00b488!important}.svg-snapchat{fill:#fffc00!important}.button{padding:0!important;background-color:transparent!important;background-image:none!important;white-space:nowrap!important;-webkit-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-family:inherit!important;padding:.5rem .875rem!important;font-size:1rem!important;line-height:1.5rem!important;border-radius:3px!important;text-decoration:none!important;cursor:pointer!important;display:inline-block!important;text-align:center!important;background-color:#07e!important;color:#fff!important;border-color:#07e!important;border:1px solid transparent!important;transition:background-color .1s ease 0s!important}.button,.button:active:focus{outline:0!important}.button:not(.button--disabled):not(:disabled):hover{background-color:#048!important;transition:background-color .15s ease 0s!important}.button:not(.button--disabled):not(:disabled):active{background-color:#001e3c!important}.button.button--secondary{border:1px solid #07e!important;color:#07e!important;background:none!important}.button.button--secondary:hover{transition:background-color .15s ease 0s!important}.button.button--secondary:not(.button--disabled):not(:disabled):hover{background-color:#07e!important;color:#fff!important}.button.button--secondary:not(.button--disabled):not(:disabled):active{background-color:#001e3c!important;border-color:#001e3c!important;color:#fff!important}.button.button--secondary.button--icon>svg{fill:#07e!important}.button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg{fill:#fff!important}.button--negative{background-color:#e32!important;color:#fff!important;border-color:#e32!important;border:1px solid transparent!important;transition:background-color .1s ease 0s!important}.button--negative:not(.button--disabled):not(:disabled):hover{background-color:#9e180c!important;transition:background-color .15s ease 0s!important}.button--negative:not(.button--disabled):not(:disabled):active{background-color:#570d07!important}.button--negative.button--secondary{border:1px solid #e32!important;color:#e32!important;background:none!important}.button--negative.button--secondary:hover{transition:background-color .15s ease 0s!important}.button--negative.button--secondary:not(.button--disabled):not(:disabled):hover{background-color:#e32!important;color:#fff!important}.button--negative.button--secondary:not(.button--disabled):not(:disabled):active{background-color:#570d07!important;border-color:#570d07!important;color:#fff!important}.button--negative.button--secondary.button--icon>svg{fill:#e32!important}.button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg{fill:#fff!important}.button--white{background-color:#fff!important;color:#333!important;border-color:#fff!important;border:1px solid transparent!important;transition:background-color .1s ease 0s!important}.button--white:not(.button--disabled):not(:disabled):hover{background-color:#ccc!important;transition:background-color .15s ease 0s!important}.button--white:not(.button--disabled):not(:disabled):active{background-color:#a6a6a6!important}.button--white.button--secondary{border:1px solid #fff!important;color:#fff!important;background:none!important}.button--white.button--secondary:hover{transition:background-color .15s ease 0s!important}.button--white.button--secondary:not(.button--disabled):not(:disabled):hover{background-color:#fff!important;color:#333!important}.button--white.button--secondary:not(.button--disabled):not(:disabled):active{background-color:#a6a6a6!important;border-color:#a6a6a6!important;color:#333!important}.button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg{fill:#fff!important}.button--white.button--secondary:not(.button--disabled):not(:disabled):active{background-color:#e6e6e6!important}.button--white.button--icon:not(.button--disabled):not(:disabled):hover svg,.button--white.button--icon>svg{fill:#222!important}.button--white.button--secondary.button--icon>svg{fill:#fff!important}.button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg{fill:#222!important}.button--transparent{background-color:transparent!important;color:#07e!important;border-color:transparent!important;border:1px solid transparent!important}.button--transparent:not(.button--disabled):not(:disabled):hover{background-color:transparent!important;color:#048!important}.button--disabled,.button:disabled{opacity:.3!important}.button--disabled:hover,.button:disabled:hover{cursor:default!important;transition:none!important}.button--small{padding:.3125rem .625rem!important;font-size:.875rem!important;line-height:1.25rem!important}.button--icon>svg{width:1rem!important;height:1rem!important;fill:#fff!important;position:relative!important;top:.125rem!important;margin-right:.5rem}.button--icon.button--small>svg{width:.875rem!important;height:.875rem!important;position:relative!important;margin-right:.3125rem}.button--facebook{background-color:#3b5998!important;color:#fff!important}.button--facebook:not(.button--disabled):not(:disabled):hover{background-color:#1e2e4f!important;color:#fff!important}.button--facebook.button--disabled:hover,.button--facebook:disabled:hover{color:#fff!important}.button--facebook:not(.button--disabled):not(:disabled):active{background-color:#090e17!important}.button--twitter{background-color:#55acee!important;color:#fff!important}.button--twitter:not(.button--disabled):not(:disabled):hover{background-color:#147bc9!important;color:#fff!important}.button--twitter.button--disabled:hover,.button--twitter:disabled:hover{color:#fff!important}.button--twitter:not(.button--disabled):not(:disabled):active{background-color:#0d5083!important}.button--google{background-color:#dd4b39!important;color:#fff!important}.button--google:not(.button--disabled):not(:disabled):hover{background-color:#96271a!important;color:#fff!important}.button--google.button--disabled:hover,.button--google:disabled:hover{color:#fff!important}.button--google:not(.button--disabled):not(:disabled):active{background-color:#55160f!important}.button--linkedin{background-color:#0077b5!important;color:#fff!important}.button--linkedin:not(.button--disabled):not(:disabled):hover{background-color:#00344f!important;color:#fff!important}.button--linkedin.button--disabled:hover,.button--linkedin:disabled:hover{color:#fff!important}.button--linkedin:not(.button--disabled):not(:disabled):active{background-color:#000203!important}.button--pinterest{background-color:#bd081c!important;color:#fff!important}.button--pinterest:not(.button--disabled):not(:disabled):hover{background-color:#5b040e!important;color:#fff!important}.button--pinterest.button--disabled:hover,.button--pinterest:disabled:hover{color:#fff!important}.button--pinterest:not(.button--disabled):not(:disabled):active{background-color:#120103!important}.button--tumblr{background-color:#36465d!important;color:#fff!important}.button--tumblr:not(.button--disabled):not(:disabled):hover{background-color:#11151c!important;color:#fff!important}.button--tumblr.button--disabled:hover,.button--tumblr:disabled:hover{color:#fff!important}.button--tumblr:not(.button--disabled):not(:disabled):active{background-color:#000!important}.button--youtube{background-color:#cd201f!important;color:#fff!important}.button--youtube:not(.button--disabled):not(:disabled):hover{background-color:#741212!important;color:#fff!important}.button--youtube.button--disabled:hover,.button--youtube:disabled:hover{color:#fff!important}.button--youtube:not(.button--disabled):not(:disabled):active{background-color:#320808!important}.button--instagram{background-color:#517fa4!important;color:#fff!important}.button--instagram:not(.button--disabled):not(:disabled):hover{background-color:#2f4a60!important;color:#fff!important}.button--instagram.button--disabled:hover,.button--instagram:disabled:hover{color:#fff!important}.button--instagram:not(.button--disabled):not(:disabled):active{background-color:#16222d!important}.select,.select--small,.text-input,.text-input--small,.textarea,.textarea--small{font-family:inherit!important;background:#fff!important;font-size:1rem!important;line-height:1.5rem!important;padding:.5rem .75rem!important;border:1px solid rgba(0,0,0,.2)!important}.select--small:disabled,.select:disabled,.text-input--small:disabled,.text-input:disabled,.textarea--small:disabled,.textarea:disabled{opacity:.35!important}.select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 488 285'%3E%3Cpath d='M483.11 29.38L458.66 4.897C455.728 1.958 451.327 0 447.416 0c-3.912 0-8.313 1.958-11.246 4.896L244 197.344 51.834 4.896C48.9 1.958 44.498 0 40.587 0c-4.4 0-8.313 1.958-11.246 4.896L4.893 29.38C1.958 32.32.002 36.727.002 40.645s1.956 8.325 4.89 11.263l227.864 228.196c2.934 2.938 7.335 4.897 11.246 4.897 3.912 0 8.313-1.96 11.246-4.897L483.112 51.907c2.934-2.938 4.89-7.345 4.89-11.263s-1.956-8.325-4.89-11.263z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 1rem) center!important;background-size:.6875rem!important;-webkit-appearance:none!important;-moz-appearance:none!important;border-radius:0!important;padding-right:2.5rem!important}.select::-ms-expand,select::-ms-expand{display:none}.select--small,.text-input--small{font-size:.875rem!important;line-height:1.25rem!important;padding:.3125rem .625rem!important}.select--small{padding-right:2rem!important;background-position:calc(100% - .875rem) center!important;background-size:.5rem!important}.textarea{display:block!important;min-height:6rem!important;padding:.5rem .75rem!important}.textarea--small{display:block!important;min-height:5rem!important;padding:.375rem .625rem!important;font-size:.875rem!important;line-height:1.25rem!important}.radio{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.radio+label{font-size:.875rem!important;cursor:pointer!important;line-height:1.5rem;display:block}.radio+label:before{content:""!important;display:inline-block!important;width:.75rem!important;height:.75rem!important;margin-right:.375rem!important;position:relative!important;bottom:-1px!important;background-color:#fff!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:50%!important}.radio:disabled+label{opacity:.35!important}.radio:checked+label:before{background-color:#fff!important;border:4px solid #07e!important}.checkbox{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.checkbox+label{font-size:.875rem!important;cursor:pointer!important;line-height:1.5rem;display:block}.checkbox+label:before{content:""!important;display:inline-block!important;width:.75rem!important;height:.75rem!important;margin-right:.375rem!important;position:relative!important;bottom:-1px!important;background-color:#fff!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:30%!important}.checkbox:disabled+label{opacity:.35!important}.checkbox:checked+label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M491.185 120.62L448.367 77.8c-5.667-5.666-13.538-8.814-21.41-8.814-7.87 0-15.74 3.148-21.408 8.815L199.014 284.65l-92.563-92.877c-5.667-5.667-13.538-8.815-21.41-8.815-7.87 0-15.74 3.148-21.408 8.815L20.816 234.59C15.15 240.26 12 248.13 12 256c0 7.87 3.15 15.742 8.816 21.41l113.972 113.97 42.818 42.82c5.667 5.666 13.538 8.814 21.41 8.814 7.87 0 15.74-3.148 21.408-8.815l42.818-42.82L491.185 163.44c5.667-5.667 8.815-13.538 8.815-21.41 0-7.87-3.148-15.74-8.815-21.408z' fill='%23fff'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#07e!important;background-size:.5rem!important;border-style:none!important}.form-label{display:block;font-weight:600!important;margin-bottom:.5rem!important}.form-label--small{font-size:.875rem!important;margin-bottom:.25rem!important}.form-label--optional{color:#999!important;font-weight:400!important}.form-label--required{color:#e32!important;font-weight:400!important}.form-helper{color:#999!important}.form-feedback,.form-helper{display:block!important;margin-top:.5rem!important;font-size:.875rem!important}.form-fieldset--warning .form-feedback,.form-fieldset--warning .form-label{color:#f49c1a!important}.form-fieldset--warning .select,.form-fieldset--warning .select--small,.form-fieldset--warning .text-input,.form-fieldset--warning .text-input--small,.form-fieldset--warning .textarea,.form-fieldset--warning .textarea--small{border-color:#f49c1a!important}.form-fieldset--success .form-feedback,.form-fieldset--success .form-label{color:#6fb824!important}.form-fieldset--success .form-feedback:before{content:""!important;height:.875rem!important;width:.875rem!important;display:inline-block!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M491.185 120.62L448.367 77.8c-5.667-5.666-13.538-8.814-21.41-8.814-7.87 0-15.74 3.148-21.408 8.815L199.014 284.65l-92.563-92.877c-5.667-5.667-13.538-8.815-21.41-8.815-7.87 0-15.74 3.148-21.408 8.815L20.816 234.59C15.15 240.26 12 248.13 12 256c0 7.87 3.15 15.742 8.816 21.41l113.972 113.97 42.818 42.82c5.667 5.666 13.538 8.814 21.41 8.814 7.87 0 15.74-3.148 21.408-8.815l42.818-42.82L491.185 163.44c5.667-5.667 8.815-13.538 8.815-21.41 0-7.87-3.148-15.74-8.815-21.408z' fill='%23fff'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:.5rem!important;background-color:#6fb824!important;border-radius:50%!important;background-position:center!important;margin-right:.375rem!important;position:relative!important;bottom:-2px!important}.form-fieldset--success .select,.form-fieldset--success .select--small,.form-fieldset--success .text-input,.form-fieldset--success .text-input--small,.form-fieldset--success .textarea,.form-fieldset--success .textarea--small{border-color:#6fb824!important}.form-fieldset--error .form-feedback,.form-fieldset--error .form-label{color:#e32!important}.form-fieldset--error .select,.form-fieldset--error .select--small,.form-fieldset--error .text-input,.form-fieldset--error .text-input--small,.form-fieldset--error .textarea,.form-fieldset--error .textarea--small{border-color:#e32!important}.col{float:left!important}.xs-col-1{width:8.3333333333%!important}.xs-col-2{width:16.6666666667%!important}.xs-col-3{width:25%!important}.xs-col-4{width:33.3333333333%!important}.xs-col-5{width:41.6666666667%!important}.xs-col-6{width:50%!important}.xs-col-7{width:58.3333333333%!important}.xs-col-8{width:66.6666666667%!important}.xs-col-9{width:75%!important}.xs-col-10{width:83.3333333333%!important}.xs-col-11{width:91.6666666667%!important}.xs-col-12{width:100%!important}.xs-offset-1{margin-left:8.3333333333%!important}.xs-offset-2{margin-left:16.6666666667%!important}.xs-offset-3{margin-left:25%!important}.xs-offset-4{margin-left:33.3333333333%!important}.xs-offset-5{margin-left:41.6666666667%!important}.xs-offset-6{margin-left:50%!important}.xs-offset-7{margin-left:58.3333333333%!important}.xs-offset-8{margin-left:66.6666666667%!important}.xs-offset-9{margin-left:75%!important}.xs-offset-10{margin-left:83.3333333333%!important}.xs-offset-11{margin-left:91.6666666667%!important}@media (min-width:40rem){.sm-col-1{width:8.3333333333%!important}.sm-col-2{width:16.6666666667%!important}.sm-col-3{width:25%!important}.sm-col-4{width:33.3333333333%!important}.sm-col-5{width:41.6666666667%!important}.sm-col-6{width:50%!important}.sm-col-7{width:58.3333333333%!important}.sm-col-8{width:66.6666666667%!important}.sm-col-9{width:75%!important}.sm-col-10{width:83.3333333333%!important}.sm-col-11{width:91.6666666667%!important}.sm-col-12{width:100%!important}.sm-offset-1{margin-left:8.3333333333%!important}.sm-offset-2{margin-left:16.6666666667%!important}.sm-offset-3{margin-left:25%!important}.sm-offset-4{margin-left:33.3333333333%!important}.sm-offset-5{margin-left:41.6666666667%!important}.sm-offset-6{margin-left:50%!important}.sm-offset-7{margin-left:58.3333333333%!important}.sm-offset-8{margin-left:66.6666666667%!important}.sm-offset-9{margin-left:75%!important}.sm-offset-10{margin-left:83.3333333333%!important}.sm-offset-11{margin-left:91.6666666667%!important}}@media (min-width:52rem){.md-col-1{width:8.3333333333%!important}.md-col-2{width:16.6666666667%!important}.md-col-3{width:25%!important}.md-col-4{width:33.3333333333%!important}.md-col-5{width:41.6666666667%!important}.md-col-6{width:50%!important}.md-col-7{width:58.3333333333%!important}.md-col-8{width:66.6666666667%!important}.md-col-9{width:75%!important}.md-col-10{width:83.3333333333%!important}.md-col-11{width:91.6666666667%!important}.md-col-12{width:100%!important}.md-offset-1{margin-left:8.3333333333%!important}.md-offset-2{margin-left:16.6666666667%!important}.md-offset-3{margin-left:25%!important}.md-offset-4{margin-left:33.3333333333%!important}.md-offset-5{margin-left:41.6666666667%!important}.md-offset-6{margin-left:50%!important}.md-offset-7{margin-left:58.3333333333%!important}.md-offset-8{margin-left:66.6666666667%!important}.md-offset-9{margin-left:75%!important}.md-offset-10{margin-left:83.3333333333%!important}.md-offset-11{margin-left:91.6666666667%!important}}@media (min-width:64rem){.lg-col-1{width:8.3333333333%!important}.lg-col-2{width:16.6666666667%!important}.lg-col-3{width:25%!important}.lg-col-4{width:33.3333333333%!important}.lg-col-5{width:41.6666666667%!important}.lg-col-6{width:50%!important}.lg-col-7{width:58.3333333333%!important}.lg-col-8{width:66.6666666667%!important}.lg-col-9{width:75%!important}.lg-col-10{width:83.3333333333%!important}.lg-col-11{width:91.6666666667%!important}.lg-col-12{width:100%!important}.lg-offset-1{margin-left:8.3333333333%!important}.lg-offset-2{margin-left:16.6666666667%!important}.lg-offset-3{margin-left:25%!important}.lg-offset-4{margin-left:33.3333333333%!important}.lg-offset-5{margin-left:41.6666666667%!important}.lg-offset-6{margin-left:50%!important}.lg-offset-7{margin-left:58.3333333333%!important}.lg-offset-8{margin-left:66.6666666667%!important}.lg-offset-9{margin-left:75%!important}.lg-offset-10{margin-left:83.3333333333%!important}.lg-offset-11{margin-left:91.6666666667%!important}}.gutters{margin:0 -.5rem!important}.gutters>.col{padding:0 .5rem!important}.table-border{border:1px solid rgba(0,0,0,.2)!important}.table-border th,.table-border tr td{border-bottom:1px solid rgba(0,0,0,.2)}.table-border tr:last-child td{border-bottom:0}.table-border td,.table-border th{padding:.75rem}.table{border-collapse:separate!important;border-spacing:0!important;display:table!important}.td,.th{display:table-cell!important}.tr{display:table-row!important}.xs-text-1{font-size:1.75rem!important}.xs-text-1,.xs-text-2{line-height:1.2!important}.xs-text-2{font-size:1.375rem!important}.xs-text-3{font-size:1.125rem!important;line-height:1.2!important}.xs-text-4{font-size:1rem!important}.xs-text-4,.xs-text-5{line-height:1.3!important}.xs-text-5{font-size:.875rem!important}.xs-text-6{font-size:.75rem!important;line-height:1.3!important}@media (min-width:40rem){.sm-text-1{font-size:1.75rem!important}.sm-text-1,.sm-text-2{line-height:1.2!important}.sm-text-2{font-size:1.375rem!important}.sm-text-3{font-size:1.125rem!important;line-height:1.2!important}.sm-text-4{font-size:1rem!important}.sm-text-4,.sm-text-5{line-height:1.3!important}.sm-text-5{font-size:.875rem!important}.sm-text-6{font-size:.75rem!important;line-height:1.3!important}}@media (min-width:52rem){.md-text-1{font-size:1.75rem!important}.md-text-1,.md-text-2{line-height:1.2!important}.md-text-2{font-size:1.375rem!important}.md-text-3{font-size:1.125rem!important;line-height:1.2!important}.md-text-4{font-size:1rem!important}.md-text-4,.md-text-5{line-height:1.3!important}.md-text-5{font-size:.875rem!important}.md-text-6{font-size:.75rem!important;line-height:1.3!important}}@media (min-width:64rem){.lg-text-1{font-size:1.75rem!important}.lg-text-1,.lg-text-2{line-height:1.2!important}.lg-text-2{font-size:1.375rem!important}.lg-text-3{font-size:1.125rem!important;line-height:1.2!important}.lg-text-4{font-size:1rem!important}.lg-text-4,.lg-text-5{line-height:1.3!important}.lg-text-5{font-size:.875rem!important}.lg-text-6{font-size:.75rem!important;line-height:1.3!important}}.normal,.regular{font-weight:400!important}.bold{font-weight:600!important}.italic{font-style:italic!important}.caps{text-transform:uppercase!important}.xs-text-left{text-align:left!important}.xs-text-center{text-align:center!important}.xs-text-right{text-align:right!important}.xs-text-justify{text-align:justify!important}@media (min-width:40rem){.sm-text-left{text-align:left!important}.sm-text-center{text-align:center!important}.sm-text-right{text-align:right!important}.sm-text-justify{text-align:justify!important}}@media (min-width:52rem){.md-text-left{text-align:left!important}.md-text-center{text-align:center!important}.md-text-right{text-align:right!important}.md-text-justify{text-align:justify!important}}@media (min-width:64rem){.lg-text-left{text-align:left!important}.lg-text-center{text-align:center!important}.lg-text-right{text-align:right!important}.lg-text-justify{text-align:justify!important}}.nowrap,.truncate{white-space:nowrap!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important}.decoration-none{text-decoration:none!important}.decoration-underline{text-decoration:underline!important}.decoration-line-through{text-decoration:line-through!important}.slab{line-height:1.1!important;-webkit-font-feature-settings:"liga","kern"!important;font-feature-settings:"liga","kern"!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slab,.slab.bold{font-family:Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif!important}.slab.bold{font-weight:400!important}.slab.italic{font-family:Caponi-Slab-Semibold,Proxima Nova,Helvetica,Arial,sans-serif!important}.slab.text-6,.text-6 .slab{font-family:Proxima Nova,Helvetica,Arial,sans-serif!important;font-weight:400!important}.text-1.slab,.text-2.slab,.text-3.slab,.text-4.slab,.text-5.slab{line-height:1.1!important}.list-unstyled{margin-left:0!important;padding-left:0!important;list-style:none!important}.link-blue{color:#07e!important}.link-blue:hover{color:#048!important}.link-gray{color:#333!important}.link-gray:hover{color:#07e!important}.link-gray-lighter{color:#999!important}.link-gray-lighter:hover{color:#333!important}.link-white{color:#fff!important}.link-white:hover{color:#ccc!important}.link-facebook{color:#3b5998!important}.link-facebook:hover{color:#1e2e4f!important}.link-twitter{color:#55acee!important}.link-twitter:hover{color:#147bc9!important}.link-google{color:#dd4b39!important}.link-google:hover{color:#96271a!important}.link-linkedin{color:#0077b5!important}.link-linkedin:hover{color:#00344f!important}.link-pinterest{color:#bd081c!important}.link-pinterest:hover{color:#5b040e!important}.link-tumblr{color:#36465d!important}.link-tumblr:hover{color:#11151c!important}.link-youtube{color:#cd201f!important}.link-youtube:hover{color:#741212!important}.link-instagram{color:#517fa4!important}.link-instagram:hover{color:#2f4a60!important}.rounded{border-radius:3px!important}.rounded-top{border-radius:3px 3px 0 0!important}.rounded-right{border-radius:0 3px 3px 0!important}.rounded-bottom{border-radius:0 0 3px 3px!important}.rounded-left{border-radius:3px 0 0 3px!important}.circle{border-radius:50%!important}.xs-border{border:1px solid rgba(0,0,0,.2)!important}.xs-border-top{border-top:1px solid rgba(0,0,0,.2)!important}.xs-border-right{border-right:1px solid rgba(0,0,0,.2)!important}.xs-border-bottom{border-bottom:1px solid rgba(0,0,0,.2)!important}.xs-border-left{border-left:1px solid rgba(0,0,0,.2)!important}.xs-border-lighter{border:1px solid rgba(0,0,0,.1)!important}.xs-border-top-lighter{border-top:1px solid rgba(0,0,0,.1)!important}.xs-border-right-lighter{border-right:1px solid rgba(0,0,0,.1)!important}.xs-border-bottom-lighter{border-bottom:1px solid rgba(0,0,0,.1)!important}.xs-border-left-lighter{border-left:1px solid rgba(0,0,0,.1)!important}.xs-border-none{border:none!important}.xs-border-top-none{border-top:none!important}.xs-border-right-none{border-right:none!important}.xs-border-bottom-none{border-bottom:none!important}.xs-border-left-none{border-left:none!important}@media (min-width:40rem){.sm-border{border:1px solid rgba(0,0,0,.2)!important}.sm-border-top{border-top:1px solid rgba(0,0,0,.2)!important}.sm-border-right{border-right:1px solid rgba(0,0,0,.2)!important}.sm-border-bottom{border-bottom:1px solid rgba(0,0,0,.2)!important}.sm-border-left{border-left:1px solid rgba(0,0,0,.2)!important}.sm-border-lighter{border:1px solid rgba(0,0,0,.1)!important}.sm-border-top-lighter{border-top:1px solid rgba(0,0,0,.1)!important}.sm-border-right-lighter{border-right:1px solid rgba(0,0,0,.1)!important}.sm-border-bottom-lighter{border-bottom:1px solid rgba(0,0,0,.1)!important}.sm-border-left-lighter{border-left:1px solid rgba(0,0,0,.1)!important}.sm-border-none{border:none!important}.sm-border-top-none{border-top:none!important}.sm-border-right-none{border-right:none!important}.sm-border-bottom-none{border-bottom:none!important}.sm-border-left-none{border-left:none!important}}@media (min-width:52rem){.md-border{border:1px solid rgba(0,0,0,.2)!important}.md-border-top{border-top:1px solid rgba(0,0,0,.2)!important}.md-border-right{border-right:1px solid rgba(0,0,0,.2)!important}.md-border-bottom{border-bottom:1px solid rgba(0,0,0,.2)!important}.md-border-left{border-left:1px solid rgba(0,0,0,.2)!important}.md-border-lighter{border:1px solid rgba(0,0,0,.1)!important}.md-border-top-lighter{border-top:1px solid rgba(0,0,0,.1)!important}.md-border-right-lighter{border-right:1px solid rgba(0,0,0,.1)!important}.md-border-bottom-lighter{border-bottom:1px solid rgba(0,0,0,.1)!important}.md-border-left-lighter{border-left:1px solid rgba(0,0,0,.1)!important}.md-border-none{border:none!important}.md-border-top-none{border-top:none!important}.md-border-right-none{border-right:none!important}.md-border-bottom-none{border-bottom:none!important}.md-border-left-none{border-left:none!important}}@media (min-width:64rem){.lg-border{border:1px solid rgba(0,0,0,.2)!important}.lg-border-top{border-top:1px solid rgba(0,0,0,.2)!important}.lg-border-right{border-right:1px solid rgba(0,0,0,.2)!important}.lg-border-bottom{border-bottom:1px solid rgba(0,0,0,.2)!important}.lg-border-left{border-left:1px solid rgba(0,0,0,.2)!important}.lg-border-lighter{border:1px solid rgba(0,0,0,.1)!important}.lg-border-top-lighter{border-top:1px solid rgba(0,0,0,.1)!important}.lg-border-right-lighter{border-right:1px solid rgba(0,0,0,.1)!important}.lg-border-bottom-lighter{border-bottom:1px solid rgba(0,0,0,.1)!important}.lg-border-left-lighter{border-left:1px solid rgba(0,0,0,.1)!important}.lg-border-none{border:none!important}.lg-border-top-none{border-top:none!important}.lg-border-right-none{border-right:none!important}.lg-border-bottom-none{border-bottom:none!important}.lg-border-left-none{border-left:none!important}}.xs-overflow-hidden{overflow:hidden!important}.xs-overflow-auto{overflow:auto!important;-webkit-overflow-scrolling:touch}.xs-overflow-scroll{overflow:scroll!important;-webkit-overflow-scrolling:touch}.xs-overflow-visible{overflow:visible!important}.xs-hide{display:none!important}.xs-inline{display:inline!important}.xs-block{display:block!important}.xs-inline-block{display:inline-block!important}.xs-float-left{float:left!important}.xs-float-right{float:right!important}.xs-float-none{float:none!important}.xs-fit{max-width:100%!important}.xs-full-height{height:100%!important}.xs-width-auto{width:auto!important}@media (min-width:40rem){.sm-overflow-hidden{overflow:hidden!important}.sm-overflow-auto{overflow:auto!important;-webkit-overflow-scrolling:touch}.sm-overflow-scroll{overflow:scroll!important;-webkit-overflow-scrolling:touch}.sm-overflow-visible{overflow:visible!important}.sm-hide{display:none!important}.sm-inline{display:inline!important}.sm-block{display:block!important}.sm-inline-block{display:inline-block!important}.sm-float-left{float:left!important}.sm-float-right{float:right!important}.sm-float-none{float:none!important}.sm-fit{max-width:100%!important}.sm-full-height{height:100%!important}.sm-width-auto{width:auto!important}}@media (min-width:52rem){.md-overflow-hidden{overflow:hidden!important}.md-overflow-auto{overflow:auto!important;-webkit-overflow-scrolling:touch}.md-overflow-scroll{overflow:scroll!important;-webkit-overflow-scrolling:touch}.md-overflow-visible{overflow:visible!important}.md-hide{display:none!important}.md-inline{display:inline!important}.md-block{display:block!important}.md-inline-block{display:inline-block!important}.md-float-left{float:left!important}.md-float-right{float:right!important}.md-float-none{float:none!important}.md-fit{max-width:100%!important}.md-full-height{height:100%!important}.md-width-auto{width:auto!important}}@media (min-width:64rem){.lg-overflow-hidden{overflow:hidden!important}.lg-overflow-auto{overflow:auto!important;-webkit-overflow-scrolling:touch}.lg-overflow-scroll{overflow:scroll!important;-webkit-overflow-scrolling:touch}.lg-overflow-visible{overflow:visible!important}.lg-hide{display:none!important}.lg-inline{display:inline!important}.lg-block{display:block!important}.lg-inline-block{display:inline-block!important}.lg-float-left{float:left!important}.lg-float-right{float:right!important}.lg-float-none{float:none!important}.lg-fit{max-width:100%!important}.lg-full-height{height:100%!important}.lg-width-auto{width:auto!important}}.xs-m0{margin:0!important}.xs-mt0{margin-top:0!important}.xs-mr0{margin-right:0!important}.xs-mb0{margin-bottom:0!important}.xs-ml0,.xs-mx0{margin-left:0!important}.xs-mx0{margin-right:0!important}.xs-my0{margin-top:0!important;margin-bottom:0!important}.xs-m05{margin:.25rem!important}.xs-mt05{margin-top:.25rem!important}.xs-mr05{margin-right:.25rem!important}.xs-mb05{margin-bottom:.25rem!important}.xs-ml05,.xs-mx05{margin-left:.25rem!important}.xs-mx05{margin-right:.25rem!important}.xs-my05{margin-top:.25rem!important;margin-bottom:.25rem!important}.xs-m1{margin:.5rem!important}.xs-mt1{margin-top:.5rem!important}.xs-mr1{margin-right:.5rem!important}.xs-mb1{margin-bottom:.5rem!important}.xs-ml1,.xs-mx1{margin-left:.5rem!important}.xs-mx1{margin-right:.5rem!important}.xs-my1{margin-top:.5rem!important;margin-bottom:.5rem!important}.xs-m2{margin:1rem!important}.xs-mt2{margin-top:1rem!important}.xs-mr2{margin-right:1rem!important}.xs-mb2{margin-bottom:1rem!important}.xs-ml2,.xs-mx2{margin-left:1rem!important}.xs-mx2{margin-right:1rem!important}.xs-my2{margin-top:1rem!important;margin-bottom:1rem!important}.xs-m3{margin:1.5rem!important}.xs-mt3{margin-top:1.5rem!important}.xs-mr3{margin-right:1.5rem!important}.xs-mb3{margin-bottom:1.5rem!important}.xs-ml3,.xs-mx3{margin-left:1.5rem!important}.xs-mx3{margin-right:1.5rem!important}.xs-my3{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.xs-m4{margin:2rem!important}.xs-mt4{margin-top:2rem!important}.xs-mr4{margin-right:2rem!important}.xs-mb4{margin-bottom:2rem!important}.xs-ml4,.xs-mx4{margin-left:2rem!important}.xs-mx4{margin-right:2rem!important}.xs-my4{margin-top:2rem!important;margin-bottom:2rem!important}.xs-m5{margin:3rem!important}.xs-mt5{margin-top:3rem!important}.xs-mr5{margin-right:3rem!important}.xs-mb5{margin-bottom:3rem!important}.xs-ml5,.xs-mx5{margin-left:3rem!important}.xs-mx5{margin-right:3rem!important}.xs-my5{margin-top:3rem!important;margin-bottom:3rem!important}.xs-m6{margin:4.5rem!important}.xs-mt6{margin-top:4.5rem!important}.xs-mr6{margin-right:4.5rem!important}.xs-mb6{margin-bottom:4.5rem!important}.xs-ml6,.xs-mx6{margin-left:4.5rem!important}.xs-mx6{margin-right:4.5rem!important}.xs-my6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.xs-mx-auto{margin-left:auto!important;margin-right:auto!important}@media (min-width:40rem){.sm-m0{margin:0!important}.sm-mt0{margin-top:0!important}.sm-mr0{margin-right:0!important}.sm-mb0{margin-bottom:0!important}.sm-ml0,.sm-mx0{margin-left:0!important}.sm-mx0{margin-right:0!important}.sm-my0{margin-top:0!important;margin-bottom:0!important}.sm-m05{margin:.25rem!important}.sm-mt05{margin-top:.25rem!important}.sm-mr05{margin-right:.25rem!important}.sm-mb05{margin-bottom:.25rem!important}.sm-ml05,.sm-mx05{margin-left:.25rem!important}.sm-mx05{margin-right:.25rem!important}.sm-my05{margin-top:.25rem!important;margin-bottom:.25rem!important}.sm-m1{margin:.5rem!important}.sm-mt1{margin-top:.5rem!important}.sm-mr1{margin-right:.5rem!important}.sm-mb1{margin-bottom:.5rem!important}.sm-ml1,.sm-mx1{margin-left:.5rem!important}.sm-mx1{margin-right:.5rem!important}.sm-my1{margin-top:.5rem!important;margin-bottom:.5rem!important}.sm-m2{margin:1rem!important}.sm-mt2{margin-top:1rem!important}.sm-mr2{margin-right:1rem!important}.sm-mb2{margin-bottom:1rem!important}.sm-ml2,.sm-mx2{margin-left:1rem!important}.sm-mx2{margin-right:1rem!important}.sm-my2{margin-top:1rem!important;margin-bottom:1rem!important}.sm-m3{margin:1.5rem!important}.sm-mt3{margin-top:1.5rem!important}.sm-mr3{margin-right:1.5rem!important}.sm-mb3{margin-bottom:1.5rem!important}.sm-ml3,.sm-mx3{margin-left:1.5rem!important}.sm-mx3{margin-right:1.5rem!important}.sm-my3{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.sm-m4{margin:2rem!important}.sm-mt4{margin-top:2rem!important}.sm-mr4{margin-right:2rem!important}.sm-mb4{margin-bottom:2rem!important}.sm-ml4,.sm-mx4{margin-left:2rem!important}.sm-mx4{margin-right:2rem!important}.sm-my4{margin-top:2rem!important;margin-bottom:2rem!important}.sm-m5{margin:3rem!important}.sm-mt5{margin-top:3rem!important}.sm-mr5{margin-right:3rem!important}.sm-mb5{margin-bottom:3rem!important}.sm-ml5,.sm-mx5{margin-left:3rem!important}.sm-mx5{margin-right:3rem!important}.sm-my5{margin-top:3rem!important;margin-bottom:3rem!important}.sm-m6{margin:4.5rem!important}.sm-mt6{margin-top:4.5rem!important}.sm-mr6{margin-right:4.5rem!important}.sm-mb6{margin-bottom:4.5rem!important}.sm-ml6,.sm-mx6{margin-left:4.5rem!important}.sm-mx6{margin-right:4.5rem!important}.sm-my6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.sm-mx-auto{margin-left:auto!important;margin-right:auto!important}}@media (min-width:52rem){.md-m0{margin:0!important}.md-mt0{margin-top:0!important}.md-mr0{margin-right:0!important}.md-mb0{margin-bottom:0!important}.md-ml0,.md-mx0{margin-left:0!important}.md-mx0{margin-right:0!important}.md-my0{margin-top:0!important;margin-bottom:0!important}.md-m05{margin:.25rem!important}.md-mt05{margin-top:.25rem!important}.md-mr05{margin-right:.25rem!important}.md-mb05{margin-bottom:.25rem!important}.md-ml05,.md-mx05{margin-left:.25rem!important}.md-mx05{margin-right:.25rem!important}.md-my05{margin-top:.25rem!important;margin-bottom:.25rem!important}.md-m1{margin:.5rem!important}.md-mt1{margin-top:.5rem!important}.md-mr1{margin-right:.5rem!important}.md-mb1{margin-bottom:.5rem!important}.md-ml1,.md-mx1{margin-left:.5rem!important}.md-mx1{margin-right:.5rem!important}.md-my1{margin-top:.5rem!important;margin-bottom:.5rem!important}.md-m2{margin:1rem!important}.md-mt2{margin-top:1rem!important}.md-mr2{margin-right:1rem!important}.md-mb2{margin-bottom:1rem!important}.md-ml2,.md-mx2{margin-left:1rem!important}.md-mx2{margin-right:1rem!important}.md-my2{margin-top:1rem!important;margin-bottom:1rem!important}.md-m3{margin:1.5rem!important}.md-mt3{margin-top:1.5rem!important}.md-mr3{margin-right:1.5rem!important}.md-mb3{margin-bottom:1.5rem!important}.md-ml3,.md-mx3{margin-left:1.5rem!important}.md-mx3{margin-right:1.5rem!important}.md-my3{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.md-m4{margin:2rem!important}.md-mt4{margin-top:2rem!important}.md-mr4{margin-right:2rem!important}.md-mb4{margin-bottom:2rem!important}.md-ml4,.md-mx4{margin-left:2rem!important}.md-mx4{margin-right:2rem!important}.md-my4{margin-top:2rem!important;margin-bottom:2rem!important}.md-m5{margin:3rem!important}.md-mt5{margin-top:3rem!important}.md-mr5{margin-right:3rem!important}.md-mb5{margin-bottom:3rem!important}.md-ml5,.md-mx5{margin-left:3rem!important}.md-mx5{margin-right:3rem!important}.md-my5{margin-top:3rem!important;margin-bottom:3rem!important}.md-m6{margin:4.5rem!important}.md-mt6{margin-top:4.5rem!important}.md-mr6{margin-right:4.5rem!important}.md-mb6{margin-bottom:4.5rem!important}.md-ml6,.md-mx6{margin-left:4.5rem!important}.md-mx6{margin-right:4.5rem!important}.md-my6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.md-mx-auto{margin-left:auto!important;margin-right:auto!important}}@media (min-width:64rem){.lg-m0{margin:0!important}.lg-mt0{margin-top:0!important}.lg-mr0{margin-right:0!important}.lg-mb0{margin-bottom:0!important}.lg-ml0,.lg-mx0{margin-left:0!important}.lg-mx0{margin-right:0!important}.lg-my0{margin-top:0!important;margin-bottom:0!important}.lg-m05{margin:.25rem!important}.lg-mt05{margin-top:.25rem!important}.lg-mr05{margin-right:.25rem!important}.lg-mb05{margin-bottom:.25rem!important}.lg-ml05,.lg-mx05{margin-left:.25rem!important}.lg-mx05{margin-right:.25rem!important}.lg-my05{margin-top:.25rem!important;margin-bottom:.25rem!important}.lg-m1{margin:.5rem!important}.lg-mt1{margin-top:.5rem!important}.lg-mr1{margin-right:.5rem!important}.lg-mb1{margin-bottom:.5rem!important}.lg-ml1,.lg-mx1{margin-left:.5rem!important}.lg-mx1{margin-right:.5rem!important}.lg-my1{margin-top:.5rem!important;margin-bottom:.5rem!important}.lg-m2{margin:1rem!important}.lg-mt2{margin-top:1rem!important}.lg-mr2{margin-right:1rem!important}.lg-mb2{margin-bottom:1rem!important}.lg-ml2,.lg-mx2{margin-left:1rem!important}.lg-mx2{margin-right:1rem!important}.lg-my2{margin-top:1rem!important;margin-bottom:1rem!important}.lg-m3{margin:1.5rem!important}.lg-mt3{margin-top:1.5rem!important}.lg-mr3{margin-right:1.5rem!important}.lg-mb3{margin-bottom:1.5rem!important}.lg-ml3,.lg-mx3{margin-left:1.5rem!important}.lg-mx3{margin-right:1.5rem!important}.lg-my3{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.lg-m4{margin:2rem!important}.lg-mt4{margin-top:2rem!important}.lg-mr4{margin-right:2rem!important}.lg-mb4{margin-bottom:2rem!important}.lg-ml4,.lg-mx4{margin-left:2rem!important}.lg-mx4{margin-right:2rem!important}.lg-my4{margin-top:2rem!important;margin-bottom:2rem!important}.lg-m5{margin:3rem!important}.lg-mt5{margin-top:3rem!important}.lg-mr5{margin-right:3rem!important}.lg-mb5{margin-bottom:3rem!important}.lg-ml5,.lg-mx5{margin-left:3rem!important}.lg-mx5{margin-right:3rem!important}.lg-my5{margin-top:3rem!important;margin-bottom:3rem!important}.lg-m6{margin:4.5rem!important}.lg-mt6{margin-top:4.5rem!important}.lg-mr6{margin-right:4.5rem!important}.lg-mb6{margin-bottom:4.5rem!important}.lg-ml6,.lg-mx6{margin-left:4.5rem!important}.lg-mx6{margin-right:4.5rem!important}.lg-my6{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.lg-mx-auto{margin-left:auto!important;margin-right:auto!important}}.xs-p0{padding:0!important}.xs-pt0{padding-top:0!important}.xs-pr0{padding-right:0!important}.xs-pb0{padding-bottom:0!important}.xs-pl0,.xs-px0{padding-left:0!important}.xs-px0{padding-right:0!important}.xs-py0{padding-top:0!important;padding-bottom:0!important}.xs-p05{padding:.25rem!important}.xs-pt05{padding-top:.25rem!important}.xs-pr05{padding-right:.25rem!important}.xs-pb05{padding-bottom:.25rem!important}.xs-pl05,.xs-px05{padding-left:.25rem!important}.xs-px05{padding-right:.25rem!important}.xs-py05{padding-top:.25rem!important;padding-bottom:.25rem!important}.xs-p1{padding:.5rem!important}.xs-pt1{padding-top:.5rem!important}.xs-pr1{padding-right:.5rem!important}.xs-pb1{padding-bottom:.5rem!important}.xs-pl1,.xs-px1{padding-left:.5rem!important}.xs-px1{padding-right:.5rem!important}.xs-py1{padding-top:.5rem!important;padding-bottom:.5rem!important}.xs-p2{padding:1rem!important}.xs-pt2{padding-top:1rem!important}.xs-pr2{padding-right:1rem!important}.xs-pb2{padding-bottom:1rem!important}.xs-pl2,.xs-px2{padding-left:1rem!important}.xs-px2{padding-right:1rem!important}.xs-py2{padding-top:1rem!important;padding-bottom:1rem!important}.xs-p3{padding:1.5rem!important}.xs-pt3{padding-top:1.5rem!important}.xs-pr3{padding-right:1.5rem!important}.xs-pb3{padding-bottom:1.5rem!important}.xs-pl3,.xs-px3{padding-left:1.5rem!important}.xs-px3{padding-right:1.5rem!important}.xs-py3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.xs-p4{padding:2rem!important}.xs-pt4{padding-top:2rem!important}.xs-pr4{padding-right:2rem!important}.xs-pb4{padding-bottom:2rem!important}.xs-pl4,.xs-px4{padding-left:2rem!important}.xs-px4{padding-right:2rem!important}.xs-py4{padding-top:2rem!important;padding-bottom:2rem!important}.xs-p5{padding:3rem!important}.xs-pt5{padding-top:3rem!important}.xs-pr5{padding-right:3rem!important}.xs-pb5{padding-bottom:3rem!important}.xs-pl5,.xs-px5{padding-left:3rem!important}.xs-px5{padding-right:3rem!important}.xs-py5{padding-top:3rem!important;padding-bottom:3rem!important}.xs-p6{padding:4.5rem!important}.xs-pt6{padding-top:4.5rem!important}.xs-pr6{padding-right:4.5rem!important}.xs-pb6{padding-bottom:4.5rem!important}.xs-pl6,.xs-px6{padding-left:4.5rem!important}.xs-px6{padding-right:4.5rem!important}.xs-py6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}@media (min-width:40rem){.sm-p0{padding:0!important}.sm-pt0{padding-top:0!important}.sm-pr0{padding-right:0!important}.sm-pb0{padding-bottom:0!important}.sm-pl0,.sm-px0{padding-left:0!important}.sm-px0{padding-right:0!important}.sm-py0{padding-top:0!important;padding-bottom:0!important}.sm-p05{padding:.25rem!important}.sm-pt05{padding-top:.25rem!important}.sm-pr05{padding-right:.25rem!important}.sm-pb05{padding-bottom:.25rem!important}.sm-pl05,.sm-px05{padding-left:.25rem!important}.sm-px05{padding-right:.25rem!important}.sm-py05{padding-top:.25rem!important;padding-bottom:.25rem!important}.sm-p1{padding:.5rem!important}.sm-pt1{padding-top:.5rem!important}.sm-pr1{padding-right:.5rem!important}.sm-pb1{padding-bottom:.5rem!important}.sm-pl1,.sm-px1{padding-left:.5rem!important}.sm-px1{padding-right:.5rem!important}.sm-py1{padding-top:.5rem!important;padding-bottom:.5rem!important}.sm-p2{padding:1rem!important}.sm-pt2{padding-top:1rem!important}.sm-pr2{padding-right:1rem!important}.sm-pb2{padding-bottom:1rem!important}.sm-pl2,.sm-px2{padding-left:1rem!important}.sm-px2{padding-right:1rem!important}.sm-py2{padding-top:1rem!important;padding-bottom:1rem!important}.sm-p3{padding:1.5rem!important}.sm-pt3{padding-top:1.5rem!important}.sm-pr3{padding-right:1.5rem!important}.sm-pb3{padding-bottom:1.5rem!important}.sm-pl3,.sm-px3{padding-left:1.5rem!important}.sm-px3{padding-right:1.5rem!important}.sm-py3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.sm-p4{padding:2rem!important}.sm-pt4{padding-top:2rem!important}.sm-pr4{padding-right:2rem!important}.sm-pb4{padding-bottom:2rem!important}.sm-pl4,.sm-px4{padding-left:2rem!important}.sm-px4{padding-right:2rem!important}.sm-py4{padding-top:2rem!important;padding-bottom:2rem!important}.sm-p5{padding:3rem!important}.sm-pt5{padding-top:3rem!important}.sm-pr5{padding-right:3rem!important}.sm-pb5{padding-bottom:3rem!important}.sm-pl5,.sm-px5{padding-left:3rem!important}.sm-px5{padding-right:3rem!important}.sm-py5{padding-top:3rem!important;padding-bottom:3rem!important}.sm-p6{padding:4.5rem!important}.sm-pt6{padding-top:4.5rem!important}.sm-pr6{padding-right:4.5rem!important}.sm-pb6{padding-bottom:4.5rem!important}.sm-pl6,.sm-px6{padding-left:4.5rem!important}.sm-px6{padding-right:4.5rem!important}.sm-py6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}}@media (min-width:52rem){.md-p0{padding:0!important}.md-pt0{padding-top:0!important}.md-pr0{padding-right:0!important}.md-pb0{padding-bottom:0!important}.md-pl0,.md-px0{padding-left:0!important}.md-px0{padding-right:0!important}.md-py0{padding-top:0!important;padding-bottom:0!important}.md-p05{padding:.25rem!important}.md-pt05{padding-top:.25rem!important}.md-pr05{padding-right:.25rem!important}.md-pb05{padding-bottom:.25rem!important}.md-pl05,.md-px05{padding-left:.25rem!important}.md-px05{padding-right:.25rem!important}.md-py05{padding-top:.25rem!important;padding-bottom:.25rem!important}.md-p1{padding:.5rem!important}.md-pt1{padding-top:.5rem!important}.md-pr1{padding-right:.5rem!important}.md-pb1{padding-bottom:.5rem!important}.md-pl1,.md-px1{padding-left:.5rem!important}.md-px1{padding-right:.5rem!important}.md-py1{padding-top:.5rem!important;padding-bottom:.5rem!important}.md-p2{padding:1rem!important}.md-pt2{padding-top:1rem!important}.md-pr2{padding-right:1rem!important}.md-pb2{padding-bottom:1rem!important}.md-pl2,.md-px2{padding-left:1rem!important}.md-px2{padding-right:1rem!important}.md-py2{padding-top:1rem!important;padding-bottom:1rem!important}.md-p3{padding:1.5rem!important}.md-pt3{padding-top:1.5rem!important}.md-pr3{padding-right:1.5rem!important}.md-pb3{padding-bottom:1.5rem!important}.md-pl3,.md-px3{padding-left:1.5rem!important}.md-px3{padding-right:1.5rem!important}.md-py3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.md-p4{padding:2rem!important}.md-pt4{padding-top:2rem!important}.md-pr4{padding-right:2rem!important}.md-pb4{padding-bottom:2rem!important}.md-pl4,.md-px4{padding-left:2rem!important}.md-px4{padding-right:2rem!important}.md-py4{padding-top:2rem!important;padding-bottom:2rem!important}.md-p5{padding:3rem!important}.md-pt5{padding-top:3rem!important}.md-pr5{padding-right:3rem!important}.md-pb5{padding-bottom:3rem!important}.md-pl5,.md-px5{padding-left:3rem!important}.md-px5{padding-right:3rem!important}.md-py5{padding-top:3rem!important;padding-bottom:3rem!important}.md-p6{padding:4.5rem!important}.md-pt6{padding-top:4.5rem!important}.md-pr6{padding-right:4.5rem!important}.md-pb6{padding-bottom:4.5rem!important}.md-pl6,.md-px6{padding-left:4.5rem!important}.md-px6{padding-right:4.5rem!important}.md-py6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}}@media (min-width:64rem){.lg-p0{padding:0!important}.lg-pt0{padding-top:0!important}.lg-pr0{padding-right:0!important}.lg-pb0{padding-bottom:0!important}.lg-pl0,.lg-px0{padding-left:0!important}.lg-px0{padding-right:0!important}.lg-py0{padding-top:0!important;padding-bottom:0!important}.lg-p05{padding:.25rem!important}.lg-pt05{padding-top:.25rem!important}.lg-pr05{padding-right:.25rem!important}.lg-pb05{padding-bottom:.25rem!important}.lg-pl05,.lg-px05{padding-left:.25rem!important}.lg-px05{padding-right:.25rem!important}.lg-py05{padding-top:.25rem!important;padding-bottom:.25rem!important}.lg-p1{padding:.5rem!important}.lg-pt1{padding-top:.5rem!important}.lg-pr1{padding-right:.5rem!important}.lg-pb1{padding-bottom:.5rem!important}.lg-pl1,.lg-px1{padding-left:.5rem!important}.lg-px1{padding-right:.5rem!important}.lg-py1{padding-top:.5rem!important;padding-bottom:.5rem!important}.lg-p2{padding:1rem!important}.lg-pt2{padding-top:1rem!important}.lg-pr2{padding-right:1rem!important}.lg-pb2{padding-bottom:1rem!important}.lg-pl2,.lg-px2{padding-left:1rem!important}.lg-px2{padding-right:1rem!important}.lg-py2{padding-top:1rem!important;padding-bottom:1rem!important}.lg-p3{padding:1.5rem!important}.lg-pt3{padding-top:1.5rem!important}.lg-pr3{padding-right:1.5rem!important}.lg-pb3{padding-bottom:1.5rem!important}.lg-pl3,.lg-px3{padding-left:1.5rem!important}.lg-px3{padding-right:1.5rem!important}.lg-py3{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.lg-p4{padding:2rem!important}.lg-pt4{padding-top:2rem!important}.lg-pr4{padding-right:2rem!important}.lg-pb4{padding-bottom:2rem!important}.lg-pl4,.lg-px4{padding-left:2rem!important}.lg-px4{padding-right:2rem!important}.lg-py4{padding-top:2rem!important;padding-bottom:2rem!important}.lg-p5{padding:3rem!important}.lg-pt5{padding-top:3rem!important}.lg-pr5{padding-right:3rem!important}.lg-pb5{padding-bottom:3rem!important}.lg-pl5,.lg-px5{padding-left:3rem!important}.lg-px5{padding-right:3rem!important}.lg-py5{padding-top:3rem!important;padding-bottom:3rem!important}.lg-p6{padding:4.5rem!important}.lg-pt6{padding-top:4.5rem!important}.lg-pr6{padding-right:4.5rem!important}.lg-pb6{padding-bottom:4.5rem!important}.lg-pl6,.lg-px6{padding-left:4.5rem!important}.lg-px6{padding-right:4.5rem!important}.lg-py6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}}.xs-relative{position:relative!important}.xs-absolute{position:absolute!important}.xs-fixed{position:fixed!important}.xs-static{position:static!important}.xs-z1{z-index:1!important}.xs-z2{z-index:2!important}.xs-z3{z-index:3!important}.xs-z4{z-index:4!important}.xs-t0{top:0!important}.xs-r0{right:0!important}.xs-b0{bottom:0!important}.xs-l0{left:0!important}.xs-t05{top:.25rem!important}.xs-r05{right:.25rem!important}.xs-b05{bottom:.25rem!important}.xs-l05{left:.25rem!important}.xs-t1{top:.5rem!important}.xs-r1{right:.5rem!important}.xs-b1{bottom:.5rem!important}.xs-l1{left:.5rem!important}.xs-t2{top:1rem!important}.xs-r2{right:1rem!important}.xs-b2{bottom:1rem!important}.xs-l2{left:1rem!important}.xs-t3{top:1.5rem!important}.xs-r3{right:1.5rem!important}.xs-b3{bottom:1.5rem!important}.xs-l3{left:1.5rem!important}.xs-t4{top:2rem!important}.xs-r4{right:2rem!important}.xs-b4{bottom:2rem!important}.xs-l4{left:2rem!important}.xs-t5{top:3rem!important}.xs-r5{right:3rem!important}.xs-b5{bottom:3rem!important}.xs-l5{left:3rem!important}.xs-t6{top:4.5rem!important}.xs-r6{right:4.5rem!important}.xs-b6{bottom:4.5rem!important}.xs-l6{left:4.5rem!important}@media (min-width:40rem){.sm-relative{position:relative!important}.sm-absolute{position:absolute!important}.sm-fixed{position:fixed!important}.sm-static{position:static!important}.sm-z1{z-index:1!important}.sm-z2{z-index:2!important}.sm-z3{z-index:3!important}.sm-z4{z-index:4!important}.sm-t0{top:0!important}.sm-r0{right:0!important}.sm-b0{bottom:0!important}.sm-l0{left:0!important}.sm-t05{top:.25rem!important}.sm-r05{right:.25rem!important}.sm-b05{bottom:.25rem!important}.sm-l05{left:.25rem!important}.sm-t1{top:.5rem!important}.sm-r1{right:.5rem!important}.sm-b1{bottom:.5rem!important}.sm-l1{left:.5rem!important}.sm-t2{top:1rem!important}.sm-r2{right:1rem!important}.sm-b2{bottom:1rem!important}.sm-l2{left:1rem!important}.sm-t3{top:1.5rem!important}.sm-r3{right:1.5rem!important}.sm-b3{bottom:1.5rem!important}.sm-l3{left:1.5rem!important}.sm-t4{top:2rem!important}.sm-r4{right:2rem!important}.sm-b4{bottom:2rem!important}.sm-l4{left:2rem!important}.sm-t5{top:3rem!important}.sm-r5{right:3rem!important}.sm-b5{bottom:3rem!important}.sm-l5{left:3rem!important}.sm-t6{top:4.5rem!important}.sm-r6{right:4.5rem!important}.sm-b6{bottom:4.5rem!important}.sm-l6{left:4.5rem!important}}@media (min-width:52rem){.md-relative{position:relative!important}.md-absolute{position:absolute!important}.md-fixed{position:fixed!important}.md-static{position:static!important}.md-z1{z-index:1!important}.md-z2{z-index:2!important}.md-z3{z-index:3!important}.md-z4{z-index:4!important}.md-t0{top:0!important}.md-r0{right:0!important}.md-b0{bottom:0!important}.md-l0{left:0!important}.md-t05{top:.25rem!important}.md-r05{right:.25rem!important}.md-b05{bottom:.25rem!important}.md-l05{left:.25rem!important}.md-t1{top:.5rem!important}.md-r1{right:.5rem!important}.md-b1{bottom:.5rem!important}.md-l1{left:.5rem!important}.md-t2{top:1rem!important}.md-r2{right:1rem!important}.md-b2{bottom:1rem!important}.md-l2{left:1rem!important}.md-t3{top:1.5rem!important}.md-r3{right:1.5rem!important}.md-b3{bottom:1.5rem!important}.md-l3{left:1.5rem!important}.md-t4{top:2rem!important}.md-r4{right:2rem!important}.md-b4{bottom:2rem!important}.md-l4{left:2rem!important}.md-t5{top:3rem!important}.md-r5{right:3rem!important}.md-b5{bottom:3rem!important}.md-l5{left:3rem!important}.md-t6{top:4.5rem!important}.md-r6{right:4.5rem!important}.md-b6{bottom:4.5rem!important}.md-l6{left:4.5rem!important}}@media (min-width:64rem){.lg-relative{position:relative!important}.lg-absolute{position:absolute!important}.lg-fixed{position:fixed!important}.lg-static{position:static!important}.lg-z1{z-index:1!important}.lg-z2{z-index:2!important}.lg-z3{z-index:3!important}.lg-z4{z-index:4!important}.lg-t0{top:0!important}.lg-r0{right:0!important}.lg-b0{bottom:0!important}.lg-l0{left:0!important}.lg-t05{top:.25rem!important}.lg-r05{right:.25rem!important}.lg-b05{bottom:.25rem!important}.lg-l05{left:.25rem!important}.lg-t1{top:.5rem!important}.lg-r1{right:.5rem!important}.lg-b1{bottom:.5rem!important}.lg-l1{left:.5rem!important}.lg-t2{top:1rem!important}.lg-r2{right:1rem!important}.lg-b2{bottom:1rem!important}.lg-l2{left:1rem!important}.lg-t3{top:1.5rem!important}.lg-r3{right:1.5rem!important}.lg-b3{bottom:1.5rem!important}.lg-l3{left:1.5rem!important}.lg-t4{top:2rem!important}.lg-r4{right:2rem!important}.lg-b4{bottom:2rem!important}.lg-l4{left:2rem!important}.lg-t5{top:3rem!important}.lg-r5{right:3rem!important}.lg-b5{bottom:3rem!important}.lg-l5{left:3rem!important}.lg-t6{top:4.5rem!important}.lg-r6{right:4.5rem!important}.lg-b6{bottom:4.5rem!important}.lg-l6{left:4.5rem!important}}.xs-align-top{vertical-align:top!important}.xs-align-middle{vertical-align:middle!important}.xs-align-bottom{vertical-align:bottom!important}@media (min-width:40rem){.sm-align-top{vertical-align:top!important}.sm-align-middle{vertical-align:middle!important}.sm-align-bottom{vertical-align:bottom!important}}@media (min-width:52rem){.md-align-top{vertical-align:top!important}.md-align-middle{vertical-align:middle!important}.md-align-bottom{vertical-align:bottom!important}}@media (min-width:64rem){.lg-align-top{vertical-align:top!important}.lg-align-middle{vertical-align:middle!important}.lg-align-bottom{vertical-align:bottom!important}}.clearfix:after,.clearfix:before{content:" "!important;display:table!important}.clearfix:after{clear:both!important}.page-message{position:relative;margin-top:.25rem;padding:1rem;font-size:1rem;font-weight:600}.page-message__action{text-decoration:underline}.page-message__close{position:absolute;right:.25rem;top:.5rem;padding:.5rem;cursor:pointer}.page-message__icon{vertical-align:middle;height:1rem;border-radius:50%;margin-bottom:.15rem;margin-right:.5rem}.page-message__icon-close{width:1.5rem}.page-message--error{background-color:#feebe9;color:#e32}.page-message--error .page-message__action,.page-message--error .page-message__text{color:#e32}.page-message--error .page-message__icon-close{fill:#fa9287}.page-message--error .page-message__close:hover .page-message__icon-close{fill:#e32}.page-message--error .page-message__icon{fill:#feebe9;background-color:#e32}.page-message--success{background-color:#f1f8e9;color:#6fb824}.page-message--success .page-message__action,.page-message--success .page-message__text{color:#6fb824}.page-message--success .page-message__icon-close{fill:#c0df9c}.page-message--success .page-message__close:hover .page-message__icon-close{fill:#6fb824}.page-message--success .page-message__icon{fill:#f1f8e9;background-color:#6fb824}.page-message--warning{background-color:#fdf0dd;color:#f49c1a}.page-message--warning .page-message__action,.page-message--warning .page-message__text{color:#f49c1a}.page-message--warning .page-message__icon-close{fill:#f9c67b}.page-message--warning .page-message__close:hover .page-message__icon-close{fill:#f49c1a}.page-message--warning .page-message__icon{fill:#fdf0dd;background-color:#f49c1a}.page-message__action:hover{color:#07e}.button-group,.button-group--small{position:relative;display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:3px;text-decoration:none;color:#07e}.button-group--small .button-group__radio,.button-group .button-group__radio{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-group__item{display:inline-block;cursor:pointer;float:left;padding:.5rem .875rem;border-right:1px solid rgba(0,0,0,.2)}.button-group__item:hover{transition:background-color .3s ease 0s;background-color:#f4f4f4}.button-group__item:last-of-type{border:0}.button-group--small .button-group__radio:checked+.button-group__item,.button-group .button-group__radio:checked+.button-group__item{background-color:#f4f4f4;color:#333}.button-group--small .button-group__item{padding:.3125rem .625rem;font-size:.875rem;line-height:1.25rem}.modal{background:hsla(0,0%,100%,.9);position:fixed;height:100%;width:100%;top:0;left:0;padding:1rem;z-index:4;opacity:0;visibility:hidden;transition:all .2s;overflow-x:hidden;overflow-y:auto}.modal__content{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:0 auto;position:relative;padding:2rem}.modal__close{width:3rem;height:3rem;padding:1rem;float:right;margin:-2rem -2rem 0 0}.modal__close:hover{cursor:pointer}.modal__close:hover .modal__close-icon{fill:#222}.modal__close-icon{width:1rem;fill:#aaa}.js-show-modal{overflow:hidden}.js-show-modal .modal{visibility:visible;opacity:1}.js-show-modal .modal__content{-webkit-animation-name:a;animation-name:a}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}@keyframes a{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}50%{opacity:1}}.tag{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;display:inline-block;font-size:.75rem;line-height:1.5rem}.tag__delete,.tag__link,.tag__text{padding:0 .5rem}.tag__link,.tag__text{float:left}.tag__delete{float:left;border-right:1px solid rgba(0,0,0,.2);cursor:pointer}.tag__delete-icon{width:.625rem;fill:#aaa;vertical-align:middle;transition:.2s;transition-timing-function:ease-in-out;-webkit-transition:50ms;-webkit-transition-timing-function:ease-in;margin-left:1px}.tag__delete-icon:hover{fill:#444}.tag__delete{padding:0 .3125rem}.tag__delete:hover .tag__delete-icon{fill:#444}.card{box-shadow:0 1px 1px hsla(0,3%,67%,.1);border:1px solid rgba(0,0,0,.1);background-color:#fff;border-radius:3px}.pagination{display:flex;align-items:center}.pagination .pagination__text{padding-right:1rem}.pagination .pagination__button{position:relative;border:1px solid rgba(0,0,0,.2);text-decoration:none;color:#07e;background:#fff;float:left;transition:background-color .15s ease 0s}.pagination .pagination__button,.pagination .pagination__button:active:focus{outline:0}.pagination .pagination__button:hover{transition:background-color .15s ease 0s;background-color:#f4f4f4}.pagination .pagination__button:active{transition:background-color .15s ease 0s;background-color:#e7e7e7}.pagination .pagination__button{padding:.5rem .875rem}.pagination .pagination__button--prev{border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none}.pagination .pagination__button--next{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination .pagination__button--next-icon,.pagination .pagination__button--prev-icon{width:.875rem;fill:#07e;position:relative;top:2px}.pagination .pagination__button--prev-icon{right:1px}.pagination .pagination__button--next-icon{left:1px}.pagination .pagination__button--disabled:hover{cursor:auto;background-color:#fff}.pagination .pagination__button--disabled .pagination__button--next-icon,.pagination .pagination__button--disabled .pagination__button--prev-icon{opacity:.3}.pagination--small .pagination__button--next-icon,.pagination--small .pagination__button--prev-icon{width:.625rem;top:1px}.pagination--small .pagination__button{padding:.3125rem .625rem;font-size:.875rem;line-height:1.25rem}.pagination--small .pagination__text{font-size:.875rem} \ No newline at end of file diff --git a/dist/solid.2.3.2.zip b/dist/solid.2.3.2.zip new file mode 100644 index 00000000..181466d9 Binary files /dev/null and b/dist/solid.2.3.2.zip differ diff --git a/dist/solid.latest.css b/dist/solid.latest.css index 5c1e6128..4d153ef8 100644 --- a/dist/solid.latest.css +++ b/dist/solid.latest.css @@ -730,10 +730,10 @@ td { transition: background-color .1s ease 0s !important; } .button, .button:active:focus { outline: 0 !important; } - .button:not(.button--disabled):hover { + .button:not(.button--disabled):not(:disabled):hover { background-color: #004488 !important; transition: background-color .15s ease 0s !important; } - .button:not(.button--disabled):active { + .button:not(.button--disabled):not(:disabled):active { background-color: #001e3c !important; } .button.button--secondary { border: 1px solid #07e !important; @@ -741,16 +741,16 @@ td { background: none !important; } .button.button--secondary:hover { transition: background-color .15s ease 0s !important; } - .button.button--secondary:not(.button--disabled):hover { + .button.button--secondary:not(.button--disabled):not(:disabled):hover { background-color: #07e !important; color: #fff !important; } - .button.button--secondary:not(.button--disabled):active { + .button.button--secondary:not(.button--disabled):not(:disabled):active { background-color: #001e3c !important; border-color: #001e3c !important; color: #fff !important; } .button.button--secondary.button--icon > svg { fill: #07e !important; } - .button.button--secondary.button--icon:not(.button--disabled):hover svg { + .button.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { fill: #fff !important; } .button--negative { @@ -759,10 +759,10 @@ td { border-color: #e32 !important; border: 1px solid transparent !important; transition: background-color .1s ease 0s !important; } - .button--negative:not(.button--disabled):hover { + .button--negative:not(.button--disabled):not(:disabled):hover { background-color: #9e180c !important; transition: background-color .15s ease 0s !important; } - .button--negative:not(.button--disabled):active { + .button--negative:not(.button--disabled):not(:disabled):active { background-color: #570d07 !important; } .button--negative.button--secondary { border: 1px solid #e32 !important; @@ -770,16 +770,16 @@ td { background: none !important; } .button--negative.button--secondary:hover { transition: background-color .15s ease 0s !important; } - .button--negative.button--secondary:not(.button--disabled):hover { + .button--negative.button--secondary:not(.button--disabled):not(:disabled):hover { background-color: #e32 !important; color: #fff !important; } - .button--negative.button--secondary:not(.button--disabled):active { + .button--negative.button--secondary:not(.button--disabled):not(:disabled):active { background-color: #570d07 !important; border-color: #570d07 !important; color: #fff !important; } .button--negative.button--secondary.button--icon > svg { fill: #e32 !important; } - .button--negative.button--secondary.button--icon:not(.button--disabled):hover svg { + .button--negative.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { fill: #fff !important; } .button--white { @@ -788,10 +788,10 @@ td { border-color: #fff !important; border: 1px solid transparent !important; transition: background-color .1s ease 0s !important; } - .button--white:not(.button--disabled):hover { + .button--white:not(.button--disabled):not(:disabled):hover { background-color: #cccccc !important; transition: background-color .15s ease 0s !important; } - .button--white:not(.button--disabled):active { + .button--white:not(.button--disabled):not(:disabled):active { background-color: #a6a6a6 !important; } .button--white.button--secondary { border: 1px solid #fff !important; @@ -799,26 +799,26 @@ td { background: none !important; } .button--white.button--secondary:hover { transition: background-color .15s ease 0s !important; } - .button--white.button--secondary:not(.button--disabled):hover { + .button--white.button--secondary:not(.button--disabled):not(:disabled):hover { background-color: #fff !important; color: #333 !important; } - .button--white.button--secondary:not(.button--disabled):active { + .button--white.button--secondary:not(.button--disabled):not(:disabled):active { background-color: #a6a6a6 !important; border-color: #a6a6a6 !important; color: #333 !important; } .button--white.button--secondary.button--icon > svg { fill: #fff !important; } - .button--white.button--secondary.button--icon:not(.button--disabled):hover svg { + .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { fill: #fff !important; } - .button--white.button--secondary:not(.button--disabled):active { + .button--white.button--secondary:not(.button--disabled):not(:disabled):active { background-color: #e6e6e6 !important; } .button--white.button--icon > svg { fill: #222 !important; } - .button--white.button--icon:not(.button--disabled):hover svg { + .button--white.button--icon:not(.button--disabled):not(:disabled):hover svg { fill: #222 !important; } .button--white.button--secondary.button--icon > svg { fill: #fff !important; } - .button--white.button--secondary.button--icon:not(.button--disabled):hover svg { + .button--white.button--secondary.button--icon:not(.button--disabled):not(:disabled):hover svg { fill: #222 !important; } .button--transparent { @@ -826,13 +826,15 @@ td { color: #07e !important; border-color: transparent !important; border: 1px solid transparent !important; } - .button--transparent:not(.button--disabled):hover { + .button--transparent:not(.button--disabled):not(:disabled):hover { background-color: transparent !important; color: #004488 !important; } -.button--disabled { +.button--disabled, +.button:disabled { opacity: .3 !important; } - .button--disabled:hover { + .button--disabled:hover, + .button:disabled:hover { cursor: default !important; transition: none !important; } @@ -858,89 +860,89 @@ td { .button--facebook { background-color: #3b5998 !important; color: #fff !important; } - .button--facebook:not(.button--disabled):hover { + .button--facebook:not(.button--disabled):not(:disabled):hover { background-color: #1e2e4f !important; color: #fff !important; } - .button--facebook.button--disabled:hover { + .button--facebook.button--disabled:hover, .button--facebook:disabled:hover { color: #fff !important; } - .button--facebook:not(.button--disabled):active { + .button--facebook:not(.button--disabled):not(:disabled):active { background-color: #090e17 !important; } .button--twitter { background-color: #55acee !important; color: #fff !important; } - .button--twitter:not(.button--disabled):hover { + .button--twitter:not(.button--disabled):not(:disabled):hover { background-color: #147bc9 !important; color: #fff !important; } - .button--twitter.button--disabled:hover { + .button--twitter.button--disabled:hover, .button--twitter:disabled:hover { color: #fff !important; } - .button--twitter:not(.button--disabled):active { + .button--twitter:not(.button--disabled):not(:disabled):active { background-color: #0d5083 !important; } .button--google { background-color: #dd4b39 !important; color: #fff !important; } - .button--google:not(.button--disabled):hover { + .button--google:not(.button--disabled):not(:disabled):hover { background-color: #96271a !important; color: #fff !important; } - .button--google.button--disabled:hover { + .button--google.button--disabled:hover, .button--google:disabled:hover { color: #fff !important; } - .button--google:not(.button--disabled):active { + .button--google:not(.button--disabled):not(:disabled):active { background-color: #55160f !important; } .button--linkedin { background-color: #0077b5 !important; color: #fff !important; } - .button--linkedin:not(.button--disabled):hover { + .button--linkedin:not(.button--disabled):not(:disabled):hover { background-color: #00344f !important; color: #fff !important; } - .button--linkedin.button--disabled:hover { + .button--linkedin.button--disabled:hover, .button--linkedin:disabled:hover { color: #fff !important; } - .button--linkedin:not(.button--disabled):active { + .button--linkedin:not(.button--disabled):not(:disabled):active { background-color: #000203 !important; } .button--pinterest { background-color: #bd081c !important; color: #fff !important; } - .button--pinterest:not(.button--disabled):hover { + .button--pinterest:not(.button--disabled):not(:disabled):hover { background-color: #5b040e !important; color: #fff !important; } - .button--pinterest.button--disabled:hover { + .button--pinterest.button--disabled:hover, .button--pinterest:disabled:hover { color: #fff !important; } - .button--pinterest:not(.button--disabled):active { + .button--pinterest:not(.button--disabled):not(:disabled):active { background-color: #120103 !important; } .button--tumblr { background-color: #36465d !important; color: #fff !important; } - .button--tumblr:not(.button--disabled):hover { + .button--tumblr:not(.button--disabled):not(:disabled):hover { background-color: #11151c !important; color: #fff !important; } - .button--tumblr.button--disabled:hover { + .button--tumblr.button--disabled:hover, .button--tumblr:disabled:hover { color: #fff !important; } - .button--tumblr:not(.button--disabled):active { + .button--tumblr:not(.button--disabled):not(:disabled):active { background-color: black !important; } .button--youtube { background-color: #cd201f !important; color: #fff !important; } - .button--youtube:not(.button--disabled):hover { + .button--youtube:not(.button--disabled):not(:disabled):hover { background-color: #741212 !important; color: #fff !important; } - .button--youtube.button--disabled:hover { + .button--youtube.button--disabled:hover, .button--youtube:disabled:hover { color: #fff !important; } - .button--youtube:not(.button--disabled):active { + .button--youtube:not(.button--disabled):not(:disabled):active { background-color: #320808 !important; } .button--instagram { background-color: #517fa4 !important; color: #fff !important; } - .button--instagram:not(.button--disabled):hover { + .button--instagram:not(.button--disabled):not(:disabled):hover { background-color: #2f4a60 !important; color: #fff !important; } - .button--instagram.button--disabled:hover { + .button--instagram.button--disabled:hover, .button--instagram:disabled:hover { color: #fff !important; } - .button--instagram:not(.button--disabled):active { + .button--instagram:not(.button--disabled):not(:disabled):active { background-color: #16222d !important; } .text-input, diff --git a/docs/_posts/release-notes/2016-08-25-2.3.2.html b/docs/_posts/release-notes/2016-08-25-2.3.2.html new file mode 100644 index 00000000..e2853563 --- /dev/null +++ b/docs/_posts/release-notes/2016-08-25-2.3.2.html @@ -0,0 +1,9 @@ +--- +category: release-notes +version: 2.3.2 +title: Support for Disabled Buttons + +added: + - Additional support for the disabled attribute on buttons + +--- diff --git a/docs/index.html b/docs/index.html index 11123d2c..f2c0050e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,7 +7,7 @@
Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS. Additionally, a few globally-resuable HTML and CSS components are available to help new apps spin up quickly without having to reinvent the wheel each time (with more on the way).
+Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS. Additionally, a few globally-reusable HTML and CSS components are available to help new apps spin up quickly without having to reinvent the wheel each time (with more on the way).
You can read more about Solid in our blog post on Medium.
@@ -26,9 +26,9 @@- Source Files - Compiled CSS - Compiled CSS (minified) + Source Files + Compiled CSS + Compiled CSS (minified)
diff --git a/package.json b/package.json index 630c5809..9369841f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bf-solid", - "version": "2.3.1", + "version": "2.3.2", "description": "Solid CSS Styling", "scripts": { "test": "echo \"Error: no test specified\" && exit 1"