.finder{background-color:#f6f5f0;border:1px solid #fff;border-radius:15px;box-shadow:9px 9px 16px #bdbdbd99,-9px -9px 16px #ffffff80;padding:4px}.finder__outer{border-radius:10px;box-shadow:inset 10px 10px 15px -10px #c3c3c3,inset -10px -10px 15px -10px #fff;display:flex;padding:.25rem 1rem}.finder__inner{align-items:center;display:flex;flex:1;position:relative}.finder__form{flex:1;height:calc(100% + 3rem)}.finder__input{background-color:transparent;border:none;font-size:1.5rem;height:calc(100% + 3rem);letter-spacing:.75px;outline:none}.finder__icon{border-radius:50%;box-shadow:inset 0 0 0 20px #292929;height:32px;margin-right:1rem;position:relative;transition:all .2s;width:32px}.finder__icon:after,.finder__icon:before{content:"";display:block;position:absolute;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.finder__icon:after{background-color:#292929;border:3px solid #f6f5f0;border-radius:50%;height:10px;left:0;margin:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px}.active .finder__icon:after{background-color:#f6f5f0;border-width:10px}.finder__icon:before{background-color:#f6f5f0;border-radius:4px;height:11px;left:16px;top:50%;transform:rotate(45deg) translate(-50%);transform-origin:0 0;width:1px}.active .finder__icon:before{background-color:#292929;transform:rotate(45deg) translate(-50%,25px);width:6px}.processing .finder__icon{animation:spinner .3s linear infinite;animation-delay:.5s;transform-origin:50%}.active .finder__icon{transform:translateY(-5px)}@keyframes spinner{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}