.oc-brand-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:180px;padding:32px 20px;color:#17171c;text-align:center;animation:oc-loader-reveal .2s .15s both}.oc-brand-motion{position:relative;width:54px;height:54px;flex:none;isolation:isolate}.oc-brand-motion i,.oc-brand-motion>span{position:absolute;inset:0;border-radius:17px}.oc-brand-motion i:first-child{background:#25e5df;animation:oc-cast-cyan 1.5s ease-in-out infinite}.oc-brand-motion i:nth-child(2){background:#ff315b;animation:oc-cast-red 1.5s ease-in-out infinite}.oc-brand-motion>span{display:grid;place-items:center;background:#19191f;color:#fff;border:1px solid #ffffff18;box-shadow:0 5px 18px #0002}.oc-brand-motion svg{width:31px;height:31px;animation:oc-cast-play 1.5s ease-in-out infinite}.oc-brand-loader-copy{display:flex;flex-direction:column;gap:9px}.oc-brand-loader .oc-brand-loader-copy>strong{display:flex;align-items:center;justify-content:center;gap:5px;color:inherit;font-size:25px;font-weight:900;letter-spacing:-1.3px;line-height:1.15}.oc-brand-loader-copy>strong>span{font-size:7px;color:#ff315b;letter-spacing:0}.oc-brand-loader .oc-brand-loader-copy>span{color:#73737f;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.2px}.oc-brand-loader.is-dark{color:#fff}.oc-brand-loader.is-dark .oc-brand-loader-copy>span{color:#b9b9c4}.oc-brand-loader.is-compact{min-height:76px;flex-direction:row;gap:13px;padding:18px 12px;text-align:left}.oc-brand-loader.is-compact .oc-brand-motion{width:32px;height:32px}.oc-brand-loader.is-compact .oc-brand-motion i,.oc-brand-loader.is-compact .oc-brand-motion>span{border-radius:10px}.oc-brand-loader.is-compact svg{width:21px;height:21px}.oc-brand-loader.is-compact .oc-brand-loader-copy>strong{display:none}.oc-route-loading{min-height:100dvh;display:grid;place-items:center;background:#09090c}@keyframes oc-cast-cyan{0%,to{transform:translate(-4px,-3px)}50%{transform:translate(-8px,2px) rotate(-7deg)}}@keyframes oc-cast-red{0%,to{transform:translate(4px,3px)}50%{transform:translate(8px,-2px) rotate(7deg)}}@keyframes oc-cast-play{0%,to{transform:scale(.93);opacity:.85}50%{transform:scale(1);opacity:1}}@keyframes oc-loader-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.oc-brand-loader,.oc-brand-motion i,.oc-brand-motion svg{animation:none}.oc-brand-motion i:first-child{transform:translate(-4px,-3px)}.oc-brand-motion i:nth-child(2){transform:translate(4px,3px)}}