.search{color:#fff;display:block;margin:2em auto;text-align:center;width:min(90%,600px)}.search input{background-color:#1d1d1d;border:1px solid #fff;border-radius:5px;color:#fff;margin:.5em auto;padding:1em;transition:all .3s ease-in-out;width:100%}.search input[type=search]:focus{border:1px solid #f6c23b}.search input[type=search]{border:1px solid transparent;border-bottom-color:#f6c23b;outline:none}.search-container{color:#fff;margin:2em auto;width:-moz-fit-content;width:fit-content}.search-container label{display:inline;margin:.5em auto;padding:1em;width:-moz-min-content;width:min-content}.search-container .search-box{border:.2em solid #f6c23b;border-radius:3em;display:inline-block;margin:0;padding:0;position:relative}.search-container .search-box input[type=text]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f6c23b0d;border:none;border-radius:3em;box-sizing:border-box;color:#f6c23b;height:3em;margin:0;padding:.3em 2.1em .3em .8em;transition:width .8s cubic-bezier(.68,-.55,.27,1.55) .15s;width:3em}.search-container .search-box input[type=text]:focus{outline:none}.search-container .search-box input[type=text]:not(:-moz-placeholder){-moz-transition:width .8s cubic-bezier(.68,-.55,.27,1.55);transition:width .8s cubic-bezier(.68,-.55,.27,1.55);width:min(20em,80vw)}.search-container .search-box input[type=text]:focus,.search-container .search-box input[type=text]:not(:placeholder-shown){transition:width .8s cubic-bezier(.68,-.55,.27,1.55);width:min(20em,80vw)}.search-container .search-box input[type=text]:not(:-moz-placeholder)+button[type=reset]{transform:rotate(-45deg) translateY(0);-moz-transition:transform .15s ease-out .8s;transition:transform .15s ease-out .8s}.search-container .search-box input[type=text]:focus+button[type=reset],.search-container .search-box input[type=text]:not(:placeholder-shown)+button[type=reset]{transform:rotate(-45deg) translateY(0);transition:transform .15s ease-out .8s}.search-container .search-box input[type=text]:not(:-moz-placeholder)+button[type=reset]:after{opacity:1;-moz-transition:top .15s ease-out .95s,right .15s ease-out .95s,opacity .15s ease .95s;transition:top .15s ease-out .95s,right .15s ease-out .95s,opacity .15s ease .95s}.search-container .search-box input[type=text]:focus+button[type=reset]:after,.search-container .search-box input[type=text]:not(:placeholder-shown)+button[type=reset]:after{opacity:1;transition:top .15s ease-out .95s,right .15s ease-out .95s,opacity .15s ease .95s}.search-container .search-box button[type=reset]{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:1.6em;justify-content:center;outline:0;padding:0;position:absolute;right:.7em;top:.7em;transform:rotate(-45deg) translateY(2.8em);transition:transform .15s ease-out .15s;width:1.6em;z-index:100}.search-container .search-box button[type=reset]:after,.search-container .search-box button[type=reset]:before{background-color:#f6c23b;content:"";height:1.6em;position:absolute;width:.2em}.search-container .search-box button[type=reset]:after{opacity:0;transform:rotate(90deg);transition:transform .15s ease-out,opacity .15s ease-out}