.foo[data-v-578dec41]{position:relative;padding:20px}.foo[data-v-578dec41]:after{content:"";display:block;clear:both}.foo h3[data-v-578dec41]{position:absolute;top:-5px;left:-5px;padding:10px;background:#ccc}.foo li[data-v-578dec41]{float:left;padding:50px;background:#ddd}#colorConversion[data-v-359a9e41]{font-size:20px;line-height:56px}#colorConversion input[data-v-359a9e41]{height:50px;padding:0 10px;border:0;box-sizing:border-box;border-radius:0;border:solid 1px #ddd;outline:none}#colorConversion16[data-v-359a9e41]{margin-top:30px}#hexadecimal10[data-v-359a9e41]{width:109px}#alpha10[data-v-359a9e41]{width:56px}#decimal10[data-v-359a9e41]{width:275px;background:#fff}#hexadecimal16[data-v-359a9e41],#alpha16[data-v-359a9e41]{position:absolute;top:0;left:0;width:100%;background:transparent}#hexadecimal16Palette[data-v-359a9e41],#alpha16Palette[data-v-359a9e41]{position:absolute;top:0;left:0;display:block;width:100%;height:50px}#hexadecimal16Back[data-v-359a9e41]{width:109px;height:50px;vertical-align:middle}#alpha16Back[data-v-359a9e41]{width:56px;height:50px;vertical-align:middle}#decimal16[data-v-359a9e41]{width:275px;background:#fff}#conversion10[data-v-359a9e41],#conversion16[data-v-359a9e41]{background:#ddd;line-height:50px}.backSheet[data-v-359a9e41]{position:relative;display:inline-block;background:#fff;line-height:42px}.plainText[data-v-359a9e41]{position:relative;top:-3px}.sample[data-v-bac4214d]{width:330px;margin-bottom:50px;border:#012 3px solid}.sample p[data-v-bac4214d]{border:#678 3px solid;color:#000}.ex01[data-v-bac4214d]{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:50px}.ex02[data-v-bac4214d]{display:grid;grid-template-columns:72px 1fr;word-break:break-all}.ex03[data-v-bac4214d]{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(100px,auto);row-gap:20px;column-gap:10px}.ex04[data-v-bac4214d]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ex04 p[data-v-bac4214d]{position:relative;padding-bottom:50px;word-break:break-all}.ex04 i[data-v-bac4214d]{width:100%;height:50px;border:#d22 3px solid;position:absolute;left:0;bottom:0}