.page_main__XAO_Q{padding:1rem}.page_title__3vv71{font-size:1rem;margin-bottom:1rem}.styles_convert_colorcode__dCgN5{display:flex;flex-direction:column;gap:2rem}.styles_input__2_mkh{display:flex;flex-direction:column;gap:1rem}.styles_input__2_mkh div{display:flex;flex-direction:column;gap:.5rem}.styles_input__2_mkh div input{font-size:1rem;width:100%;max-width:128px;letter-spacing:1px;color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:.2rem}.styles_input__2_mkh div input[type=text]{padding:.2rem .5rem}.styles_input__2_mkh div input[type=submit]{cursor:pointer;background-color:var(--color-background-secondary)}.styles_input__2_mkh div input[type=submit]:hover{background-color:var(--color-background-primary)}.styles_output__UN7qg{display:flex;flex-direction:column;gap:1rem}.styles_output__UN7qg .styles_color__x45GG{width:64px;height:64px;border:1px solid var(--color-border-primary)}.styles_output__UN7qg .styles_table__CaJT2{width:100%}.styles_output__UN7qg .styles_table__CaJT2 table{width:100%;max-width:512px;table-layout:fixed;border-collapse:collapse;border:1px solid var(--color-border-primary)}.styles_output__UN7qg .styles_table__CaJT2 th{letter-spacing:1px;border-bottom:1px solid var(--color-border-primary);padding:.2rem}.styles_output__UN7qg .styles_table__CaJT2 td{padding:.2rem}.styles_output__UN7qg .styles_table__CaJT2 thead th{font-weight:700;text-align:center;border-bottom:1px solid var(--color-border-primary)}.styles_output__UN7qg .styles_table__CaJT2 tbody th{font-weight:400;text-align:left;padding-left:1rem;border-right:1px solid var(--color-border-primary)}.styles_output__UN7qg .styles_table__CaJT2 tbody td{padding:.5rem}.styles_output__UN7qg .styles_table__CaJT2 tbody td input{width:100%;max-width:256px;font-size:1rem;letter-spacing:1px;padding:.25rem .5rem;border:1px solid var(--color-border-primary);border-radius:.25rem}