@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap");:root{font-family:Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:hsla(0,0%,94%,.87);background-color:#131417;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:underline}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}button{color:hsla(0,0%,94%,.87);border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:disabled{cursor:not-allowed}button:disabled:hover{border-color:transparent}[aria-label]{position:relative}[aria-label]:after{content:attr(aria-label);opacity:0;position:absolute;top:-180%;left:-50px;z-index:101;pointer-events:none;padding:8px 10px;line-height:15px;white-space:nowrap;word-wrap:break-word;text-decoration:none;text-indent:0;overflow:visible;font-size:14px;font-weight:400;color:#fff;text-shadow:1px 0 1px #888;background-color:#1a1a1a;border-radius:2px;box-shadow:1px 2px 6px rgba(0,0,0,.3);transition:all .15s ease}[aria-label]:focus:after,[aria-label]:hover:after{opacity:1;top:-200%}input,textarea{background-color:transparent;padding:6px 12px;border-radius:8px;outline:none;border:2px solid #464d54;transition:all .2s ease}textarea{resize:none}input:hover,textarea:hover{border-color:#42468f}input:focus,textarea:focus{border-color:#646cff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,94%,.4);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,94%,.6)}::-webkit-scrollbar-thumb:active{background-color:hsla(0,0%,94%,.87)}.addnewmodal-cover{position:fixed;left:0;top:0;height:100vh;width:100vw;background-color:hsla(0,0%,7%,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .1s ease}.addnewmodal-cover,.addnewmodal-cover .add-new-modal{display:flex;justify-content:center;align-items:center}.addnewmodal-cover .add-new-modal{resize:both;overflow:auto;inset:100px;background-color:#1c1e22;box-shadow:0 0 10px 5px #41454f;border-radius:8px;height:75%;width:min(90%,400px)}.addnewmodal-cover .add-new-modal .modal-content-container{border-radius:8px;width:95%;height:95%;display:flex;flex-direction:column}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input{border-radius:8px;height:55%;width:100%;display:flex;flex-direction:column;gap:.05rem;flex:3 1}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .title-input{background-color:#131417;flex:2 1;border-radius:8px 8px 0 0;text-align:center}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .title-input:hover{border-color:#5d6770}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .title-input:focus{border-color:#69737e}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .text-input{background-color:#131417;color:#c8c8c8;white-space:pre;flex:5 1;border-radius:0;width:auto}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .text-input:hover{border-color:#5d6770}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .text-input:focus{border-color:#69737e}.addnewmodal-cover .add-new-modal .modal-content-container .title-and-text-input .letter-counter{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;color:#afafaf;top:-10%;left:80%;width:max-content}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload{height:20%;width:99.48%;flex:2 1;border:2px solid transparent;border-radius:0 0 8px}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload:hover{border-color:#5d6770}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-upload-top-bar{background-color:#2a2c33;height:40px!important;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-left:.4rem}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-upload-top-bar button{height:25px;width:25px!important}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-upload-top-bar span{font-size:14px}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-upload-top-bar .sizeIndicator{color:#c8c8c8}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-upload-top-bar .sizeIndicator.red{color:#ff5c5c}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone{background-color:#131417;border:1px solid #5d6770;height:100%;width:100%;border-radius:0 0 8px 8px;overflow:hidden;pointer-events:auto}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-drop-zone-empty{position:-webkit-sticky;position:sticky;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list{background-color:#1f2025;height:80%;overflow-y:auto!important}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul{list-style:none;padding:0}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li{border:1px solid transparent;border-top-color:#464d54;transition:all .1s ease;cursor:default;padding:.2rem 0 .2rem .4rem}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li.last{border-top-color:#464d54;border-bottom-color:#464d54}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li:hover{border-color:#74808c}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li .remove-file-button{float:right;padding:0 .4rem;cursor:pointer;transition:color .1s ease}.addnewmodal-cover .add-new-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li .remove-file-button:hover{color:#ff7575}.addnewmodal-cover .add-new-modal .modal-content-container .paste-container{flex:.7 1;padding:auto 0;display:flex;justify-content:center}.addnewmodal-cover .add-new-modal .modal-content-container .paste-container button.paste{position:relative;margin-top:auto;width:175px;height:45px;padding:0}.addnewmodal-cover .add-new-modal .modal-content-container .paste-container button.paste:disabled{cursor:not-allowed}.addnewmodal-cover .add-new-modal .modal-content-container .paste-container button.paste .paste-button-inside{background:linear-gradient(90deg,#343434,#3b3b3b);border-radius:8px;height:100%;width:auto;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.pasteLoader{animation:load 1.3s ease infinite}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.enter{opacity:0;scale:.95}.enter-done{opacity:1;scale:1}.exit{opacity:0;scale:.95}.infomodal-cover{position:fixed;left:0;top:0;height:100vh;width:100vw;background-color:hsla(0,0%,7%,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:5;transition:all .1s ease}.infomodal-cover.enter{opacity:0}.infomodal-cover.enter div.info-modal{scale:.95}.infomodal-cover.enter-done{opacity:1}.infomodal-cover.enter-done div.info-modal{scale:1}.infomodal-cover.exit{opacity:0}.infomodal-cover.exit div.info-modal{scale:.95}.infomodal-cover .info-modal{inset:100px;background-color:#131417;box-shadow:0 0 10px 5px #363841;border-radius:8px;height:75%;width:min(90%,400px);display:flex;justify-content:center;align-items:center}.infomodal-cover .info-modal .content{padding:0;width:90%;height:85%!important;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-x:hidden;overflow-y:auto}.infomodal-cover .info-modal .content h1,.infomodal-cover .info-modal .content h2,.infomodal-cover .info-modal .content h3,.infomodal-cover .info-modal .content h4,.infomodal-cover .info-modal .content h5{padding:0;margin:0;font-weight:400}.infomodal-cover .info-modal .content h2{font-weight:600;margin-bottom:2rem}.infomodal-cover .info-modal .content h3{margin-top:2rem;margin-bottom:1rem}.infomodal-cover .info-modal .content h3.must-know{color:#ff7746}.infomodal-cover .info-modal .content p{font-size:14px;padding:0 .5rem}.infomodal-cover .info-modal .content p.points{max-width:85%;text-align:left;margin:0 auto .5rem}.infomodal-cover .info-modal .content code{background-color:hsla(0,0%,100%,.1);padding:.1rem .25rem;border-radius:3px}.infomodal-cover .info-modal .content leadcode{padding-left:.25rem}.infomodal-cover .info-modal .content codeno,.infomodal-cover .info-modal .content leadcode{background-color:hsla(0,0%,100%,.1);border-radius:3px}.box{position:relative;min-height:min(90vh,500px);max-height:auto;width:min(90vw,450px);border:2px solid #464d54;border-radius:8px}.box .top-bar{max-height:30px;float:right;padding:3px 6px 0 0;display:flex;gap:.5rem}.box .top-bar a{cursor:pointer;color:#c8c8c8}.box .top-bar a:hover{color:#fbfbfb}.box .welcomeText{display:flex;flex-direction:column;width:100%;align-items:center;padding-top:5px}.box .welcomeText .top{font-size:20px;font-weight:600}.box .welcomeText .bottom{font-size:14px}.box .inputContainer{width:100;height:auto;display:flex;flex-direction:column;align-items:center}.box .inputContainer input{color:#c8c8c8;padding:1.3rem 2rem!important}.box .inputContainer div{display:flex;flex-direction:column;width:70%}.box .inputContainer div span.password-text,.box .inputContainer div span.username-text{position:relative;top:10px;left:5px;padding:0 .5rem;background-color:#131417;max-width:max-content}.box .inputContainer div .pwdContainer{width:100%;margin-bottom:1.5rem}.box .inputContainer div .pwdContainer .showButton{position:relative;float:right;right:0;margin-left:auto;margin-right:1rem;margin-top:-47px;max-width:max-content;padding:.3rem;border-radius:50%;cursor:pointer}.box .buttonContainer{padding-top:2rem;width:100%;display:flex;justify-content:center}.box .buttonContainer .sign-in-btn{padding:1rem 3rem;min-width:min(160px,70%)}.base{height:100vh;width:80vw}.base .top-bar{text-align:center;padding:2rem 0;cursor:default}.base .top-bar span.top-bar-key{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.2rem .4rem;background:hsla(0,0%,100%,.8);color:transparent;transition:all .1s ease}.base .top-bar span.top-bar-key.show{background-color:transparent;background:none;color:#c8c8c8}.base .top-bar span.top-bar-key:first-child{border-radius:4px 0 0 4px}.base .top-bar span.top-bar-key:last-child{border-radius:0 4px 4px 0}.base .top-bar span.top-bar-key:only-child{border-radius:4px}.base .top-bar span.show-credentials{cursor:pointer;margin-left:.5rem}.base .grid-container{width:100%;height:max-content;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-column-gap:50px;grid-row-gap:50px;justify-items:center;align-items:center;margin:1rem 0}.base .grid-container .add-new{background-color:#18191d;width:300px;height:240px;border-radius:8px;border-top:6px solid #565656;cursor:pointer;box-shadow:1px 4px 7px 4px #464d54;color:#909aa3;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease}.base .grid-container .add-new:hover{transform:translateY(-1px)}.base .grid-container .add-new .title-text{flex:7 1;display:flex;align-items:center;text-align:center}.base .grid-container .add-new .title-text span.text{opacity:.8;font-size:14px}.base .grid-container .add-new .attachment-indicator{flex:3 1;display:flex;align-items:center;font-size:14px;gap:.25rem}.base .grid-container .add-new .attachment-indicator span{color:#909aa3}.base .grid-container .add-new .attachment-indicator svg path{color:#909aa3;stroke:#909aa3;fill:#909aa3}.base .grid-container .add-new-skeleton{background-color:#18191d;width:300px;height:240px;border-radius:8px;border-top:6px solid transparent;box-shadow:1px 2px 8px 3px #464d54;color:#909aa3;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease;animation:darkGrayPulse 2s linear infinite alternate}.base .grid-container .add-new-skeleton .title-text-skeleton{flex:7 1;display:flex;align-items:center}.base .grid-container .add-new-skeleton .title-text-skeleton .content{width:200px;height:20px;background-color:hsla(0,0%,55%,.4);border-radius:5px;animation:grayPulse 1.5s linear infinite alternate}.base .grid-container .add-new-skeleton .attachment-indicator-skeleton{flex:3 1;display:flex;align-items:center}.base .grid-container .add-new-skeleton .attachment-indicator-skeleton .content{width:80px;height:20px;background-color:hsla(0,0%,55%,.4);border-radius:5px;animation:grayPulse 1.5s linear infinite}.base .footer{padding:3rem 0 1rem;max-width:max-content;margin:0 auto}.logout{position:absolute;right:0;top:0;height:50px;border-radius:0 0 0 8px}.logout:hover{color:#ff5f5f;border-color:transparent transparent hsla(0,100%,78%,.3) hsla(0,100%,78%,.3)}.refresh{position:absolute;left:0;top:0;height:50px;border-radius:0 0 8px 0}.refresh:not(:disabled):hover{color:#5f6aff;border-color:transparent rgba(143,158,255,.3) rgba(143,158,255,.3) transparent}.refresh.loading svg{animation:refreshLoad 1s ease infinite}@keyframes grayPulse{0%{background:hsla(0,0%,55%,.3)}50%{background:hsla(0,0%,78%,.4)}to{background:hsla(0,0%,55%,.3)}}@keyframes refreshLoad{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@media screen and (max-width:700px){.base{width:90vw}}.showpaste-cover{position:fixed;left:0;top:0;height:100vh;width:100vw;background-color:hsla(0,0%,7%,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .1s ease}.showpaste-cover,.showpaste-cover .show-pastes-modal{display:flex;justify-content:center;align-items:center}.showpaste-cover .show-pastes-modal{resize:both;overflow:auto;inset:100px;background-color:#1c1e22;box-shadow:0 0 10px 5px #41454f;border-radius:8px;height:75%;width:min(90%,400px)}.showpaste-cover .show-pastes-modal .modal-content-container{border-radius:8px;width:95%;height:95%;position:relative;bottom:-7px;display:flex;flex-direction:column}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input{border-radius:8px;height:55%;width:100%;display:flex;flex-direction:column;gap:.05rem;flex:3 1}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input div{background-color:#232323;padding:6px 12px;border-radius:8px;outline:none;border:2px solid #464d54}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .title-input{background-color:#131417;flex:2 1;border-radius:8px 8px 0 0;display:flex;justify-content:center;align-items:center}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .title-input:focus,.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .title-input:hover{border-color:#464d54}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input{background-color:#131417;flex:5 1;border-radius:0;width:auto;overflow:auto;text-align:left;white-space:pre-wrap}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input:focus,.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input:hover{border-color:#464d54}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input button.copyText{position:absolute;right:10px;top:20%;padding:0;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#363841;border:1px solid #6f7587}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input button.copyText:hover{background-color:#41454f}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input button.copyText svg{transform:scale(1);opacity:1;transition:all .2s ease}.showpaste-cover .show-pastes-modal .modal-content-container .title-and-text-input .text-input button.copyText.copying svg{transform:scale(2);opacity:0}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload{height:20%;width:99.48%;flex:2 1;border:2px solid transparent}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload:hover{border-color:transparent}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-upload-top-bar{background-color:#2a2c33;height:40px!important;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-left:.4rem}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-upload-top-bar button{height:25px;width:25px!important}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-upload-top-bar span{font-size:14px}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone{background-color:#131417;border:1px solid #5d6770;height:100%;width:100%;border-radius:0 0 8px 8px;overflow:hidden;pointer-events:auto}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-drop-zone-empty{position:-webkit-sticky;position:sticky;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list{background-color:#1f2025;height:80%;overflow-y:auto!important;overflow-x:hidden}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul{list-style:none;padding:0}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li{border:1px solid transparent;border-top-color:#464d54;transition:all .1s ease;cursor:pointer;padding:.2rem 0 .2rem .4rem}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li.last{border-top-color:#464d54;border-bottom-color:#464d54}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li:hover{background-color:rgba(72,80,87,.2)}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li:hover .download-file-button{color:#646cff}.showpaste-cover .show-pastes-modal .modal-content-container .file-upload .file-drop-zone .file-list ul li .download-file-button{float:right;padding:auto .4rem 0;transition:color .1s ease}.showpaste-cover .show-pastes-modal .modal-content-container div.bottom-bar{display:flex;justify-content:flex-end;gap:.5rem;margin-right:.5rem}.showpaste-cover .show-pastes-modal .modal-content-container div.bottom-bar span{font-size:12px;color:hsla(0,0%,100%,.5);width:max-content}.showpaste-cover .show-pastes-modal .modal-content-container div.bottom-bar span.deletepaste{color:rgba(217,35,35,.8);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.showpaste-cover .show-pastes-modal .modal-content-container div.bottom-bar span.deletepaste:hover{color:rgba(255,88,88,.8)}.notifications.container{width:350px;max-height:100%;overflow-y:visible;padding:.2rem .5rem .2rem .2rem;z-index:99;display:flex;flex-direction:column;gap:1rem;position:fixed;right:1rem;top:2rem;transition:opacity .125s}.notifications.container .notifications.list{display:flex;flex-direction:column-reverse;gap:1rem}.notifications.container .notif{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;background-color:#e0ab6a;color:var(--sub-color);display:grid;grid-template-columns:min-content auto min-content;border-radius:8px;box-shadow:0 0 0 .2em #e0ab6a;opacity:0;scale:0;transform:translateY(-50px);transition:all .1s ease!important}.notifications.container .notif.enter{opacity:0;scale:.95}.notifications.container .notif.enter-done{transform:translateY(0);opacity:1;scale:1}.notifications.container .notif.exit{transform:translateY(0)}.notifications.container .notif.exit,.notifications.container .notif.exit-done{opacity:0;scale:.95;transform:translateX(50px)!important}.notifications.container .notif .icon{color:var(--sub-color);padding:1rem;align-items:center;display:grid;font-size:1.25em}.notifications.container .notif .message{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1rem}.notifications.container .notif .message .title{color:var(--sub-color);font-size:.75em}.notifications.container .notif.error{background-color:#ec6464;box-shadow:0 0 0 .2em #ec6464;color:#000}.notifications.container .notif.error .icon{color:#000}.notifications.container .notif.success{background-color:#53c653;box-shadow:0 0 0 .2em #53c653;color:#000}.notifications.container .notif.success .icon{color:#000}.notifications.container .notif:hover{cursor:pointer}.notifications.container .notif:hover:after{opacity:1}.notifications.container .notif:after{transition:.125s;background:rgba(0,0,0,.3);color:#1f1f1f;opacity:0;font-weight:700;content:"X";position:absolute;width:100%;height:100%;font-size:2.5rem;display:grid;align-items:center;text-align:center;border-radius:8px}