@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);#root,body,html{height:100%}#root{display:flex;flex-direction:column}main{flex-grow:1}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}body,html{color:#2e2e2e;font-family:Noto Sans KR,sans-serif}footer{align-items:center;background:#f2f3f5;display:flex;font-size:.8rem;padding:8px;position:relative}footer .left{height:100%;left:0;overflow:hidden;position:absolute;top:0}footer .app-logo{aspect-ratio:1;height:100%;scale:.6}footer .middle{align-items:center;display:flex;flex-direction:column;flex-grow:1}footer .middle>*{display:flex}footer .title{align-items:flex-end}footer a:hover{text-decoration:underline}.about-link,.homepage-link,.wooil-kim-link{color:#2e2e2e;text-decoration:none}.github-link{line-height:1;padding-left:8px}.github-logo{height:1rem}.privacy-link{color:#2e2e2e;font-weight:700;padding-right:8px;text-decoration:none}.about,.privacy{max-width:800px;padding:40px}.about a{color:inherit}.home.content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:80px}.home .title{padding-bottom:80px}.home .app-link-container{align-items:left;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;max-width:800px}.home .app-links{gap:40px}.home .app-link,.home .app-links{display:flex;flex-direction:column}.home .app-link{border-radius:16px;box-shadow:0 0 10px 6px #eee;color:#000;gap:12px;padding:28px;text-decoration:none;width:100%}.home .app-link:hover{color:#a7a7a7}.home .app-name{font-size:x-large;font-weight:700}.cross-math.content{box-sizing:border-box;flex-direction:column;gap:60px;height:100%;justify-content:center;padding:60px}.container,.cross-math.content{align-items:center;display:flex}.container{flex-direction:row;gap:40px;justify-content:space-around;max-width:1040px;width:100%}.dashboard{gap:20px;justify-content:center;max-width:400px;width:100%}.dashboard,.options{display:flex;flex-direction:column}.options{font-weight:500;gap:4px;place-items:center}.form{align-items:center;display:flex;gap:12px}.option-container{display:flex;flex-direction:column;justify-content:space-around;width:100%}.puzzle-for-print{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.puzzle-for-print .puzzle-container{box-shadow:none}.controller{align-items:center;display:flex;justify-content:center;position:relative;width:100%}@keyframes shaking{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0) rotate(0eg)}75%{transform:translate(-5px,5px) rotate(-5deg)}to{transform:translate(0) rotate(0deg)}}.puzzle>.tile.span-col{grid-column:span 2}.puzzle>.tile.span-row{grid-row:span 2}@media(max-width:1200px){.content{padding:40px}.container{flex-direction:column}.puzzle-container{padding:30px 20px 20px 30px}.tile{font-size:1.5rem}.domain-list{gap:2px}}.button{background:none;border:none;border-radius:16px;color:inherit;cursor:pointer;height:30px;padding:0;text-align:center;width:30px}.button .redo,.button>.undo{font-size:1rem}.button>:hover{background:#eee}.create{aspect-ratio:1;border-radius:8px;color:inherit;cursor:pointer;font-size:3rem;padding:12px}.create>:hover{animation:shaking .25s infinite;background:#ff5f00;color:#fff}.main-controller{display:flex;justify-content:space-between;place-items:center}.main-controller>*{background:none;border:none;cursor:pointer}.view-controller{position:absolute;right:0}.puzzle-container{border-radius:40px;box-shadow:0 0 10px 6px #eee;box-sizing:border-box;display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;max-height:500px;max-width:500px;padding:60px 40px 40px 60px;width:100%}.puzzle{display:grid;max-height:100%;max-width:100%}.tile{align-items:center;aspect-ratio:1;display:flex;font-size:2rem;font-weight:800;height:100%;justify-content:center;position:relative}.tile>.span-col{grid-column:span 2}.tile>.span-row{grid-row:span 2}.tile.operand,.tile.operator{cursor:pointer}.tile.operand:hover,.tile.operator:hover{border-color:#eee;color:#eee}.tile:has(.fixed-flag){border-color:#ff5f00;color:#ff5f00}.tile.operand{border:1px solid #000;border-radius:100px}.fixed-flag{font-size:1.2rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;position:absolute;right:0;rotate:36deg;top:0}.option{align-items:center;display:flex;gap:12px}.domain{align-items:flex-start;flex-direction:column;padding-top:4px}.domain,.domain>.label{width:100%}.domain-list{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,minmax(0,1fr));max-width:400px;width:100%}.domain-list>.value{aspect-ratio:1;border:none;border-radius:9999px;color:inherit;cursor:pointer;padding:0;text-align:center}.domain-list>.value.checked{background:#ff5f00;color:#fff}.domain-list>.value.unchecked{background:none}.domain-list>.value:hover{background:#eee;color:#000}.frac{align-items:center;display:flex;flex-direction:column;justify-content:center}.frac .frac-line{border-top:1px solid #000;width:120%}.equation{gap:8px}.division-diagram .controller,.equation{align-items:center;display:flex;justify-content:center}.division-diagram .controller{border:1px solid olive;border-radius:20px;margin-bottom:40px;min-height:28px;padding:20px 20px 20px 35px;position:relative;width:400px}.controller .single-controller{align-items:center;display:flex}.controller .single-controller .number{display:flex;flex-direction:column;gap:4px;width:30px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.controller .single-controller .number .divider{border-top:1px solid #000;width:100%}.controller .single-controller .unit{text-align:left}.controller input{border:none;flex-grow:1;font-size:inherit;text-align:center}.controller .division-label{padding-right:8px}.controller button.toggle{background-color:#fff;border:0;border-radius:12px;color:#000;padding:8px;position:absolute;right:8px;top:8px}.chunk{display:flex;position:relative;width:100%}.chunk .block.filled,.chunk .block.shaded{border-bottom:1px solid olive;border-top:1px solid olive}.chunk .label{align-items:center;display:flex;gap:4px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.chunk .label .number{z-index:2}.chunk .block{flex-grow:1;height:80px}.chunk .block.filled{background-color:wheat}.chunk .divider-container{display:flex;height:100%;justify-content:space-between;position:absolute}.chunk .divider{border-right:1px dotted olive;height:100%}.chunk .divider.solid{border-right-style:solid}.axis{height:10px;position:relative;width:100%}.axis .tick-container{display:flex;height:100%;justify-content:space-between;width:100%}.axis .tick{border-right:1px solid #000;height:100%}.axis .line{border-top:1px solid #000;position:absolute;top:50%;transform:translateY(-50%);width:100%}.axis .label-container{height:100%;position:relative;width:100%}.axis .label{position:absolute;transform:translateX(-50%)}.axis .unit{padding-left:8px;position:absolute;right:0;transform:translateX(100%)}.diagram{flex-grow:1;gap:8px}.diagram,.diagram-container{display:flex;flex-direction:column}.diagram-container{gap:60px;position:relative;width:80%}.diagram-container .row-container{align-items:center;display:flex;gap:40px;position:relative;width:100%}.diagram-container .arrow{align-items:center;display:flex;flex-direction:column;justify-content:center}.diagram-container .arrow-icon{font-size:x-large;font-weight:bolder}.m-icon{font-family:Material Symbols Outlined;font-size:medium;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.division-diagram.content{align-items:center;display:flex;flex-direction:column;gap:40px;padding-bottom:200px;padding-top:100px}.division-diagram h1{text-align:left;width:80%}.togglable{align-items:center;background-color:#fff;border:1px solid #000;border-radius:8px;display:flex;justify-content:center;min-height:20px;min-width:20px;padding:8px}.togglable:hover,button:hover{cursor:pointer}
/*# sourceMappingURL=main.3022eb41.css.map*/