@property --iridescent-edge-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.iridescent-border{position:absolute;z-index:2;inset:-1px;border:1px solid rgb(255 255 255 / 40%);border-radius:inherit;pointer-events:none}@supports (mask-composite: exclude) or (-webkit-mask-composite: xor){.iridescent-border{border:0}.iridescent-border:before,.iridescent-border:after{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:iridescent-edge-orbit 1.25s linear infinite paused}.iridescent-border:before{background:conic-gradient(from var(--iridescent-edge-angle),#ffb871,#ff6cbd,#c096ff,#81d8ff,#8dffe0,#ffe4a0,#ffb871)}.iridescent-border:after{padding:1px;background:conic-gradient(from var(--iridescent-edge-angle),transparent 0deg 315deg,#ffffff44 335deg,#fff 344deg 350deg,transparent 357deg);animation-duration:.85s;animation-direction:reverse}.iridescent-border[data-running=true]:before,.iridescent-border[data-running=true]:after{animation-play-state:running}}@keyframes iridescent-edge-orbit{to{--iridescent-edge-angle: 360deg}}:is([inert],[hidden],[aria-hidden=true]) .iridescent-border:before,:is([inert],[hidden],[aria-hidden=true]) .iridescent-border:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.iridescent-border:before,.iridescent-border:after{animation:none}}@media(forced-colors:active){.iridescent-border{border:1px solid ButtonText}.iridescent-border:before,.iridescent-border:after{content:none}}