.searchbar-component .border,.searchbar-component .darkBorderBg,.searchbar-component .glow,.searchbar-component .white{max-height:50px;max-width:214px;height:100%;width:100%;position:absolute;overflow:hidden;z-index:-1;border-radius:12px;filter:blur(3px)}.searchbar-component .input{background-color:#010201;border:none;width:200px;height:36px;border-radius:10px;color:white;padding-inline:45px 15px;font-size:14px}.searchbar-component #searchbar-poda{display:flex;align-items:center;justify-content:center}.searchbar-component .input::-moz-placeholder{color:#c0b9c0}.searchbar-component .input::placeholder{color:#c0b9c0}.searchbar-component .input:focus{outline:none}.searchbar-component #searchbar-input-mask{display:none}.searchbar-component #searchbar-pink-mask{pointer-events:none;width:30px;height:20px;position:absolute;background:#cf30aa;top:8px;left:5px;filter:blur(20px);opacity:.8;transition:all 2s}.searchbar-component #searchbar-main:hover>#searchbar-pink-mask{opacity:0}.searchbar-component .white{max-height:43px;max-width:207px;border-radius:10px;filter:blur(2px)}.searchbar-component .white:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(83deg);position:absolute;width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;filter:brightness(1.4);background-image:conic-gradient(rgba(0,0,0,0) 0,#a099d8,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 50%,#dfa2da,rgba(0,0,0,0) 58%);transition:all 2s}.searchbar-component .border{max-height:39px;max-width:203px;border-radius:11px;filter:blur(.5px)}.searchbar-component .border:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(70deg);position:absolute;width:600px;height:600px;filter:brightness(1.3);background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14%,#1c191c 50%,#cf30aa 60%,#1c191c 64%);transition:all 2s}.searchbar-component .darkBorderBg{max-height:45px;max-width:212px}.searchbar-component .darkBorderBg:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(82deg);position:absolute;width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(rgba(0,0,0,0),#18116a,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,#6e1b60,rgba(0,0,0,0) 60%);transition:all 2s}.searchbar-component .glow{overflow:hidden;filter:blur(15px);opacity:.35;max-height:80px;max-width:250px;top:-20%;left:-10%;height:140%;width:120%;pointer-events:none}.searchbar-component .glow:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(60deg);position:absolute;width:500px;height:500px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(transparent,#402fb5 10%,transparent 15%,transparent 60%,#cf30aa 68%,transparent 72%);transition:all 2s}.searchbar-component #searchbar-poda:hover>.border:before,.searchbar-component #searchbar-poda:hover>.darkBorderBg:before,.searchbar-component #searchbar-poda:hover>.glow:before,.searchbar-component #searchbar-poda:hover>.white:before{transform:translate(-50%,-50%) rotate(262deg)}.searchbar-component #searchbar-poda:focus-within>.border:before,.searchbar-component #searchbar-poda:focus-within>.darkBorderBg:before,.searchbar-component #searchbar-poda:focus-within>.glow:before,.searchbar-component #searchbar-poda:focus-within>.white:before{transform:translate(-50%,-50%) rotate(442deg);transition:all 4s}.searchbar-component #searchbar-filter-icon,.searchbar-component .filterBorder{display:none}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(450deg)}}.searchbar-component #searchbar-main{position:relative}.searchbar-component #searchbar-search-icon{position:absolute;left:15px;top:8px;transform:scale(.8)}.button{cursor:pointer;font-size:.875rem;border-radius:8px;border:none;padding:1px;background:radial-gradient(circle 40px at 80% -10%,#ffffff,#181b1b);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.button:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,255,255,.1)}.button:active{transform:translateY(0);transition:transform .1s ease}.button:after{content:"";position:absolute;width:60%;height:50%;border-radius:60px;top:0;right:0;box-shadow:0 0 10px #ffffff28;z-index:-1}.blob1{position:absolute;width:35px;height:100%;border-radius:8px;bottom:0;left:0;background:radial-gradient(circle 30px at 0 100%,#3fe9ff,#0000ff80,transparent);box-shadow:-5px 5px 15px #0051ff1d}.blob1,.blob2{pointer-events:none}.blob2{display:none}.inner{padding:6px 20px;border-radius:7px;z-index:3;position:relative;background:radial-gradient(circle 40px at 80% -50%,#777777,#0f1111);font-weight:500;font-size:.75rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:30px;line-height:1;min-width:-moz-fit-content;min-width:fit-content;color:#f8f9fa;text-shadow:0 1px 1px rgba(0,0,0,.5),0 0 3px rgba(255,255,255,.2);transition:all .3s ease}.inner:before{content:"";width:100%;height:100%;left:0;top:0;border-radius:7px;background:radial-gradient(circle 30px at 0 100%,#00e1ff1a,#0000ff11,transparent);position:absolute}.button:hover .inner{text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 5px rgba(255,255,255,.4);color:#ffffff}