#konrad-preview .payment-details{font-size:18.8px}
#konrad-preview .payment-details h1.subpage-title{font-variant-caps:normal!important;font-feature-settings:"smcp" 0,"c2sc" 0!important}
#konrad-preview .payment-section{margin:0 0 36px}
#konrad-preview .payment-section h2{font-size:18.8px;font-weight:400;line-height:1.4;letter-spacing:.07em;margin:0 0 16px;color:var(--ink)}
#konrad-preview .payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0}
#konrad-preview .payment-detail{display:flex;flex-direction:column;min-width:0}
#konrad-preview .payment-detail--wide{grid-column:1/-1}
#konrad-preview .payment-detail dt{font-size:16px;line-height:1.4;margin:0 0 6px;color:var(--quiet)}
#konrad-preview .payment-detail dd{display:flex;align-items:flex-start;gap:8px;min-width:0;margin: auto 0 0;padding:8px 10px;border:1px solid var(--rule);border-radius:3px;line-height:1.5}
#konrad-preview .payment-value{flex:1;min-width:0;align-self:center;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;cursor:text}
#konrad-preview .copy-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:32px;padding:5px;border:0;border-radius:2px;background:transparent;color:var(--link);cursor:pointer}
#konrad-preview .copy-button[hidden]{display:none}
#konrad-preview .copy-button:hover{color:var(--link-hover);background:light-dark(#F1EFE8,#2A2B26)}
#konrad-preview .copy-button:focus-visible{outline:1px solid var(--ink);outline-offset:2px}
#konrad-preview .copy-button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#konrad-preview .copy-button .copied-symbol{display:none}
#konrad-preview .copy-button[data-copied="true"] .copy-symbol{display:none}
#konrad-preview .copy-button[data-copied="true"] .copied-symbol{display:block}
#konrad-preview .payment-details .copy-status{min-height:1.5em;margin:0;font-size:16px;color:var(--quiet);text-align:left}
@container(max-width:590px){#konrad-preview .payment-details{font-size:var(--mobile-copy-size,16.4px)}}
@media(max-width:440px){#konrad-preview .payment-grid{column-gap:16px}#konrad-preview .payment-detail dd{padding:6px;gap:6px}#konrad-preview .payment-detail--swift{grid-column:1/-1}}