.searchck{width:307px;display:block;margin:0;padding:0;position:relative;left:144px}.search-bar input,.search-btn,.search-btn:before,.search-btn:after{transition:all 0.25s ease-out}.search-bar input,.search-btn{width:3em;height:3em;border:0;box-sizing:border-box;margin:0;padding:0}.search-bar input:invalid:not(:focus),.search-btn{cursor:pointer}.search-bar,.search-bar input:focus,.search-bar input:valid{width:68%}.search-bar input:focus,.search-bar input:not(:focus) + .search-btn:focus{outline:transparent}.search-bar{margin:auto;padding:0em;justify-content:right;max-width:20em}.search-bar input{background:transparent;border-radius:1.5em;box-shadow:0 0 0 0.1em #000 inset;padding:0.75em;transform:translate(0.5em,0.5em) scale(0.5);transform-origin:100% 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-bar input::-webkit-search-decoration{-webkit-appearance:none}.search-bar input:focus,.search-bar input:valid{background:#fafafa;border-radius:0.375em 0 0 0.375em;box-shadow:0 0 0 0.1em #a9bef3 inset;transform:scale(1);color:#000;font-weight:600;font-size:14px}.search-btn{background:#000;border-radius:0 0.75em 0.75em 0 / 0 1.5em 1.5em 0;padding:0.75em;position:relative;transform:translate(0.25em,0.25em) rotate(45deg) scale(0.25,0.125);transform-origin:0 50%}.search-btn:before,.search-btn:after{content:"";display:block;opacity:0;position:absolute}.search-btn:before{border-radius:50%;box-shadow:0 0 0 0.2em #f1f1f1 inset;top:0.75em;left:0.75em;width:1.2em;height:1.2em}.search-btn:after{background:#f1f1f1;border-radius:0 0.25em 0.25em 0;top:51%;left:51%;width:0.75em;height:0.25em;transform:translate(0.2em,0) rotate(45deg);transform-origin:0 50%}.search-btn span{display:inline-block;overflow:hidden;width:1px;height:1px}.search-bar input:focus + .search-btn,.search-bar input:valid + .search-btn{background:#2762f3;border-radius:0 0.375em 0.375em 0;transform:scale(1)}.search-bar input:focus + .search-btn:before,.search-bar input:focus + .search-btn:after,.search-bar input:valid + .search-btn:before,.search-bar input:valid + .search-btn:after{opacity:1}.search-bar input:focus + .search-btn:hover,.search-bar input:valid + .search-btn:hover,.search-bar input:valid:not(:focus) + .search-btn:focus{background:#0c48db}.search-bar input:focus + .search-btn:active,.search-bar input:valid + .search-btn:active{transform:translateY(1px)}