:root{--zp-cycle:5.2s}.zp-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.95),transparent 26%),radial-gradient(circle at 82% 20%,rgba(216,226,255,.78),transparent 31%),linear-gradient(135deg,#ffe7f3,#fceaff,#ecefff);overflow:hidden;opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease}.zp-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.zp-loader__card{position:relative;width:min(92vw,560px);padding:22px 22px 26px;border:1px solid rgba(255,255,255,.9);border-radius:36px;background:linear-gradient(135deg,#ffffffad,#ffffff4d);box-shadow:0 26px 72px #76509e38,inset 0 1px #fff;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);text-align:center}.zp-loader__brand{font-size:clamp(32px,8vw,50px);font-weight:900;letter-spacing:-2px;background:linear-gradient(100deg,#ff5ca8,#ff92c2 28%,#fff,#8a7cf8 62%,#62caff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 16px rgba(255,101,174,.2);transform-origin:center;will-change:transform,opacity,background-position;animation:zpBrandLogo var(--zp-cycle) cubic-bezier(.22,.8,.22,1) infinite}.zp-loader__headline{margin-top:2px;font-size:16px;font-weight:800;color:#33245d}.zp-loader__stage{position:relative;height:310px;margin:4px auto 0;overflow:hidden}.zp-loader__cloud{position:absolute;left:50%;bottom:16px;width:330px;height:70px;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#fffffffa,#fff5fbed);box-shadow:0 14px 30px #ba79a62e,inset 0 1px #fff;z-index:1}.zp-loader__cloud:before,.zp-loader__cloud:after{content:"";position:absolute;bottom:14px;border-radius:50%;background:inherit}.zp-loader__cloud:before{width:120px;height:74px;left:34px}.zp-loader__cloud:after{width:138px;height:82px;right:30px}.zp-loader__mascot-wrap{position:absolute;left:50%;bottom:4px;width:min(76vw,350px);transform:translate(-50%,210px) scale(.92);z-index:2;animation:zpBearStory var(--zp-cycle) cubic-bezier(.22,.8,.22,1) infinite}.zp-loader__mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 22px rgba(182,111,151,.22))}.zp-loader__letter-cover{position:absolute;left:50%;bottom:18px;width:184px;height:96px;transform:translate(-50%);border-radius:38px;background:linear-gradient(180deg,#fffafc,#fff);box-shadow:0 10px 24px #a168a021,inset 0 0 0 3px #ffffffeb;z-index:4;display:flex;align-items:center;justify-content:center;overflow:visible}.zp-loader__letter-cover span{display:block;margin-top:6px;padding:0 8px;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.5px;white-space:nowrap;background:linear-gradient(100deg,#ff5ca8,#ff92c2 28%,#fff,#8a7cf8 62%,#62caff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 3px 12px rgba(255,101,174,.18);transform-origin:center;will-change:transform,opacity,background-position;animation:zpMascotLogo var(--zp-cycle) cubic-bezier(.22,.8,.22,1) infinite}.zp-loader__letter{position:absolute;top:152px;z-index:6;font:1000 82px/1 Arial Rounded MT Bold,Arial,sans-serif;-webkit-text-stroke:5px rgba(255,255,255,.95);filter:drop-shadow(0 9px 8px rgba(104,68,132,.22));opacity:0;will-change:transform,opacity}.zp-loader__letter--z{left:calc(50% - 124px);color:#ff79b8;animation:zpLetterZ var(--zp-cycle) cubic-bezier(.25,.9,.25,1) infinite}.zp-loader__letter--p{right:calc(50% - 124px);color:#65c7ff;animation:zpLetterP var(--zp-cycle) cubic-bezier(.25,.9,.25,1) infinite}.zp-loader__heart{position:absolute;z-index:7;color:#ff71ae;font-size:22px;opacity:0;filter:drop-shadow(0 5px 8px rgba(255,94,158,.25));animation:zpHeartPop var(--zp-cycle) ease-in-out infinite}.zp-loader__heart--one{left:23%;top:82px}.zp-loader__heart--two{right:22%;top:108px;animation-delay:.12s}.zp-loader__status{position:relative;height:28px;margin-top:-2px;font-size:17px;font-weight:800;color:#38275f}.zp-loader__status span{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(7px);animation:zpStatus var(--zp-cycle) linear infinite}.zp-loader__status span:nth-child(1){animation-delay:0s}.zp-loader__status span:nth-child(2){animation-delay:1.04s}.zp-loader__status span:nth-child(3){animation-delay:2.08s}.zp-loader__status span:nth-child(4){animation-delay:3.12s}.zp-loader__status span:nth-child(5){animation-delay:4.16s}.zp-loader__progress{width:min(78%,350px);height:16px;margin:14px auto 0;padding:3px;border-radius:999px;background:#fffc;box-shadow:inset 0 0 0 1px #ff7abc61,0 7px 17px #724ca01f}.zp-loader__progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff6eaf,#ff9dc8,#9e7bf7,#65ccff);transform-origin:left;animation:zpProgressExact var(--zp-cycle) linear infinite}.zp-loader__subtext{margin:10px 0 0;font-size:14px;color:#735e8c}.zp-loader__glow{position:absolute;border-radius:50%;filter:blur(8px);opacity:.7}.zp-loader__glow--one{width:320px;height:320px;left:-90px;top:-80px;background:#ff99cd61;animation:zpFloat 5s ease-in-out infinite}.zp-loader__glow--two{width:360px;height:360px;right:-120px;bottom:-110px;background:#8dabff59;animation:zpFloat 5.5s 1s ease-in-out infinite reverse}.zp-loader__sparkles i{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 18px #fff;animation:zpSpark 1.8s ease-in-out infinite}.zp-loader__sparkles i:nth-child(1){left:10%;top:20%}.zp-loader__sparkles i:nth-child(2){left:20%;bottom:18%;animation-delay:.3s}.zp-loader__sparkles i:nth-child(3){right:13%;top:23%;animation-delay:.7s}.zp-loader__sparkles i:nth-child(4){right:22%;bottom:16%;animation-delay:1s}.zp-loader__sparkles i:nth-child(5){left:48%;top:7%;animation-delay:1.25s}.zp-loader__sparkles i:nth-child(6){right:8%;top:52%;animation-delay:.45s}.zp-loader__sparkles i:nth-child(7){left:31%;top:13%;animation-delay:.9s}.zp-loader__sparkles i:nth-child(8){right:34%;bottom:10%;animation-delay:1.4s}@keyframes zpBrandLogo{0%{opacity:0;transform:translateY(-12px) scale(.82);background-position:100% 50%}10%{opacity:1;transform:translateY(2px) scale(1.06)}18%,72%{opacity:1;transform:translateY(0) scale(1);background-position:0 50%}78%{transform:translateY(0) scale(1.035)}84%,94%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.96);background-position:100% 50%}}@keyframes zpMascotLogo{0%,34%{opacity:0;transform:translateY(12px) scale(.72);background-position:100% 50%}44%{opacity:1;transform:translateY(-2px) scale(1.12)}51%{transform:translateY(0) scale(.96)}58%,82%{opacity:1;transform:translateY(0) scale(1);background-position:0 50%}88%{transform:translateY(0) scale(1.06)}94%,to{opacity:1;transform:translateY(0) scale(1);background-position:100% 50%}}@keyframes zpBearStory{0%,8%{transform:translate(-50%,210px) scale(.92)}16%{transform:translate(-50%,128px) scale(.95)}25%,42%{transform:translate(-50%,12px) scale(1)}48%{transform:translate(-50%,3px) rotate(-1.5deg) scale(1.01)}58%{transform:translate(-50%) rotate(1.5deg) scale(1.01)}68%,86%{transform:translate(-50%) scale(1)}92%{transform:translate(-50%,-7px) scale(1.02)}to{transform:translate(-50%,210px) scale(.92)}}@keyframes zpLetterZ{0%,20%{opacity:0;transform:translate(-170px,70px) rotate(-25deg) scale(.55)}27%{opacity:1;transform:translate(-55px,-36px) rotate(-14deg) scale(.9)}39%,56%{opacity:1;transform:translate(0) rotate(-4deg) scale(1)}64%,to{opacity:0;transform:translate(0) rotate(-4deg) scale(1)}}@keyframes zpLetterP{0%,28%{opacity:0;transform:translate(170px,70px) rotate(25deg) scale(.55)}35%{opacity:1;transform:translate(55px,-36px) rotate(14deg) scale(.9)}47%,60%{opacity:1;transform:translate(0) rotate(4deg) scale(1)}66%,to{opacity:0;transform:translate(0) rotate(4deg) scale(1)}}@keyframes zpRevealBuiltIn{0%,59%{opacity:1}64%,89%{opacity:0}94%,to{opacity:1}}@keyframes zpHeartPop{0%,56%{opacity:0;transform:translateY(10px) scale(.4)}64%{opacity:1;transform:translateY(-6px) scale(1.2)}76%{opacity:.85;transform:translateY(-16px) scale(.95)}88%,to{opacity:0;transform:translateY(-28px) scale(.65)}}@keyframes zpStatus{0%{opacity:0;transform:translateY(7px)}7%,15%{opacity:1;transform:translateY(0)}19%,to{opacity:0;transform:translateY(-6px)}}@keyframes zpProgressExact{0%{transform:scaleX(.05)}20%{transform:scaleX(.22)}40%{transform:scaleX(.46)}60%{transform:scaleX(.72)}80%{transform:scaleX(.92)}to{transform:scaleX(1)}}@keyframes zpFloat{0%,to{transform:translate(0)}50%{transform:translate(18px,12px)}}@keyframes zpSpark{0%,to{transform:scale(.55);opacity:.25}50%{transform:scale(1.45);opacity:1}}@media(max-width:600px){.zp-loader__card{border-radius:28px;padding:18px 13px 22px}.zp-loader__stage{height:275px}.zp-loader__mascot-wrap{width:min(88vw,310px)}.zp-loader__cloud{width:285px}.zp-loader__letter{top:142px;font-size:70px}.zp-loader__letter--z{left:calc(50% - 107px)}.zp-loader__letter--p{right:calc(50% - 107px)}.zp-loader__letter-cover{bottom:16px;width:160px;height:84px}.zp-loader__letter-cover span{font-size:26px}.zp-loader__status{font-size:15px}.zp-loader__headline{font-size:14px}}@media(prefers-reduced-motion:reduce){.zp-loader *{animation-duration:.001ms!important;animation-iteration-count:1!important}}html.zp-lite .zp-loader{background:linear-gradient(135deg,#ffe7f3,#fceaff 52%,#ecefff)}html.zp-lite .zp-loader__card{background:#ffffffeb;box-shadow:0 16px 42px #76509e26}html.zp-lite .zp-loader__mascot{filter:none}html.zp-lite .zp-loader__mascot-wrap{animation-duration:var(--zp-cycle)!important;animation-fill-mode:both!important}html.zp-lite .zp-loader__letter,html.zp-lite .zp-loader__heart,html.zp-lite .zp-loader__status span{animation:none!important}html.zp-lite .zp-loader__letter,html.zp-lite .zp-loader__status span{display:none}html.zp-lite .zp-loader__status span:first-child{display:block;opacity:1;transform:none}html.zp-lite .zp-loader__progress span{animation:zpProgressExact var(--zp-cycle) linear 1 both!important}html.zp-lite .zp-loader__brand{animation:zpBrandLogo var(--zp-cycle) ease-out infinite!important}html.zp-lite .zp-loader__letter-cover span{animation:zpMascotLogo var(--zp-cycle) ease-out infinite!important}
/*# sourceMappingURL=/cdn/shop/t/88/assets/zulipop-loader.css.map */