.dialog-class .el-dialog{border-radius:var(--border-radius-m);padding:0;width:auto}.dialog-class .el-dialog__body{display:flex;flex-direction:column}.dialog-class .el-dialog__header{display:none}.dialog-class .dialog-header{align-items:center;border-bottom:1px solid #e5e6eb;display:flex;justify-content:center;padding:10px 0;position:relative}.dialog-class .dialog-header h1{color:var(--color-font-title);font-size:16px;font-weight:700;letter-spacing:.5px;line-height:24px}.dialog-class .dialog-header .close-span{align-items:center;border-radius:var(--border-radius-s);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;transition:.2s;width:32px}.dialog-class .dialog-header .close-span svg{height:20px;width:20px}.dialog-class .dialog-header .close-span:hover{background-color:var(--color-fill-2)}.dialog-class .dialog-header .close-span:active{background-color:var(--color-fill-3)}.dialog-class .dialog-content{flex:1}.dialog-class .dialog-bottom{padding:24px}@media screen and (max-width:768px){.dialog-class .dialog-bottom{padding:12px}}.dialog-class .dialog-bottom .default-button{display:flex;justify-content:end}.dialog-class .dialog-bottom button{border:none;border-radius:var(--border-radius-m);font-size:16px;height:auto;line-height:24px;padding:10px 24px;transition:.2s}.dialog-class .dialog-bottom .purple-btn{background-color:#eae8ff;border:1px solid transparent;color:var(--color-brand)}.dialog-class .dialog-bottom .purple-btn:hover{border-color:#c8bfff}.dialog-class .dialog-bottom .purple-btn:active{background-color:--color-brand-active}.dialog-class .dialog-bottom .gray-btn{background-color:var(--np-fill-color-1);border:1px solid transparent;color:var(--np-text-color-2)}.dialog-class .dialog-bottom .gray-btn:hover{background-color:var(--web-background-color);border-color:var(--np-border-color-1)}.dialog-class .dialog-bottom .gray-btn:active{background-color:--color-brand-active}.dialog-class .dialog-bottom .red-btn{background-color:#ffece8;border:1px solid transparent;color:#f53f3f}.dialog-class .dialog-bottom .red-btn:hover,.dialog-class .dialog-bottom .red-btn:active{border-color:#f53f3f}