.react-custom-components-ui-button{justify-content:center;align-items:center;padding:4px;display:flex}.react-custom-components-ui-textCenter{text-align:center}.react-custom-components-ui-smSize{padding:4px 8px}.react-custom-components-ui-mdSize{padding:8px 16px}.react-custom-components-ui-lgSize{padding:12px 24px}.react-custom-components-ui-xlSize{padding:16px 32px}.react-custom-components-ui-primaryOrange{color:#fff;background-color:#ea580c}.react-custom-components-ui-primaryOrange:hover{background-color:#c2410c}.react-custom-components-ui-secondaryOrange{color:#ea580c;background-color:#ffedd5}.react-custom-components-ui-secondaryOrange:hover{color:#c2410c;background-color:#fed7aa}.react-custom-components-ui-primaryBlue{color:#fff;background-color:#2563eb}.react-custom-components-ui-primaryBlue:hover{background-color:#1d4ed8}.react-custom-components-ui-secondaryBlue{color:#2563eb;background-color:#dbeafe}.react-custom-components-ui-secondaryBlue:hover{color:#1d4ed8;background-color:#bfdbfe}.react-custom-components-ui-primaryGreen{color:#fff;background-color:#16a34a}.react-custom-components-ui-primaryGreen:hover{background-color:#15803d}.react-custom-components-ui-secondaryGreen{color:#16a34a;background-color:#dcfce7}.react-custom-components-ui-secondaryGreen:hover{color:#15803d;background-color:#bbf7d0}.react-custom-components-ui-primaryRed{color:#fff;background-color:#dc2626}.react-custom-components-ui-primaryRed:hover{background-color:#b91c1c}.react-custom-components-ui-secondaryRed{color:#dc2626;background-color:#fee2e2}.react-custom-components-ui-secondaryRed:hover{color:#b91c1c;background-color:#fecaca}.react-custom-components-ui-primaryPink{color:#fff;background-color:#db2777}.react-custom-components-ui-primaryPink:hover{background-color:#be185d}.react-custom-components-ui-secondaryPink{color:#db2777;background-color:#fce7f3}.react-custom-components-ui-secondaryPink:hover{color:#be185d;background-color:#fbcfe8}.react-custom-components-ui-primaryPurple{color:#fff;background-color:#9333ea}.react-custom-components-ui-primaryPurple:hover{background-color:#7e22ce}.react-custom-components-ui-secondaryPurple{color:#9333ea;background-color:#f3e8ff}.react-custom-components-ui-secondaryPurple:hover{color:#7e22ce;background-color:#e9d5ff}.react-custom-components-ui-defaultColor{color:#000;background-color:#f3f4f6}.react-custom-components-ui-defaultColor:hover{background-color:#e5e7eb}.react-custom-components-ui-cursorPointer{cursor:pointer}.react-custom-components-ui-cursorNotAllowed{cursor:not-allowed}
.react-custom-components-ui-input{background:0 0;border:none;outline:none;padding:0 4px;font-size:16px}.react-custom-components-ui-container{border-width:1px;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.react-custom-components-ui-iconContainer{justify-content:center;align-items:center;width:max-content;padding:0 8px;display:flex}.react-custom-components-ui-passwordIconContainer{justify-content:center;align-items:center;height:100%;padding:0 8px;display:flex}.react-custom-components-ui-placeHolder{align-items:center;width:98%;display:flex;position:absolute;left:2%}.react-custom-components-ui-textCenter{text-align:center}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-custom-components-ui-loading-spinner{border-radius:50%;margin:auto;animation:1s linear infinite spin}.react-custom-components-ui-loading-dots{justify-content:center;align-items:center;display:flex}.react-custom-components-ui-loading-dots div{border-radius:50%;margin:3px;animation:.8s infinite alternate loading-dots}.react-custom-components-ui-loading-dots div:nth-child(2){animation-delay:.2s}.react-custom-components-ui-loading-dots div:nth-child(3){animation-delay:.4s}@keyframes loading-dots{0%{opacity:.2;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}
.react-custom-components-ui-notification-container{z-index:9999;position:fixed}.react-custom-components-ui-notification{color:#000;opacity:0;background-color:#fff;border-radius:4px;flex-direction:row;margin-bottom:16px;padding:16px;animation:.5s forwards slideIn;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.react-custom-components-ui-notification-content{flex-direction:column;flex:1}@keyframes slideIn{0%{opacity:0;right:-320px}to{opacity:1;right:20px}}.react-custom-components-ui-notification.info{border-width:1px;border-color:#1890ff}.react-custom-components-ui-notification.success{border-width:1px;border-color:#52c41a}.react-custom-components-ui-notification.error{border-width:1px;border-color:#f5222d}.react-custom-components-ui-notification.warning{border-width:1px;border-color:#faad14}.react-custom-components-ui-notification-close{background-color:#f9fafb;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:10px;display:flex}.react-custom-components-ui-notification-close:hover{background-color:#f3f4f6}.react-custom-components-ui-notification strong{margin-bottom:8px;font-size:16px;display:block}.react-custom-components-ui-notification p{margin:0;font-size:14px}@media (max-width:600px){.react-custom-components-ui-notification{max-width:300px}}@media (min-width:601px) and (max-width:900px){.react-custom-components-ui-notification{max-width:450px}}@media (min-width:901px) and (max-width:1200px){.react-custom-components-ui-notification{max-width:600px}}@media (min-width:1201px){.react-custom-components-ui-notification{max-width:750px}}
@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.react-custom-components-ui-modal-overlay{opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;display:flex;position:fixed;top:0;left:0}.react-custom-components-ui-modal-container{flex-direction:column;max-width:100%;max-height:100%;transition:transform .1s ease-in-out;overflow:hidden;transform:scale(.9);box-shadow:0 4px 10px #0000001a}.react-custom-components-ui-modal-header{border-bottom-width:1px;flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.react-custom-components-ui-modal-title{flex:1;display:flex}.react-custom-components-ui-modal-close{cursor:pointer;background-color:#f3f4f6;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.react-custom-components-ui-modal-close:hover{background-color:#e5e7eb}.react-custom-components-ui-modal-body{max-height:75vh;font-size:16px;overflow:auto}.react-custom-components-ui-modal-footer{justify-content:flex-end;display:flex}.react-custom-components-ui-modal-footer button{cursor:pointer;border:none;border-radius:4px;margin-left:10px;padding:10px 20px;font-size:16px}.react-custom-components-ui-modal-footer .react-custom-components-ui-cancel-button{background-color:#ccc}.react-custom-components-ui-modal-footer .react-custom-components-ui-confirm-button{color:#fff;background-color:#007bff}.react-custom-components-ui-modal-overlay.show{opacity:1;visibility:visible}.react-custom-components-ui-modal-container.show{animation:.1s ease-in-out forwards fadeIn}.react-custom-components-ui-modal-container.hide{animation:.1s ease-in-out forwards fadeOut}
.react-custom-components-ui-drawer-overlay{z-index:1000;background-color:#00000080;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.react-custom-components-ui-drawer-container{transition:transform .3s;position:absolute;transform:translate(100%);box-shadow:-2px 0 5px #0000001a}.react-custom-components-ui-drawer-container.open{transform:translate(0)}.react-custom-components-ui-drawer-header{border-bottom-width:1px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:auto;padding:20px;font-size:18px;font-weight:500;display:flex}.react-custom-components-ui-drawer-header-title{flex:1}.react-custom-components-ui-drawer-body{height:calc(100% - 60px);padding:20px;font-size:16px;overflow-y:auto}.react-custom-components-ui-drawer-close-button{cursor:pointer;background:0 0;border:none;width:auto;font-size:24px}