body{background-color:#080413!important;background-image:radial-gradient(circle at 10% 20%,rgba(124,77,255,.12) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,235,199,.08) 0%,transparent 40%)!important}.dnd-login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height, 0px) - var(--breadcrumb-height, 46px));padding:4rem 2rem}.dnd-login__container{display:flex;justify-content:center;width:100%}.dnd-login__card{display:flex;flex-direction:row;width:100%;overflow:hidden;border:1px solid rgba(124,77,255,.2);border-radius:16px;background:linear-gradient(#1a0f3d,#130b2e) padding-box;box-shadow:0 15px 50px -15px #000c;transition:border-color .3s ease,box-shadow .3s ease}.dnd-login__card:hover{border-color:#7c4dff59;box-shadow:0 20px 60px -10px #7c4dff26,0 15px 50px -15px #000c}.dnd-login__card-image{flex:0 0 50%;position:relative;min-height:480px;background:radial-gradient(ellipse at center,rgba(124,77,255,.25) 37%,rgba(124,77,255,.08) 53%,transparent 69%)}.dnd-login__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;padding-left:2rem}.dnd-login__card-form{flex:1;padding:4.8rem 4rem;display:flex;flex-direction:column;justify-content:center}.dnd-login__heading{line-height:1.2;margin:0 0 2.4rem;color:#fff;letter-spacing:-.01em}.dnd-login__subheading{line-height:1.5;margin:-1.6rem 0 2.4rem;color:#94a3b8}.dnd-login__error-banner{background:#ff54701a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,84,112,.35);border-radius:1rem;padding:1.4rem 1.8rem;margin-bottom:2.2rem;color:#ff8fa2;line-height:1.5;font-weight:500;box-shadow:0 8px 16px #0003}.dnd-login__field{margin-bottom:2rem}.dnd-login__field-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.dnd-login__label{font-size:1.4rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em}.dnd-login__inline-link{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease,transform .2s ease;text-decoration:underline;color:#a78bfa;font-weight:600;font-size:1.4rem}.dnd-login__inline-link:hover{color:#fff;transform:translateY(-1px)}.dnd-login__password-wrapper{position:relative}.dnd-login__password-toggle{position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#ffffff73;padding:0;display:flex;align-items:center;line-height:1;transition:color .15s ease,scale .15s ease}.dnd-login__password-toggle:hover{color:#fff;scale:1.05}.dnd-login__input{display:block;width:100%;height:5rem;padding:0 2.2rem;background:#ffffff0d;border:1.5px solid rgba(124,77,255,.15);border-radius:3rem;font-size:1.6rem;color:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box;color-scheme:dark}.dnd-login__input::placeholder{color:#475569}.dnd-login__input:hover{border-color:#7c4dff66;background-color:#ffffff12}.dnd-login__input:focus{outline:none;background-color:#ffffff14!important;border-color:#7c4dff;box-shadow:0 0 0 4px #7c4dff40}.dnd-login__input:-webkit-autofill,.dnd-login__input:-webkit-autofill:hover,.dnd-login__input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 100px #1a0f3d inset!important;transition:background-color 5000s ease-in-out 0s}.dnd-login__password-wrapper .dnd-login__input{padding-right:5.5rem}.dnd-login__submit{display:block;width:100%;height:5rem;border:2px solid transparent;border-radius:3rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;text-decoration:none;line-height:calc(5rem - 4px);padding:0 2.2rem;box-sizing:border-box;margin-top:1.5rem;position:relative;background:linear-gradient(135deg,#7c4dff,#693bec);color:#fff;box-shadow:0 8px 24px #7c4dff4d}.dnd-login__submit:hover{opacity:1;transform:translateY(-2px);box-shadow:0 12px 30px #7c4dff73}.dnd-login__submit:active{transform:translateY(0) scale(.98)}.dnd-login__submit:disabled{background:#334155!important;border-color:transparent!important;color:#64748b!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dnd-login__submit--loading .button__text{visibility:hidden;opacity:0}.dnd-login__submit--loading:after{content:"";position:absolute;width:16px;height:16px;top:0;right:0;bottom:0;left:0;margin:auto;border:3px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin-loader .8s linear infinite}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dnd-login__links{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.dnd-login__text-btn{background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;transition:color .15s ease,transform .15s ease;color:#94a3b8;font-weight:500;font-size:1.6rem}.dnd-login__text-btn:hover{color:#fff;transform:translateY(-1px)}.dnd-login__success-message{line-height:1.5;margin-bottom:2rem;color:#cbd5e1}.dnd-success--container{width:100%}.dnd-success-optimized{display:flex;flex-direction:column;gap:3rem;width:100%}.dnd-success__title-area{text-align:center;max-width:768px;margin:0 auto}.dnd-success__portal-pill{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(to right,#7c4dff,#ff5470);padding:.4rem 1.2rem;border-radius:9999px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 25px #7c4dff66;margin-bottom:1.5rem}.dnd-success__portal-dot{width:.625rem;height:.625rem;background-color:#00ebc7;border-radius:9999px;display:inline-block;animation:float-slow 2s infinite ease-in-out}.dnd-success__heading-giant{color:#fff;letter-spacing:-.01em;line-height:1.15;margin-top:.5rem;text-shadow:0 4px 12px rgba(0,0,0,.5)}.dnd-success__subtitle{color:#94a3b8;margin-top:1rem;font-weight:500;line-height:1.5}.dnd-success__subtitle h3{color:#94a3b8}.dnd-success__subtitle a{color:#fff;text-decoration-color:#ffd23f}.dnd-success__split-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:1024px){.dnd-success__split-grid{grid-template-columns:5fr 7fr}}.dnd-card{border-radius:2rem;padding:2.5rem;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;transition:border-color .1s ease-in-out}.dnd-card:hover{border-color:#7c4dff}.dnd-card--local{background:linear-gradient(to bottom,#1a0f3d,#130b2e);border:2px solid rgba(124,77,255,.2);position:relative;overflow:hidden}.dnd-card--remote{background-color:#1a0f3de6;border:2px solid rgba(124,77,255,.1)}.dnd-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dnd-card__status{display:flex;align-items:center;gap:.5rem}.dnd-card__ping-dot{width:.625rem;height:.625rem;background-color:#00ebc7;border-radius:9999px;box-shadow:0 0 10px #00ebc7}.dnd-card__ping-text{color:#00ebc7;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.dnd-card__pill{background-color:#7c4dff33;color:#d8b4fe;padding:.3rem .875rem;border-radius:9999px;font-weight:600}.dnd-card__support{color:#64748b;font-weight:600;display:flex;align-items:center;gap:.375rem}.dnd-card__support svg{color:#7c4dff}.dnd-card__title{color:#fff;margin-bottom:.6rem;line-height:1.1}.dnd-card__desc{color:#94a3b8;line-height:1.5;margin-bottom:2rem}.dnd-avatar-engine{background-color:#02061799;border:1px solid rgba(124,77,255,.1);border-radius:1.5rem;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.dnd-avatar-engine__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px;opacity:.5}.dnd-avatar-engine__row{display:flex;gap:1.5rem;align-items:flex-end;position:relative;z-index:10}.dnd-avatar{display:flex;flex-direction:column;align-items:center}.dnd-avatar svg{width:6.5rem;height:7.5rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.dnd-avatar__name{background-color:#2a1b4d;color:#d8b4fe;padding:.2rem .625rem;border-radius:9999px;margin-top:.5rem;display:inline-block}.dnd-avatar-engine__vs{color:#475569;font-weight:700;margin-bottom:1.8rem}.dnd-speech-bubble{margin-top:1.5rem;background-color:#0f172a;border:1px solid rgba(124,77,255,.3);color:#e2e8f0;padding:.625rem 1.25rem;border-radius:1rem;font-weight:600;text-align:center;position:relative;z-index:10;max-width:280px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,border-color .2s ease}.dnd-speech-bubble.assist-active{transform:scale(1.04);border-color:#ffd23f}.dnd-speech-bubble__pulse{width:.625rem;height:.625rem;border-radius:9999px;background-color:#ffd23f;display:inline-block;animation:pulse-ring 2s infinite ease-in-out}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}.dnd-local-launch-wrapper{position:relative;z-index:10;margin-top:auto}.dnd-success-optimized .dnd-launch-btn-primary{width:100%!important;background:#ffd23f!important;color:#080413!important;font-weight:900!important;padding:1.5rem 2rem!important;border-radius:1.2rem!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;box-shadow:0 0 25px #ffd23f80!important;text-decoration:none!important;height:auto!important;line-height:normal!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:transform .2s ease,background .2s ease!important}.dnd-success-optimized .dnd-launch-btn-primary:hover{background:#e0b52a!important;transform:translateY(-2px);opacity:1!important}.dnd-success-optimized .dnd-launch-btn-primary:active{transform:translateY(0)}.dnd-local-launch-subtext{text-align:center;color:#64748b;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:1rem}.dnd-local-launch-subtext svg{color:#ffd23f}.dnd-remote-pillars{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.dnd-remote-pillars{grid-template-columns:repeat(2,1fr)}}.dnd-remote-pillar{background-color:#02061766;border:1px solid rgba(124,77,255,.1);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.dnd-pillar-heading{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#d8b4fe;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.dnd-pillar-heading--yellow{color:#ffd23f}.dnd-pillar-dot{width:.5rem;height:.5rem;background-color:#7c4dff;border-radius:9999px;display:inline-block}.dnd-pillar-dot--yellow{background-color:#ffd23f}.dnd-qr-container-premium{background-color:#fff;padding:1rem;border-radius:1.2rem;display:inline-block;margin:0 auto 1.5rem;box-shadow:0 10px 30px #00000080;position:relative;border:4px solid rgba(26,15,61,.2);width:14rem;height:14rem}.dnd-qr-container-premium #shopify-app-qr{width:100%;height:100%;object-fit:contain}.dnd-qr-container-premium #shopify-app-qr[src=""]{display:none!important}.dnd-qr-container-premium #shopify-app-qr:not([src=""]){display:block!important}.dnd-qr-container-premium #shopify-app-qr:not([src=""])+#shopify-app-qr-placeholder{display:none!important}.dnd-qr-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#334155}.dnd-qr-placeholder svg{width:80%;height:80%}.dnd-qr-hint{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#7c4dfff2;color:#fff;border-radius:.9rem;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;transition:opacity .2s ease;text-align:center}.dnd-qr-container-premium:hover .dnd-qr-hint{opacity:1}.dnd-pillar-subtext{color:#64748b;max-width:200px;line-height:1.4;margin:0 auto;text-align:center}.dnd-pin-steps{color:#cbd5e1;list-style-type:none;padding:0}.dnd-pin-steps li{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600}.dnd-step-badge{background-color:#7c4dff4d;color:#e9d5ff;width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dnd-url-link{color:#ffd23f;font-weight:700}.dnd-pin-display{border-top:1px solid rgba(124,77,255,.1);margin-top:1.5rem;padding-top:1.5rem}.dnd-pin-output-box{background-color:#0006;border:1px solid rgba(124,77,255,.15);border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between}.dnd-pin-meta{text-transform:uppercase;font-weight:700;color:#64748b;letter-spacing:.05em;display:block;margin-bottom:.25rem}.dnd-success-optimized .dnd-pin-text-giant{color:#ffd23f!important;letter-spacing:.05em!important;font-weight:900!important;margin:0!important;padding:0!important;text-align:left!important}.dnd-pin-audio-actions{display:flex;align-items:center;gap:.5rem}.dnd-icon-action{color:#7c4dff;background:none;border:none;padding:.625rem;border-radius:.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.dnd-icon-action:hover{color:#d8b4fe;background-color:#7c4dff1a}.dnd-remote-footer{border-top:1px solid rgba(124,77,255,.1);margin-top:2rem;padding-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:640px){.dnd-remote-footer{flex-direction:row;align-items:center;justify-content:space-between}}.dnd-secure-indicator{display:flex;align-items:center;gap:1rem;text-align:left}.dnd-secure-indicator svg{color:#fff}.dnd-secure-meta{display:flex;flex-direction:column;line-height:1.2}.dnd-secure-status{color:#cbd5e1;font-weight:700}.dnd-secure-desc{color:#64748b}.dnd-countdown-progress-wrapper{display:flex;align-items:center;gap:1rem;width:100%}@media(min-width:640px){.dnd-countdown-progress-wrapper{width:240px;justify-content:flex-end}}.dnd-energy-track{width:100%;background-color:#020617;height:.6rem;border-radius:9999px;padding:1px;border:1px solid rgba(124,77,255,.2);overflow:hidden}.dnd-energy-fill{background:linear-gradient(to right,#7c4dff,#00ebc7);height:100%;border-radius:9999px;width:100%;transition:width .3s ease,background .3s ease}.dnd-timer-badge{color:#7c4dff;font-weight:700;background-color:#7c4dff1a;border-radius:9999px;padding:.4rem 1rem;display:flex;align-items:center;gap:.375rem;flex-shrink:0}.dnd-success__bottom-panel{margin-top:1rem;display:flex;justify-content:center}.dnd-success-optimized .dnd-parent-dashboard-btn{color:#64748b!important;font-weight:600!important;background-color:#11092acc!important;border:1px solid rgba(124,77,255,.1)!important;padding:1rem 2rem!important;border-radius:9999px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important;height:auto!important;line-height:normal!important;box-shadow:0 4px 6px -1px #0000001a!important;text-transform:none!important;width:auto!important;transition:color .15s ease,border-color .15s ease!important}.dnd-success-optimized .dnd-parent-dashboard-btn:hover{color:#e2e8f0!important;border-color:#7c4dff4d!important;opacity:1!important}.animate-float-slow{animation:float-slow-anim 6s ease-in-out infinite}.animate-float-fast{animation:float-fast-anim 5s ease-in-out infinite;animation-delay:1.5s}@keyframes float-slow-anim{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes float-fast-anim{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1deg)}}.dnd-reset-error{background-color:#ff54701f;color:#ff5470;border:1px solid #ff5470;padding:12px 16px;border-radius:6px;margin-bottom:1.5rem;font-size:14px;line-height:1.4;font-weight:500;animation:dndFadeIn .2s ease-in-out}.dnd-reset-success-view{animation:dndFadeIn .35s ease-out;text-align:center}.dnd-reset-success-view .dnd-login__success-message{color:#00ebc7;font-size:15px;line-height:1.6;margin-bottom:1.5rem}.dnd-reset-password--button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.dnd-reset-password--button:disabled{opacity:.65;cursor:not-allowed}.dnd-loading-spinner{width:16px;height:16px;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dndSpinAnimation .6s linear infinite}@keyframes dndSpinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dndFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dnd-verify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#080413;background-image:radial-gradient(circle at 15% 20%,rgba(124,77,255,.15) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(0,235,199,.1) 0%,transparent 45%);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;color:#cbd5e1;opacity:1;transition:opacity .5s var(--easing)}.dnd-verify-card{text-align:center;max-width:440px;width:100%;background-color:#1a0f3da6;border:1px solid rgba(124,77,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:40px 30px;box-shadow:0 25px 50px -12px #00000080;box-sizing:border-box;transform:scale(1);transition:transform .4s var(--easing)}.dnd-verify-spinner-wrap{position:relative;width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.dnd-verify-spinner-ring{position:absolute;width:100%;height:100%;border:4px solid rgba(124,77,255,.1);border-top-color:#ffd23f;border-radius:50%;animation:dnd-verify-spin 1s linear infinite}.dnd-verify-star{width:32px;height:32px;color:#ffd23f;animation:dnd-verify-pulse 2s infinite ease-in-out}.dnd-verify-title{font-size:24px;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.dnd-verify-tip{font-size:14px;color:#94a3b8;min-height:40px;line-height:1.5;margin-bottom:24px;font-weight:500;transition:opacity .3s ease}.dnd-verify-badge{display:inline-flex;align-items:center;gap:6px;background-color:#0006;padding:6px 14px;border-radius:9999px;font-size:11px;font-weight:700;color:#00ebc7;text-transform:uppercase;letter-spacing:.05em}.dnd-verify-badge-dot{width:6px;height:6px;background-color:#00ebc7;border-radius:50%;display:inline-block;animation:dnd-verify-ping 1.5s infinite ease-in-out}.dnd-verify-btn-primary{background-color:#7c4dff;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;width:100%;font-size:14px;transition:background-color .2s ease,transform .1s ease}.dnd-verify-btn-primary:hover{background-color:#693bec}.dnd-verify-btn-primary:active{transform:scale(.98)}.dnd-verify-btn-secondary{background:none;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;width:100%;font-size:14px;transition:background-color .2s ease,transform .1s ease}.dnd-verify-btn-secondary:hover{background-color:#ffffff0d}.dnd-verify-btn-secondary:active{transform:scale(.98)}@keyframes dnd-verify-spin{to{transform:rotate(360deg)}}@keyframes dnd-verify-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,210,63,.4))}50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,210,63,.8))}}@keyframes dnd-verify-ping{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.dnd__img{max-height:270px;object-fit:contain;background:radial-gradient(ellipse at center,rgba(124,77,255,.25) 37%,rgba(124,77,255,.08) 53%,transparent 69%)}@media(max-width:750px){.dnd-login{padding:2rem 1.6rem;align-items:flex-start}.dnd-login__card{flex-direction:column}.dnd-login__card-image{flex:none;min-height:220px;height:220px}.dnd-login__card-form{padding:3.2rem 2.4rem}.dnd-login__heading{text-align:center}.dnd-login__card-img{padding:2rem;padding-bottom:0}.dnd-login__success-message{text-align:center}.dnd-card{padding:1.8rem}.dnd-remote-pillars{gap:1.5rem}.dnd-success__bottom-panel{text-align:center}.dnd-success-optimized .dnd-parent-dashboard-btn{width:100%!important;justify-content:center}.dnd-card__header{flex-direction:column;gap:1rem}}.image-hover{animation:3s ease-in-out 0s infinite normal none running heroFloat}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dnd-login-error--container{text-align:center}
/*# sourceMappingURL=/cdn/shop/t/330/assets/dnd-login.compiled.scss.css.map */