@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap");@media (prefers-color-scheme: dark){html{background-color:#161716}}body{padding:50px;font-family:'Noto Sans KR'}@media (prefers-color-scheme: dark){body{color:#fff;background-color:#161716}}h2{color:#4a4a4a}@media (prefers-color-scheme: dark){h2{color:#d7d7d8}}h2 a{color:#4a4a4a;text-decoration:none}@media (prefers-color-scheme: dark){h2 a{color:#d7d7d8}}.message{color:#4a4a4a;font-size:14px;letter-spacing:-0.4px}@media (prefers-color-scheme: dark){.message{color:#d7d7d8}}.content input[type=url]{width:100%;max-width:300px;margin:0;padding:5px 0;border:0;border-bottom:1px solid #e5e5e5;border-radius:0;font-family:"Noto Sans KR";color:#4a4a4a;font-size:14px;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none}@media (max-width: 600px){.content input[type=url]{display:block}}@media (prefers-color-scheme: dark){.content input[type=url]{color:#d7d7d8}}.content input[type=url][disabled=disabled]{color:#9b9b9b}.content button{margin:0;margin-left:5px;padding:5px 15px;border:1px solid #e5e5e5;border-radius:5px;font-family:"Noto Sans KR";color:#4a4a4a;font-size:14px;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;cursor:pointer;-webkit-transition:color .1s ease-in,background-color .1s ease-in;transition:color .1s ease-in,background-color .1s ease-in}@media (prefers-color-scheme: dark){.content button{color:#d7d7d8}}.content button:hover,.content button[disabled=disabled]{background-color:#f8f8f8}@media (prefers-color-scheme: dark){.content button:hover,.content button[disabled=disabled]{color:#4a4a4a}}.content button:hover.error,.content button[disabled=disabled].error{color:#fff;background-color:#ef5350}@media (prefers-color-scheme: dark){.content button:hover.error,.content button[disabled=disabled].error{background-color:#e53935}}.content button[disabled=disabled]{cursor:not-allowed}.content button.error{border-color:#e53935;color:#e53935}@media (max-width: 600px){.content button{margin-top:10px;margin-left:0}}.content a{display:inline-block;padding-bottom:2px;border-bottom:1px dashed #9b9b9b;color:#9b9b9b;font-size:14px;letter-spacing:-0.4px;text-decoration:none;-webkit-transition:color .1s ease-in,border-color .1s ease-in;transition:color .1s ease-in,border-color .1s ease-in}.content a:hover{color:#4a4a4a;border-color:#4a4a4a}@media (prefers-color-scheme: dark){.content a:hover{color:#d7d7d8;border-color:#d7d7d8}}.content a+a{margin-left:15px}.content .warning{margin-top:5px;font-family:"Noto Sans KR";color:#9b9b9b;font-size:10px;letter-spacing:-0.4px}@media (prefers-color-scheme: dark){.content .warning{color:#d7d7d8}}.content .result{display:none;margin-top:15px;font-family:"Noto Sans KR";color:#4a4a4a;font-size:14px}@media (prefers-color-scheme: dark){.content .result{color:#d7d7d8}}.content .result button{margin-left:5px}.content .urls .url{font-size:14px;line-height:22px;word-break:break-all}.content .urls .url+.url{margin-top:30px}.content .urls .url input{display:inline-block;max-width:900px}.content .urls .url input:nth-of-type(2){max-width:150px}.content .urls .url .options{margin-top:10px}.content .urls .url .options button:first-of-type{margin-left:0}.copy{position:fixed;left:calc((100% - 100px) / 2);bottom:15px;width:100px;color:#9b9b9b;font-size:12px;letter-spacing:-0.4px;text-align:center}
