#coordinate-converter{grid-template-columns:minmax(0,26rem);justify-content:center;column-gap:2.5rem;row-gap:2rem}@media(min-width:66rem){#coordinate-converter{grid-template-columns:repeat(3,minmax(0,1fr))}}.coord-row+.coord-row{margin-top:.5rem}.coord-label{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.85rem}.coord-inputs{display:flex;align-items:center;gap:.4rem}.coord-part{flex:1;display:flex;align-items:flex-start;gap:.15rem;min-width:0;color:var(--muted)}.coord-part input{flex:1;width:100%;padding-inline:.6rem;color:var(--fg)}.coord-part>span{width:.5em}:is([data-format=ddm],[data-format=dms]) .coord-deg,[data-format=dms] .coord-min{flex:none}:is([data-format=ddm],[data-format=dms]) .coord-deg input,[data-format=dms] .coord-min input{box-sizing:content-box;padding-inline:.5rem}:is([data-format=ddm],[data-format=dms]) .coord-deg input{width:3.2ch}[data-format=dms] .coord-min input{width:2.2ch}.coord-inputs select{flex:none;width:3.75rem;padding-inline:.5rem}