.neumorphic-container{text-align:center;color:#2c3e50;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.neumorphic-container form{transition:all .5s;width:100%}.finder{border:1px solid hsl(var(--border));background-color:hsl(var(--background));border-radius:1.5rem;padding:8px;box-shadow:9px 9px 16px hsla(var(--background),.6),-9px -9px 16px hsla(var(--foreground),.05);width:100%}.finder__outer{display:flex;width:100%;padding:1rem 1.5rem;border-radius:1rem;box-shadow:inset 10px 10px 15px -10px hsl(var(--background)),inset -10px -10px 15px -10px hsla(var(--foreground),.1)}.finder__inner{display:flex;align-items:center;position:relative;flex:1}.finder__input{width:100%;height:100%;border:none;background-color:transparent;outline:none;font-size:1.125rem;letter-spacing:.75px;color:hsl(var(--foreground))}.finder__input::placeholder{color:hsl(var(--muted-foreground))}.finder__button{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;padding:.5rem 1rem;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:1rem}.finder__button:hover{background-color:hsla(var(--primary),.9)}.finder__icon{width:32px;height:32px;margin-right:1rem;transition:all .2s;box-shadow:inset 0 0 0 20px hsl(var(--primary));border-radius:50%;position:relative}.finder__icon:after,.finder__icon:before{display:block;content:"";position:absolute;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.finder__icon:after{width:8px;height:8px;background-color:hsl(var(--primary));border:2px solid hsl(var(--background));top:50%;position:absolute;transform:translateY(-50%);left:0;right:0;margin:auto;border-radius:50%}.finder.active .finder__icon:after{border-width:8px;background-color:hsl(var(--background))}.finder__icon:before{width:3px;height:10px;background-color:hsl(var(--background));top:50%;left:16px;transform:rotate(45deg) translate(-50%);transform-origin:0 0;border-radius:4px}.finder.active .finder__icon:before{background-color:hsl(var(--primary));width:4px;transform:rotate(45deg) translate(-50%,18px)}.finder.processing .finder__icon{transform-origin:50%;animation:spinner .3s linear infinite;animation-delay:.3s}.finder.active .finder__icon{transform:translateY(-3px)}@keyframes spinner{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}