.datetime-converter .field-row{gap:var(--s2);display:flex}.datetime-converter .field-row input{flex:1;min-width:0}.datetime-converter .field-row button{flex:none}.datetime-converter .swap{min-height:38px;padding:0 var(--s3);border-color:var(--border);color:var(--text-2);background-color:#0000;align-self:flex-start;font-size:.85rem}.datetime-converter .result p{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--text);font-size:1.35rem;font-weight:650}.datetime-converter .result .detail{letter-spacing:0;color:var(--text-2);font-size:.88rem;font-weight:500}.datetime-converter .result .placeholder,.datetime-converter .result .error{font-size:.95rem;font-weight:500}.datetime-converter .result .placeholder{color:var(--muted)}.datetime-converter .result .error{color:var(--danger)}