.liquidGlass-wrapper{position:relative;display:flex;align-items:center;font-weight:500;overflow:hidden;padding:1rem 1.5rem;border-radius:.25rem;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d,0 0 20px #ffffff0d,inset 0 0 10px #ffffff08;transition:all .2s ease}.liquidGlass-wrapper:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#fff3;box-shadow:0 6px 20px #0006,0 0 30px #ffffff1a,inset 0 0 15px #ffffff0d}.liquidGlass-wrapper:active{transform:translateY(0);background:#ffffff0f;box-shadow:0 2px 8px #0000004d,inset 0 0 5px #ffffff05}.liquidGlass-wrapper:hover>div{border-radius:.25rem}.liquidGlass-effect{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);filter:url(#glass-distortion);overflow:hidden;isolation:isolate;border-radius:inherit;opacity:.9}.liquidGlass-tint{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit}.liquidGlass-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:inherit;box-shadow:inset 2px 2px 1px #ffffff80,inset -1px -1px 1px 1px #ffffff80}.liquidGlass-text{z-index:3;font-size:.9rem;color:#fff;font-weight:400;position:relative;display:flex;align-items:center;gap:.5rem}.keyboard-key{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:.125rem;font-weight:600;font-size:.875rem;box-shadow:0 2px 3px #0000004d,inset 0 1px 1px #ffffff26,inset 0 -1px 2px #0000001a;position:relative}.keyboard-key:after{content:"";position:absolute;bottom:-1px;left:1px;right:1px;height:1px;background:#0003;border-radius:0 0 .125rem .125rem}.liquidGlass-wrapper,.liquidGlass-wrapper>div{border-radius:.25rem;transition:border-radius .2s ease}.liquidGlass-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 200%;animation:gradient-shift 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}