.hold_items,.hold_items__flex_end,.hold_items__space_between,.hold_items__space_around{flex-wrap:wrap;align-items:center;width:100%;display:flex}.hold_items__space_around{justify-content:space-around}.hold_items__space_between{justify-content:space-between}.hold_items__flex_end{justify-content:flex-end}.hold_items__align_items_start{align-items:flex-start}.input_div{width:40%}.input_div_grid_4{grid-template-columns:repeat(4,1fr);gap:10px;width:40%;display:grid}.convert_btn_div{width:15%}.color_div{justify-content:space-between;align-items:center;width:100%;max-width:420px;display:flex}.color_wrapper{border:var(--border-light);border-radius:8px;align-items:stretch;width:100%;height:180px;transition:all .25s;display:flex;position:relative;overflow:hidden}.color{border-right:var(--border-light);width:160px;min-width:160px;height:100%;position:relative}.color_codes{background:var(--bg-white);flex-direction:column;flex:1;justify-content:center;padding:16px 24px;display:flex}.color_codes_info{margin-top:8px}.color_codes_info_title{color:var(--text-color-paragraph);font-size:12px;line-height:1.2}.color_codes_info_value{letter-spacing:.25px;white-space:nowrap;cursor:pointer;font-weight:500;transition:all .25s ease-in-out;display:flex;position:relative}.color_codes_info_value.copy:hover{color:var(--text-hover-secondary)}.color_codes_info_value.copy:hover:after{content:url(../media/code-copy.01lul9m9s-ed4.svg);width:20px;height:20px;margin-left:10px;font-size:12px;transition:all .25s ease-in-out;display:block}.color_codes_info_null{flex-direction:column;justify-content:space-between;height:150px;display:flex}.color_codes_info_null .line{background:var(--bg-skeleton);width:100%;height:16px;margin:4px 0}@media (max-width:768px){.color{width:110px;min-width:110px}}@media only screen and (max-width:720px){.hold_items__space_between{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.input_div,.input_div_grid_4{width:100%}.convert_btn_div{width:100%;margin:.7rem 0}.hold_items__flex_end{justify-content:center;margin:.7rem 0}.copy_button{justify-content:center;width:100%}}