.sa-temp-converter{display:grid;grid-template-columns:1.2fr 1fr 52px 1fr;gap:12px;align-items:end;margin-bottom:16px}.sa-temp-swap{width:52px!important;min-width:52px!important;height:52px;padding:0!important;border:1px solid #dbe3ec!important;background:var(--sa-accent-soft)!important;color:var(--sa-accent-2)!important}.sa-temp-reference{margin-top:18px}@media(max-width:720px){.sa-temp-converter{grid-template-columns:1fr}.sa-temp-swap{justify-self:center;transform:rotate(90deg)}.sa-temp-swap:hover{transform:rotate(90deg) translateY(-2px)}}