*,:after,:before{box-sizing:border-box;transition:all .3s}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}.App{background:#f9fbff;min-height:100vh;text-align:center;width:100%}.App,.card{display:flex}.card{background:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.07),0 1px 8px 0 rgba(0,0,0,.06);cursor:pointer;flex-direction:column;justify-content:space-between;padding:15px;transition:all .5s ease-in-out}.card:hover{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);-webkit-transform:scale(1.05);transform:scale(1.05)}.card .card-name{color:#000;font-size:1.4rem;font-weight:700;text-align:center}.card .card-name span{color:#726f6f;font-size:1.2em;font-weight:700}.card .card-available{color:#a00}.dashboard,.tools{width:100%}.tools{grid-gap:100px;display:grid;grid-template-columns:300px 300px;grid-template-rows:200px 200px;height:100%;justify-content:center;padding:40px 80px}.pages{background:#f1f1f1;left:0;top:0;width:20%}.pages ul{color:#726f6f;font-family:Noto Sans JP;font-size:20px;font-weight:500;list-style-type:none;margin-top:50px;padding:0}.pages ul li{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;padding:30px 0;transition:all .1s ease-in-out;width:100%}.pages ul li:hover{background-color:#9e9e9e;color:#090f31}.input-wrapper{align-items:stretch;display:flex;flex-direction:column;height:-webkit-min-content;height:min-content;margin:0 auto;min-width:-webkit-max-content;min-width:max-content;padding:1em 0;position:relative;width:-webkit-min-content;width:min-content}.input-wrapper.fullWidth{width:100%}.input-wrapper h4{margin:0;text-align:left}.input-wrapper textarea{border-color:#999;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;min-width:250px;padding:.2em;width:100%}.input-wrapper .text-input-counter{bottom:0;color:#999;font-size:.8em;position:absolute;right:0}.input-wrapper p{bottom:0;font-size:.8em;left:1em;margin:0;position:absolute}.input-wrapper p:empty{display:none}.input-wrapper:focus-within{outline:none}.input-wrapper .overlay{left:50%;position:absolute;top:calc(50% + .5em);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.input-wrapper .overlay button{background:none;border:1px solid #999;cursor:pointer;padding:.2em}.input-wrapper .overlay button:hover{color:#0f4b0f}button{background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#000;cursor:pointer;font-size:1em;padding:.5em 1em;text-decoration:none;transition:all .2s ease-in-out}button:hover{background-color:#eee}section{align-items:center;display:flex;flex-flow:wrap;justify-content:space-around;width:100%}section>:first-child{width:50%}section>:first-child textarea{min-height:60px;min-width:500px}section>:nth-child(2){width:30%}section>:nth-child(2) textarea{min-width:300px}div.output{margin-top:1em;padding:.3em}div.output p:first-child{font-size:.8em;margin-bottom:0}div.output p:last-child{font-size:1.2em;font-weight:700;margin-top:0}div.output[data-empty=true]{display:none}.overlay{display:flex;gap:.5em}main{width:100%}
/*# sourceMappingURL=main.a471c693.css.map*/