.sc-glitch-search{position:relative;width:100%;max-width:420px}.sc-glitch-search__input{width:100%;height:60px;padding:12px 36px 12px 16px;font-size:17px;font-family:var(--font-jetbrains,"Courier New",monospace);color:#000;background-color:#fff;border:4px solid #000;border-radius:0;outline:none;transition:all .3s ease;box-shadow:8px 8px 0 #000}.sc-glitch-search__input::-moz-placeholder{color:#888}.sc-glitch-search__input::placeholder{color:#888}.sc-glitch-search__input:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 #000}.sc-glitch-search__input:focus{background-color:#010101;color:#fff;border-color:#d6d9dd;animation:sc-glitch-shake .5s ease-in-out}.sc-glitch-search__input:focus::-moz-placeholder{color:rgba(255,255,255,.65)}.sc-glitch-search__input:focus::placeholder{color:rgba(255,255,255,.65)}.sc-glitch-search__input:not(:-moz-placeholder){font-weight:700;letter-spacing:.04em;animation:sc-glitch-fx 1s linear infinite}.sc-glitch-search__input:not(:placeholder-shown){font-weight:700;letter-spacing:.04em;animation:sc-glitch-fx 1s linear infinite}.sc-glitch-search__cursor{content:"|";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#000;font-family:var(--font-jetbrains,monospace);font-size:18px;pointer-events:none;animation:sc-glitch-blink .7s step-end infinite}.sc-glitch-search:focus-within .sc-glitch-search__cursor{color:#fff}@keyframes sc-glitch-shake{0%{transform:translateX(0)}25%{transform:translateX(-5px) rotate(-5deg)}50%{transform:translateX(5px) rotate(5deg)}75%{transform:translateX(-5px) rotate(-5deg)}to{transform:translateX(0)}}@keyframes sc-glitch-fx{0%,27%,52%,72%,to{transform:none;opacity:1}7%{transform:skew(-.5deg,-.9deg);opacity:.75}30%{transform:skew(.8deg,-.1deg);opacity:.75}55%{transform:skew(-1deg,.2deg);opacity:.75}75%{transform:skew(.4deg,1deg);opacity:.75}}@keyframes sc-glitch-blink{50%{opacity:0}}