body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:"Noto Serif KR",serif;margin:0;padding:0}body{background-color:#0262f4}body #display,body main{display:grid;place-items:center;width:100%}body main{background-color:#fff;height:100%;padding:20px;position:relative;text-align:center}body #intro #title{font-size:1.7em;margin:0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body #intro #subtitle{font-size:.7em}body #intro #subtitle .warning{color:red;font-size:1em}body #title{font-size:1.2em}body #subtitle{font-size:.7em;margin-top:12px}body .warning{align-items:center;border-radius:4px;color:red;display:flex;font-size:14px;justify-content:space-between;padding:12px 0;position:absolute;text-align:center;width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body #name .warning{top:30%}body #name #name-input-wrapper{grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:auto 1fr}body #name #name-input-wrapper input{border:none;border-bottom:1px solid #000;width:100%}body #selection,body #selection-happy{display:grid}body #selection .warning,body #selection-happy .warning{top:18%}body #selection #selectors-wrapper,body #selection-happy #selectors-wrapper{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr;width:100%}body #selection #selectors-wrapper .checkbox,body #selection-happy #selectors-wrapper .checkbox{display:grid;grid-template-columns:20px auto}body #selection #selectors-wrapper .checkbox .check,body #selection-happy #selectors-wrapper .checkbox .check{background-color:#cecece;height:20px;width:20px}body #selection #selectors-wrapper .checkbox .checked,body #selection-happy #selectors-wrapper .checkbox .checked{background-color:#0262f4;border:4px solid #cecece}body #selection #next-wrapper .selector-stage,body #selection-happy #next-wrapper .selector-stage{font-size:.8em}body #selection-happy #selectors-wrapper{grid-template-columns:1fr;margin:0 auto;width:50%}body #ending{grid-template-rows:auto 30% auto;padding:28px;row-gap:32px}body #ending #color{height:100%;margin:0 16px;width:100%}body #ending #title{align-self:end;margin-bottom:16px}body #ending #recipe{align-self:start;text-align:left}body #ending #recipe .recipe-title{font-weight:700;margin-bottom:16px}body #ending #recipe .recipe-item{font-size:.9em;word-break:keep-all}body #ending #loop{height:100%;width:100%}body #ending-load #loading:after{-webkit-animation:dots 1.2s steps(5) infinite;animation:dots 1.2s steps(5) infinite;content:". "}@media screen and (min-width:400px){body main{border:.5px solid #000;height:640px!important;position:relative;width:360px}}@-webkit-keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#000;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #000,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #000,.5em 0 0 #000}}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#000;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #000,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #000,.5em 0 0 #000}}button{background:none;border:none;cursor:pointer;font-size:1.1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button:hover{text-decoration:underline}
/*# sourceMappingURL=main.5c460e01.css.map*/