@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";body{background:linear-gradient(#37383d,#202125);width:100dvw;height:100dvh;margin:0;font-family:Roboto Mono,monospace}body:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:-16px -13px;background-repeat:repeat,repeat;background-size:39px 39px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100dvw;height:100dvh;position:absolute;top:0;left:0}body>#root{height:inherit;width:inherit;justify-content:center;align-items:center;display:flex}body>#root>.container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6px;width:50%;min-width:400px;height:30%;min-height:100px;display:grid}@media screen and (max-width:910px){body>#root>.container{box-sizing:border-box;grid-template-rows:1fr 1fr;grid-template-columns:1fr;width:100%;height:100%;padding:2rem}}body>#root>.container>.column{flex-direction:column;display:flex}body>#root>.container>.column>.textarea-container{height:100%;position:relative}body>#root>.container>.column>.textarea-container>textarea{box-sizing:border-box;width:100%;height:100%;line-height:19px}body>#root>.container>.column>.textarea-container>.copy-button{border-radius:4px 0;position:absolute;bottom:0;right:0;background-color:#616163!important}body>#root>.container .text-input{resize:none;color:#fff;line-break:anywhere;background-color:#0000004d;border:1px solid #0000004d;border-radius:4px;outline:none;font-family:Roboto Mono,monospace;font-size:14px;box-shadow:0 1px #fff3}body>#root>.container .text-input::-webkit-scrollbar{width:10px}body>#root>.container .text-input::-webkit-scrollbar-corner{display:none}body>#root>.container .text-input::-webkit-scrollbar-thumb{cursor:default;background-color:#ffffff4d;background-clip:padding-box;border:2px solid #0000;border-radius:50px}body>#root>.container button{cursor:pointer;color:#fff;background-color:#0000004d;border:1px solid #0000004d;border-radius:4px;box-shadow:0 1px #fff3}body>#root>.container button.active{background-color:#ffffff4d!important;border:1px solid #ffffff4d!important;box-shadow:0 1px #0003!important}body>#root>.container .key-field{margin-bottom:6px;display:flex}body>#root>.container .key-field>input{width:100%;margin-right:6px}body>#root>.container .text-stats{color:gray;text-align:right;margin-top:2px;font-size:12px}.switch{display:flex}.switch>button{border-radius:unset!important}.switch>button:first-child{border-radius:4px 0 0 4px!important}.switch>button:last-child{border-radius:0 4px 4px 0!important}