.dj-btn{box-sizing:border-box;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 14px;gap:8px;border:none;cursor:pointer;width:auto;height:36px;background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.3) 0,rgba(0,0,0,.68) 100%),#09090b;box-shadow:0 0 0 1px #121212;border-radius:8px;flex:none;flex-grow:0;transition:background .3s ease,box-shadow .2s ease,transform .2s ease;font-weight:500;font-style:normal;font-size:14px;line-height:20px;color:#fff}.dj-btn svg{width:16px;height:16px}.dj-btn:hover{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.36) 0,hsla(0,0%,100%,0) 100%),#18181b;box-shadow:0 0 0 1px #121212}.dj-btn:active{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 53.12%),#121212;box-shadow:0 0 0 1px #121212}.dj-btn:focus{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%),#09090b;box-shadow:0 0 0 4px hsla(0,0%,7%,.2),0 0 0 1px #121212}.dj-btn:disabled{color:#f1f1f1;cursor:not-allowed;pointer-events:none;background:none;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);border-radius:8px;color:hsla(0,0%,7%,.4)}.dj-btn.dj-btn--lg{height:45px;font-size:16px}.dj-btn.dj-btn--lg.dj-btn--box{width:45px}.dj-btn.dj-btn--md{height:38px;padding:6px 12px}.dj-btn.dj-btn--md.dj-btn--box{width:38px}.dj-btn.dj-btn--sm{height:24px;font-size:12px;line-height:16px;padding:4px 6px;gap:4px;border-radius:6px}.dj-btn.dj-btn--sm.dj-btn--box{width:24px}.dj-btn.dj-btn--box{padding:0;width:36px}.dj-btn.dj-btn--box span{display:none}.dj-btn.dj-btn--fullwidth{width:100%}.dj-btn.dj-btn--primary{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.3) 0,rgba(0,0,0,.68) 100%),#09090b;box-shadow:0 0 0 1px #121212;color:#fff}.dj-btn.dj-btn--primary:hover{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.36) 0,hsla(0,0%,100%,0) 100%),#18181b;box-shadow:0 0 0 1px #121212}.dj-btn.dj-btn--primary:active{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 53.12%),#121212;box-shadow:0 0 0 1px #121212}.dj-btn.dj-btn--primary:focus{background:radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%),#09090b;box-shadow:0 0 0 4px hsla(0,0%,7%,.2),0 0 0 1px #121212}.dj-btn.dj-btn--primary:disabled{background:none;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);color:hsla(0,0%,7%,.4)}.dj-btn--primary .dj-btn__loader{border-left:1.1em solid #fff}.dj-btn.dj-btn--secondary{background:#fff;box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1);color:#09090b}.dj-btn.dj-btn--secondary:hover{background:#fafafa;box-shadow:0 1px 1px hsla(0,0%,7%,.2),0 0 0 1px hsla(0,0%,7%,.1),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--secondary:active{background:#f4f4f5;box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--secondary:focus{background:#fff;box-shadow:0 0 0 4px hsla(0,0%,7%,.1),0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--secondary:disabled{pointer-events:none;background:#fff;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);color:hsla(0,0%,7%,.4)}.dj-btn.dj-btn--error{background:#f44336;box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1);color:#fff}.dj-btn.dj-btn--error:hover{background:#f44336;box-shadow:0 1px 1px hsla(0,0%,7%,.2),0 0 0 1px hsla(0,0%,7%,.1),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--error:active{background:#f44336;box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--error:focus{background:#f44336;box-shadow:0 0 0 4px hsla(0,0%,7%,.1),0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--error:disabled{pointer-events:none;background:#f44336;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);color:hsla(0,0%,7%,.4)}.dj-btn.dj-btn--green{background:var(--color--primary,#16a34a);box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1);color:#fff}.dj-btn.dj-btn--green:hover{background:var(--color--primary-darker,#15803d);box-shadow:0 1px 1px hsla(0,0%,7%,.2),0 0 0 1px hsla(0,0%,7%,.1),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--green:active{background:#f4f4f5;box-shadow:0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--green:focus{background:#fff;box-shadow:0 0 0 4px hsla(0,0%,7%,.1),0 1px 1px hsla(0,0%,7%,.1),0 0 0 1px hsla(0,0%,7%,.07),0 1px 3px hsla(0,0%,7%,.1)}.dj-btn.dj-btn--green:disabled{pointer-events:none;background:#fff;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);color:hsla(0,0%,7%,.4)}.dj-btn.dj-btn--ai{background:linear-gradient(135deg,#247447,#0d2818 50%,#247447);background-size:200% 200%;box-shadow:0 1px 1px rgba(36,116,71,.1),0 0 0 1px rgba(36,116,71,.2),0 1px 3px rgba(36,116,71,.1);color:#fff}.dj-btn.dj-btn--ai,.dj-btn.dj-btn--ai:hover{animation:dj-btn-ai-gradient-shift 3s ease infinite}.dj-btn.dj-btn--ai:hover{background:linear-gradient(135deg,#1e5f3a,#0a1f14 50%,#1e5f3a);background-size:200% 200%;box-shadow:0 1px 1px rgba(36,116,71,.2),0 0 0 1px rgba(36,116,71,.3),0 1px 3px rgba(36,116,71,.2)}.dj-btn.dj-btn--ai:active{background:linear-gradient(135deg,#184e2e,#061810);animation:none;box-shadow:0 1px 1px rgba(36,116,71,.1),0 0 0 1px rgba(36,116,71,.2),0 1px 3px rgba(36,116,71,.1)}.dj-btn.dj-btn--ai:focus{background:linear-gradient(135deg,#247447,#0d2818 50%,#247447);background-size:200% 200%;animation:dj-btn-ai-gradient-shift 3s ease infinite;box-shadow:0 0 0 4px rgba(36,116,71,.2),0 1px 1px rgba(36,116,71,.1),0 0 0 1px rgba(36,116,71,.2),0 1px 3px rgba(36,116,71,.1)}.dj-btn.dj-btn--ai:disabled{pointer-events:none;background:#d1f0de;animation:none;box-shadow:0 1px 1px hsla(0,0%,7%,.05),0 0 0 1px hsla(0,0%,7%,.04),0 1px 3px hsla(0,0%,7%,.05);color:rgba(36,116,71,.5)}@keyframes dj-btn-ai-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dj-btn.dj-btn--flat{background:none;border:none;box-shadow:none;line-height:1;gap:4px;color:#09090b;text-decoration:underline;text-underline-offset:4px}.dj-btn.dj-btn--flat:hover{background:hsla(0,0%,7%,.05)}.dj-btn.dj-btn--flat:disabled{pointer-events:none;background:#fff;color:hsla(0,0%,7%,.3)}.dj-btn.dj-btn--flatRed{background:none;border:none;box-shadow:none;line-height:1;gap:4px;color:#dc2626;text-decoration:none}.dj-btn.dj-btn--flatRed:hover{background:rgba(220,38,38,.05)}.dj-btn.dj-btn--flatRed:disabled{pointer-events:none;background:#fff;color:rgba(220,38,38,.3)}.dj-btn.dj-btn--none{background:none;color:#09090b;border:none;box-shadow:none;padding:0;margin:0;height:auto;line-height:1;width:auto}.dj-btn__loader{animation:dj-btn-spin 1s linear infinite}@keyframes dj-btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}