.timestamp-converter .action-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.timestamp-converter .btn-small{padding:.5rem 1.5rem;font-size:.8rem;border-radius:2rem;border:.0625rem solid #dce4ec;background:#fff;cursor:pointer;transition:.1s ease;color:#1f3345;font-weight:450}.timestamp-converter .btn-small:hover{background:#f0f5fa;border-color:#b8c9d9}.timestamp-converter .input-group{background:#f9fcff;border-radius:2.5rem;padding:.2rem .2rem .2rem 1.5rem;display:flex;align-items:center;border:.0625rem solid #e2eaf2;transition:.15s}.timestamp-converter .input-group:focus-within{border-color:#8bb3d0;box-shadow:0 0 0 .2rem rgba(70,140,200,.08)}.timestamp-converter .input-wrap{flex:1;position:relative}.timestamp-converter .input-group input{width:100%;border:0;outline:0;font-size:1rem;padding:.8rem .2rem;background:0 0;color:#142433;font-family:"SF Mono","Cascadia Code","Consolas",monospace}.timestamp-converter .input-group button{background:#1b3142;color:#fff;border:0;padding:.6rem 1.8rem;border-radius:2.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:.12s}.timestamp-converter .input-group button:hover{background:#2a4055;transform:scale(.98)}.timestamp-converter .flex-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.timestamp-converter .field{flex:1 1 10rem}.timestamp-converter .field label{display:block;font-size:.75rem;font-weight:500;color:#3d5a70;margin-bottom:1rem;margin-left:.5rem}.timestamp-converter .field select{width:100%;padding:.725rem 1.5rem;border-radius:2.5rem;border:.0625rem solid #dce4ec;background:#fff;font-size:1rem;color:#142433;outline:0;transition:.1s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timestamp-converter .field select:focus{border-color:#8bb3d0;box-shadow:0 0 0 .2rem rgba(70,140,200,.06)}.timestamp-converter .result-panel{margin-top:1.5rem;background:#fafdff;border-radius:1rem;padding:1rem 1.5rem;border:.0625rem solid #e8eff6}.timestamp-converter .result-item{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;padding:.5rem 0;border-bottom:.0625rem solid #eef4fa;gap:1rem}.timestamp-converter .result-item:last-child{border-bottom:none}.timestamp-converter .result-label{font-size:.875rem;font-weight:500;color:#2d4b62;white-space:nowrap;display:flex;align-items:baseline;gap:.2rem}.timestamp-converter .tz-offset{font-size:.7rem;color:#5d7d96;background:#eaf1f9;padding:0 .6rem;border-radius:1rem}.timestamp-converter .result-value{font-size:.875rem;color:#102433;background:#f2f8ff;padding:.15rem 1rem;border-radius:2.5rem;text-align:right;max-width:65%;cursor:pointer;border:.0625rem solid transparent;transition:.1s}.timestamp-converter .result-value:hover{background:#e6eff9;border-color:#c7d8e8}.timestamp-converter .result-value.timestamp{color:#1d6b94}.timestamp-converter .result-value.datetime{color:#1f7a5e}