.converter[data-astro-cid-hkcay32m]{max-width:928px;margin:0 auto}.converter__hidden[data-astro-cid-hkcay32m]{display:none!important}.converter__layout[data-astro-cid-hkcay32m]{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:36px}.converter__layout[data-astro-cid-hkcay32m] .card[data-astro-cid-hkcay32m]{margin-bottom:0}@media (max-width: 1120px){.converter__layout[data-astro-cid-hkcay32m]{grid-template-columns:1fr}}.converter__subtitle[data-astro-cid-hkcay32m]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.converter__subtitle--indigo[data-astro-cid-hkcay32m]{color:#4f46e5;margin-bottom:1rem}.converter__formGroup[data-astro-cid-hkcay32m]{margin-bottom:27px}.converter__label[data-astro-cid-hkcay32m]{display:block;font-size:14px;font-weight:500;margin-bottom:9px}.converter__hexWrap[data-astro-cid-hkcay32m]{display:flex;height:40px;overflow:hidden}.converter__hexWrap--prefix[data-astro-cid-hkcay32m]{display:flex;align-items:center;padding:9px 13.5px;background:var(--lightGray2);user-select:none;font-size:16px;border:1px solid var(--lightGray3);border-right:0;border-radius:4px 0 0 4px}.converter__hexWrap--input[data-astro-cid-hkcay32m]{width:100%;border-radius:0 4px 4px 0}.converter__hint[data-astro-cid-hkcay32m]{margin-top:9px;font-size:.875rem;color:#6b7280}.converter__btn[data-astro-cid-hkcay32m]{width:100%;background-color:#4f46e5;font-weight:700;padding:9px 18px;border-radius:6.75px;border:none;transition:background-color .15s ease-in-out}.converter__btn[data-astro-cid-hkcay32m]:hover{background-color:#4338ca}.converter__preview[data-astro-cid-hkcay32m]{width:100%;height:120px;border-radius:8px;margin-bottom:27px;transition:background-color .3s ease;box-shadow:0 4px 6px #0000001a;background-color:#fff}.converter__result[data-astro-cid-hkcay32m]{background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.converter__barGroup[data-astro-cid-hkcay32m]{margin-bottom:18px}.converter__barHeader[data-astro-cid-hkcay32m]{display:flex;justify-content:space-between;margin-bottom:4.5px}.converter__barHeader--c[data-astro-cid-hkcay32m]{color:var(--cyan)}.converter__barHeader--m[data-astro-cid-hkcay32m]{color:var(--magenta)}.converter__barHeader--y[data-astro-cid-hkcay32m]{color:var(--yellow)}.converter__barHeader--k[data-astro-cid-hkcay32m]{color:var(--text)}.converter__barLabel[data-astro-cid-hkcay32m]{font-weight:500}.converter__barValue[data-astro-cid-hkcay32m]{font-weight:600}.converter__barTrack[data-astro-cid-hkcay32m]{width:100%;background-color:var(--lightGray);border-radius:9999px;height:11.25px}.converter__barFill[data-astro-cid-hkcay32m]{height:11.25px;border-radius:9999px;transition:all .3s ease}.converter__barFill--c[data-astro-cid-hkcay32m]{background-color:var(--cyan)}.converter__barFill--m[data-astro-cid-hkcay32m]{background-color:var(--magenta)}.converter__barFill--y[data-astro-cid-hkcay32m]{background-color:var(--yellow)}.converter__barFill--k[data-astro-cid-hkcay32m]{background-color:var(--text)}.converter__stringBox[data-astro-cid-hkcay32m]{margin-top:18px;padding:13.5px;background-color:#f9fafb;border-radius:6.75px}.converter__string[data-astro-cid-hkcay32m]{font-family:monospace;text-align:center;margin:0}.converter__info-section[data-astro-cid-hkcay32m]{margin-bottom:1.5rem}.converter__text[data-astro-cid-hkcay32m]{color:#374151;margin-bottom:28.8px}.converter__text--mb4[data-astro-cid-hkcay32m]{margin-bottom:1rem}.converter__text--mb2[data-astro-cid-hkcay32m]{margin-bottom:.5rem}.converter__list[data-astro-cid-hkcay32m]{list-style-type:disc;padding-left:1.25rem;color:#374151}.converter__list--spaced[data-astro-cid-hkcay32m]>li[data-astro-cid-hkcay32m]{margin-bottom:.5rem}.converter__list--tight[data-astro-cid-hkcay32m]>li[data-astro-cid-hkcay32m]{margin-bottom:.25rem}.converter__list--ordered[data-astro-cid-hkcay32m]{list-style-type:decimal;padding-left:1.25rem;color:#374151}.converter__list--ordered[data-astro-cid-hkcay32m]>li[data-astro-cid-hkcay32m]{margin-bottom:.5rem}.converter__titleCenter[data-astro-cid-hkcay32m]{text-align:center}.converter__stepsGrid[data-astro-cid-hkcay32m]{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:36px}@media (min-width: 768px){.converter__stepsGrid[data-astro-cid-hkcay32m]{grid-template-columns:repeat(3,1fr)}}.converter__stepCard[data-astro-cid-hkcay32m]{padding:22.5px;border:1px solid var(--lightGray);border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.converter__stepCard[data-astro-cid-hkcay32m]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.converter__stepCard[data-astro-cid-hkcay32m] code[data-astro-cid-hkcay32m]{background-color:var(--lightGray2);padding:4.5px 9px;border-radius:4.5px;font-family:monospace}.converter__stepCard--title[data-astro-cid-hkcay32m]{margin-bottom:0}.converter__stepCard--header[data-astro-cid-hkcay32m]{display:flex;align-items:center;margin-bottom:18px}.converter__stepCard--number[data-astro-cid-hkcay32m]{background-color:#4f46e5;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;margin-right:13.5px;flex-shrink:0}.converter__examples[data-astro-cid-hkcay32m]{background-color:#f9fafb;padding:27px;border-radius:8px;margin-bottom:36px}.converter__examples--nomargin[data-astro-cid-hkcay32m]{margin-bottom:0}.converter__examples--grid[data-astro-cid-hkcay32m]{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 640px){.converter__examples--grid[data-astro-cid-hkcay32m]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.converter__examples--grid[data-astro-cid-hkcay32m]{grid-template-columns:repeat(3,1fr)}}.converter__examples--item[data-astro-cid-hkcay32m]{padding:13.5px;border-radius:4.5px;background:#fff;box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px;cursor:pointer;transition:background-color .2s ease}.converter__examples--item[data-astro-cid-hkcay32m]:hover{background-color:var(--lightGray2)}.converter__examples--color[data-astro-cid-hkcay32m]{height:45px;width:100%;border-radius:4.5px}.converter__examples--textBox[data-astro-cid-hkcay32m]{margin-top:9px}.converter__examples--title[data-astro-cid-hkcay32m]{font-weight:600;margin-bottom:28.8px}.converter__examples--desc[data-astro-cid-hkcay32m]{font-size:15.75px;color:#4b5563;margin-bottom:25.2px}