@font-face{font-family:Nanum;src:url(/assets/NanumGothicCoding-Regular-yxyaONjN.ttf)}@font-face{font-family:Nanum;font-weight:700;src:url(/assets/NanumGothicCoding-Bold-BLShO8h6.ttf)}.aside{display:flex;gap:2rem}.chip{visibility:hidden;color:var(--accent)}.animate{animation:fade 1s}.accent{color:var(--accent);font-weight:700}.info{position:absolute;bottom:2rem;right:2rem;cursor:pointer}:root{--shade: #dedede;--tint: #0a0b0a;--font: "Nanum";--accent: #2ecc71;--blur: #17161647}@media (prefers-color-scheme: dark){:root{--shade: #0a0b0a;--tint: #dedede;--font: "Nanum";--accent: #2ecc71;--blur: #e8e6e617}}.dark-mode{--shade: #0a0b0a;--tint: #dedede;--font: "Nanum";--accent: #2ecc71;--blur: #e8e6e617}.light-mode{--shade: #dedede;--tint: #0a0b0a;--font: "Nanum";--accent: #2ecc71;--blur: #17161647}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}body{min-height:100vh;min-width:100vw;font-family:var(--font),monospace;background-color:var(--shade);color:var(--tint);font-weight:lighter;border:10px solid #33333312;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3rem}kbd{color:var(--accent)}.heading{font-size:3rem}.heading:after{content:"";background-image:url(/assets/icon-hvNRE3Ne.png);position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;z-index:-1}.description{text-align:center;font-weight:700}[data-input-string]{font-size:2rem;border:none;padding:1rem;font-family:inherit;color:#000;outline:1px dashed var(--tint);border-radius:50px;background:#dedede;box-shadow:-20px -20px 52px var(--blur),20px 20px 52px var(--blur)}[data-btn-copy]{height:5rem;width:5rem;cursor:pointer;border:1px solid var(--font);border-radius:100%;background:linear-gradient(7deg,#eee,#c8c8c8);box-shadow:-1px 0 52px var(--blur),20px -20px 52px var(--blur);display:grid;place-items:center;font-size:3rem}@keyframes fade{0%{visibility:visible;transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(-5px);visibility:hidden}}@media screen and (max-width: 768px){.heading{font-size:2rem}[data-input-string]{font-size:1.5rem;outline:1px dashed var(--tint)}}@media screen and (max-width: 640px){body{padding:2rem;gap:4rem}.heading{font-size:2rem}.heading:after{display:none}[data-input-string]{font-size:1rem}}