.label[data-v-13c82a87]{font-size:12px;color:#fff;margin-left:20px}.input[data-v-13c82a87]{display:block;width:100%;padding:10px 20px;border-radius:20px;border:none;font-size:20px}.form[data-v-c3fc2b7b]{position:relative;width:400px;background-color:#8c9ec9;padding:20px;border-radius:20px}.form h1[data-v-c3fc2b7b]{position:absolute;bottom:100%;left:0;width:100%;text-align:center;margin:0;padding-bottom:10px;color:#8c9ec9;font-size:40px}@media screen and (max-width: 400px){.form[data-v-c3fc2b7b]{width:100%;border-radius:0}}.checkbox[data-v-a77546ad]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input[data-v-a77546ad]{display:none}.checkbox__box[data-v-a77546ad]{width:15px;height:15px;border-radius:50%;background:#222e51;border:3px solid #222e51}.checkbox__text[data-v-a77546ad]{margin-left:10px}.checkbox__input:checked+.checkbox__box[data-v-a77546ad]{background:#fff}.button[data-v-d30f5f25]{width:100%;display:block;padding:10px 20px;border-radius:20px;border:none;background:#fff;cursor:pointer;font-size:20px;color:#000;font-weight:400;text-align:center;text-decoration:none}.boxes[data-v-a9cf827a]{display:flex;justify-content:space-around;margin-top:5px}.button[data-v-dc3acf4c]{width:100%;display:block;padding:10px 20px;border-radius:20px;border:none;background:#fff;cursor:pointer;font-size:20px;color:#000;font-weight:400}.display[data-v-5aa3d9d7]{position:absolute;top:200px;left:calc(50% - 200px)}.hiragana[data-v-5aa3d9d7]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px}.hiragana__item[data-v-5aa3d9d7]{border:1px solid white;border-radius:20px;color:#fff;text-align:center;padding:10px}.hiragana__hiragana[data-v-5aa3d9d7]{font-size:35px}.hiragana__transcription[data-v-5aa3d9d7]{font-size:20px}.timer[data-v-cec3db3d]{position:absolute;left:0;bottom:calc(100% + 50px);color:#2f4071}.progress[data-v-e25b63ee]{position:absolute;right:0;bottom:calc(100% + 50px);color:#2f4071}.text[data-v-4861faef]{color:#fff;font-size:20px}.bold[data-v-4861faef]{font-weight:500;font-size:35px}.time-container[data-v-4861faef]{position:absolute;top:calc(100% + 10px);left:0;width:100%;display:flex;justify-content:center;align-items:center}.time[data-v-4861faef]{text-align:center;color:#fff;font-size:20px}.save[data-v-4861faef]{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;border:none;margin-left:10px;transition:background-color .3s}.save[data-v-4861faef]:not(:disabled){cursor:pointer}.save[data-v-4861faef]:not(:disabled):active{background-color:#8c9ec9}.save:not(:disabled):active svg[data-v-4861faef]{fill:#fff}.save svg[data-v-4861faef]{fill:#000;transition:fill .3s}.display[data-v-e9f27c1c]{position:absolute;top:200px;left:calc(50% - 200px)}.random-try[data-v-e9f27c1c]{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:20px}.random-block[data-v-e9f27c1c]{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.progress[data-v-cacb47a6]{position:absolute;right:0;bottom:calc(100% + 50px);color:#2f4071}.variants[data-v-cacb47a6]{display:flex;align-items:center;justify-content:space-between}.variant[data-v-cacb47a6]{flex-grow:1;border:2px solid white;border-radius:20px;display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:transparent;color:#fff;font-size:35px;cursor:pointer;transition:color .3s,background .3s}.variant__selected[data-v-cacb47a6],.variant[data-v-cacb47a6]:hover{background:#fff;color:#222e51}.variant[data-v-cacb47a6]:not(:first-child){margin-left:10px}.selector[data-v-74f259be]{width:100%;height:49px;display:flex;justify-content:center;align-items:center;margin-top:10px;padding:0 0 0 40px;border-radius:20px;border:none;background:#fff;cursor:pointer;font-size:20px;color:#000;font-weight:400}.selected[data-v-74f259be]{display:block;position:relative;background:#222e51;flex-grow:1;height:100%;margin-left:8px;line-height:49px;text-align:center;color:#8c9ec9}.selected__default[data-v-74f259be]{border-radius:0 20px 20px 0;transition:border-radius .1s .3s}.selected__active[data-v-74f259be]{border-radius:0 20px 0 0;transition:border-radius .1s}.dropdown[data-v-74f259be]{position:absolute;top:100%;left:-4px;width:calc(100% + 8px);background-color:#222e51;border:4px solid #8c9ec9;border-top:none;overflow:hidden;border-radius:0 0 20px 20px}.dropdown__visible[data-v-74f259be]{max-height:150px;transition:max-height .3s .1s ease-out}.dropdown__hidden[data-v-74f259be]{max-height:0px;transition:max-height .3s ease-out}.progress[data-v-14b784dd]{position:absolute;right:0;bottom:calc(100% + 50px);color:#2f4071}.display[data-v-f585a7bf]{position:absolute;top:200px;left:calc(50% - 200px)}.hiragana[data-v-f585a7bf]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px}.hiragana__item[data-v-f585a7bf]{border:1px solid white;border-radius:20px;color:#fff;text-align:center;padding:10px}.hiragana__hiragana[data-v-f585a7bf]{font-size:35px}.hiragana__transcription[data-v-f585a7bf]{font-size:20px}.root[data-v-e86516d6]{height:238.6px;text-align:center;line-height:238.6px;font-size:20px;color:#fff;opacity:0;animation:fade-in-e86516d6 .3s linear .3s forwards}@keyframes fade-in-e86516d6{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;font-family:Noto Sans JP,sans-serif;font-optical-sizing:auto}body{padding:0;margin:0;background-color:#222e51}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto}