#mysbox-customer-portal .p-mysbox-animation__drawing{--p-mysbox-animation-drawing-z-index-base: 9999;--p-mysbox-animation-drawing-z-index-wrapper: 10000;--p-mysbox-animation-drawing-z-index-skip-button: 10001;--p-mysbox-animation-drawing-z-index-video-background: -1;--p-mysbox-animation-drawing-z-index-geometry: 1;--p-mysbox-animation-drawing-z-index-box-image: 2;--p-mysbox-animation-drawing-z-index-svg: 4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--p-mysbox-animation-drawing-z-index-base);background-color:var(--p-mysbox-animation-drawing-background);background-image:var(--p-mysbox-animation-drawing-background-image, none);background-size:cover;background-position:center;color:var(--p-mysbox-animation-drawing-text)}#mysbox-customer-portal .p-mysbox-animation__drawing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.25) 100%);opacity:0;transition:opacity .5s ease-out}#mysbox-customer-portal .p-mysbox-animation__drawing:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grainShift .6s steps(1) infinite}#mysbox-customer-portal .p-mysbox-animation__drawing__bokeh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}#mysbox-customer-portal .p-mysbox-animation__drawing__bokeh__orb{position:absolute;border-radius:50%;background:#fff9;filter:blur(22px);opacity:.14;animation:driftOrb var(--drift-duration, 12s) ease-in-out infinite alternate var(--drift-delay, 0s)}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--p-mysbox-animation-drawing-z-index-wrapper);opacity:1;overflow:hidden;background-color:transparent;pointer-events:none;transition:opacity .3s ease-in-out}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper video{position:absolute;top:50%;left:50%;z-index:var(--p-mysbox-animation-drawing-z-index-video-background);max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:8/6;transform:translate(-50%,-50%) scale(1.2);transition:opacity .2s linear .1s}@media(max-width:767px){#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper video{transform:translate(-50%,-50%) scale(1.5)}}@media(max-width:575px){#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper video{transform:translate(-50%,-50%) scale(1.8)}}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper video.is-hidden{opacity:0;pointer-events:none}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper.is-transitioning{transform-origin:center;opacity:0;transition:opacity .4s ease-out .1s}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper.is-transitioning .p-mysbox-animation__drawing__instruction-text{opacity:0;pointer-events:none}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image{position:absolute;top:50%;left:50%;z-index:var(--p-mysbox-animation-drawing-z-index-box-image);transform:translate(-50%,-50%) scale(1);border-radius:var(--p-mysbox-animation-drawing-box-image-radius);max-width:28%;max-height:28%;opacity:.5;transition:transform .3s ease-in-out,opacity .3s ease-in-out;object-fit:contain;pointer-events:none;filter:blur(calc(var(--energy, 0) * 7px)) brightness(calc(1 - var(--energy, 0) * .55)) drop-shadow(0 6px 22px hsla(var(--sphere-hue),calc(90% * var(--sphere-sat, 1)),52%,.45)) drop-shadow(0 2px 8px hsla(var(--sphere-hue),calc(85% * var(--sphere-sat, 1)),45%,.3))}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image.is-idle{animation:breathe 2.5s ease-in-out infinite}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image.is-shrinking{transform:translate(-50%,-50%) scale(0);opacity:0}#mysbox-customer-portal .p-mysbox-animation__drawing__svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--p-mysbox-animation-drawing-z-index-svg);display:block;width:100%;height:100%;pointer-events:auto}#mysbox-customer-portal .p-mysbox-animation__drawing__svg.is-fading-out polyline{animation:fadeOutLine .2s linear forwards}#mysbox-customer-portal .p-mysbox-animation__drawing__geometry{position:absolute;top:0;left:0;z-index:var(--p-mysbox-animation-drawing-z-index-geometry);width:100%;height:100%;overflow:visible;pointer-events:none;transform:scale(.8);transform-origin:center}#mysbox-customer-portal .p-mysbox-animation__drawing__geometry .chrono-orb-group{opacity:calc(var(--energy, 0) * 1.5);transition:opacity .1s ease-out}#mysbox-customer-portal .p-mysbox-animation__drawing__geometry.sphere-revealed .chrono-orb-group{opacity:1;transition:opacity .8s ease-in}#mysbox-customer-portal .p-mysbox-animation__drawing__geometry--front{z-index:3}#mysbox-customer-portal .p-mysbox-animation__drawing__particles{position:absolute;top:0;left:0;z-index:6;width:100%;height:100%;pointer-events:none}#mysbox-customer-portal .p-mysbox-animation__drawing__instruction-text{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:calc(var(--p-mysbox-animation-drawing-z-index-svg) + 1);width:max-content;max-width:calc(100vw - 32px);font-weight:600;text-align:center;white-space:normal;word-break:break-word;opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}#mysbox-customer-portal .p-mysbox-animation__drawing__flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;pointer-events:none;background:#fff;animation:screenFlash .45s ease-out forwards}#mysbox-customer-portal .p-mysbox-animation__drawing__skip-button{z-index:var(--p-mysbox-animation-drawing-z-index-skip-button);position:absolute;border:none;border-radius:8px;min-width:100px;padding:.8rem 1.2rem;background-color:var(--p-mysbox-primary-color);font-size:16px;color:#fff;top:85%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;transition-delay:.3s}#mysbox-customer-portal .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner{z-index:300}#mysbox-customer-portal .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__card__image--tier{box-shadow:0 0 0 1.5px #ffffff1f,0 0 40px var(--tier-glow-color, rgba(0, 0, 0, .2)),0 0 80px var(--rarity-color, rgba(0, 0, 0, .1))}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ending] .p-mysbox-animation__drawing__wrapper,#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__wrapper{display:none}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__heading-text{opacity:1;text-shadow:0 0 28px var(--rarity-color, rgba(255, 255, 255, .4))}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__tier-badge{opacity:1}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__card__image{opacity:1;animation:drawingWinner 1.1s cubic-bezier(.22,1,.36,1) forwards}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__card__info{opacity:1}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__card__action{opacity:0;transition:opacity .3s ease-out .8s}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner-reveal__main,#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=ended] .p-mysbox-animation__drawing__winner .p-mysbox-animation__winner__card__action{opacity:1}@keyframes fadeOutLine{0%{opacity:1}to{opacity:0}}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.04);opacity:.92}}@keyframes grainShift{0%{background-position:0 0}25%{background-position:-30px 20px}50%{background-position:20px -15px}75%{background-position:-10px 30px}to{background-position:5px -25px}}@keyframes driftOrb{0%{transform:translate(0) scale(1)}33%{transform:translate(18px,-14px) scale(1.06)}66%{transform:translate(-12px,10px) scale(.94)}to{transform:translate(8px,-20px) scale(1.02)}}@keyframes speedLine{0%{transform:translate(-110%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(200%);opacity:0}}@keyframes screenFlash{0%{opacity:0}18%{opacity:.92}to{opacity:0}}@keyframes drawingWinner{0%{transform:scale(.04);opacity:0;filter:brightness(6) blur(22px) saturate(.4) drop-shadow(0 0 60px hsl(var(--sphere-hue),calc(90% * var(--sphere-sat, 1)),72%))}10%{transform:scale(1.22);opacity:1;filter:brightness(4) blur(2px) saturate(.15) drop-shadow(0 0 48px hsl(var(--sphere-hue),calc(90% * var(--sphere-sat, 1)),70%))}22%{transform:scale(.9);filter:brightness(2) blur(0) saturate(.35) drop-shadow(0 0 32px hsl(var(--sphere-hue),calc(80% * var(--sphere-sat, 1)),65%))}35%{transform:scale(1.08);filter:brightness(1.3) saturate(.65) drop-shadow(0 0 18px var(--rarity-color, hsl(var(--sphere-hue), calc(80% * var(--sphere-sat, 1)), 65%)))}50%{transform:scale(.98);filter:brightness(1) saturate(1)}63%{transform:scale(1.012)}76%{transform:scale(.994)}88%{transform:scale(1.004)}to{transform:scale(1);filter:brightness(1) saturate(1);opacity:1}}#mysbox-customer-portal .drawing-dark-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0e0400;opacity:calc(var(--energy, 0) * .82);pointer-events:none;transition:opacity .25s ease-out}#mysbox-customer-portal .main-dark-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0e0400;opacity:0;pointer-events:none;transition:opacity .45s ease-out}#mysbox-customer-portal .p-mysbox-animation-block__main[data-animation-state=running] .main-dark-overlay{opacity:calc(var(--draw-energy, 0) * .82)}#mysbox-customer-portal .chrono-void{opacity:0}#mysbox-customer-portal .chrono-ring{transform-box:fill-box;transform-origin:center;opacity:1}#mysbox-customer-portal .chrono-ring--1{animation:chronoOrbit1 40s linear infinite}#mysbox-customer-portal .chrono-ring--2{animation:chronoOrbit2 55s linear infinite}#mysbox-customer-portal .chrono-ring--3{animation:chronoOrbit3 28s linear infinite}#mysbox-customer-portal .chrono-halo{transform-box:fill-box;transform-origin:center;animation:chronoNebulaBreathe 9s ease-in-out infinite;filter:brightness(calc(1 + var(--energy, 0) * 4.5));transition:filter .15s ease-out}#mysbox-customer-portal .chrono-orb-bloom{transform-box:fill-box;transform-origin:center;animation:chronoBloomPulse 4.5s ease-in-out infinite;filter:brightness(calc(1 + var(--energy, 0) * 6));transition:filter .15s ease-out}#mysbox-customer-portal .chrono-orb{transform-box:fill-box;transform-origin:center;animation:chronoOrbPulse 3.5s ease-in-out infinite}#mysbox-customer-portal .chrono-orb-core,#mysbox-customer-portal .chrono-orb-hot{transform-box:fill-box;transform-origin:center;animation:chronoCorePulse 2.2s ease-in-out infinite alternate}#mysbox-customer-portal .chrono-specular{transform-box:fill-box;transform-origin:center;animation:chronoCorePulse 2.2s ease-in-out infinite alternate;filter:brightness(calc(1 + var(--energy, 0) * 9));transition:filter .15s ease-out}#mysbox-customer-portal .chrono-flare{animation:chronoFlarePulse 3.5s ease-in-out infinite;filter:brightness(calc(1 + var(--energy, 0) * 7));transition:filter .15s ease-out}#mysbox-customer-portal .chrono-energy-band{transform-box:fill-box;transform-origin:center;opacity:calc(.82 + var(--energy, 0) * .18)}#mysbox-customer-portal .chrono-energy-band--1{animation:chronoEnergy1 22s linear infinite}#mysbox-customer-portal .chrono-energy-band--2{animation:chronoEnergy2 14s linear infinite}#mysbox-customer-portal .chrono-energy-band--3{animation:chronoEnergy3 9s linear infinite}#mysbox-customer-portal .chrono-energy-band--4{animation:chronoEnergy4 18s linear infinite}#mysbox-customer-portal .chrono-energy-band--5{animation:chronoEnergy5 7s linear infinite}@keyframes chronoOrbit1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chronoOrbit2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes chronoOrbit3{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}@keyframes chronoNebulaBreathe{0%,to{transform:scale(1);opacity:calc(.18 + var(--energy, 0) * .67)}50%{transform:scale(1.08);opacity:calc(.28 + var(--energy, 0) * .72)}}@keyframes chronoBloomPulse{0%,to{transform:scale(.92);opacity:calc(.1 + var(--energy, 0) * .5)}50%{transform:scale(1.12);opacity:calc(.18 + var(--energy, 0) * .7)}}@keyframes chronoOrbPulse{0%,to{transform:scale(1);opacity:.94}50%{transform:scale(1.06);opacity:1}}@keyframes chronoCorePulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.15);opacity:1}}@keyframes chronoFlarePulse{0%,to{opacity:.82}50%{opacity:1}}@keyframes chronoEnergy1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chronoEnergy2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes chronoEnergy3{0%{transform:rotate(-30deg)}to{transform:rotate(330deg)}}@keyframes chronoEnergy4{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes chronoEnergy5{0%{transform:rotate(50deg)}to{transform:rotate(410deg)}}#mysbox-customer-portal .p-mysbox-animation__drawing__bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}#mysbox-customer-portal .p-mysbox-animation__drawing{--qbb-sphere-shift: 6%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:hidden;transform:translateZ(0)}#mysbox-customer-portal .p-mysbox-animation__drawing__bg-canvas{width:100%;height:100%}#mysbox-customer-portal .qbb-drawing-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 35%,#000 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 35%,#000 100%)}#mysbox-customer-portal .p-mysbox-animation__drawing[style*=--sphere-sat] .p-mysbox-animation__drawing__bg-canvas,#mysbox-customer-portal .p-mysbox-animation__drawing[style*=--sphere-sat] .portal-rim-canvas,#mysbox-customer-portal .p-mysbox-animation__drawing[style*=--sphere-sat] .running-effect-canvas{filter:saturate(0)}#mysbox-customer-portal .p-mysbox-animation__drawing__geometry{top:var(--qbb-sphere-shift)}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image{top:calc(50% + var(--qbb-sphere-shift));width:auto;height:28%;max-width:none;max-height:none;aspect-ratio:1;object-fit:cover}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image--empty{background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.08)}#mysbox-customer-portal .p-mysbox-animation__drawing__svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}#mysbox-customer-portal .p-mysbox-animation__drawing__instruction-text{top:39px;max-width:calc(100% - 32px);margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:min(40px,(100vw - 80px) / 18.4);line-height:1.2;text-shadow:0 2px 14px rgba(0,0,0,.6)}#mysbox-customer-portal .qbb-drawing-hint{position:absolute;left:0;right:0;bottom:44px;z-index:calc(var(--p-mysbox-animation-drawing-z-index-svg) + 1);padding:0 16px;font-family:Arial,Helvetica,sans-serif;font-size:19px;line-height:1.3;text-align:center;color:var(--p-mysbox-animation-drawing-text);opacity:.6;pointer-events:none;animation:qbbDrawingHint 2s ease-in-out infinite;transition:opacity .2s ease-out}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper.is-engaged .qbb-drawing-hint{opacity:0;animation:none}@keyframes qbbDrawingHint{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:749px){#mysbox-customer-portal .p-mysbox-animation__drawing__instruction-text{top:95px;font-size:min(15.5px,(100vw - 80px) / 18.4)}#mysbox-customer-portal .qbb-drawing-hint{bottom:78px;font-size:13px}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper .box-image{width:25%;height:auto}}#mysbox-customer-portal .p-mysbox-animation__drawing__wrapper.is-transitioning .qbb-drawing-hint{opacity:0}#mysbox-customer-portal :where(.p-mysbox-animation__drawing){font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;text-align:start;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}#mysbox-customer-portal :where(.p-mysbox-animation__drawing,.p-mysbox-animation__drawing *,.p-mysbox-animation__drawing *:before,.p-mysbox-animation__drawing *:after),#mysbox-customer-portal :where(.p-mysbox-animation__drawing):before,#mysbox-customer-portal :where(.p-mysbox-animation__drawing):after{box-sizing:border-box}#mysbox-customer-portal :where(.p-mysbox-animation__drawing h2){margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit;font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){#mysbox-customer-portal :where(.p-mysbox-animation__drawing h2){font-size:2rem}}#mysbox-customer-portal :where(.p-mysbox-animation__drawing img,.p-mysbox-animation__drawing svg){vertical-align:middle}#mysbox-customer-portal :where(.p-mysbox-animation__drawing button){border-radius:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;text-transform:none;-webkit-appearance:button}#mysbox-customer-portal :where(.p-mysbox-animation__drawing button:not(:disabled)){cursor:pointer}#mysbox-customer-portal :where(.p-mysbox-animation__drawing button:focus:not(:focus-visible)){outline:0}
/*# sourceMappingURL=/cdn/shop/t/197/assets/qikify-bfcm-anim-drawing.css.map */