@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes attention { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes searchLogo { 0% { height: 24px; right: 4px; top: 0; box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.3); transform: rotate(-10deg); }
  100% { height: 32px; right: 6px; top: -3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45); transform: rotate(0deg); } }
@keyframes searchLogoReverse { 0% { height: 32px; right: 6px; top: -3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45); transform: rotate(0deg); }
  100% { height: 24px; right: 4px; top: 0; box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.3); transform: rotate(-10deg); } }
div.positive, .ui.table td.positive { background-color: rgba(46, 204, 64, 0.15) !important; }
div.positive p, .ui.table td.positive p { color: rgba(45, 135, 46, 0.91); }
div.negative, .ui.table td.negative { background-color: rgba(255, 65, 54, 0.15) !important; }
div.negative p, .ui.table td.negative p { color: rgba(195, 45, 42, 0.7); margin-top: 10px; }
div.progress, .ui.table td.progress { background-color: rgba(255, 203, 27, 0.25) !important; }
div.progress p, .ui.table td.progress p { color: rgba(195, 99, 27, 0.51); }

@media (max-width: 768px) { div.positive, .ui.table td.positive { background-color: rgba(170, 255, 170, 0.6) !important; }
  div.positive p, .ui.table td.positive p { color: rgba(45, 135, 46, 0.91); }
  div.negative, .ui.table td.negative { background-color: rgba(255, 216, 214, 0.6) !important; }
  div.negative p, .ui.table td.negative p { color: rgba(195, 45, 42, 0.7); margin-top: 10px; }
  div.progress, .ui.table td.progress { background-color: rgba(254, 228, 141, 0.6) !important; }
  div.progress p, .ui.table td.progress p { color: #c3901b; } }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; font-size: 18px; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; text-shadow: none; }

img { border: none; }

a { color: #327B9E; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
a:hover { color: #F7941D; }

body { font-family: Ubuntu, Lato, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #505050; line-height: 22px; background: url(/National_Library/20161130034600oe_/https://acceptbitcoin.cash/img/pcb-subtle-green.png) repeat; }

h1, h2, h3, h4, h5, .ui.header { font-family: Ubuntu, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

p { margin: 1em 0; }

[data-tooltip]:after { font-size: 0.8rem; }

.no-bcc { transition: 1s all ease-in-out; }

.filter-no-results { display: none; }

.coin-wrap { display: inline-block; }
.coin-wrap img { height: 40px; width: auto; }

.fab { position: fixed; bottom: 1rem; right: 0.5rem; z-index: 10000; }
.fab .ui.button { position: relative; background: #F7941D !important; box-shadow: 2px 5px 20px rgba(0, 0, 0, 0.4); }
.fab .ui.button i { position: absolute; top: 7px; left: 7px; font-size: 32px; font-weight: bold; color: #fff; }
.fab .ui.button:nth-child(2), .fab .ui.button:nth-child(3) { background-color: #156D98 !important; position: absolute; top: -64px; left: 0; }
.fab .ui.button:nth-child(2) i, .fab .ui.button:nth-child(3) i { font-size: 20px; font-weight: normal; left: 14px; }
.fab .ui.button:nth-child(3) { display: none; background-color: #DAECD4 !important; position: absolute; top: -128px; left: 0; }
.fab .ui.button:nth-child(3) i { color: #096905; font-size: 26px; top: 9px; left: 11px; }

.attention { animation: 420ms attention; animation-iteration-count: 3; }

.website-table .left, .website-table .right { display: inline-block; height: 100%; line-height: 2em; }

.website-table a.name { font-size: 22px; font-weight: 300; color: #156D98; }
.website-table a.name:hover { color: #B76A10; }

.website-table .left { width: 60%; }
.website-table .left p { margin-top: 10px; }

.website-table .right { float: right; padding-left: 30px; width: 40%; }

.ui.inverted.teal.menu { border-radius: 0; }

#top-header { padding: 0 0 20px; border-radius: 10px; }
#top-header a { color: #A1CDE2; }
#top-header a:hover { color: #F7941D; }
#top-header h2 { background: #F7941D; border-radius: 5px 5px 0 0; color: #fff; font-weight: 500; padding: 10px 0; }
#top-header .title-wrap { display: inline-block; border: 3px solid #DAECD4; width: 705px; margin-top: 40px; border-radius: 10px 10px 0 0; border-bottom: 0; }
#top-header .title-wrap .inner-title { background: #444; padding-bottom: 15px; }
#top-header .title-wrap .inner-title .sub.header { margin: 0 auto; padding: 15px 0; max-width: 90%; }
#top-header .title-wrap .inner-title .sub.header.how-to-contrib { padding-top: 0; margin-top: 0; }
#top-header .title-wrap .inner-title .sub.header:first-of-type { font-size: 1.2rem; padding: 30px 15px 20px; }
#top-header .title-footer { padding: 10px 0; background: #327B9E; border-radius: 0 0 10px 10px; font-size: 0.9rem; font-style: italic; font-weight: 500; }
#top-header .title-footer a { color: #fff; margin: 0 1rem; display: inline-block; width: 40%; text-align: center; cursor: pointer; }
#top-header .title-footer a:hover { color: #F7941D; }
#top-header .title-footer a i { display: inline; font-size: 1.1rem; margin-right: 3px; }
#top-header .bcc-only { padding: 10px; background: #444; transition: 1s all ease-in-out; }
#top-header .bcc-only #search-wrapper { margin: 0 auto; position: relative; text-align: center; color: #F7941D; transition: 1s all ease-in-out; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) { position: relative; display: block; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) i.icon.search { position: absolute; left: 75px; top: 12px; color: #5596B5; display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 1; animation: 1s fadein; animation-fill-mode: forwards; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) input[type=search] { display: block; width: 560px; padding: 10px 10px 10px 45px; margin: 0 auto; background: #eee; color: #327B9E; font-weight: 300; border: 3px #F7941D solid; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) input[type=search]:focus { border-color: #F7941D; box-shadow: 0 0 10px #F7941D; outline: none; font-weight: 500; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) input[type=search]::placeholder { color: #444; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) button#search-clear { display: none; position: absolute; top: 12px; right: 72px; height: 28px; overflow: hidden; line-height: 1; background: transparent; border: none; cursor: pointer; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) button#search-clear:focus { outline-style: dotted; outline-width: 1px; outline-color: #faa; }
#top-header .bcc-only #search-wrapper label:not(.z-switch) button#search-clear i { color: #900; display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; box-sizing: border-box; }
#top-header .bcc-only #search-wrapper .z-switch { position: relative; white-space: nowrap; line-height: 2.3; }
#top-header .bcc-only #search-wrapper .z-switch .z-switch--container { margin-right: 5px; }
#top-header .bcc-only.fixto-fixed { z-index: 10000; background: #444; color: #F7941D; border: 2px solid #327B9E; border-top: 0; border-radius: 0 0 10px 10px; box-shadow: 0 0px 64px rgba(50, 123, 158, 0.888); }
#top-header .bcc-only.fixto-fixed #search-wrapper { text-align: left; line-height: 1; }
#top-header .bcc-only.fixto-fixed #search-wrapper label { float: left; }
#top-header .bcc-only.fixto-fixed #search-wrapper label i.icon.search { left: 16px; }
#top-header .bcc-only.fixto-fixed #search-wrapper label input[type=search] { display: block; float: left; width: 410px; margin-right: 20px; border-color: transparent; color: #327B9E; }
#top-header .bcc-only.fixto-fixed #search-wrapper label input[type=search]:focus { border: 3px #F7941D solid; }
#top-header .bcc-only.fixto-fixed #search-wrapper label button#search-clear { display: none; position: absolute; right: 25px; }
#top-header .bcc-only.fixto-fixed #search-wrapper .z-switch { float: none; white-space: normal; line-height: 1; font-size: 1rem; }
#top-header .bcc-only.fixto-fixed #search-wrapper span { display: inline; }

#no-results { display: none; margin: 10px 0 128px; padding: 20px 0; text-align: center; color: #fff; background: #830000c9; border: 3px solid #f00; border-width: 3px 0; }

.ui.dimmer { background-color: rgba(0, 0, 0, 0.93); z-index: 10001; }
.ui.dimmer a { color: #5596B5; }
.ui.dimmer a:hover { color: #F7941D; }

.ui.header { color: inherit; }
.ui.header .sub.header { color: #fff; }

.ui.container { background: rgba(85, 150, 181, 0.45); border: 3px solid #DAECD4; border-radius: 7px; padding: 40px 20px; }

.ui.grid > .row { padding: 0; }

.ui.button { font-family: Ubuntu, Lato, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover { background: #327B9E; }

.desktop-table { padding: 18px 0; }

.active-icon, .category h5.ui.icon.header:hover i, .category h5.ui.icon.header:hover i + small { background-color: #F7941D; color: white; box-shadow: 0 0 0 3px #B76A10 inset !important; }
.active-icon + small, .category h5.ui.icon.header:hover i + small, .category h5.ui.icon.header:hover i + small + small { color: #F7941D; border: 3px solid #B76A10 !important; }

.category { cursor: pointer; padding-top: 20px; text-align: center; }
.category h5.ui.icon.header { color: inherit; margin-bottom: 1.5rem; }
.category h5.ui.icon.header i.circular.icon { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; background: #fff; box-shadow: 0 0 0 3px #DAECD4 inset; border-radius: 10px !important; border-color: #FFC899; margin-bottom: 0.8rem; }
.category h5.ui.icon.header i.circular.icon.active-icon, .category h5.ui.icon.header:hover i.circular.icon { background-color: #F7941D; }
.category h5.ui.icon.header small { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: inline-block; background: #fff; border: 3px solid #DAECD4; border-radius: 10px; padding: 5px 10px; font-size: 1rem; }
.category h5.ui.icon.header:hover i, .category h5.ui.icon.header:hover i + small { color: #fff; }

.ui.table.content-wrapper { background: #fff; border-radius: 0 !important; border: 3px solid #DAECD4; border-width: 3px 0; }

.ui.table thead th { color: #327B9E; }

.ui.table thead th:first-child { background: #327c9e; background: -moz-linear-gradient(left, #327B9E 0%, #327B9E 58%, #f9fafb 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #327B9E), color-stop(58%, #327B9E), color-stop(100%, #f9fafb)); background: -webkit-linear-gradient(left, #327B9E 0%, #327B9E 58%, #f9fafb 100%); background: -o-linear-gradient(left, #327B9E 0%, #327B9E 58%, #f9fafb 100%); background: -ms-linear-gradient(left, #327B9E 0%, #327B9E 58%, #f9fafb 100%); background: linear-gradient(to right, #327B9E 0%, #327B9E 58%, #f9fafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='#f9fafb', GradientType=1 ); border-radius: 0 !important; color: #f9fafb; }

.ui.table thead th:not(:first-child) { text-align: center; }

.ui.table td.positive, .ui.table tr.positive { color: #4CCA47 !important; }

.ui.table tr td.docs a { color: #327B9E !important; }
.ui.table tr td.docs a:hover { color: #F7941D !important; }

.ui.table td.twitter { text-align: center; }

.website-table { margin: auto; position: relative; width: 90vw; z-index: 1000; }

.mobile-table { display: none; }
.mobile-table .label { display: none; padding: 15px 0; text-align: center; }
.mobile-table .bcc-merchant-content { margin: 0 auto 40px auto; }
.mobile-table .bcc-merchant-content > div { box-shadow: 0 0 0 3px #bee6b1 inset; border-radius: 10px !important; padding: 0.5em; margin: 0.8rem 0; text-align: center; }
.mobile-table .bcc-merchant-content > div.negative { box-shadow: 0 0 0 3px #e4c4c4 inset; }
.mobile-table .bcc-merchant-content > div.progress { box-shadow: 0 0 0 3px #e4d883 inset; }
.mobile-table .bcc-merchant-content .main .title { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row; -ms-flex-align: center; align-items: center; }
.mobile-table .bcc-merchant-content .main .title .name { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: left; font-weight: 300; }
.mobile-table .bcc-merchant-content .main .mobile-logo { display: inline-block; margin: 0 0.4rem; }
.mobile-table .bcc-merchant-content .main .button-group { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row; justify-content: space-between; margin-top: 0.8rem; }
.mobile-table .bcc-merchant-content .button { padding: 0.4em 0 0.2em; width: 100%; }
.mobile-table .bcc-merchant-content .button i { margin: 0 !important; }
.mobile-table .bcc-merchant-content .button i.book.icon { margin-bottom: 2px; vertical-align: bottom; height: auto !important; }
.mobile-table .bcc-merchant-content p { margin: 0.5rem 0 0.2rem; font-weight: 700; font-size: 0.9rem; text-align: center; }

.ui.table td { padding: 0.5em; }
.ui.table td.main { line-height: 2em; }
.ui.table td.main .title { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -ms-flex-direction: row; -ms-flex-align: center; align-items: center; }
.ui.table td.main .title .name { display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1; padding-left: 0; margin-bottom: 0; font-size: 1.1rem; line-height: 1.3; }
.ui.table td.main .progress-info { display: flex; display: -webkit-flex; display: -ms-flexbox; -webkit-justify-content: center; justify-content: center; }
.ui.table td.main .progress-info a { width: 145px; min-width: 145px; padding-left: 0; }
.ui.table td.icon { text-align: center; width: 10%; }

.ui.mini.button { padding: 0.4em 1.5em !important; }
.ui.mini.button i { margin: 0 0 0.2rem !important; }

td img.icon, .title img { -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; background-color: white; border-radius: 50%; float: left; padding: 4px 4px; width: 2em; height: 2em; width: 2em; line-height: 1; margin-right: 0.8em; }

.ui.celled.table tr td.main a, .ui.celled.table .exception, .ui.celled.table .exception * { padding-left: 3%; margin-bottom: 5px; vertical-align: top; }

.ui.mini.button { margin: 0.2em; }

span.progress { padding-left: 10%; }

.ui.subfooter { background: rgba(0, 0, 0, 0.88); color: #f0f0f0; margin: 0; padding: 2em 0 0; border-radius: 0; }
.ui.subfooter .inner { width: 80%; margin: 0 auto 2.5em; }
.ui.subfooter .inner h3 { font-weight: 300; letter-spacing: -1px; font-size: 1.5rem; margin-bottom: 1em; }
.ui.subfooter .inner p { text-align: left; }
.ui.subfooter .inner p.satoshi-tag { margin-bottom: 4em; color: #656565; font-weight: 500; font-size: 0.7rem; font-style: italic; text-align: center; }
.ui.subfooter .inner a { color: #aaa; }
.ui.subfooter .inner a:hover { color: #fff; }
.ui.subfooter .inner .ui.buttons .or { top: 10px; }
.ui.subfooter .inner .ui.buttons .or:before { line-height: 1.6; }

.ticker { margin: 2rem 0 0; padding: 0; border-top: 3px solid #DAECD4; border-radius: 0; }
.ticker #ticker_value { background: rgba(255, 133, 27, 0.8); list-style: none; text-align: center; }
.ticker #ticker_value li { display: inline-block; margin: 1rem 2rem; font-weight: bold; color: #444; }
.ticker #ticker_value li:first-child { margin-top: 2rem; }
.ticker #ticker_value li:last-child { margin-bottom: 2rem; }
.ticker #ticker_value li span.curr-symbol { font-size: 1.8rem; font-weight: normal; margin: 0 0.2rem; }
.ticker #ticker_value li span.curr-price { display: block; margin-top: 0.8rem; font-size: 2rem; font-weight: 300; letter-spacing: -2px; }

/*
#ama-merchant { background-color: #BF5700;
}

#ama-customer { background-color: #007373;
}
*/
.asset-panel { background: #fff; background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%), linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%), linear-gradient(-45deg, transparent 75%, #e8e8e8 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; text-align: center; }
.asset-panel p { width: 62%; margin: 0 auto; padding: 2rem 0 0; font-size: 1.2rem; }
.asset-panel > a { display: inline-block; padding: 2rem; font-size: 1.6rem; font-weight: bold; line-height: 1; letter-spacing: -1px; cursor: pointer; }
.asset-panel > a i { font-size: 2.2rem; }

.assets img:not(.p-logo) { position: relative; display: inline-block; background: url(/National_Library/20161130034600oe_/https://acceptbitcoin.cash/img/alpha-image-bg.gif) repeat #f0f0f0; padding: 1rem; max-height: 100px; max-width: 100%; width: auto; -webkit-transition: all 420ms ease; -moz-transition: all 420ms ease; -ms-transition: all 420ms ease; -o-transition: all 420ms ease; transition: all 420ms ease; }
.assets img:not(.p-logo):hover { background: #FFC899; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -moz-transform: translateX(-2px) translateY(-2px); -webkit-transform: translateX(-2px) translateY(-2px); -o-transform: translateX(-2px) translateY(-2px); -ms-transform: translateX(-2px) translateY(-2px); transform: translateX(-2px) translateY(-2px); }

.about-this-site .ui.header img { width: 128px; margin-bottom: 1rem; }

.p-logo { height: 20px; width: auto; vertical-align: text-top; }

.ui.list.artwork-list > .item a.header:hover, .ui.list.artwork-list > .item a.header:hover { color: #F7941D !important; }

.ui.footer { background: rgba(255, 255, 255, 0.7); margin: 0; border-top: 3px solid #daecd4; padding: 2rem; }

#show-disclaimer { cursor: pointer; }

.disclaimer p { font-size: 1.067rem; }

.remember-this { color: #8aff8a; font-weight: bold; }

.super-important { color: #ea7878; font-weight: bold; }

@media (max-width: 768px) { .fab { right: -12px; }
  .desktop-table { display: none; }
  .ui.container { margin: 0 !important; border-width: 3px 0; }
  #top-header .title-wrap { width: 100%; border-width: 3px 0; border-radius: 0; }
  #top-header .title-wrap #search-wrapper label { left: 3.3%; }
  #top-header .title-wrap #search-wrapper input[type=search] { padding: 10px; }
  #top-header .title-wrap h2 { border-radius: 0; }
  #top-header .title-wrap .title-footer a { margin: 0.5rem 0; display: block; border-radius: 0; width: 100%; }
  #top-header .bcc-only { padding: 0; }
  #top-header .bcc-only #search-wrapper { border: 0; padding: 11px 0; }
  #top-header .bcc-only #search-wrapper label:not(.z-switch) { margin-bottom: 10px; position: initial; }
  #top-header .bcc-only #search-wrapper label:not(.z-switch) i.icon.search { display: none; }
  #top-header .bcc-only #search-wrapper label:not(.z-switch) input[type=search] { width: 90%; padding: 10px; }
  #top-header .bcc-only #search-wrapper label:not(.z-switch) button#search-clear { top: 24px; right: 32px; }
  #top-header .bcc-only #search-wrapper .z-switch { float: none; position: initial; white-space: normal; line-height: 1; }
  #top-header .bcc-only #search-wrapper .z-switch .z-switch--container { display: block; margin: 0 auto 10px; }
  #top-header .bcc-only.fixto-fixed { padding: 0 11px; border-width: 0 0 2px; border-radius: 0; box-shadow: 0 0px 32px rgba(50, 123, 158, 0.888); }
  #top-header .bcc-only.fixto-fixed #search-wrapper label:not(.z-switch) { text-align: center; font-size: 1rem; }
  #top-header .bcc-only.fixto-fixed #search-wrapper label:not(.z-switch) input[type=search] { width: 100%; margin: 0 0 8px; }
  #top-header .bcc-only.fixto-fixed #search-wrapper label:not(.z-switch) button#search-clear { right: 10px; }
  #top-header .bcc-only.fixto-fixed #search-wrapper label:not(.z-switch):not(.z-switch) { float: none; }
  #top-header .bcc-only.fixto-fixed #search-wrapper .z-switch { white-space: normal; line-height: 1; font-size: 0.9rem; }
  #top-header .bcc-only.fixto-fixed #search-wrapper .z-switch .z-switch--container { float: left; margin: 0 10px 0 0; }
  .mobile-table { display: block; width: 95vw; }
  .asset-intro { float: none; width: 98%; margin: 0 1%; padding: 0 0.9rem; }
  .ui.modal .content > .description { padding: 0 !important; }
  .ui.grid.container { border-width: 3px 0; }
  .ui.list .list > .item > .icon + .content, .ui.list .list > .item > .image + .content, .ui.list > .item > .icon + .content, .ui.list > .item > .image + .content { padding: 0.65rem 0; }
  .ui.list.artwork-list { float: none; width: 100%; margin-top: 2rem; }
  .ticker #ticker_value li { display: block; margin: 2rem; }
  .ticker #ticker_value li:first-child { margin-top: 0; padding-top: 2rem; }
  .ticker #ticker_value li:last-child { margin-bottom: 0; padding-bottom: 2rem; }
  .ui.subfooter { padding: 2em 0 0; }
  .ui.subfooter .inner h3 { font-size: 1.2rem; }
  .ui.subfooter .inner .ui.huge.button, .ui.subfooter .inner .ui.huge.buttons .button, .ui.subfooter .inner .ui.huge.buttons .or { font-size: 0.8rem; }
  .ui.subfooter .inner .ui.buttons .or { top: 0; }
  .asset-panel { padding-bottom: 1rem; }
  .asset-panel p { margin-bottom: 1rem; }
  .asset-panel > a { padding: 1rem; font-size: 1.6rem; text-align: center; }
  .asset-panel > a i { display: block; font-size: 3rem; margin: 0 auto; }
  .assets { text-align: center; } }
#bitcoin-logo { position: relative; width: 320px; height: 200px; margin: 0 auto; }
#bitcoin-logo .coin-side { position: absolute; top: 0; fill: #F7941D; }
#bitcoin-logo .coin-side.left-side { left: 0; animation: coinleft 2s ease-in-out; animation-fill-mode: forwards; }
#bitcoin-logo .coin-side.right-side { right: 0; animation: coinright 2s ease-in-out; animation-fill-mode: forwards; }
#bitcoin-logo .coin-side.top-side-left-side { left: 0; animation: sidescaleoutleft 420ms ease-out; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0; }
#bitcoin-logo .coin-side.top-side-left-side-force { left: 0; animation: sidescaleoutleft 420ms ease-out; animation-delay: 1s; }
#bitcoin-logo .coin-side.side-right-fix { right: 0; }
#bitcoin-logo .coin-side.top-side-right-side { animation: sidescaleoutright 420ms ease-out; animation-fill-mode: forwards; animation-delay: 2s; opacity: 0; }
#bitcoin-logo .coin-side.top-side-right-side-force { animation: sidescaleoutright 420ms ease-out; animation-delay: 1s; opacity: 0; }
#bitcoin-logo #coin-toggle { width: 320px; height: 200px; position: absolute; top: 0; left: 0; margin: 0; padding: 0; cursor: pointer; z-index: 10; opacity: 0; }
#bitcoin-logo #main-coin { position: relative; width: 200px; height: 200px; border-radius: 100px; margin: 0 auto; display: block; text-align: center; background: #F7941D; transform: rotate(-28deg); animation: spincoin 1s ease-in-out; animation-fill-mode: forwards; }
#bitcoin-logo #main-coin .glyph { stroke: #BE6907; stroke-width: 0; stroke-dasharray: 2110; stroke-dashoffset: 0; stroke-linecap: round; fill: #fff; }
#bitcoin-logo #main-coin .anim-glyph { animation: dash 1250ms linear; animation-delay: 1s; }
#bitcoin-logo #main-coin .anim-glyph-force { animation: dash 1250ms linear; }

@keyframes dash { 0% { stroke-dashoffset: 2110; stroke-width: 8; stroke-opacity: 1; }
  80% { stroke-opacity: 1; }
  90% { stroke-opacity: 0.5; }
  100% { stroke-dashoffset: 0; stroke-width: 8; stroke-opacity: 0; } }
@keyframes spincoin { 100% { transform: rotate(332deg); background: #F7941D; } }
@keyframes coinleft { 0% { transform: scale(1.3) rotate(-24deg); opacity: 0; margin: 40px 0 0 -100px; }
  45% { opacity: 0; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; margin: 0; } }
@keyframes coinright { 0% { transform: scale(1.3) rotate(-24deg); opacity: 0; margin: -40px -50px 0 0; }
  45% { opacity: 0; }
  100% { transform: scale(1); opacity: 1; margin: 0; } }
@keyframes sidescaleoutleft { 0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.7) translateX(-64px); opacity: 0; } }
@keyframes sidescaleoutright { 0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.7) translateX(64px); opacity: 0; } }