/* The Upper Room Communities art, piece 6c-art. Living banners and icons. Classes start with .uc or .uca. */
.uc-ban::before{content:"";position:absolute;inset:-45%;z-index:0;pointer-events:none;opacity:.6;mix-blend-mode:soft-light;
  background:radial-gradient(38% 32% at 28% 42%,color-mix(in srgb,var(--cc,#1d9bf0) 55%,#fff) 0,transparent 70%),radial-gradient(34% 30% at 74% 66%,color-mix(in srgb,var(--cc,#1d9bf0) 70%,#000) 0,transparent 72%),radial-gradient(26% 22% at 60% 20%,rgba(255,255,255,.35) 0,transparent 70%);
  animation:ucaur 16s ease-in-out infinite alternate}
@keyframes ucaur{to{transform:translate(9%,-7%) rotate(14deg) scale(1.08)}}
.uc-ban::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 34%,transparent 58%,rgba(0,0,0,.5))}
.uc-ban i{z-index:1;animation:ucbig 11s ease-in-out infinite}
.uc-ban i svg{filter:drop-shadow(0 0 22px rgba(255,255,255,.28))}
@keyframes ucbig{0%,100%{transform:rotate(-12deg) translate(0,0)}50%{transform:rotate(-7deg) translate(-6px,-9px)}}
.uc-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;transform-origin:50% 0;will-change:transform,opacity}
.uc-art *{transform-box:fill-box;transform-origin:center}
.uc-art .orb{animation:ucorb 7s ease-in-out infinite}
@keyframes ucorb{50%{transform:scale(1.22);opacity:.55}}
.uc-art .fan{transform-box:view-box;transform-origin:380px -40px;animation:ucfan 13s ease-in-out infinite alternate}
@keyframes ucfan{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.uc-art .ray{animation:ucray 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes ucray{50%{opacity:.25}}
.uc-art .mote,.uc-art .ember{fill:#fff;opacity:0;animation:ucrise var(--t,9s) linear infinite;animation-delay:var(--d,0s)}
.uc-art .ember.hot{fill:#ffe2a8}
@keyframes ucrise{0%{transform:translate(0,0);opacity:0}12%{opacity:.95}75%{opacity:.55}100%{transform:translate(var(--x,0px),-210px);opacity:0}}
.uc-art .wave{animation:ucwave var(--t,9s) linear infinite;animation-delay:var(--d,0s)}
@keyframes ucwave{to{transform:translateX(-160px)}}
.uc-art .ring{opacity:0;animation:ucring 4.8s cubic-bezier(.2,.7,.3,1) infinite;animation-delay:var(--d,0s)}
@keyframes ucring{0%{transform:scale(.3);opacity:.7}100%{transform:scale(3.4);opacity:0}}
.uc-art .star{fill:#fff;animation:uctw var(--t,3s) ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes uctw{50%{opacity:.15;transform:scale(.55)}}
.uc-art .con{fill:none;stroke:#fff;stroke-opacity:.35;stroke-width:.8;stroke-dasharray:100;animation:uccon 9s ease-in-out infinite}
@keyframes uccon{0%{stroke-dashoffset:100;opacity:1}45%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.uc-art .shoot{stroke:#fff;stroke-width:1.6;stroke-linecap:round;opacity:0;animation:ucshoot 9s ease-in infinite;animation-delay:var(--d,0s)}
@keyframes ucshoot{0%{transform:translate(0,0);opacity:0}2%{opacity:1}11%{transform:translate(-240px,100px);opacity:0}100%{transform:translate(-240px,100px);opacity:0}}
.uc-art .bok{animation:ucbok var(--t,10s) ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes ucbok{to{transform:translate(var(--x,0px),var(--y,0px)) scale(1.18)}}
.uc-art .stk{fill:#fff;opacity:0;animation:ucstk var(--t,3s) cubic-bezier(.45,0,.55,1) infinite;animation-delay:var(--d,0s)}
@keyframes ucstk{0%{transform:translateX(-160px);opacity:0}20%,75%{opacity:var(--o,.3)}100%{transform:translateX(620px);opacity:0}}
.uc-ban.idle *,.uc-ban.idle::before{animation-play-state:paused!important}
.uc-av{position:relative;overflow:hidden}
.uc-av::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translateX(-120%);animation:ucsheen 7s 1.2s ease-in-out infinite}
@keyframes ucsheen{0%{transform:translateX(-120%)}18%,100%{transform:translateX(120%)}}
.uc-cp.on .uc-av{animation:ucavin .7s var(--ease,ease) .12s both}
@keyframes ucavin{from{transform:scale(.6) rotate(-8deg);opacity:0}}
.uc.on :is(.uc-ti,.uc-pb,.uc-av) [pathLength]{animation:ucdraw 1.05s cubic-bezier(.6,0,.2,1) .25s backwards}
@keyframes ucdraw{from{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}
.uc.on :is(.uc-ti,.uc-pb,.uc-av) [fill-opacity]{animation:ucfill .7s ease .7s backwards}
@keyframes ucfill{from{opacity:0}}
:is(.uc-av,.uc-ban) .k1{animation:uck1 2.8s ease-in-out infinite}
@keyframes uck1{50%{opacity:.3}}
:is(.uc-av,.uc-ban) .k2{animation:uck2 3.4s ease-in-out infinite}
@keyframes uck2{50%{transform:translateY(-1.4px)}}
:is(.uc-av,.uc-ban) .k3{animation:uck3 4s ease-in-out infinite}
@keyframes uck3{50%{transform:translateY(-.9px);opacity:.55}}
:is(.uc-av,.uc-ban) .k4{transform-box:fill-box;transform-origin:center;animation:uck4 2.4s ease-in-out infinite}
@keyframes uck4{50%{transform:scale(1.18)}}
:is(.uc-av,.uc-ban) .d2{animation-delay:.8s}
.uc-ti svg,.uc-ic svg,.uc-pb svg{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.uc-tile:active .uc-ti svg,.uc-co:active .uc-ic svg,.uc-pop:active .uc-pb svg{transform:scale(.86) rotate(-8deg)}
.uc-ti{position:relative;overflow:hidden}
.uc-ti::after,.uc-pop::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%)}
.uc.on .uc-ti::after,.uc.on .uc-pop::after{animation:ucsheen1 1.3s cubic-bezier(.4,0,.2,1) .45s both}
@keyframes ucsheen1{to{transform:translateX(120%)}}
.uca-burst{position:fixed;width:0;height:0;z-index:2147483000;pointer-events:none}
.uca-p{position:absolute;left:0;top:0;border-radius:50%}
.uca-ring{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid;border-radius:50%}
@media (prefers-reduced-motion:reduce){.uc-ban *,.uc-ban::before,.uc-av,.uc-av *,.uc-av::after,.uc-ti::after,.uc-pop::after,.uc [pathLength],.uc [fill-opacity]{animation:none!important}}