.demo-drawer__children{flex-direction:column;justify-content:center;align-items:center;gap:50px 0;width:100%;min-height:500px;padding:20px;display:flex}.demo-drawer__children__desc{color:#333;text-align:center;font-size:24px;font-weight:700}.demo-drawer__children__buttons{justify-content:center;align-items:center;gap:0 16px;display:flex}.demo-drawer__children__buttons .ant-btn{min-width:80px}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-leading:initial}}}.permission-menu{row-gap:calc(var(--spacing,.25rem)*3);background-color:var(--color-white,#fff);width:240px;height:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4);--tw-shadow:0 4px 20px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));will-change:width;z-index:10;flex-direction:column;transition:width .2s ease-in-out;display:flex;overflow:hidden auto}.permission-menu.is-collapsed{width:100px}.permission-menu__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:10px;display:flex}.permission-menu.is-collapsed .permission-menu__header{padding-inline:calc(var(--spacing,.25rem)*0);justify-content:center}.permission-menu__logo{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);transform-origin:0;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));overflow:hidden}.permission-menu__title{max-width:999px;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:#1f2937;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));flex:1;transition:opacity .2s ease-in-out,max-width .2s ease-in-out,margin .2s ease-in-out;overflow:hidden}.permission-menu.is-collapsed .permission-menu__title{pointer-events:none;margin:calc(var(--spacing,.25rem)*0);max-width:calc(var(--spacing,.25rem)*0);opacity:0}.permission-menu__toggle{cursor:pointer;color:#64748b;font-size:18px}.permission-menu .ant-menu{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0;border-right-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);background-color:#0000;border-right-width:0}.permission-menu.is-collapsed .ant-menu{padding-inline:calc(var(--spacing,.25rem)*0)}.permission-menu .ant-menu-item{margin-top:10px;margin-right:calc(var(--spacing,.25rem)*0);margin-bottom:10px;margin-left:calc(var(--spacing,.25rem)*0);box-sizing:border-box;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);--tw-leading:44px;border-radius:5px;line-height:44px}.permission-menu.is-collapsed .ant-menu-item{padding-inline:calc(var(--spacing,.25rem)*0);text-align:center;justify-content:center;align-items:center;display:flex}.permission-menu.is-collapsed .ant-menu-item-icon{margin-right:calc(var(--spacing,.25rem)*0);margin-left:calc(var(--spacing,.25rem)*0);justify-content:center;align-items:center;display:flex}.permission-menu .ant-menu-submenu{box-sizing:border-box;width:100%}.permission-menu .ant-menu-submenu-title{margin-top:10px;margin-right:calc(var(--spacing,.25rem)*0);margin-left:calc(var(--spacing,.25rem)*0);box-sizing:border-box;height:calc(var(--spacing,.25rem)*11);width:100%;padding-inline:calc(var(--spacing,.25rem)*3);--tw-leading:44px;border-radius:5px;line-height:44px}.permission-menu.is-collapsed .ant-menu-submenu{padding-inline:calc(var(--spacing,.25rem)*0)}.permission-menu.is-collapsed .ant-menu-submenu-title{padding-inline:calc(var(--spacing,.25rem)*0);text-align:center;justify-content:center;align-items:center;display:flex}.permission-menu.is-collapsed .ant-menu-submenu-title .ant-menu-item-icon{margin-right:calc(var(--spacing,.25rem)*0);margin-left:calc(var(--spacing,.25rem)*0);justify-content:center;align-items:center;display:flex}.permission-menu.is-collapsed .ant-menu-submenu-title .ant-menu-title-content{display:none}.permission-menu .ant-menu-sub{box-sizing:border-box;width:100%;padding:0 10px!important}.permission-menu .ant-menu-item-selected{color:var(--color-white,#fff);background-color:#367fff}.permission-menu__link{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);color:#374151;width:100%;display:inline-block}.permission-menu.is-collapsed .permission-menu__link{justify-content:center}.permission-menu__text{padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));flex:1}.permission-menu.is-collapsed .permission-menu__text{display:none}.ant-menu-item-selected .permission-menu__arrow{color:var(--color-white,#fff)}.permission-menu__arrow{color:#374a5f}.permission-menu.is-collapsed .permission-menu__arrow{display:none}.permission-menu__img-icon{object-fit:contain;width:18px;height:18px;display:inline-block}.permission-menu.is-collapsed .permission-menu__logo{opacity:.85;transform:scale(.9)}.permission-menu.is-hidden{pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.permission-menu.is-collapsed .ant-menu-item .ant-menu-title-content{display:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}
.pdf-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-dialog-content{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:1200px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 4px 20px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pdf-dialog-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pdf-dialog-header h2{color:#303133;margin:0;font-size:18px;font-weight:600}.pdf-dialog-close{color:#909399;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .3s;display:flex}.pdf-dialog-close:hover{color:#606266;background-color:#f5f7fa}.pdf-dialog-body{flex:1;padding:24px;position:relative;overflow-y:auto}.pdf_box{min-height:300px;margin:0 auto}.pdf_box canvas{margin:0 auto 20px;display:block;box-shadow:0 2px 8px #0000001a}.loading-overlay{z-index:1000;background-color:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#409eff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:#606266;margin-top:10px;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:#f56c6c;padding:40px;font-size:14px}.pdf-dialog-footer{border-top:1px solid #e8e8e8;justify-content:center;padding:16px 24px;display:flex}@media (max-width:768px){.pdf-dialog-content{width:95%;max-height:95vh}.pdf-dialog-header,.pdf-dialog-body{padding:16px}}
.hdl-descriptions{width:100%}.hdl-descriptions__header{color:#367cff;width:100%;font-size:15px;font-weight:600}.hdl-descriptions__content{color:#000;background:#f5f8ff;border-radius:5px;width:100%;margin-top:8px;padding:5px 5px 5px 10px;font-size:14px;font-weight:400;line-height:18px}@media (max-width:768px){.hdl-descriptions__content{padding:5px}}