.format-converter{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(150px,1fr)) auto auto;align-items:end;gap:9px;display:grid}.format-converter-heading,.format-converter p,.format-converter progress,.format-result{grid-column:1/-1}.format-converter-heading{gap:3px;display:grid}.format-converter-heading span,.format-converter p{color:#8d98af;font-family:var(--mono);font-size:9px}.format-converter-heading strong{color:#f0f3fb;font-size:12px}.format-converter p{min-height:12px;margin:0}.format-converter progress{width:100%;height:7px;accent-color:var(--turquoise)}.format-converter label{color:#aeb7ca;gap:5px;font-size:10px;font-weight:750;display:grid}.format-converter select{min-width:0}.format-file{color:#aeb7ca;gap:5px;font-size:10px;font-weight:750;display:grid}.format-file>div{align-items:center;gap:8px;min-width:0;display:flex}.format-file button{color:#eef2fb;cursor:pointer;background:#182033;border:1px solid #3b455e;border-radius:7px;flex:none;min-height:34px;padding:0 10px}.format-file button:hover:not(:disabled){background:#243048;border-color:#71809d}.format-file button:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px}.format-file button:disabled{cursor:wait;opacity:.55}.format-file>div span{color:#cbd2e2;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.format-file small{color:#8d98af;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.format-convert-action,.format-download-action{color:#061a1a;cursor:pointer;background:#28bfb1;border:1px solid #55d9cc;border-radius:7px;min-height:34px;padding-inline:12px;font-weight:850}.format-convert-action:hover:not(:disabled),.format-download-action:hover{background:#55d9cc}.format-convert-action:disabled{cursor:not-allowed;opacity:.45}.format-result{border-top:1px solid #29344a;align-items:center;gap:8px;min-width:0;padding-top:10px;display:flex}.format-result>div{flex:1;gap:3px;min-width:0;display:grid}.format-result strong,.format-result span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.format-result strong{color:#e9f9f6;font-size:10px}.format-result span{color:#8d98af;font-family:var(--mono);font-size:8px}.format-result button{white-space:nowrap;min-height:34px;padding-inline:11px}.format-another-action{color:#e8ebf4;cursor:pointer;background:#182235;border:1px solid #44516a;border-radius:7px;font-weight:750}.format-another-action:hover{background:#243048;border-color:#71809d}.format-converter-popover{z-index:80;background:#0d1320;border:1px solid #354057;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:16px;display:grid;position:absolute;top:58px;left:0;right:0;box-shadow:0 18px 44px #0000008c}.format-converter-popover .format-converter{grid-column:1}.format-converter-close{color:#e8ebf4;cursor:pointer;background:#182235;border:1px solid #44516a;border-radius:7px;min-height:36px;padding:0 11px;font-size:11px;font-weight:750}.format-converter-close:hover:not(:disabled){background:#243048;border-color:#71809d}.format-converter-close:focus-visible{outline:2px solid var(--turquoise);outline-offset:2px}.format-converter-close:disabled{cursor:wait;opacity:.5}@media (width<=760px){.format-converter{grid-template-columns:1fr}.format-converter-heading,.format-converter p,.format-converter progress,.format-result{grid-column:1}.format-converter button,.format-converter select{width:100%;min-height:44px}.format-file button{width:auto}.format-result{flex-wrap:wrap}.format-result>div{flex-basis:100%}.format-converter-popover{border-inline:0;border-radius:0;grid-template-columns:1fr;padding:14px;top:66px}.format-converter-popover .format-converter,.format-converter-close{grid-column:1}.format-converter-close{min-height:44px}}