.arrow-td { width: 30px; padding-top: 0; padding-bottom: 0; } .green, .grey, .red { font-size: 16px; top: 1px; position: relative; @media( min-width: 576px){ font-size: 19px; } } .green { color: var(--green); } .red { color: var(--red); } .grey { color: var(--grey); } .mobile-bottomcol { margin-top: 15px; @media (min-width: 992px) { margin-top: 0px; } } .smaller-text { font-size: 12px; @media (min-width: 576px) { font-size: 14px !important; } } .row{ flex-direction: column; @media (min-width: 992px) { flex-direction: row; } } td.amount { width: 36%; @media (max-width: 576px) { width: 50%; } } td.amount.large { width: 45%; @media (max-width: 576px) { width: 60%; } } .extra-info { display: none; @media (min-width: 576px) { display: inline-table; } .fiat { font-size: 14px; margin-left: 10px; text-align: right; } .sats { color: var(--transparent-fg); font-size: 11px; } } .transaction-fee { display: block; margin: 0px auto 5px; @media (min-width: 576px) { display: inline-table; } } .btn-container { text-align: right; @media (min-width: 576px) { display: inline-table; float: right; } } .fiat { margin-left: 10px; } .tx-page-container { display: flex; flex-direction: row; align-items: baseline; white-space: nowrap; padding: 10px; margin-bottom: 10px; margin-top: 10px; } .assetBox { background: color-mix(in srgb, var(--tertiary) 56%, transparent); } .details-container { padding: 0px; tr td { padding: 0.75rem; font-size: 12px; &:first-child { color: var(--transparent-fg); white-space: pre-wrap; width: 150px; } &:nth-child(2) { word-break: break-all; white-space: normal; font-family: "Courier New", Courier, monospace; } } } .error-unblinded { display: block; width: 100%; color: #d43131; text-align: right; margin-top: 0px; margin-bottom: 10px; } h2 { line-height: 1; } .highlight { background-color: var(--stat-box-bg); } .summary { margin-top: 10px; } .address { font-family: monospace; } .p2pk-address { display: inline-block; margin-left: 1em; max-width: 100px; @media (min-width: 576px) { max-width: 200px } } .grey-info-text { color: var(--grey); font-style: italic; font-size: 12px; } .tx-link { width: 0; flex-grow: 1; margin-inline-end: 2em; } .vin-witness { .witness-item { overflow: hidden; } }