/* Duebyte: original gold emblem with a light, geometric, theme-aware wordmark. */
@import url('./duebyte-coin.css');
@font-face{font-family:Inter;src:url('./inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
.duebyte-logo{display:inline-flex;align-items:center;gap:11px;flex:none;white-space:nowrap;font-family:Inter,system-ui,sans-serif;color:#101827}
.duebyte-mark{position:relative;display:block;flex:none;width:50px;height:50px;overflow:hidden}
.duebyte-mark img{position:absolute!important;display:block;width:214px!important;height:71.333px!important;max-width:none!important;left:-28px;top:-9.5px;object-fit:fill!important;mix-blend-mode:multiply}
.duebyte-mark .duebyte-logo-dark{display:none}
.duebyte-type{display:flex;flex-direction:column;gap:5px}
.duebyte-name{display:flex;align-items:baseline;gap:0;font-size:30px;line-height:1;font-weight:350;letter-spacing:-.6px}
.duebyte-name svg{width:20px;height:24px;display:block;align-self:center;flex:none;margin-right:1px;overflow:visible}
.duebyte-ticker{display:block;font-size:9px;line-height:1;font-weight:600;letter-spacing:4.4px;color:#9a6808;padding-left:2px}
:root:is([data-theme=dark],[data-theme=graphite]) .duebyte-logo{color:#f2f4f7}
:root:is([data-theme=dark],[data-theme=graphite]) .duebyte-ticker{color:#edc45f}
:root:is([data-theme=dark],[data-theme=graphite]) .duebyte-mark .duebyte-logo-light{display:none}
:root:is([data-theme=dark],[data-theme=graphite]) .duebyte-mark .duebyte-logo-dark{display:block;mix-blend-mode:screen}
@media(max-width:480px){.duebyte-logo{gap:8px}.duebyte-name{font-size:27px}.duebyte-name svg{width:18px;height:22px}.duebyte-ticker{font-size:8px;letter-spacing:4px}}