@font-face{font-family:SUIT-Regular;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:SUIT-Regular;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2) format("woff2");font-weight:600}@font-face{font-family:SUIT-Regular;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2) format("woff2");font-weight:800}*{margin:0;padding:0;list-style:none;border-collapse:collapse;word-break:keep-all;line-height:1.5em;box-sizing:border-box;font-family:SUIT-Regular,sans-serif}:root{--black:#1a1a1a;--white:#fff;--point:#009672;--borderGray:#E4E6E9;--bgGray:#F4F6F8;--textGray:#646E80;--positive:#2260FF;--negative:#FF512B}::placeholder{color:#ccc}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#e5e5e9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ceceda}body{font-size:16px;color:var(--black);overflow:hidden}a{color:inherit;text-decoration:none}ol,ul{margin:0}h1,h2,h3,h4,h5,h6{line-height:1.5em}input,select,textarea{font-size:1.25rem;line-height:1.5em}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:center right .5rem;padding:0 1.5rem 0 .5rem}button{background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600}button:focus{outline:none}.btn-wrap{display:flex;gap:1rem}.btn{display:flex;gap:.5rem;justify-content:center;align-items:center;height:3em;padding:0 1em;border:1px solid transparent;border-radius:.5em}.btn:disabled{color:#ccc;background-color:#eee;border-color:transparent;pointer-events:none}.btn-black{color:var(--white);background-color:var(--black)}.btn-black:hover{background-color:#000}.btn-point{color:var(--white);background-color:var(--point)}.btn-point:hover{background-color:#2e39a1}.btn-gray{background-color:var(--bgGray)}.btn-gray:hover{background-color:#e3e7ec}.btn-white-point{background-color:var(--white);border-color:var(--point)}.btn-white-point:hover{background-color:#fafafa}.btn-reset{display:flex;align-items:center;gap:.5rem;position:absolute;top:-3.5rem;left:0;background-color:var(--white);border-radius:5rem;border:1px solid #eee;padding:.5rem 1.5rem;box-shadow:2px 4px 8px rgba(0 0 0/4%);transition:.1s}.btn-reset:hover{background-color:#eee}.btn-reset:active{transform:translateY(2px)}.btn-reset:hover img{transition:.4s;transform:rotate(1turn)}.option-wrap+.option-wrap{margin-top:1rem}.option-wrap h4{font-size:1.25rem;margin-bottom:.5rem}.optionBtns{display:flex;flex-wrap:wrap;gap:1rem}.optionBtns button{position:relative;border-radius:.5rem;padding:.6rem 1.6rem .6rem 3rem;font-size:1.35rem;border:2px solid #eee}.optionBtns button.active,.optionBtns button:hover{box-shadow:1px 3px 6px rgba(0 0 0/12%)}.optionBtns button.active{border-color:var(--black)}.optionBtns button:after,.optionBtns button:before{content:"";position:absolute;border-radius:50%}.optionBtns button:before{width:18px;height:18px;border:2px solid #ddd;top:calc(50% - 11px);left:1rem}.optionBtns button.active:after{background-color:var(--black);width:12px;height:12px;top:calc(50% - 6px);left:calc(1rem + 5px)}.layout{position:relative;display:flex;background:linear-gradient(to right bottom,#FDFDFD,#F7F7F7);width:100vw;height:100vh;min-width:1640px;min-height:700px;padding:2.5rem 2.5rem 2rem 2rem;gap:3rem}.layout.beta:after{content:"Beta";position:absolute;top:.75rem;right:-3.25rem;background-color:var(--black);color:var(--white);width:10rem;text-align:center;box-shadow:2px 8px 16px rgba(0 0 0/16%);transform:rotate(45deg)}.contents{flex:1 1;flex-direction:column}.content-header,.contents{display:flex;gap:2rem}.content-header h1{font-size:3rem;white-space:nowrap;line-height:1.1em;color:var(--black)}.content-header p{margin-left:auto;max-width:55rem;font-size:1.25rem}.content-header button{display:flex;flex-direction:column;align-items:center;gap:.25rem;white-space:nowrap;font-weight:400}.content-body{position:relative;flex:1 1;height:0;background-color:var(--white);padding:1.5rem 2rem;box-shadow:1px 4px 8px rgba(0 0 0/6%);border-radius:.5rem}.textareaStyle-wrap{flex:1 1;display:flex;flex-direction:column;gap:1rem}.textareaStyle-title{font-size:1.25rem}.textareaStyle{display:flex;flex-direction:column;flex:1 1;gap:1rem}.textareaStyle textarea{border:none;background-color:#f8f9fa;border-radius:.5rem;box-shadow:inset 1px 2px 4px rgba(0 0 0/4%);width:100%;flex:1 1;padding:1.5rem;resize:none}.textareaStyle textarea:focus{outline:2px solid var(--black)}.textareaStyle-btns{width:100%;display:flex;justify-content:space-between;gap:1rem}.textareaStyle-btns button{flex:1 1;border-radius:.5rem;font-size:1.25rem;padding:1rem 1.5rem;transition:.1s}.textareaStyle-btns button:active{transform:translateY(2px)}.textareaStyle-submit{background-color:var(--black);color:var(--white);box-shadow:1px 4px 8px rgba(0 0 0/24%)}.textareaStyle-submit:hover{background-color:#3a3a3a}.result-empty{height:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.5rem;color:#aaa}.sideNav,.sideNav-header{display:flex;flex-direction:column}.sideNav-header{align-items:center;gap:.5rem;margin-bottom:3rem}.nav-link{display:flex;align-items:center;gap:1rem;border-radius:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;transition:.2s}.nav-link:hover{background-color:#eee;text-decoration:none;color:inherit}.nav-link.active{background:var(--black);color:var(--white);text-decoration:none;box-shadow:4px 8px 16px rgba(0 0 0/24%)}.disabled .nav-link{pointer-events:none;filter:grayscale(1);opacity:.4}.nav-icon{background-color:var(--white);border-radius:.5rem;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;box-shadow:1px 4px 8px rgba(0 0 0/8%)}.nav-icon img{width:2.25rem}.copyright{margin-top:auto;color:#777}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0 0 0/10%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:4rem 6rem 2rem;z-index:9999}.modal-card{position:relative;background-color:var(--white);border-radius:1rem;box-shadow:2px 4px 8px rgba(0 0 0/12%);max-width:90%}.modal-content{padding:2.5rem 3rem}.modal-title{font-size:1.75rem;margin:-1rem 0 1rem}.modal-subTitle{font-size:1.25rem;margin-bottom:1rem;color:#777}.modal-body{font-size:1.25rem;border:1px solid #eee;border-radius:.25rem;padding:1rem 1.5rem;min-width:30rem;max-height:calc(100vh - 15rem);overflow:auto}.modal-confirmMessage{padding:0 1rem;font-size:1.25rem;font-weight:600}.modal-btns{border-top:1px solid #eee;display:flex;border-radius:0 0 1rem 1rem;overflow:hidden}.modal-btn{flex:1 1;font-size:1.25rem;height:3.5rem}.modal-btn:last-child{background-color:var(--black);color:var(--white)}.modal-btn:last-child:hover{background-color:#3a3a3a}.modal-btn:nth-last-child(2){background-color:#eee;color:#777}.modal-btn:nth-last-child(2):hover{background-color:#ddd}.modal-closeBtn{position:absolute;right:4rem;top:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--white);border-radius:5rem;font-size:1.25rem;padding:.5rem 1.5rem;transition:.1s;background-color:var(--black);color:var(--white);box-shadow:2px 8px 16px rgba(0 0 0/40%)}.modal-card .modal-closeBtn{right:-3rem;top:-2rem}.modal-closeBtn span{font-size:1.5rem}.modal-closeBtn:hover{background-color:#3a3a3a}.modal.sampleText{padding:0 10rem}.sampleTextModal{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;width:100%;max-height:100%;padding:6rem 0;overflow:auto}.sampleTextModal::-webkit-scrollbar{display:none}.sampleTextModal-card{height:30rem;display:flex;flex-direction:column;background-color:var(--white);border-radius:1rem;box-shadow:2px 4px 8px rgba(0 0 0/12%);cursor:pointer}.sampleTextModal-card pre{white-space:pre-wrap;min-height:16rem;flex:1 1;padding:1.5rem 2rem;font-size:1.5rem}.sampleTextModal-card button{margin:1rem auto 0;background-color:var(--black);color:var(--white);border-radius:0 0 1rem 1rem;width:100%;padding:1rem;font-size:1.25rem}.sampleTextModal-card button:hover{background-color:#3a3a3a}.sampleTextModalBtn{background-color:var(--white);color:var(--black);box-shadow:1px 4px 8px rgba(0 0 0/10%)}.sampleTextModalBtn:hover{background-color:#ddd}.modal-body pre{margin-left:20px;text-wrap:wrap}