@layer reset,low,util;
/* normalize.css v8.0.1 and src/index.css, as the React build bundles them. */
@layer reset{
html{-webkit-text-size-adjust:100%;line-height:1.15}
body{margin:0}
main{display:block}
h1{margin:.67em 0;font-size:2em}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace;font-size:1em}
a{background-color:#0000}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner{border-style:none;padding:0}
[type=button]::-moz-focus-inner{border-style:none;padding:0}
[type=reset]::-moz-focus-inner{border-style:none;padding:0}
[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring{outline:1px dotted buttontext}
[type=button]:-moz-focusring{outline:1px dotted buttontext}
[type=reset]:-moz-focusring{outline:1px dotted buttontext}
[type=submit]:-moz-focusring{outline:1px dotted buttontext}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button{height:auto}
[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template,[hidden]{display:none}
body{overflow-x:hidden}
html{box-sizing:border-box;-webkit-font-smoothing:antialiased;min-height:100%;overflow-x:hidden}
*,*:before,*:after{box-sizing:inherit}
body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,figure,hr,fieldset,legend{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,strong{font-weight:400}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:0;min-width:0}
address,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,ol,ul,figure,hr,table,fieldset{margin-bottom:1rem}
dd,ol,ul{margin-left:1rem}
a{cursor:pointer!important}
.not-pointer{cursor:auto!important}
}
@font-face{font-family:SkycoinSansBold;src:url(/assets/skycoin-bold-webfont-7dHTBzaV.woff2) format("woff2");font-display:swap}
@font-face{font-family:SkycoinSans;src:url(/assets/skycoin-regular-webfont-9T_tqaA6.woff2) format("woff2");font-display:swap}
@font-face{font-family:SkycoinSansBoldItalic;src:url(/assets/skycoin-bold-italic-webfont-oFgvQxme.woff2) format("woff2");font-display:swap}
@font-face{font-family:SkycoinSansItalic;src:url(/assets/skycoin-regular-italic-webfont-1KfPxSi2.woff2) format("woff2");font-display:swap}
@font-face{font-family:InconsolataBold;src:url(/assets/inconsolata-bold-webfont-BzPy9476.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inconsolata;src:url(/assets/inconsolata-regular-webfont-b8Fg6le_.woff2) format("woff2");font-display:swap}
/* Ported from the styled-components of the React site (src/components).
   Breakpoints: sm 40rem, md 52rem, menu 1035px, as in src/config.js. */
body{background:#fff}

.container{margin:0 auto;width:100%;max-width:70rem;padding:0 2rem}

/* Header */
.header{position:relative;z-index:2;padding:2rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{display:flex;flex:1;margin-right:1.25rem}
.logo img{display:block;height:2.0625rem;width:auto;max-width:100%}
.footer .logo img{height:2.375rem}

/* Navigation: a slide-in panel below md, a row of links from md up. */
.nav-group{display:flex;flex-wrap:wrap;font-size:.875rem;text-align:left}
.nav-link{display:flex;align-items:center;margin:0;font-family:"SkycoinSans",sans-serif;color:#0072FF;text-decoration:none;background:none;border:0;cursor:pointer}
.nav-link:hover{color:#101F34}
.nav-link.active{color:#101F34}
.nav-link img{width:23px;height:auto;margin-right:.5rem}
.caret{width:17.5px;height:14px;margin-left:7px;flex:none;align-self:center} /* the icon of a dropdown, centred like React's wrapper */
.dropdown{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:"SkycoinSans",sans-serif}
.dropdown>.nav-link{padding:0;font:inherit;text-align:inherit}
.dropdown-menu{display:none;list-style:none;padding:0;background:#fff;margin:5px 0 0 15px}
.dropdown.open>.dropdown-menu{display:block}
.dropdown-menu .nav-link{margin:10px 0 5px;white-space:nowrap;padding:0}

.menu-open,.menu-close{height:30px;width:30px;padding:0;border:0;cursor:pointer;display:inline-block}
.menu-open{background:url(/assets/icMenuBlue-moVWwQ7M.svg) 0 0 no-repeat}
.menu-close{background:url(/assets/icCancel-lwtOc4np.svg) 0 0 no-repeat;position:absolute;top:22px;right:25px}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(7,23,46,.5);z-index:1}
.nav-panel{position:fixed;top:0;bottom:0;right:-270px;z-index:2;width:270px;background:#fff;padding:0 0 60px;transition:transform .4s ease-in-out;overflow-y:auto;display:flex;flex-direction:column}
.nav.open .nav-panel{transform:translateX(-270px)}
.nav.open .nav-overlay{display:block}
@media (max-width:51.99rem){
  .nav-panel .nav-group{flex-direction:column;padding:1.75rem 0}
  .nav-panel .nav-group+.nav-group,.nav-social{border-top:2px solid rgba(146,164,186,.2)}
  .nav-social{border-bottom:2px solid rgba(146,164,186,.2)} /* the React menu draws an empty group after it */
  .nav-panel .nav-group>.nav-link,.nav-panel .dropdown{padding:.75rem 2.5rem}
}
body.menu-open-lock{overflow:hidden}

@media (min-width:40rem){
  .header{padding:1.5rem 0}
}
@media (min-width:52rem){
  .logo img{height:2.375rem}
  .menu-open,.menu-close,.nav-overlay,.nav-social{display:none!important}
  .nav-panel{position:relative;top:auto;bottom:auto;right:auto;width:auto;padding:0;background:transparent;transform:none!important;transition:none;overflow:visible;flex-direction:row}
  .nav .nav-group,.footer-nav .nav-group{flex-direction:row;padding:0}
  .nav .nav-group{margin-right:1rem} /* the React header keeps an empty third group here */
  .nav-group>.nav-link,.nav-group>.dropdown{margin-left:1rem;padding:.25rem;border-top:2px solid transparent;border-bottom:2px solid transparent}
  .nav-group>:first-child{margin-left:0}
  .nav-group>.active{border-bottom-color:#0072FF}
  .dropdown{align-items:center}
  .dropdown:hover>.dropdown-menu{display:block}
  .dropdown-menu{position:absolute;top:100%;min-width:100%;margin:-2px 0 0;border-radius:0 0 3px 3px;box-shadow:0 2px 3px rgba(0,0,0,.3);border-top:1px solid #fff;z-index:3}
  .dropdown-menu .nav-link{margin:5px;padding:5px;border-top:2px solid transparent;border-bottom:2px solid transparent}
  .dropdown-menu .nav-link.active{border-bottom-color:#0072FF}
}
@media (min-width:1035px){
  .nav-group>.nav-link,.nav-group>.dropdown{margin-left:2rem}
}

/* Text */
.heading{font-family:"SkycoinSansBold",sans-serif;font-size:24px;line-height:1.5;color:#07172E;margin-bottom:8px}
.heading-top{margin-top:20px}
.subheading{font-family:"SkycoinSans",sans-serif;font-size:14px;line-height:1.5;text-transform:uppercase;color:#B6C5D6}
.text{font-family:"SkycoinSans",sans-serif;font-size:14px;color:#07172E;line-height:1.5rem}
.text a{color:inherit}
.quote{font-family:"SkycoinSans",sans-serif;font-size:20px;line-height:1.5rem;margin:20px 0;padding:.75rem 0 .75rem 2rem;border-left:3px solid #92A4BA}
.quote a{color:#0072FF}
.top-banner{width:100%;height:auto;margin-bottom:2.5rem}
.about{padding-bottom:40px}
.columns{margin-bottom:1.25rem}

/* Video */
.video{background:#F4F9FF;padding:40px 0}
.yt{position:relative;width:100%;height:240px;background:#000}
.yt-play,.yt iframe,.yt-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer}
.yt-play img{width:100%;height:100%;object-fit:contain}
.yt-play svg{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;opacity:.85}
.yt-play:hover svg{opacity:1}

/* Features */
.features{padding:40px 0}
.feature{display:flex;flex-wrap:wrap;align-items:center;padding:16px;margin:0 -32px;background:#fff;font-family:"SkycoinSans",sans-serif;color:#07172E;font-size:.875rem;line-height:1.5625rem}
.feature-alt{background:#F4F9FF}
.feature a{color:#0072FF;text-decoration:none}
.feature-icon{width:100%;display:flex;justify-content:center;padding:0 20px}
.feature-icon img{display:block;max-width:100%;height:auto;margin-bottom:1rem}
.feature-body{width:100%}
.feature h4{font-family:"SkycoinSansBold",sans-serif;font-size:15px;line-height:1.5;text-transform:uppercase;color:#000;margin-bottom:16px}
.feature .text{margin:0}

/* Footer. The React footer asks for color "gray.8", which resolves to nothing, so its text is black. */
.footer{background:#101F34}
.footer-top{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:40px 0 1.5rem}
.footer-nav{display:none}
.footer-nav .nav-link,.footer-nav .nav-link:hover,.footer-nav .nav-link.active{color:#fff}
.footer-nav .nav-link:hover{opacity:.7}
.footer-nav .dropdown-menu{background:#101F34}
.social{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.social>div{width:100%;padding:8px 0;text-align:center;font-size:0}
.social a{display:inline-block}
.social a:hover{opacity:.75}
.social img{display:block}
.footer-bottom{display:flex;flex-wrap:wrap;padding:24px 0}
.footer-bottom>*{width:100%;margin:0;font-family:"SkycoinSans",sans-serif;font-size:13px;line-height:1.5rem;color:#000;text-align:center}
.email{color:inherit;text-decoration:none}
.email:hover{text-decoration:underline}

@media (min-width:40rem){
  .heading{font-size:30px}
  .heading-top{margin-top:32px}
  .text,.quote{line-height:1.75rem}
  .quote{margin:32px 0}
  .top-banner{margin-bottom:3.5rem}
  .about{padding-bottom:56px}
  .columns{column-count:2;column-gap:2rem;margin-bottom:2rem}
  .video{padding:56px 0}
  .yt{height:480px}
  .features{padding:56px 0}
  .feature{margin:0;padding-left:0}
  .feature-icon{width:33.333%}
  .feature-icon img{margin-bottom:0}
  .feature-body{width:66.667%}
  .footer-top{flex-direction:row;align-items:center;padding:80px 0 4.5rem}
  .social{padding:16px 0}
  .social>div{width:50%;padding:16px 0}
  .footer-bottom{padding:40px 0}
}
@media (min-width:52rem){
  .video{padding:80px 0}
  .features{padding:40px 0}
  .footer-nav{display:block}
  .social{padding:24px 0}
  .footer-bottom>*{font-size:14px;line-height:1.75rem}
  .footer-bottom>.col-sixth{width:16.667%;text-align:left}
  .footer-bottom>.col-third{width:33.333%}
}

/* Cookie notice, shown by site.js until accepted. */
.pill{display:block;margin-top:15px;border:1px solid transparent;line-height:1;text-align:center;border-radius:1000px;box-shadow:0 1px 2px rgba(0,0,0,.25);font-family:"SkycoinSans",sans-serif;font-size:.875rem;padding:.75rem 1.5rem;transition:150ms ease-in-out;text-transform:uppercase;color:#fff;background:#0072FF;cursor:pointer}
.pill:hover{background:#0067e6;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pill:active{background:#005bcc}

/* Header white, on a dark hero: white links from md up, the white menu icon
   and logo. header-social also shows Telegram in the row, as on the home page. */
.header-white .menu-open{background-image:url(/assets/icMenu-iT-oNo71.svg)}
.header-white .logo img{height:2.0625rem}
@media (min-width:40rem){.header-white .dropdown-menu{background:#101F34}}
@media (min-width:52rem){
  .header-white .logo img{height:2.375rem}
  .header-white .nav .nav-link,.header-white .nav .nav-link:hover,.header-white .nav .nav-link.active{color:white}
  .header-white .nav .nav-link:hover{opacity:.7}
  .header-social .nav .nav-social{display:flex!important;margin-right:0}
  .header-social .nav-social img{margin-right:0}
  .header-social .nav .nav-social>.nav-link{margin-left:0}
}
@media (min-width:64rem){.header-white .logo img{height:3.0625rem}}
/* The shared React components. Their styled-system props are utility classes,
   which these defaults give way to, as the props override them in React. */
@layer low{
.hd{font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5}
.sh{font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5;text-transform:uppercase;color:#B6C5D6}
.tx{font-family:SkycoinSans,sans-serif;line-height:1.5rem;text-transform:none}
.tx a{color:inherit}
@media (min-width:40rem){.tx{line-height:1.75rem}}
.flex{display:flex}
.box{box-sizing:border-box}
}
.b{font-family:SkycoinSansBold,sans-serif}
.lh1{line-height:1}
.ai-c{align-items:center}.ai-fs{align-items:flex-start}.ai-fe{align-items:flex-end}.ai-st{align-items:stretch}
.jc-c{justify-content:center}.jc-sb{justify-content:space-between}.jc-sa{justify-content:space-around}.jc-fs{justify-content:flex-start}.jc-fe{justify-content:flex-end}
.fw{flex-wrap:wrap}.fd-c{flex-direction:column}
/* src/components/Button: its props override these, as styled-system's come after them. */
@layer low{
.btn{display:inline-block;border:1px solid transparent;cursor:pointer;line-height:1;box-sizing:border-box;text-decoration:none;text-align:center;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.25);font-family:SkycoinSans,sans-serif;font-size:.875rem;padding:.75rem 1.5rem;transition:150ms ease-in-out;text-transform:uppercase}
.btn:hover{box-shadow:0 1px 4px rgba(0,0,0,.25)}
}
.btn-pill{border-radius:1000px}
.btn-outline{border:1px solid currentColor}
.btn-outline,.btn-outline:hover,.btn-outline:active{box-shadow:none}
.btn-outline:hover{background-color:rgba(0,0,0,.05)}
.btn-outline:active{background-color:rgba(0,0,0,.1)}
.tx-caps{text-transform:uppercase}
/* A Button's hover and active darken its background by 5% and 10%, as polished's darken. */
.btn.bg-white:hover{background-color:#f2f2f2}.btn.bg-white:active{background-color:#e6e6e6}
.btn.bg-base:hover{background-color:#0067e6}.btn.bg-base:active{background-color:#005bcc}
.btn.bg-lightBlue:hover{background-color:#dbebff}.btn.bg-lightBlue:active{background-color:#c1ddff}
.btn.btn-outline:hover{background-color:rgba(0,0,0,.05)}
.btn.btn-outline:active{background-color:rgba(0,0,0,.1)}
/* src/components/CXs */
.cx-banner{background-color:#101F34}
.cx{margin-bottom:1.25rem;font-family:SkycoinSans,sans-serif;color:#07172E;font-size:.875rem;line-height:1.5625rem;word-break:break-word}
.cx pre{padding:40px;background-color:#F8F8F8;word-break:break-all!important;white-space:pre-wrap}
.cx pre code{word-break:break-all!important;white-space:pre-wrap}
.cx a{text-decoration:none!important;color:#0072FF}
.cx-chains img{width:100%!important;height:auto}
.cx-roadmap{width:100%}
.sticky{position:sticky;top:0}
.cx-menu{display:flex;flex-direction:column;position:sticky;top:0}
.cx .cx-link{font-size:1.0625rem;font-family:SkycoinSans,sans-serif;color:#0072FF!important;text-decoration:none;margin-bottom:12px;cursor:pointer;padding:12px 16px;border-radius:4px;text-transform:capitalize}
.cx .cx-link:hover{background-color:#F8F8F8;color:#101F34!important}
@media (max-width:831px){
  .cx-nav{height:50px;width:100%;background-color:white;border-bottom:1px solid #d0d0d0!important;margin-bottom:24px}
  .cx-menu{flex-direction:row;justify-content:center;text-align:center;padding-bottom:50px}
  .cx .cx-link:hover{background-color:#FFFFFF}
}
.cx-wrap{column-gap:32px;padding-bottom:56px;justify-content:left;width:100%}
.cx-text{padding-bottom:1.5rem}
.cx .cx-install{color:#fff!important;background-color:#0072FF}
.cx .cx-install:hover{background-color:#0072FF;color:#fff}
.cx-ads{padding:30px;background-color:#0072FF;color:white!important}
.cx .cx-ads a{text-decoration:none!important;color:white!important;font-size:1.125rem}
.cx-ads span,.cx-ads-index a span{color:white!important}
.cx-book{padding-right:30px;padding-left:30px;height:100%;width:auto}
@media (max-width:1117px){.cx-book{display:none}}
.sticky-off{position:relative}
/* src/components/Downloads and ApplicationTable */
.dl-blue{color:#0072FF}
.dl-disclaimer{display:flex;background:#f4f4f4;text-transform:initial;color:#0072FF;font-family:SkycoinSans,sans-serif;font-size:14px;padding:20px;margin-top:-35px;margin-bottom:25px;align-items:center;line-height:1.5}
.dl-disclaimer img{height:20px;width:20px;margin-right:15px}
.app-table{width:100%;border-bottom:2px solid white}
.app-table a{color:#0072FF}
.app-table tr{display:block;padding-bottom:1rem}
.app-table td{display:inline-block}
.app-table th,.app-table .app-link{display:block}
.app-th{padding:1rem}
.app-icon{max-width:1.875rem;display:block;margin:0 auto;margin-bottom:.5rem}
.app-row{text-align:center;background-color:white}
.app-light{background-color:#ebf3fd}
.app-row.dim{opacity:.7}
.app-a{text-decoration:none;font-family:SkycoinSans,sans-serif}
.app-platform{display:block;margin-bottom:20px;text-align:center;text-transform:uppercase}
.app-comment{color:#92A4BA;font-family:SkycoinSans,sans-serif}
.app-build{text-align:left;font-family:SkycoinSans,sans-serif}
.rec .app-a,.rec .app-comment,.rec .app-build{font-family:SkycoinSansBold,sans-serif}
@media (min-width:40rem){
  .app-table tr td,.app-table tr th{border-bottom:1px solid rgba(146,164,186,.2)}
  .app-table td,.app-table th{height:3.125rem}
  .app-table tr{display:table-row;padding-bottom:0}
  .app-table td{display:table-cell}
  .app-table th,.app-table .app-link{display:table-cell}
  .app-th{padding:1rem 1.5rem}
  .app-row{height:80px;border-bottom:1px solid white;border-top:1px solid white;box-shadow:inset 0 1px 0 transparent}
  .app-light{border-bottom-color:#ebf3fd;border-top-color:#ebf3fd}
  .app-first{box-shadow:inset 0 1px 0 #333}
  .app-row:first-child{box-shadow:inset 0 1px 0 transparent}
  .app-build{padding-left:3.5rem}
}
@media (min-width:52rem){
  .app-th{padding:1rem 3.5rem}
  .app-build{padding-left:5rem}
}
/* The About parts of src/components/Fiber, Obelisk and CXO */
.quote-source{color:#0072FF;text-decoration:none}
.cxo-icon{display:block;max-width:100%;height:auto;margin-right:8px}
.yt-ratio{position:relative;width:100%;padding-bottom:56.25%;height:0}
/* src/components/Ecosystem */
.eco-item{background-color:transparent;flex-direction:row-reverse}
.eco-blue{background-color:#F4F9FF}
.eco-btn{margin-right:0}
.eco-buttons{flex-direction:column;margin-bottom:30px;align-items:center}
.eco-icon{color:#92A4BA;text-align:center}
.eco-icon img{max-width:100%}
.eco-about{background:#101F34;overflow:hidden}
@media (min-width:40rem){.columns-plain{column-count:2;column-gap:2rem}}
@media (min-width:52rem){
  .eco-btn{margin-right:25px}
  .eco-buttons{flex-direction:row;margin-bottom:0}
}
/* src/components/GalleryPage, SkywalletHDK and Lightbox */
.hdk-article{margin-bottom:1.25rem;font-family:SkycoinSans,sans-serif;color:#07172E;font-size:.875rem;line-height:1.5625rem}
@media (min-width:40rem){.hdk-article{column-count:1;column-gap:2rem;margin-bottom:2rem}}

.g-grid{column-gap:32px;padding-bottom:56px;border-bottom:1px solid #d0d0d0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}
.g-fig,.g-colfig{break-inside:avoid;page-break-inside:avoid;padding-bottom:32px;margin:0}
.g-img{width:100%;height:auto}
.g-colimg{width:99%;height:auto}
.g-imgwrap{position:relative;font-size:0}
.g-imgwrap::before{content:'+';display:block;position:absolute;bottom:12px;right:12px;width:24px;height:24px;background:#0072FF;border-radius:100%;color:#fff;font-size:1.5rem;line-height:21px;text-align:center;visibility:hidden}
.g-imgwrap:hover{cursor:pointer}
.g-imgwrap:hover img{box-shadow:0 3px 10px rgba(77,97,117,.2)}
.g-imgwrap:hover::before{visibility:visible}
.g-caption{font-family:SkycoinSans,sans-serif;font-size:.875rem;color:#92A4BA;margin-top:20px}
.g-cols{column-count:1;column-gap:32px;padding-bottom:20px;border-bottom:1px solid #d0d0d0}
.g-tab{display:inline-block;font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5;margin-right:2rem;border-bottom:2px solid transparent}
.g-tab-active{border-bottom-color:#0072FF}
.g-tab:hover{cursor:pointer;border-bottom-color:#0072FF}
@media (min-width:40rem){
  .g-fig{width:50%;height:auto;padding:1px}
  .g-cols{column-count:2}
}
@media (min-width:52rem){
  .g-fig{width:33%}
  .g-grid4 .g-fig{width:24.5%}
  .g-cols{column-count:4}
}

.lb{position:fixed;inset:0;z-index:2001;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(255,255,255,.5)}
.lb[hidden]{display:none}
.lb-card{position:relative;margin:0;max-width:100%;background:#fff;box-shadow:0 3px 10px rgba(91,97,105,.15)}
.lb-image{display:block;max-width:100%;max-height:calc(100vh - 200px);margin:0 auto}
.lb button{position:absolute;padding:.5rem;border:0;background:none;cursor:pointer;line-height:0}
.lb .lb-close{top:0;right:0;margin:.75rem}
.lb .lb-arrow{top:50%;width:42px;padding:0;transform:translateY(-50%)}
.lb-prev{left:.75rem}
.lb-next{right:.75rem}
/* src/components/Terms, CookiesTerms and GetStarted */
.terms{font-family:SkycoinSans,sans-serif;font-size:14px;margin-bottom:50px;line-height:1.75rem}
.legal{margin-top:32px}
.get-started{background:url(/assets/bg-get-started-o1JJwvHV.png);background-size:cover;text-align:center}
/* src/components/NotFound */
.nf{display:flex;flex-direction:column;height:100vh}
.nf-page{display:flex;align-items:center;flex-grow:1}
.nf-content{position:relative}
.nf-message{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:17.5rem}
.nf-home{color:#0072FF;text-decoration:none;font-family:SkycoinSans,sans-serif}
.nf-image{display:none;padding-left:150px;max-width:100%}
.nf-image img{display:block;max-width:100%}
@media (min-width:40rem){
  .nf-message{position:absolute;top:-25px;left:0}
  .nf-image{display:block}
}
/* src/components/PressReleases */
.pr{margin-bottom:3rem}
.pr-group:not(:last-child){border-bottom:1px solid #d0d0d0}
.pr-row{font-family:SkycoinSans,sans-serif;display:flex;flex-direction:column-reverse;font-size:1.2rem;padding:40px 0;line-height:150%}
.pr-link{width:100%;color:#0072FF;text-decoration:none}
.pr-date{width:100%;color:#92A4BA;text-decoration:none}
.pr-hr,.pr-content-hr hr{border:.5px solid #e6e6e6;margin:0}
.pr-content,.pr-content strong{font-family:SkycoinSans,sans-serif;line-height:34px;padding:20px 0;font-size:.6875rem}
.pr-content strong{font-family:SkycoinSansBold,sans-serif}
@media (min-width:40rem){
  .pr-row{flex-direction:row}
  .pr-link{width:70%}
  .pr-date{width:30%}
  .pr-content,.pr-content strong{font-size:.875rem}
}
/* src/components/QRCode */
.qr{padding-top:32px;padding-bottom:100px;display:flex;justify-content:space-between;flex-direction:column-reverse}
.qr-box{width:300px;height:300px;min-width:300px;min-height:300px;border:1px solid #e0e0e0;border-radius:4px;padding:12px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}
.qr-box span{font-size:14px;font-weight:700;font-family:SkycoinSans,sans-serif}
.qr-input{width:100%;padding:14px 0;text-indent:12px;border-radius:4px;outline:none;border:1px solid #e0e0e0;font-size:14px;font-family:SkycoinSans,sans-serif;margin-bottom:15px}
.qr-form{display:flex;flex-direction:column;align-items:flex-start}
.qr-images{margin-bottom:1em}
.qr-images[hidden]{display:none}
.qr-icons-wrap{margin-top:2.5em}
.qr-side{display:flex;flex-direction:column;margin-left:0;align-items:center}
.qr-icon{position:relative;width:60px;height:60px;background:#e0e0e0;border-radius:50%;display:inline-block;margin-right:8px;margin-bottom:8px;cursor:pointer;transition:opacity 250ms ease-in-out}
.qr-icon img{width:100%}
.qr-icon:hover{opacity:.65}
.qr-types{display:flex;margin:12px 0}
.qr-type{padding:8px 16px;border-radius:25px;font-size:10px;font-weight:700;outline:none;background:#fff;color:#101F34;margin-right:8px;cursor:pointer;border:1px solid #e0e0e0;transition:background 200ms ease-in-out}
.qr-type:hover{background:#e0e0e0}
.qr-type.checked{background:#0072FF;color:#fff;border-color:transparent}
.qr-check{position:absolute;top:0;right:0;background:#0072FF;border-radius:50%;width:20px;height:20px;text-align:center}
.qr-check .fa{color:#fff;font-size:12px}
.qr-check[hidden]{display:none}
.qr-msg{font-size:12px;font-family:SkycoinSans,sans-serif;color:red;margin-top:4px;margin-bottom:8px;margin-left:2px}
.qr-loading{color:#313131}
.qr-optional{color:#767676;text-transform:none}
.fa{display:inline-block;height:1em;width:1.25em;overflow:visible;vertical-align:-.125em}
@media (min-width:52rem){
  .qr{flex-direction:row-reverse}
  .qr-box{margin-bottom:0}
  .qr-input{width:400px}
  .qr-side{margin-left:4em;align-items:flex-end}
}
/* src/components/Table, DownloadsTable, ArchitectureOverview and Infographics */
.table-wrap{overflow-x:auto}
.table{width:100%;border-bottom:1px solid #787A7D;min-width:30rem}
.table td,.table th{border-top:1px solid #787A7D;height:2.5rem}
.table a{color:#0072FF}
@media (min-width:40rem){.table td,.table th{height:3.125rem}}

.arch-page{display:flex;flex-direction:column;min-height:100vh}
.arch-main{flex-grow:1;flex:1}
.arch-table th{text-align:left}
.arch-table thead{border-bottom:3px solid #eceef0}
.arch-table th,.arch-table td{padding:0 1rem;white-space:nowrap}
.arch-table th:nth-of-type(2),.arch-table td:nth-of-type(2){border-left:1px solid #eceef0;border-right:1px solid #eceef0}
.arch-table th:last-of-type,.arch-table td:last-of-type{width:100%}
.arch-table tr:first-of-type th{border-top:none}
.arch-text{margin-bottom:0}
.arch-link{text-decoration:none}
.arch-link:hover{text-decoration:underline}

.dl-table{width:100%}
.dl-table tr{padding-bottom:.625rem;display:block}
.dl-table tr:nth-child(odd){background:#ebf3fd}
.dl-table td,.dl-table th{padding:.5rem 1rem}
.dl-table td{display:inline-block}
.dl-table td:first-child{display:block}
.dl-table a{color:#0072FF;text-decoration:none}
@media (min-width:40rem){
  .dl-table td,.dl-table th{padding:1rem 2.5rem}
  .dl-table tr{display:table-row}
  .dl-table td{display:table-cell}
  .dl-fixed{width:4.375rem}
}

.slides{padding:1.25rem 0;border-top:2px solid #eceef0}
.slides img{display:block;width:100%}
@media (min-width:52rem){.slides{padding:2rem 0}}
/* src/components/SkycoinLanding */
.sl-hero{position:relative;box-sizing:border-box;background:#0072FF no-repeat right bottom;overflow:hidden;background-color:white;background-size:contain;padding:0 1.25rem 1rem}
.sl-content{flex-direction:column;align-items:center;width:100%;max-width:100%;padding-top:0;padding-bottom:0;box-sizing:border-box;margin-bottom:0;margin-top:0}
.sl-main{margin-top:-1rem}
.sl-header{width:100%;max-width:65rem;position:absolute;margin:auto;margin-top:-2.8rem}
.sl-header-img{height:100%;position:absolute;right:-230px;top:5rem;opacity:0}
.sl-intro{position:relative;z-index:1;margin-top:1.25rem;top:0;height:100%;width:100%}
.sl-intro-text{position:relative;z-index:1;flex-direction:column;justify-content:center!important;width:100%}
.sl-logo{display:flex;flex:1;margin-right:1.25rem}
.sl-logo img{display:block;height:3rem;max-width:100%;margin-bottom:15px}
.sl-h1{font-size:1.25rem;color:#0072FF;font-family:SkycoinSans,sans-serif;font-weight:700;line-height:2rem;text-transform:none}
.sl-h1b{font-size:.9375rem;color:#07172E;font-family:SkycoinSans,sans-serif;line-height:2rem;text-transform:none}
.sl-card{width:100%;background-color:white;display:flex;flex-direction:column;margin-bottom:3rem;justify-content:center;align-items:flex-start;align-content:center}
.sl-card-watch,.sl-card-wallet{margin-bottom:0}
.sl-imgcol{flex:1;width:100%}
.sl-eco{flex:1;width:100%;background:url(/assets/ecosystem-YDyzw_wB.png) no-repeat center center;background-size:330px;background-position-y:bottom;height:290px}
.sl-pic{flex:1;height:400px;width:100%;background:no-repeat center center;background-size:cover}
.sl-watch{background-image:url(/assets/watch-ydgiJOww.jpg);background-position-x:-50px}
.sl-wallet{background-image:url(/assets/wallet-Bff3uJU2.jpg);background-position-x:center}
.sl-textcol{flex:1;padding:3rem}
.sl-list{font-family:SkycoinSans,sans-serif;font-size:16px;line-height:2.35rem!important;margin-bottom:0}
.sl-list a{color:inherit}
.sl-h2{font-size:1.5rem;width:80%;line-height:2rem;text-align:center;vertical-align:middle;margin-top:-12px;margin-bottom:2rem}
.sl-h2 b{font-weight:normal;color:#0072FF}
.btn.sl-btn{border-radius:5px!important;color:#fff!important;background-color:#0072FF;font-weight:bold}
.btn.sl-btn:hover{background-color:#0072FF}
.btn.sl-btn:active{background-color:#005bcc}
.btn.sl-btn-learn{line-height:1.5}
.sl-flex{display:flex;flex-direction:row;align-items:center;margin-top:0;margin-bottom:0}
.sl-videos{flex-direction:column;margin-top:1rem}
.sl-video{cursor:pointer;color:black!important;margin-bottom:12px}
.sl-wallet-text{line-height:2.35rem}
.sl-wallet-text ul{font-size:1.25rem;line-height:2.35rem}
@media (min-width:40rem){
  .sl-hero{padding-bottom:1rem}
  .sl-header-img{top:3rem;height:300px;right:-180px;opacity:0}
  .sl-eco{height:400px}
  .sl-watch{background-position-x:center}
  .sl-textcol{padding-top:calc(3rem - 16px)}
  .sl-h2{font-size:1.875rem;width:90%}
}
@media (min-width:52rem){
  .sl-hero{padding-bottom:5rem}
  .sl-header-img{right:-130px;width:auto;height:400px;top:3rem;opacity:1}
  .sl-intro{margin-top:3.5rem}
  .sl-intro-text{width:515px}
  .sl-eco{width:100%;height:400px;background-position-y:center}
  .sl-h2{line-height:2.5rem}
}
@media (min-width:64rem){
  .sl-header-img{opacity:1;top:3rem;right:0}
  .sl-logo img{height:3.625rem}
  .sl-pic{background-position-y:top;background-position-x:center}
}
@media (min-width:66rem){
  .sl-hero{padding-bottom:2rem}
  .sl-content{margin-top:0;max-width:65rem;padding-top:3rem;padding-bottom:3rem}
  .sl-card{flex-direction:row;margin-bottom:3rem}
  .sl-card-watch{flex-direction:row-reverse}
  .sl-eco,.sl-pic{width:calc(65rem / 2)}
  .sl-textcol{padding:3rem;padding-bottom:0;padding-top:calc(3rem - 16px)}
}
/* src/components/Hero, ImageCard and the landing pages */
.hero{position:relative;height:550px;box-sizing:border-box;background:#0072FF no-repeat right bottom;background-size:cover;overflow:hidden}
.hero-skywire{background-image:url(/assets/skywire-TH968psO.svg)}
.hero-logo{position:absolute;top:5%;width:100%}
.logo .logo-white{display:block;height:2.0625rem;max-width:100%;width:auto}
@media (min-width:52rem){.logo .logo-white{height:2.375rem}}
@media (min-width:64rem){.logo .logo-white{height:3.0625rem}}
.hero-intro{z-index:1;position:absolute;top:0;height:100%;width:100%}
.hero-content{position:relative;z-index:1;display:block}
.hero-text{font-size:1.0625rem;color:#fff;font-family:SkycoinSans,sans-serif;font-weight:400;line-height:2rem;text-transform:none}
.btn.hero-btn{color:#fff;background-color:#000;width:auto;border-radius:5px}
.btn.hero-btn:hover,.btn.hero-btn:active{background-color:#000}
@media (min-width:40rem){
  .hero-content{max-width:29rem}
  .btn-big{padding:1rem}
}

.lp{background-color:#F2F5FA}
.lp-main{flex-direction:column;align-items:center;margin:0 auto;width:100%;max-width:50rem;padding:2rem;box-sizing:border-box}
.lp-card{margin-top:1rem;margin-bottom:1rem;width:320px;flex-direction:row;background:#fff}
.lp-card a{color:#0072FF;text-decoration:none}
.lp-reverse{flex-direction:row-reverse}
.lp-full{padding:0}
.lp-full img{height:320px}
.lp-dark{background:#101F34;height:320px}
.lp-dark img{height:60%}
.lp-icon{display:block;max-width:100%;height:auto;margin-bottom:1rem}
.lp-half{width:100%}
.lp-col{padding:2rem;flex-direction:column}
.lp-title{font-size:1.875rem}
.lp-flextext{display:flex;flex-direction:row;align-items:center;margin-bottom:0}
.lp-videos{flex-direction:column;padding-top:1rem}
.lp-card .lp-video{cursor:pointer;color:black!important}
.lp-yt{margin-right:.75rem}
.lp-light{font-weight:100;color:#92A4BA;font-style:italic}
.lp-divider{line-height:3.5rem;text-align:center}
.lp-bottom{flex-direction:column;align-items:center;margin-bottom:3rem}
.lp-bottom-heading{line-height:3rem}
.lp-bottom-heading b{font-weight:normal;color:#0072FF}
@media (min-width:40rem){.lp-icon{margin-bottom:0}}
@media (min-width:52rem){
  .lp-cardwrap{width:100%}
  .lp-card{width:auto}
  .lp-half{width:50%}
}
.hero-cx{background-color:black;background-image:url(/assets/banner-OcpFpefc.svg);align-items:center}
.hero-cx::before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;display:block;z-index:0;background-color:rgba(0,0,0,.75)}
.btn.hero-btn2{color:#fff;width:100%;border-radius:5px}
.btn.hero-blue{background-color:#0072FF;margin-right:0}
.btn.hero-blue:hover{background-color:#0067e6}.btn.hero-blue:active{background-color:#005bcc}
.btn.hero-grey{background-color:#333;margin-left:0}
.btn.hero-grey:hover{background-color:#262626}.btn.hero-grey:active{background-color:#1a1a1a}
.lp-list{margin-left:0}
.lp-list li p{margin:0}
.lp-row{flex-direction:row}
.btn.lp-bottom-btn{color:#fff;background-color:#0072FF;border-radius:5px;padding:1rem 1.25rem}
.btn.lp-bottom-btn:hover{background-color:#0072FF}
.btn.lp-bottom-btn:active{background-color:transparent}
.btn.lp-bottom-grey,.btn.lp-bottom-grey:hover{background-color:#333}
.btn.lp-bottom-grey:active{background-color:#1a1a1a}
@media (min-width:40rem){
  .btn.hero-btn2{width:auto}
  .btn.hero-blue{margin-right:.75rem}
  .btn.hero-grey{margin-left:.75rem}
}
@media (min-width:52rem){.hero-intro-cx{width:800px}}
.lp-main-y{padding:2rem 0}
.hero-light{position:relative;box-sizing:border-box;background-color:#fff;background-size:cover;overflow:hidden}
.hero-light-logo{top:5%;width:100%}
.logo .logo-dark{display:block;height:2.0625rem;max-width:100%;width:auto}
@media (min-width:52rem){.logo .logo-dark{height:2.375rem}}
.hero-light-intro{position:relative;z-index:1;top:0;height:100%;width:100%}
.hero-light-row{display:flex;flex-direction:row;padding:0!important}
.hero-light-text{position:relative;z-index:1;flex-direction:column;justify-content:center!important}
.hero-light-pic{height:23.125rem;background-repeat:no-repeat;background-position:center;background-size:cover}
.btn.hero-light-btn,.btn.lp-learn{background-color:#0072FF;border-radius:5px!important;color:#fff!important}
.btn.lp-learn{border-radius:10px!important}
.btn.hero-light-btn:hover,.btn.lp-learn:hover{background-color:#0067e6}
.btn.hero-light-btn:active,.btn.lp-learn:active{background-color:#005bcc}
.lp-blue{background:#0072FF}
.lp-ultext ul{font-size:1.25rem;line-height:2.5rem!important}
.lp-videobox{position:relative;width:320px;height:240px}
.lp-videobox iframe{display:block;position:absolute;width:100%;height:100%}
@media (min-width:40rem){.lp-videobox{width:100%;height:480px}}
.hero-text-dark{color:#07172E}
.lp-content{flex-direction:column;align-items:center;width:100%;max-width:50rem;box-sizing:border-box}
.mx-auto{margin-left:auto;margin-right:auto}
.sm-buttons a:first-child{margin-right:20px}
.btn.sm-btn,.btn.sm-btn:hover{background-color:#0072FF}
.sm-hero-pic{position:absolute;right:0;top:0;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.lp-bgimg{background-size:cover;background-position:center}
.sm-h360{height:360px}
.sm-h400{height:400px}
.sm-h400 img{height:60%}
.sm-hw{font-family:SkycoinSans,sans-serif;font-size:.9375rem;line-height:2rem!important;margin-bottom:0}
.sm-hw a{color:inherit}
.sm-operate{flex-direction:column;align-items:center;margin-bottom:3rem}
.sm-h2{font-size:1.5rem;width:70%;line-height:2rem;text-align:center}
.sm-h2 b{font-weight:normal;color:#0072FF}
.sm-forbes{color:#000000!important;text-decoration:none}
.sm-black{background:#000000;height:430px}
.sm-black img{height:60%}
.sm-forbes-text{line-height:1.5rem}
@media (min-width:40rem){.sm-h2{font-size:1.875rem;width:90%}}
@media (min-width:52rem){
  .sm-h2{line-height:3.5rem}
  .sm-forbes-text{line-height:2rem}
}
.sw-hero-pic{background-image:url(/assets/hero-5ZwIEL4i.jpg)}
.sm-hero-pic{background-image:url(/assets/hero-DFHuUBqQ.png)}
.sm-hardware{background-image:url(/assets/hardware-nNTzBrRX.png)}
.sm-watch{background-image:url(/assets/watchNow-PzCj0aJu.png)}
/* src/components/MobileWalletsLanding, on the SkycoinLanding styles it copies */
.mw-header-img{height:100%;position:absolute;right:0;top:5rem;opacity:0}
.mw-main{margin-top:-12em}
.mw-buttons{flex-direction:column}
.mw-buttons a:first-child{margin-right:20px}
.btn.mw-btn{display:inline-flex;justify-content:center;align-items:center;line-height:normal;padding-right:1rem;padding-left:1rem;vertical-align:middle;border-radius:5px!important;color:#fff!important;background-color:#0072FF;font-weight:bold;margin-right:8px}
.btn.mw-btn:last-of-type{margin-right:0}
.btn.mw-btn:hover{background-color:#0072FF}
.btn.mw-btn:active{background-color:#005bcc}
.btn.mw-btn-hero{width:100%}
.btn.mw-btn-dark,.btn.mw-btn-dark:hover{background-color:#101F34;width:100%}
.btn.mw-btn-watch{width:auto;padding-left:2.5rem;padding-right:2.5rem}
.mw-dl{display:flex;justify-content:space-between;flex-direction:column}
.mw-pic{flex:1;background:no-repeat center center;background-position-y:bottom}
.mw-pic2{padding-left:20px;background-image:url(/assets/Mobile_Wallet_graphic_2-R0YHTkts.png);background-size:calc(450px - 50px);height:560px}
.mw-pic3{padding-left:20px;padding-right:48px;background-image:url(/assets/Mobile_Wallet_graphic_3-dp8Vm77e.png);background-size:calc(410px - 50px);height:300px}
.mw-card-secure{margin-bottom:3rem}
.mw-h2{margin-top:0;line-height:2.5rem}
.btn.mw-learn{color:#fff;background-color:#0072FF;border-radius:5px;padding:16px;margin-top:-12px;font-weight:bold;line-height:1.5!important}
.btn.mw-learn:hover{background-color:#0072FF}
.btn.mw-learn:active{background-color:transparent}
@media (min-width:40rem){
  .mw-header-img{top:3rem;opacity:0}
  .mw-main{margin-top:-5rem}
  .mw-dl{flex-direction:row}
  .btn.mw-btn-hero{padding:1rem}
  .btn.mw-btn-watch{padding-top:1rem;padding-bottom:1rem}
  .mw-pic2{height:calc(560px - 100px);background-size:450px}
  .mw-pic3{height:400px;background-size:410px}
}
@media (min-width:52rem){
  .mw-header-img{width:auto;height:210px;top:3rem;opacity:1}
  .mw-intro{margin-top:.5rem}
  .mw-main{margin-top:-2rem}
  .mw-buttons{flex-direction:row}
  .btn.mw-btn-hero{width:190px}
  .mw-pic2{width:calc(100% - 0px);height:calc(560px - 100px);background-position-y:center}
  .mw-pic3{width:calc(100% - 48px);height:400px;background-position-y:center}
  .btn.mw-learn{line-height:1!important}
}
@media (min-width:64rem){.mw-header-img{opacity:1;height:330px;top:3rem;right:0}}
@media (min-width:66rem){.mw-main{margin-top:0}}
/* React swapped in the shorter text below 830px wide on the first resize, which
   phones fire as they scroll; this shows it from the start. */
.mw-narrow{display:none}
@media (max-width:829.98px){.mw-wide{display:none}.mw-narrow{display:inline}}
/* src/components/Home */
.home-header{position:relative;background:#101F34;z-index:2}
.home-hero{background:#101F34;position:relative;height:auto;overflow:hidden;padding-bottom:40px}
.home-canvas{position:absolute;left:50%;transform:translateX(-50%);max-height:100%;overflow:hidden}
.home-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(16,31,52,.9)}
.home-hero-flex{position:relative;height:100%;z-index:1}
.home-intro{display:flex;justify-content:center}
.slider-prev,.slider-next{padding:0;border:0;background:none;font:inherit;color:inherit}
.chevron{font-size:1.25rem;color:#F4F9FF;font-weight:100;cursor:pointer}
.slider{overflow:hidden;width:250px!important}
.slider-track{display:flex;transition:transform 1000ms linear;transform:translateX(-0%)}
.slider-track>*{flex:0 0 100%}
.slide{text-decoration:none}
.slide-text{font-size:.9375rem;color:#fff;font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5rem;text-transform:none;word-wrap:break-word;opacity:.6}
.home-press{position:relative;background:#0072FF;z-index:1;margin:0 -2rem 0}
.home-quote{position:relative;font-size:.875rem;color:#fff;font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5rem;margin-bottom:.5em;padding-top:.5rem;padding-left:2rem;padding-right:1rem;text-transform:none}
.home-quote a,.home-quote a:visited,.home-quote a:focus,.home-quote a:hover,.home-quote a:active{color:#fff;text-decoration:none}
.home-quote::before{content:"\201c";display:block;position:absolute;left:0;top:0;font-family:Arial,Helvetica,sans-serif;font-size:5rem;line-height:5rem}
.home-logo{display:inline-block;margin-top:1rem;max-width:100%;max-height:94px}
.home-logos{border-top:1px solid rgba(255,255,255,.25);display:flex;justify-content:center}
.home-logo-box{flex-wrap:wrap;text-align:center;padding:.5rem;padding-bottom:0}
.mn{align-items:stretch;height:100%;flex-wrap:wrap;flex-direction:row}
.mn-first{height:100%;overflow:hidden}
.mn-img{display:block;width:100%;height:auto}
.mn-grid{flex-grow:1;min-height:100%;flex-direction:row;position:relative}
.mn-cell{position:relative}
.mn-pic{width:100%;background:0 0 no-repeat;background-size:cover;position:relative;height:0}
.mn-pic2{background-image:url(/assets/miner2-yz7jXnS3.png)}
.mn-pic3{background-image:url(/assets/miner3-5BWadQe2.png)}
.mn-pic4{background-image:url(/assets/miner4-WbLVsX4i.png)}
.mn-pic5{background-image:url(/assets/miner5-1kzS42nR.png)}
.mn-grid .mn-cell:nth-child(1){width:50%;order:1}
.mn-grid .mn-cell:nth-child(1) .mn-pic{padding-top:91.6%}
.mn-grid .mn-cell:nth-child(4){width:50%;order:2}
.mn-grid .mn-cell:nth-child(4) .mn-pic{padding-top:91.6%}
.mn-grid .mn-cell:nth-child(2){width:100%;order:3}
.mn-grid .mn-cell:nth-child(2) .mn-pic{padding-top:53.4%}
.mn-grid .mn-cell:nth-child(3){width:100%;order:4}
.mn-grid .mn-cell:nth-child(3) .mn-pic{padding-top:53.4%}
.mn-more{border-bottom:1px solid rgba(0,0,0,.1)}
.home-network{background:#F2F5FA}
.home-network-link{text-decoration:none}
.home-obelisk{max-width:100%;display:block}
.home-eco{background:#101F34;overflow:hidden}
.home-eco-icon{display:block;max-width:100%;height:auto;margin-right:.5rem}
@media (min-width:40rem){
  .home-hero{min-height:56rem}
  .home-overlay{background:transparent}
  .home-intro{background-color:rgba(16,31,52,.9)}
  .slider{width:450px!important}
  .home-press{margin:-233px 0 0}
  .mn{flex-wrap:nowrap}
  .mn-pic{height:100%}
  .mn-grid .mn-cell:nth-child(1){width:37%}
  .mn-grid .mn-cell:nth-child(4){width:37%;order:4}
  .mn-grid .mn-cell:nth-child(2){width:63%;order:2}
  .mn-grid .mn-cell:nth-child(3){width:63%;order:3}
  .mn-grid .mn-cell:nth-child(n) .mn-pic{padding-top:0}
}
@media (min-width:52rem){
  .home-intro{margin-right:0}
  .home-quote{padding-right:3rem}
  .home-logo-box{padding:.5rem 1.5rem;padding-bottom:0}
}
/* src/components/Skyminer, Skywallet and Blog */
.anim-hero{position:relative;height:auto;box-sizing:border-box;background:#101F34;background-size:cover;overflow:hidden}
.anim-intro{position:relative;flex-grow:1;z-index:1}
.anim-canvas{position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-height:100%;overflow:hidden}
.anim-content{position:relative;z-index:1}
.sm-about{overflow:hidden}
.sm-list{margin:0 0 1rem;font-size:14px;color:#394049;font-family:SkycoinSans,sans-serif;line-height:1.75rem}
.sm-list li{list-style-position:inside}
.sm-news{background:#fff;overflow:hidden}
.sm-video{padding-bottom:25px;margin-top:1.25rem;margin-bottom:1rem}
.sm-gallery{column-gap:32px;padding-bottom:56px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}
.news-link{display:block;width:100%;text-decoration:none;color:#000}
.news-card{width:100%;box-shadow:0 2px 20px #DFE9F4;border-radius:4px}
.news-image{position:relative;width:100%;height:0;padding-top:65%;border-radius:4px 4px 0 0;overflow:hidden}
.news-placeholder{position:absolute;width:auto;min-width:50%;max-width:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}
.news-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.news-date{margin:0;color:#B6C5D6;font-family:SkycoinSans,sans-serif;line-height:1.5rem}
.news-title{font-family:SkycoinSans,sans-serif;font-weight:400;line-height:1.5;height:51px;overflow:hidden}
@media (min-width:40rem){
  .anim-hero{min-height:100vh}
  .anim-content{max-width:25rem}
  .sm-video{margin-top:2.5rem}
}
@media (min-width:52rem){.sm-fig.g-fig{width:24.5%}}
.hdk-columns{margin-bottom:1.25rem}
.sw-gallery{padding:0 0 80px 0}
.sw-img1,.sw-img2{width:97%;height:auto}
.sw-img1{padding-right:1.2vw}
.sw-img2{padding-left:1.2vw}
@media (min-width:40rem){
  .hdk-columns{column-count:1;column-gap:2rem;margin-bottom:2rem}
  .sw-line{border-bottom:1px solid #ccc}
}
@media (max-width:831px){.sw-img1,.sw-img2{width:100%;padding:20px 0}}
@layer util{
.m2{margin:8px}
.p0{padding:0}
.p3{padding:12px}
.mxn2{margin-left:-8px;margin-right:-8px}
.mxn3{margin-left:-12px;margin-right:-12px}
.mxn6{margin-left:-24px;margin-right:-24px}
.mxn7{margin-left:-32px;margin-right:-32px}
.my2{margin-top:8px;margin-bottom:8px}
.my3{margin-top:12px;margin-bottom:12px}
.my4{margin-top:16px;margin-bottom:16px}
.my5{margin-top:20px;margin-bottom:20px}
.my6{margin-top:24px;margin-bottom:24px}
.my7{margin-top:32px;margin-bottom:32px}
.my8{margin-top:40px;margin-bottom:40px}
.px0{padding-left:0;padding-right:0}
.px1_25rem{padding-left:1.25rem;padding-right:1.25rem}
.px2{padding-left:8px;padding-right:8px}
.px3{padding-left:12px;padding-right:12px}
.px5{padding-left:20px;padding-right:20px}
.px6{padding-left:24px;padding-right:24px}
.px7{padding-left:32px;padding-right:32px}
.py10{padding-top:56px;padding-bottom:56px}
.py6{padding-top:24px;padding-bottom:24px}
.py7{padding-top:32px;padding-bottom:32px}
.py8{padding-top:40px;padding-bottom:40px}
.bg-base{background-color:#0072FF}
.bg-lightBlue{background-color:#F4F9FF}
.bg-white{background-color:#fff}
.c-base{color:#0072FF}
.c-black{color:#394049}
.c-darkGrey{color:#333}
.c-textDark{color:#07172E}
.c-white{color:#fff}
.c-x000{color:#000}
.fs100{font-size:100px}
.fs1{font-size:13px}
.fs2{font-size:14px}
.fs32{font-size:32px}
.fs3{font-size:15px}
.fs4{font-size:17px}
.fs5{font-size:20px}
.fs6{font-size:24px}
.fs7{font-size:30px}
.fs9{font-size:40px}
.mb0_75rem{margin-bottom:0.75rem}
.mb0{margin-bottom:0}
.mb10px{margin-bottom:10px}
.mb1{margin-bottom:4px}
.mb2_5rem{margin-bottom:2.5rem}
.mb2{margin-bottom:8px}
.mb3{margin-bottom:12px}
.mb4{margin-bottom:16px}
.mb5{margin-bottom:20px}
.mb6{margin-bottom:24px}
.mb7{margin-bottom:32px}
.mb8{margin-bottom:40px}
.ml1_5rem{margin-left:1.5rem}
.ml1rem{margin-left:1rem}
.ml3rem{margin-left:3rem}
.ml7{margin-left:32px}
.mr1_5rem{margin-right:1.5rem}
.mr1rem{margin-right:1rem}
.mr4{margin-right:16px}
.mr7{margin-right:32px}
.mt0{margin-top:0}
.mt10{margin-top:56px}
.mt12{margin-top:72px}
.mt16px{margin-top:16px}
.mt4{margin-top:16px}
.mt5{margin-top:20px}
.mt6{margin-top:24px}
.mt7{margin-top:32px}
.mt8px{margin-top:8px}
.mt8{margin-top:40px}
.mt9{margin-top:48px}
.pb10{padding-bottom:56px}
.pb4{padding-bottom:16px}
.pb7{padding-bottom:32px}
.pb8{padding-bottom:40px}
.pb9{padding-bottom:48px}
.pl7{padding-left:32px}
.pr7{padding-right:32px}
.pt0{padding-top:0}
.pt10{padding-top:56px}
.pt3{padding-top:12px}
.pt5{padding-top:20px}
.pt6{padding-top:24px}
.ta-l{text-align:left}
.w0pct{width:0%}
.w1-2{width:50%}
.w1-4{width:25%}
.w100pct{width:100%}
.w153px{width:153px}
.w158px{width:158px}
.w160px{width:160px}
.w182px{width:182px}
.w183px{width:183px}
.w1{width:100%}
.w250px{width:250px}
.w320px{width:320px}
.w326px{width:326px}
.w75pct{width:75%}
.w90pct{width:90%}
.wa{width:auto}
@media (min-width:40em){
.p5-sm{padding:20px}
.mx0-sm{margin-left:0;margin-right:0}
.my10-sm{margin-top:56px;margin-bottom:56px}
.my6-sm{margin-top:24px;margin-bottom:24px}
.my7-sm{margin-top:32px;margin-bottom:32px}
.my8-sm{margin-top:40px;margin-bottom:40px}
.myn3-sm{margin-top:-12px;margin-bottom:-12px}
.px10-sm{padding-left:56px;padding-right:56px}
.px4-sm{padding-left:16px;padding-right:16px}
.py10-sm{padding-top:56px;padding-bottom:56px}
.py8-sm{padding-top:40px;padding-bottom:40px}
.py9-sm{padding-top:48px;padding-bottom:48px}
.fs2-sm{font-size:14px}
.fs4-sm{font-size:17px}
.fs5-sm{font-size:20px}
.fs6-sm{font-size:24px}
.fs7-sm{font-size:30px}
.fs9-sm{font-size:40px}
.mb10-sm{margin-bottom:56px}
.mb4-sm{margin-bottom:16px}
.mb6-sm{margin-bottom:24px}
.mb8-sm{margin-bottom:40px}
.ml0-sm{margin-left:0}
.mr6-sm{margin-right:24px}
.mt10-sm{margin-top:56px}
.mt13-sm{margin-top:80px}
.mt6-sm{margin-top:24px}
.mt7-sm{margin-top:32px}
.mt8-sm{margin-top:40px}
.mt9-sm{margin-top:48px}
.pb10-sm{padding-bottom:56px}
.pb12-sm{padding-bottom:72px}
.pb13-sm{padding-bottom:80px}
.pb8-sm{padding-bottom:40px}
.pl0-sm{padding-left:0}
.pl6-sm{padding-left:24px}
.pt10-sm{padding-top:56px}
.pt13-sm{padding-top:80px}
.pt5-sm{padding-top:20px}
.w1-2-sm{width:50%}
.w1-3-sm{width:33.33333333333333%}
.w11-20-sm{width:55.00000000000001%}
.w2-3-sm{width:66.66666666666666%}
.w2-5-sm{width:40%}
.w200px-sm{width:200px}
.w3-5-sm{width:60%}
.w40pct-sm{width:40%}
.w60pct-sm{width:60%}
.w9-20-sm{width:45%}
.wa-sm{width:auto}
}
@media (min-width:52em){
.mxn8-md{margin-left:-40px;margin-right:-40px}
.my10-md{margin-top:56px;margin-bottom:56px}
.my13-md{margin-top:80px;margin-bottom:80px}
.px0-md{padding-left:0;padding-right:0}
.px12-md{padding-left:72px;padding-right:72px}
.px8-md{padding-left:40px;padding-right:40px}
.py10-md{padding-top:56px;padding-bottom:56px}
.py11-md{padding-top:64px;padding-bottom:64px}
.py13-md{padding-top:80px;padding-bottom:80px}
.fs140-md{font-size:140px}
.fs2-md{font-size:14px}
.fs36-md{font-size:36px}
.fs6-md{font-size:24px}
.fs7-md{font-size:30px}
.fs8-md{font-size:36px}
.mb13-md{margin-bottom:80px}
.mb7-md{margin-bottom:32px}
.mr0-md{margin-right:0}
.pb0-md{padding-bottom:0}
.pl8-md{padding-left:40px}
.pr8-md{padding-right:40px}
.pt13-md{padding-top:80px}
.pt9-md{padding-top:48px}
.w1-2-md{width:50%}
.w1-3-md{width:33.33333333333333%}
.w1-4-md{width:25%}
.w1-7-md{width:14.285714285714285%}
.w2-3-md{width:66.66666666666666%}
.w2-6-md{width:33.33333333333333%}
.w3-4-md{width:75%}
.w4-6-md{width:66.66666666666666%}
.w400px-md{width:400px}
.w402px-md{width:402px}
.w9-10-md{width:90%}
}
}