.index-module-scss-module__yBJ4-W__main{flex-direction:column;gap:2.4rem;width:100%;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__presets{flex-wrap:wrap;gap:.8rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__presets button{border:1px solid var(--border-color);cursor:pointer;border-radius:999px;padding:.8rem 1.6rem;font-size:1.6rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__row{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.6rem;display:grid}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__colorField{align-items:flex-start;gap:1.2rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__colorField>div{flex:1}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__colorField input[type=color]{background:var(--container-background);border:1px solid var(--border-color);cursor:pointer;border-radius:.8rem;flex:none;width:4.8rem;height:4.8rem;padding:.4rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__swap{height:4rem;color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:.6rem;padding:0 1.6rem;font-size:1.6rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__swap svg{font-size:1.8rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__swap:hover{color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__preview{border:1px solid var(--border-color);border-radius:.8rem;flex-direction:column;gap:1.2rem;padding:3.2rem 2.4rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__preview strong{font-variant-numeric:tabular-nums;font-size:3.2rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__preview .index-module-scss-module__yBJ4-W__small{font-size:1.6rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__preview .index-module-scss-module__yBJ4-W__large{font-size:2.4rem;font-weight:700}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__judgement{border:1px solid var(--border-color);background-color:var(--container-background);border-radius:.8rem;flex-direction:column;gap:1rem;padding:1.6rem 2rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__judgement li{justify-content:space-between;gap:1.2rem;font-size:1.6rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__judgement li span{color:var(--subtle)}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__judgement .index-module-scss-module__yBJ4-W__pass{color:#2f9e6f}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__judgement .index-module-scss-module__yBJ4-W__fail{color:var(--cancel-color)}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__suggest{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__suggest p{color:var(--subtle);font-size:1.6rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__suggest button{border:1px solid var(--border-color);cursor:pointer;border-radius:.6rem;padding:.8rem 1.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6rem}.index-module-scss-module__yBJ4-W__main .index-module-scss-module__yBJ4-W__error{color:var(--cancel-color);border:1px solid var(--cancel-color);border-radius:.8rem;padding:1.2rem 1.6rem;font-size:1.6rem}