.result[data-v-6128a91f]{box-sizing:content-box;border-collapse:collapse;border:1px solid #0000;border-radius:3px;width:100%;max-width:1200px;overflow:hidden}thead[data-v-6128a91f]{color:#fff;background-color:#8c8c8c}thead th[data-v-6128a91f]{font-weight:400}tbody tr[data-v-6128a91f]:nth-child(2n){background-color:#e6e6e6}th[data-v-6128a91f],td[data-v-6128a91f]{border:1px solid #ccc;padding:.25em}#app[data-v-c595438c]{--color-1:#147ceb;--color-w:#eaf2d9;--color-2:#ebca14}header[data-v-c595438c]{margin:.5em 0 1em;padding:0 1em}.title[data-v-c595438c]{letter-spacing:-1px;width:100%;padding-bottom:.1em;font-family:Nunito Sans,sans-serif;font-size:2.5em;font-weight:700;display:inline-block}.title [data-v-c595438c]{font-family:Nunito Sans,sans-serif}.title .accent[data-v-c595438c]{background:linear-gradient(120deg, var(--color-1) 48%, color-mix(in srgb-linear, var(--color-1), var(--color-w)) 53%, color-mix(in srgb-linear, var(--color-w), var(--color-2)) 62%, var(--color-2) 67%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}main[data-v-c595438c]{padding:0 2em}.demo[data-v-c595438c]{flex-direction:column;gap:2em;display:flex}.input[data-v-c595438c]{flex-direction:column;display:flex}.input .label[data-v-c595438c]{font-size:.9em}.input .input-area[data-v-c595438c]{padding-left:.5em}.input input[data-v-c595438c]{border:none;border-image:linear-gradient(90deg,#ccc,#ccc) 1;outline:none;width:100%;padding:0;font-size:1.2em;font-weight:600}.input .outline[data-v-c595438c]{border-bottom:2px solid #ccc;border-radius:3px;width:100%;height:0;margin-right:auto;display:block}.input .outline[data-v-c595438c]:after{content:"";border-bottom:2px solid #61a3ea;width:0%;transition:all .3s;display:block}.input input:focus-visible~.outline[data-v-c595438c]:after{width:100%}*,:before,:after{box-sizing:content-box;font-family:Sawarabi Gothic,sans-serif}body{max-width:1200px;margin:0 auto}