.liquid-metal-border{isolation:isolate;transition:box-shadow .3s;position:relative;box-shadow:0 16px 8px #0000000d,0 8px 6px #0000001a,0 4px 4px #00000026}.liquid-metal-border.is-hovered{box-shadow:0 0 32px 1px #ffffff0d,0 16px 8px #0000000f,0 8px 6px #0000001f,0 4px 4px #0000002e}.liquid-metal-border__rim-clip{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.liquid-metal-border__rim-clip:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(10px)saturate(1.25);pointer-events:none;background:linear-gradient(135deg,#ffffff38 0%,#ffffff0f 32%,#ffffff08 68%,#ffffff2e 100%);position:absolute;inset:0}.liquid-metal-border__rim-clip:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.liquid-metal-border__rim{filter:blur(2.5px);will-change:transform;opacity:.85;background:conic-gradient(#fff0 0deg 30deg,#dce6ff52 75deg,#ffffff8c 92deg,#c8dcff52 110deg,#fff0 160deg 360deg);width:250%;height:250%;animation:14s linear infinite liquid-metal-rotate;position:absolute;top:-75%;left:-75%}.liquid-metal-border.is-revealing .liquid-metal-border__rim{opacity:1;animation-duration:2.2s}.liquid-metal-border.is-hovered .liquid-metal-border__rim{filter:blur(2px)brightness(1.2);opacity:1;animation-duration:5s}@keyframes liquid-metal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.liquid-metal-border__content{z-index:20;height:100%;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.liquid-metal-border__rim{animation:none}}