intelicoreact 2.0.16 → 2.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/css/accordion.css +1 -1
  2. package/dist/css/advanced-status.css +1 -1
  3. package/dist/css/datepicker.css +1 -1
  4. package/dist/css/dropdown-live-search.css +1 -1
  5. package/dist/css/dropdown.css +1 -1
  6. package/dist/css/input-date-range.css +1 -1
  7. package/dist/css/main-menu.css +1 -1
  8. package/dist/css/switcher-radio.css +1 -1
  9. package/dist/css/switcher-range-list.css +1 -1
  10. package/dist/css/switcher-tags-dropdown.css +1 -1
  11. package/dist/css/switcher-textarea.css +1 -1
  12. package/dist/css/table.css +1 -1
  13. package/dist/css/tags-dropdown.css +1 -1
  14. package/dist/css/wizard-stepper.css +1 -1
  15. package/dist/es/_virtual/_rolldown/runtime.js +27 -0
  16. package/dist/es/charts.js +4 -0
  17. package/dist/es/classes.js +4 -0
  18. package/dist/es/form.js +99 -0
  19. package/dist/es/hooks.js +32 -0
  20. package/dist/es/icons.js +10 -0
  21. package/dist/es/icons.js.map +1 -0
  22. package/dist/es/index.js +71 -0
  23. package/dist/es/layout.js +3 -0
  24. package/dist/es/presets.js +6 -0
  25. package/dist/es/router-ui.js +8 -0
  26. package/dist/es/sdk.js +1 -0
  27. package/dist/es/styles/base.css +1 -0
  28. package/dist/es/types/index.js +2 -0
  29. package/dist/es/ui.js +42 -0
  30. package/dist/es/utils.js +6 -0
  31. package/dist/intelicoreact.css +1 -1
  32. package/dist/scss/_mixins.scss +2 -2
  33. package/dist/scss/_vars.scss +1 -1
  34. package/dist/scss/main.scss +4 -1
  35. package/package.json +46 -64
  36. package/charts/package.json +0 -5
  37. package/classes/package.json +0 -5
  38. package/dist/charts.cjs +0 -927
  39. package/dist/charts.cjs.map +0 -7
  40. package/dist/charts.js +0 -911
  41. package/dist/charts.js.map +0 -7
  42. package/dist/classes.cjs +0 -1858
  43. package/dist/classes.cjs.map +0 -7
  44. package/dist/classes.js +0 -1836
  45. package/dist/classes.js.map +0 -7
  46. package/dist/form.cjs +0 -15167
  47. package/dist/form.cjs.map +0 -7
  48. package/dist/form.js +0 -15182
  49. package/dist/form.js.map +0 -7
  50. package/dist/hooks.cjs +0 -2330
  51. package/dist/hooks.cjs.map +0 -7
  52. package/dist/hooks.js +0 -2298
  53. package/dist/hooks.js.map +0 -7
  54. package/dist/icons.cjs +0 -1807
  55. package/dist/icons.cjs.map +0 -7
  56. package/dist/icons.js +0 -1785
  57. package/dist/icons.js.map +0 -7
  58. package/dist/index.cjs +0 -22917
  59. package/dist/index.cjs.map +0 -7
  60. package/dist/index.js +0 -22938
  61. package/dist/index.js.map +0 -7
  62. package/dist/layout.cjs +0 -458
  63. package/dist/layout.cjs.map +0 -7
  64. package/dist/layout.js +0 -426
  65. package/dist/layout.js.map +0 -7
  66. package/dist/presets.cjs +0 -262
  67. package/dist/presets.cjs.map +0 -7
  68. package/dist/presets.js +0 -240
  69. package/dist/presets.js.map +0 -7
  70. package/dist/router-ui.cjs +0 -989
  71. package/dist/router-ui.cjs.map +0 -7
  72. package/dist/router-ui.js +0 -957
  73. package/dist/router-ui.js.map +0 -7
  74. package/dist/sdk.cjs +0 -451
  75. package/dist/sdk.cjs.map +0 -7
  76. package/dist/sdk.js +0 -429
  77. package/dist/sdk.js.map +0 -7
  78. package/dist/types/index.cjs +0 -18
  79. package/dist/types/index.cjs.map +0 -7
  80. package/dist/types/index.js +0 -1
  81. package/dist/types/index.js.map +0 -7
  82. package/dist/ui.cjs +0 -4090
  83. package/dist/ui.cjs.map +0 -7
  84. package/dist/ui.js +0 -4064
  85. package/dist/ui.js.map +0 -7
  86. package/dist/utils.cjs +0 -653
  87. package/dist/utils.cjs.map +0 -7
  88. package/dist/utils.js +0 -621
  89. package/dist/utils.js.map +0 -7
  90. package/form/package.json +0 -5
  91. package/hooks/package.json +0 -5
  92. package/icons/package.json +0 -5
  93. package/layout/package.json +0 -5
  94. package/presets/package.json +0 -5
  95. package/router-ui/package.json +0 -5
  96. package/sdk/package.json +0 -5
  97. package/types/package.json +0 -5
  98. package/ui/package.json +0 -5
  99. package/utils/package.json +0 -5
package/dist/css/accordion.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.accordion{--color-border: #E2E5EC;--color-gray-gentel: #f2f2f8;--color-text: #1e1e2d;--accordion-title-font-size: 13px;--accordion-title-box-height: 20px;--accordion-title-box-padding: 10px 15px;--accordion-content-font-size: 13px;--accordion-content-padding: 10px 15px;--accordion-content-item-padding: 7.5px 20px;--accordion-content-item-color: #1e1e2d}.accordion--item{border:1px solid var(--color-border, #E2E5EC)}.accordion--item:not(:first-child){border-top:none}.accordion--title-box{display:flex;justify-content:space-between;align-items:center;height:var(--accordion-title-box-height, 20px);padding:var(--accordion-title-box-padding, 10px 15px);cursor:pointer}.accordion--title-box:hover{background-color:var(--color-gray-gentel, #f2f2f8)}.accordion--title{font-size:var(--accordion-title-font-size, 13px);user-select:none;color:var(--color-text, #1e1e2d)}.accordion--title-chevron{min-width:16px;min-height:16px;cursor:pointer;transition:all .2s ease-out}.accordion--title-chevron-open{transition:all .2s ease-out;transform:rotate(90deg)}.accordion--content{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;max-height:1000px;font-size:var(--accordion-content-font-size, 13px);opacity:0;background:#fff;transition:all .25s ease-out}.accordion--content scrollbar{-moz-appearance:none !important}.accordion--content scrollbarbutton{-moz-appearance:none !important}.accordion--content thumb{-moz-appearance:none !important}.accordion--content scrollcorner{-moz-appearance:none !important;resize:both}.accordion--content::-webkit-scrollbar{width:8px}.accordion--content::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.accordion--content::-webkit-scrollbar-thumb:hover{background:#3e62ff}.accordion--content::-webkit-scrollbar:horizontal{height:8px}.accordion--content::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.accordion--content::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:4px solid rgba(0,0,0,0)}.accordion--content::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.accordion--content-is-open{padding:var(--accordion-content-padding, 10px 15px);opacity:1;transition:all .25s ease-out}.accordion--content-item{width:calc(100% - 40px);padding:var(--accordion-content-item-padding, 7.5px 20px)}.accordion--content-item a{font-size:var(--accordion-content-font-size, 13px);font-weight:300;color:var(--accordion-content-item-color, #1e1e2d)}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.accordion{--color-border: #E2E5EC;--color-gray-gentel: #f2f2f8;--color-text: #1e1e2d;--accordion-title-font-size: 13px;--accordion-title-box-height: 20px;--accordion-title-box-padding: 10px 15px;--accordion-content-font-size: 13px;--accordion-content-padding: 10px 15px;--accordion-content-item-padding: 7.5px 20px;--accordion-content-item-color: #1e1e2d}.accordion--item{border:1px solid var(--color-border, #E2E5EC)}.accordion--item:not(:first-child){border-top:none}.accordion--title-box{display:flex;justify-content:space-between;align-items:center;height:var(--accordion-title-box-height, 20px);padding:var(--accordion-title-box-padding, 10px 15px);cursor:pointer}.accordion--title-box:hover{background-color:var(--color-gray-gentel, #f2f2f8)}.accordion--title{font-size:var(--accordion-title-font-size, 13px);user-select:none;color:var(--color-text, #1e1e2d)}.accordion--title-chevron{min-width:16px;min-height:16px;cursor:pointer;transition:all .2s ease-out}.accordion--title-chevron-open{transition:all .2s ease-out;transform:rotate(90deg)}.accordion--content{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;max-height:1000px;font-size:var(--accordion-content-font-size, 13px);opacity:0;background:#fff;transition:all .25s ease-out}.accordion--content scrollbar{-moz-appearance:none !important}.accordion--content scrollbarbutton{-moz-appearance:none !important}.accordion--content thumb{-moz-appearance:none !important}.accordion--content scrollcorner{-moz-appearance:none !important;resize:both}.accordion--content::-webkit-scrollbar{width:8px}.accordion--content::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.accordion--content::-webkit-scrollbar-thumb:hover{background:#3e62ff}.accordion--content::-webkit-scrollbar:horizontal{height:8px}.accordion--content::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.accordion--content::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:4px solid rgba(0,0,0,0)}.accordion--content::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.accordion--content-is-open{padding:var(--accordion-content-padding, 10px 15px);opacity:1;transition:all .25s ease-out}.accordion--content-item{width:calc(100% - 40px);padding:var(--accordion-content-item-padding, 7.5px 20px)}.accordion--content-item a{font-size:var(--accordion-content-font-size, 13px);font-weight:300;color:var(--accordion-content-item-color, #1e1e2d)}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}
package/dist/css/advanced-status.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.advanced-status{--advanced-status-min-height: 28px;--advanced-status-min-width: 58px;--advanced-status-padding: 0 14px;--advanced-status-font-size: 13px;--advanced-status-font-weight: 400;--advanced-status-line-height: 20px;--advanced-status-color-primary: #6b81dd;--advanced-status-color-off: #1e1e2d;--advanced-status-border-color: #6b81dd;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.advanced-status__switcher{height:fit-content;min-height:var(--advanced-status-min-height);border:none}.advanced-status__switcher .text-switcher__btn{position:relative;z-index:2;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;min-width:var(--advanced-status-min-width);height:100%;padding:var(--advanced-status-padding);font-size:var(--advanced-status-font-size);font-weight:var(--advanced-status-font-weight);font-style:normal;line-height:var(--advanced-status-line-height);cursor:pointer;text-align:center;white-space:nowrap;text-transform:capitalize;color:var(--advanced-status-color-primary);background-color:rgba(0,0,0,0)}.advanced-status__switcher .text-switcher__btn_off{color:var(--advanced-status-color-off)}.advanced-status__switcher .text-switcher__slider{border:1px solid var(--advanced-status-border-color);background-color:rgba(0,0,0,0)}.advanced-status_undefined .advanced-status__switcher,.advanced-status_disabled .advanced-status__switcher{cursor:auto;pointer-events:none}.advanced-status_undefined .text-switcher__slider{border:none}.advanced-status__status{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-left:5px}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.text-switcher{position:relative;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(2, 1fr);box-sizing:border-box;padding:2px;font-size:12px;font-weight:300;font-style:normal;border:2px solid #fce2e8;border-radius:26px;background:#fff}.text-switcher__btn{position:relative;z-index:2;min-width:58px;height:100%;padding:0 14px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;cursor:pointer;white-space:nowrap;text-transform:uppercase;color:#00b031}.text-switcher__btn_off{color:#f06d8d}.text-switcher__slider{position:absolute;z-index:0;top:0;bottom:0;left:0;width:50%;border-radius:28px;background-color:#e4f3e8;transition:left .3s ease,background-color .3s ease}.text-switcher__slider_inactive{left:50%;background-color:#fce2e8}.text-switcher_active{border-color:#e4f3e8}.text-switcher_disabled{pointer-events:none;opacity:.7}.text-switcher_unsetted{filter:grayscale(1)}.text-switcher_unsetted .text-switcher__btn{color:#a6acb1 !important}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.advanced-status{--advanced-status-min-height: 28px;--advanced-status-min-width: 58px;--advanced-status-padding: 0 14px;--advanced-status-font-size: 13px;--advanced-status-font-weight: 400;--advanced-status-line-height: 20px;--advanced-status-color-primary: #6b81dd;--advanced-status-color-off: #1e1e2d;--advanced-status-border-color: #6b81dd;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.advanced-status__switcher{height:fit-content;min-height:var(--advanced-status-min-height);border:none}.advanced-status__switcher .text-switcher__btn{position:relative;z-index:2;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;min-width:var(--advanced-status-min-width);height:100%;padding:var(--advanced-status-padding);font-size:var(--advanced-status-font-size);font-weight:var(--advanced-status-font-weight);font-style:normal;line-height:var(--advanced-status-line-height);cursor:pointer;text-align:center;white-space:nowrap;text-transform:capitalize;color:var(--advanced-status-color-primary);background-color:rgba(0,0,0,0)}.advanced-status__switcher .text-switcher__btn_off{color:var(--advanced-status-color-off)}.advanced-status__switcher .text-switcher__slider{border:1px solid var(--advanced-status-border-color);background-color:rgba(0,0,0,0)}.advanced-status_undefined .advanced-status__switcher,.advanced-status_disabled .advanced-status__switcher{cursor:auto;pointer-events:none}.advanced-status_undefined .text-switcher__slider{border:none}.advanced-status__status{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-left:5px}.text-switcher{position:relative;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(2, 1fr);box-sizing:border-box;padding:2px;font-size:12px;font-weight:300;font-style:normal;border:2px solid #fce2e8;border-radius:26px;background:#fff}.text-switcher__btn{position:relative;z-index:2;min-width:58px;height:100%;padding:0 14px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;cursor:pointer;white-space:nowrap;text-transform:uppercase;color:#00b031}.text-switcher__btn_off{color:#f06d8d}.text-switcher__slider{position:absolute;z-index:0;top:0;bottom:0;left:0;width:50%;border-radius:28px;background-color:#e4f3e8;transition:left .3s ease,background-color .3s ease}.text-switcher__slider_inactive{left:50%;background-color:#fce2e8}.text-switcher_active{border-color:#e4f3e8}.text-switcher_disabled{pointer-events:none;opacity:.7}.text-switcher_unsetted{filter:grayscale(1)}.text-switcher_unsetted .text-switcher__btn{color:#a6acb1 !important}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}
package/dist/css/datepicker.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}
package/dist/css/dropdown-live-search.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown-live-search{position:relative;display:inline-flex;flex-direction:column;width:100%;border-radius:7px}.dropdown-live-search__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:1px solid #e2e5ec;border-radius:3px;background:#fff}.dropdown-live-search__trigger .text{display:block;overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__trigger.error{border-color:#f06d8d}.dropdown-live-search__trigger.placeholder .text{opacity:.7}.dropdown-live-search--focused .dropdown-live-search__trigger{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown-live-search__input{box-sizing:border-box;width:100%;height:100%;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown-live-search__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:5px 0;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown-live-search__list::-webkit-scrollbar{width:4px}.dropdown-live-search__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown-live-search__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown-live-search__list-top{top:auto !important;bottom:calc(100% + 4px)}.dropdown-live-search__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown-live-search__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown-live-search__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown-live-search__list-item--no-options{box-sizing:border-box;padding-left:8px}.dropdown-live-search__list-item:hover,.dropdown-live-search__list-item_active{background:#f2f2f8}.dropdown-live-search__list-item_disabled{pointer-events:none;opacity:.3}.dropdown-live-search__list-item-postfix{margin-left:5px}.dropdown-live-search__list-item p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__list--with-label{top:45px}.dropdown-live-search__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown-live-search__arrow svg{width:16px;height:16px}.dropdown-live-search__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown-live-search__active-icon_active{display:flex}.dropdown-live-search__active-icon_active svg{width:16px;height:16px}.dropdown-live-search__container{position:absolute;z-index:99999;top:30px;display:block;box-sizing:border-box;background-color:#fff}.dropdown-live-search.disabled{pointer-events:none;opacity:.5}.dropdown-live-search-mobile .dropdown-live-search__arrow{top:50%;display:flex;justify-content:center;align-items:center;transform:rotate(90deg) translateX(-50%)}.dropdown-live-search-mobile .dropdown-live-search__arrow svg{width:12px;height:12px;color:#9aa0b9}.dropdown-live-search-mobile .dropdown-live-search__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-live-search-mobile .dropdown-live-search__list-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-live-search-mobile .dropdown-live-search__container{--spacing: vars.$spacing-s;position:absolute;z-index:auto;top:auto;bottom:var(--spacing);overflow:hidden;box-sizing:border-box;width:calc(100% - 2*var(--spacing));max-height:500px;margin:0;border-radius:24px !important}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__container--fixed-height{height:500px !important}.dropdown-live-search-mobile .dropdown-live-search__list{max-height:500px;padding:0 16px 16px !important;box-shadow:none}.dropdown-live-search-mobile .dropdown-live-search__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-live-search-mobile .dropdown-live-search__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row:first-child{padding-right:50px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::before,.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input{display:flex;align-items:center;width:100%;height:28px;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-live-search-mobile .dropdown-live-search__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-item p{margin:0}.dropdown-live-search-mobile .dropdown-live-search__list-item-label{white-space:wrap !important}.dropdown-live-search-mobile .dropdown-live-search__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown-live-search{position:relative;display:inline-flex;flex-direction:column;width:100%;border-radius:7px}.dropdown-live-search__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:1px solid #e2e5ec;border-radius:3px;background:#fff}.dropdown-live-search__trigger .text{display:block;overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__trigger.error{border-color:#f06d8d}.dropdown-live-search__trigger.placeholder .text{opacity:.7}.dropdown-live-search--focused .dropdown-live-search__trigger{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown-live-search__input{box-sizing:border-box;width:100%;height:100%;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown-live-search__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:5px 0;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown-live-search__list::-webkit-scrollbar{width:4px}.dropdown-live-search__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown-live-search__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown-live-search__list-top{top:auto !important;bottom:calc(100% + 4px)}.dropdown-live-search__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown-live-search__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown-live-search__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown-live-search__list-item--no-options{box-sizing:border-box;padding-left:8px}.dropdown-live-search__list-item:hover,.dropdown-live-search__list-item_active{background:#f2f2f8}.dropdown-live-search__list-item_disabled{pointer-events:none;opacity:.3}.dropdown-live-search__list-item-postfix{margin-left:5px}.dropdown-live-search__list-item p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-live-search__list--with-label{top:45px}.dropdown-live-search__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown-live-search__arrow svg{width:16px;height:16px}.dropdown-live-search__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown-live-search__active-icon_active{display:flex}.dropdown-live-search__active-icon_active svg{width:16px;height:16px}.dropdown-live-search__container{position:absolute;z-index:99999;top:30px;display:block;box-sizing:border-box;background-color:#fff}.dropdown-live-search.disabled{pointer-events:none;opacity:.5}.dropdown-live-search-mobile .dropdown-live-search__arrow{top:50%;display:flex;justify-content:center;align-items:center;transform:rotate(90deg) translateX(-50%)}.dropdown-live-search-mobile .dropdown-live-search__arrow svg{width:12px;height:12px;color:#9aa0b9}.dropdown-live-search-mobile .dropdown-live-search__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-live-search-mobile .dropdown-live-search__list-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-live-search-mobile .dropdown-live-search__container{--spacing: vars.$spacing-s;position:absolute;z-index:auto;top:auto;bottom:var(--spacing);overflow:hidden;box-sizing:border-box;width:calc(100% - 2*var(--spacing));max-height:500px;margin:0;border-radius:24px !important}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-live-search-mobile .dropdown-live-search__container--with-bottom-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__container--fixed-height{height:500px !important}.dropdown-live-search-mobile .dropdown-live-search__list{max-height:500px;padding:0 16px 16px !important;box-shadow:none}.dropdown-live-search-mobile .dropdown-live-search__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-live-search-mobile .dropdown-live-search__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row:first-child{padding-right:50px}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__wrap input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::before,.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-live-search-mobile .dropdown-live-search__list-header-with-shadow-hidden::after{opacity:0}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input{display:flex;align-items:center;width:100%;height:28px;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-live-search-mobile .dropdown-live-search__list-header .dropdown-live-search__input input{background:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-live-search-mobile .dropdown-live-search__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-live-search-mobile .dropdown-live-search__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-live-search-mobile .dropdown-live-search__list-item p{margin:0}.dropdown-live-search-mobile .dropdown-live-search__list-item-label{white-space:wrap !important}.dropdown-live-search-mobile .dropdown-live-search__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-live-search-mobile .dropdown-live-search__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
package/dist/css/dropdown.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
package/dist/css/input-date-range.css CHANGED
@@ -1 +1 @@
1
- :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.date-range-input{--input-height: 28px;--label-line-height: 16px;--border-color: #e2e5ec;--calendar-range-point-color: #6b81dd;--font-family: roboto, sans-serif;--font-size: 13px;--line-height: 20px;--border-radius: 3px;position:relative;z-index:1}.date-range-input input::-webkit-outer-spin-button,.date-range-input input::-webkit-inner-spin-button{appearance:none}.date-range-input__label{margin-bottom:2px;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--label-line-height)}.date-range-input__wraper{position:relative;box-sizing:border-box;width:100%;height:100%}.date-range-input__absolut-wraper{position:relative;z-index:1;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%;height:fit-content;background:rgba(0,0,0,0)}.date-range-input__absolut-wraper_right-position{right:0;left:auto}.date-range-input__static-part{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;width:100%;height:var(--input-height);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff}.date-range-input_focused{z-index:2}.date-range-input_focused .date-range-input__static-part{border:1px solid blue;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.date-range-input__toggle-button{display:flex;flex-direction:row;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 10px;cursor:pointer}.date-range-input__interval-key{display:inline-block;margin-right:5px;text-align:left;white-space:nowrap;text-transform:capitalize;pointer-events:none}.date-range-input__range{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;word-wrap:break-word;pointer-events:none}.date-range-input__range-text{display:inline-block}.date-range-input__range-text:first-of-type{margin-right:5px}.date-range-input__range-text_little{font-size:calc(var(--font-size) - 2px)}.date-range-input__arrows-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;height:100%}.date-range-input__arrow{box-sizing:border-box;height:100%;cursor:pointer}.date-range-input__compact .date-range-input__toggle-button{padding-right:18px}.date-range-input_hide-arrows .date-range-input__toggle-button{padding:9px 18px}.date-range-input_error .date-range-input__wraper{border-color:#fa564c}.date-range-input_disabled .date-range-input__wraper{pointer-events:none;opacity:.7}.date-range-input_disabled .date-range-input__toggle-button{cursor:auto}.date-range-input__error-block{position:absolute;bottom:-20px;left:8px;font-size:var(--font-size);line-height:var(--line-height);color:#fa564c}.date-range-input__opened-part{width:fit-content;height:fit-content;background-color:rgba(0,0,0,0)}.opened-part{position:absolute;top:31px;left:0}.opened-part__wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;box-shadow:0 4px 25px rgba(0,0,0,.25)}.opened-part__wrapper_right-position-once-element{justify-content:flex-end}.opened-part__intervals-list{width:fit-content;padding:6px 0;border-right:1px solid var(--border-color)}.opened-part__intervals-item{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;padding:0 20px 0 30px;font-family:var(--font-family);font-size:12px;font-weight:300;font-style:normal;line-height:24px;cursor:pointer;white-space:nowrap;text-transform:capitalize}.opened-part__intervals-item:hover{background-color:#f2f2f8}.opened-part__intervals-item_active{background:#f2f2f8}.opened-part__intervals-item-icon-active{position:absolute;top:5px;left:10px}.opened-part__intervals-item_disabled{pointer-events:none;color:rgba(0,0,0,.3)}.opened-part__date-picker{width:fit-content;border:none}.opened-part--left{right:0;left:auto}.opened-part--top{top:auto;bottom:31px}.date-picker{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start}.date-picker__header{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;height:fit-content;padding:7.5px 15px;border:none;background-color:#f7fafc}.date-picker__date-row{gap:8px;margin-right:0 !important}.date-picker__date-row .input__wrap{width:100% !important;margin:0 !important}.date-picker__inputs-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:fit-content;font-size:var(--font-size);line-height:var(--line-height)}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input){box-sizing:border-box;min-width:100px;min-height:100%;margin-right:9px;border:1px solid var(--border-color)}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input):last-child{margin-right:0}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input).input__wrap{box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input).input__wrap_focus{border:1px solid blue;box-shadow:none}.date-picker__inputs-block>div.dropdown{width:80px;border-radius:var(--border-radius)}.date-picker__inputs-block .date-picker__inputs-separator{margin:0 !important}.date-picker__inputs-block input{font-weight:300}.date-picker__date-row{display:flex;align-items:stretch;width:100%}.date-picker__date-input{box-sizing:border-box;padding:3px 10px;font-family:var(--font-family);font-size:var(--font-size);font-weight:300;font-style:normal;line-height:calc(var(--input-height)/2);letter-spacing:inherit;color:inherit;border-radius:var(--border-radius);background-color:#fff}.date-picker__date-input-emulation{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:40px;padding:0px 15px !important;font-family:inherit;font-size:16px;font-weight:500;font-style:normal;line-height:22px;cursor:pointer;white-space:nowrap;letter-spacing:.2px;color:#3b414b;background-color:#fff}.date-picker__date-input-emulation span{display:block;width:100%;height:100%;padding-top:2px;line-height:24px}.date-picker__date-input-emulation_disabled{cursor:auto;pointer-events:none;opacity:.5}.date-picker__hour-select-input{box-sizing:border-box;width:70px;height:100%;min-height:100%;border-radius:var(--border-radius)}.date-picker__hour-select-input button{min-height:38px !important}.date-picker__hour-select-input>.dropdown__trigger{box-sizing:border-box;width:100%;height:28px;padding-right:15px;padding-left:10px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;border:none;box-shadow:none}.date-picker__hour-select-input>.dropdown__trigger>.text{padding:0}.date-picker__hour-select-input .dropdown__list-item{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.date-picker__calendars{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;box-sizing:border-box;width:100%;height:100%;padding:10px 16px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#fff}.date-picker__calendars-wrapper{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;width:100%}.date-picker__calendars .date-picker__calendar:first-child{margin-right:10px}.date-picker__calendars .range-calendar{box-sizing:border-box;width:fit-content;height:fit-content}.date-picker__calendars .range-calendar-header{display:flex;justify-content:space-between;align-items:center;height:fit-content;margin-bottom:12px;font-size:calc(var(--font-size) + 2px);font-weight:500;font-style:normal;line-height:calc(var(--line-height) + 4px)}.date-picker__calendars .range-calendar-header__title{text-align:center}.date-picker__calendars .range-calendar-header__next,.date-picker__calendars .range-calendar-header__prev{cursor:pointer;background-color:rgba(0,0,0,0)}.date-picker__calendars .range-calendar__week{display:flex}.date-picker__calendars .range-calendar__week-title{margin-bottom:5px}.date-picker__calendars .range-calendar__day{position:relative;display:flex;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;box-sizing:border-box;width:29px;height:22px;margin:1px 0;font-size:var(--font-size);line-height:var(--line-height);user-select:none;text-align:center}.date-picker__calendars .range-calendar__day--clickable{cursor:pointer}.date-picker__calendars .range-calendar__day--clickable:hover{background:#e2e6f8}.date-picker__calendars .range-calendar__day--disabled{cursor:default;pointer-events:none;opacity:.2}.date-picker__calendars .range-calendar__day--disabled:hover{background:inherit}.date-picker__calendars .range-calendar__day--range-start,.date-picker__calendars .range-calendar__day--range-end{box-sizing:border-box;color:#f8fbff;border:1px solid var(--calendar-range-point-color);border-radius:var(--border-radius);background:var(--calendar-range-point-color)}.date-picker__calendars .range-calendar__day--range-start:hover,.date-picker__calendars .range-calendar__day--range-end:hover{color:#f8fbff;background:var(--calendar-range-point-color)}.date-picker__calendars .range-calendar__day--range-inside{background:#eaf2ff}.date-picker__calendars .range-calendar__day--prev-range-end{border-radius:var(--border-radius);background:#e2e5ec}.date-picker__calendars .range-calendar__day--prev-range-inside{background:#f7f8fa}.date-picker__calendars .range-calendar__day--title{font-size:var(--font-size);line-height:var(--line-height)}.date-picker__calendars .range-calendar__day--title:hover{background:inherit}.date-picker__footer{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:8px 16px;border:none;border-radius:0 0 var(--border-radius) 0;background-color:#f7fafc}.date-picker__footer_once-element{justify-content:flex-end}.date-picker__buttons-block{box-sizing:border-box;width:fit-content;height:100%}.date-picker__button{text-transform:capitalize}.date-picker__button:first-child{width:80px;margin-right:16px;border:1px solid #a6acb1;border-radius:var(--border-radius);background-color:#fff}.date-picker__button:last-child{width:110px;border-radius:var(--border-radius)}.date-picker__compare-block{box-sizing:border-box;width:fit-content;height:100%}@media screen and (max-width: 992px){.opened-part__intervals-list{display:none}}@media screen and (max-width: 768px){.date-picker-modal .modal__body{display:flex;flex-direction:column;gap:16px}.date-picker-modal .modal__footer button{height:40px;box-shadow:none}.date-picker-modal .modal__footer button.button_dark-outline{font-family:Sarabun;font-size:14.4px;font-weight:500;font-style:normal;line-height:150%;text-align:center;color:#171d33;border:1px solid #e1e8f1;border-radius:32px;background:var(--white, #fff)}.date-picker-modal .modal__footer button.button_primary{font-family:Sarabun;font-size:14.4px;font-weight:600;font-style:normal;line-height:150%;text-align:center;color:var(--white, #fff)}.date-picker.opened-part__date-picker{display:flex;flex-direction:column;gap:16px}.date-picker__header{padding:0 !important}.date-picker__inputs-block{display:flex;flex-direction:column;gap:16px}.date-picker__inputs-separator{display:none}.date-picker__hour-select-input{box-sizing:border-box}.date-picker__hour-select-input button{min-height:38px !important}.date-picker__calendars{border:1px solid var(--border-color);border-radius:var(--border-radius)}.date-picker__calendars-wrapper{display:flex;justify-content:center;align-items:center}.date-picker__calendar{margin:0 !important}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}.range-calendar,.calendar{display:flex;flex-direction:column;width:195px;min-height:195px;user-select:none}.range-calendar-header,.calendar-header{display:flex;justify-content:space-between;align-items:center;height:24px;margin-bottom:12px}.range-calendar-header__title,.calendar-header__title{display:flex;flex-grow:1;justify-content:center;align-items:center;font-weight:500;line-height:20px;text-align:center;color:#000}.range-calendar-header__next,.range-calendar-header__prev,.calendar-header__next,.calendar-header__prev{width:16px;height:16px;color:#171d33;border-radius:5px}.range-calendar__week,.calendar__week{display:flex}.range-calendar__day,.calendar__day{flex-grow:1;flex-basis:0;margin:1px 0;padding:1px 6px;font-size:13px;line-height:20px;user-select:none;text-align:center}.range-calendar__day--clickable,.calendar__day--clickable{cursor:pointer}.range-calendar__day--clickable:hover,.calendar__day--clickable:hover{background:#e2e6f8}.range-calendar__day--disabled,.calendar__day--disabled{cursor:default;pointer-events:none;color:#9aa0b9}.range-calendar__day--disabled:hover,.calendar__day--disabled:hover{background:inherit}.range-calendar__day--range-start,.range-calendar__day--range-end,.calendar__day--range-start,.calendar__day--range-end{color:#fff;border-radius:4px;background:#6b81dd}.range-calendar__day--range-start:hover,.range-calendar__day--range-end:hover,.calendar__day--range-start:hover,.calendar__day--range-end:hover{background:#6b81dd}.range-calendar__day--range-inside,.calendar__day--range-inside{background:#e2e6f8}.range-calendar__day--prev-range-end,.calendar__day--prev-range-end{border-radius:4px;background:#e2e5ec}.range-calendar__day--prev-range-inside,.calendar__day--prev-range-inside{background:#f7f8fa}.range-calendar__day--title,.calendar__day--title{font-size:10px;font-weight:normal;color:#9aa0b9}.range-calendar__day--title:hover,.calendar__day--title:hover{background:inherit}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.arrow{width:24px;height:24px}.arrow_disabled{pointer-events:none;opacity:.5}.arrow>svg{width:100%;height:100%;pointer-events:none}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.modal{--modal-overlay-bg: black;--modal-overlay-opacity: 0.5;--modal-bg: #fff;--modal-header-bg: #f7fafc;--modal-body-bg: #f7fafc;--modal-footer-bg: #f7fafc;--modal-border-color: #e2e5ec;--modal-title-color: vars.$color--primary;--modal-title-font-size: 16px;--modal-title-font-weight: 400;--modal-width: 600px;--modal-min-height: 300px;--modal-margin: 0 10px;--modal-padding: 15px;--modal-header-padding: 10px 15px;--modal-footer-padding: 7.5px 15px;--modal-border-radius: 6px;--modal-inner-radius: 4px;--modal-box-shadow: 0 20px 20px rgb(0 0 0 / 20%);--modal-close-btn-size: 40px;--modal-close-icon-size: 20px;--modal-close-btn-color: #1e1e2d;--modal-close-hover-bg: #e2e5ec;--modal-primary-bg: #6b81dd;--modal-primary-title-color: #ffffff;--modal-primary-close-hover: #5162d4;--max-height: calc(100% - 30px);position:relative;z-index:5;display:flex;flex-direction:column;width:var(--modal-width, 600px);min-height:var(--modal-min-height, 300px);max-height:var(--max-height, calc(100% - 30px));margin:var(--modal-margin, 0 10px);border-radius:var(--modal-border-radius, 6px);background-color:var(--modal-bg, #fff);box-shadow:var(--modal-box-shadow, 0 20px 20px rgba(0, 0, 0, 0.2))}.modal__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--modal-header-padding, 10px 15px);border-bottom:1px solid var(--modal-border-color, #e2e5ec);border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-header-bg, #f7fafc)}.modal__header-primary{background-color:var(--modal-primary-bg, #6b81dd)}.modal__header-primary-title{font-size:var(--modal-title-font-size, 16px);font-weight:var(--modal-title-font-weight, 400);color:var(--modal-primary-title-color, #ffffff)}.modal__header-title{font-size:var(--modal-title-font-size, 16px);font-weight:normal;color:var(--modal-title-color, #6b81dd)}.modal__body{overflow-y:auto;flex-grow:1;box-sizing:border-box;padding:var(--modal-padding, 15px);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-body-bg, #f7fafc)}.modal__body scrollbar{-moz-appearance:none !important}.modal__body scrollbarbutton{-moz-appearance:none !important}.modal__body thumb{-moz-appearance:none !important}.modal__body scrollcorner{-moz-appearance:none !important;resize:both}.modal__body::-webkit-scrollbar{width:4px}.modal__body::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.modal__body::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.modal__body::-webkit-scrollbar:horizontal{height:8px}.modal__body::-webkit-scrollbar-track:horizontal{background:inherit}.modal__body::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.modal__body::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.modal__body:first-of-type{overflow-x:hidden;border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px)}.modal__body--no-footer{padding:var(--modal-padding, 15px)}.modal__footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--modal-footer-padding, 7.5px 15px);border-top:1px solid var(--modal-border-color, #e2e5ec);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-footer-bg, #f7fafc)}.modal__footer_with-left-content{justify-content:space-between}.modal__footer--inbody{position:absolute;bottom:0;left:0;width:calc(100% - 30px);background-color:var(--modal-bg, #fff)}.modal__buttons-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.modal-overlay{position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;opacity:var(--modal-overlay-opacity, 0.5);background-color:var(--modal-overlay-bg, black);transition:opacity .2s ease}.modal__footer--noborder{border-top:none}.modal-box{position:fixed;z-index:100;inset:0;animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.consumer-info-modal{overflow-x:auto}.consumer-info-modal .button-fin{background-color:#fff}.consumer-info-modal .modal__body{min-height:200px;padding:0 15px}.modal-close-icon-box{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:var(--modal-close-btn-size, 40px);height:100%;cursor:pointer;color:var(--modal-close-btn-color, #1e1e2d);border-top-right-radius:var(--modal-inner-radius, 4px);background:rgba(0,0,0,0)}.modal-close-icon-box:hover{background-color:var(--modal-close-hover-bg, #e2e5ec)}.modal-close-icon-box-primary{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-primary:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon-box-merchant{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-merchant:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon{width:var(--modal-close-icon-size, 20px);min-width:var(--modal-close-icon-size, 20px);height:var(--modal-close-icon-size, 20px)}.modal-text-card{padding:15px 0;font-size:13px;font-weight:400;line-height:20px;text-align:left;white-space:normal}.prompt-text-card{padding:0}.included-selector-modal--box{overflow-x:auto;max-height:calc(100% - 32px)}.included-selector-modal__th--id{width:1%}.included-selector-modal__td--id{color:#9aa0b9}.included-selector-modal .simple-table{overflow-x:unset;min-height:400px;max-height:500px}.included-selector-modal .simple-table thead{background-color:unset}.included-selector-modal .simple-table thead th{padding:10px 15px;font-weight:400;border-right:1px solid var(--modal-border-color, #e2e5ec)}.included-selector-modal .simple-table thead th:first-child,.included-selector-modal .simple-table thead th:last-child{border:none}.included-selector-modal .simple-table tbody tr:first-child{position:relative}.included-selector-modal .simple-table tbody tr:first-child::after{position:absolute;top:0;left:0;width:100%;height:8px;content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.152) 0%, rgba(0, 0, 0, 0) 100%)}.included-selector-modal .simple-table tbody tr:last-child{border-bottom:none}.included-selector-modal .simple-table td{padding:2.25px 15px}.included-selector-modal .simple-table .tr-as-selector:hover td{background-color:#ffedc8}.reports-settings-modal-box .modal__body{padding:0}.confirm-modal{border-radius:var(--modal-inner-radius, 4px)}.confirm-modal .modal__header-title{font-size:13px;font-weight:700}.confirm-modal .modal__body .modal-text-card{padding:0}.confirm-modal .modal__footer{background-color:var(--modal-bg, #fff)}.modal-close-icon-box--hidden{display:none}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width: 768px),(width <= 1024px)and (orientation: landscape){.modal-mobile-container{--modal-container-z-index: 100;--modal-container-width: 100dvw;--modal-container-height: 100dvh;--modal-container-border-radius: 16px;--modal-content-margin-top: 16px;--modal-animation-duration: 0.4s;--modal-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);position:relative;z-index:var(--modal-container-z-index, 100);overflow-y:auto;box-sizing:border-box;width:var(--modal-container-width, 100dvw);height:var(--modal-container-height, 100dvh);border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0}.modal-mobile-container .modal{--modal-header-footer-width: 100%;--modal-header-top: 0;--modal-footer-bottom: 0;max-width:100vw;max-height:unset !important;margin-top:var(--modal-content-margin-top, 16px) !important;border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0;animation-name:slideup;animation-duration:var(--modal-animation-duration, 0.4s)}.modal-mobile-container .modal__header,.modal-mobile-container .modal__footer{z-index:2;left:0;box-sizing:border-box;width:var(--modal-header-footer-width, 100%)}.modal-mobile-container .modal__header--hidden,.modal-mobile-container .modal__footer--hidden{position:relative}.modal-mobile-container .modal__header--sticky,.modal-mobile-container .modal__footer--sticky{position:sticky;box-shadow:var(--modal-shadow, 0px 0px 16px 0px rgba(0, 0, 0, 0.15))}.modal-mobile-container .modal__header{top:var(--modal-header-top, 0)}.modal-mobile-container .modal__footer{bottom:var(--modal-footer-bottom, 0);border-radius:0 !important}.modal-mobile-container .modal:not(.modal--no-header) .modal__body{border-radius:0 !important}}
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.dropdown{position:relative;display:flex;overflow:hidden;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid #e2e5ec;border-radius:4px;background:#fff}.dropdown--focused{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.dropdown--with-custom-trigger{border:none !important;background:none !important;filter:none !important}.dropdown--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;align-self:stretch;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.dropdown__trigger{position:relative;display:block;align-items:center;box-sizing:border-box;width:100%;height:28px;font-weight:400;cursor:pointer;text-align:left;border:none !important;filter:none}.dropdown__trigger .text{overflow:hidden;max-width:calc(100% - 5px);padding:0 16px 0 8px;white-space:nowrap;text-overflow:ellipsis}.dropdown__trigger.error{border-color:#f06d8d}.dropdown__trigger.placeholder .text{opacity:.7}.dropdown__trigger input{box-sizing:border-box}.dropdown__input{width:100%;height:16px;padding:0 16px 0 8px;font-weight:400;text-overflow:ellipsis;border:none;background:none}.dropdown__list{position:relative;z-index:6;top:100%;overflow-y:auto;box-sizing:border-box;min-width:100%;max-height:320px;padding:4px 0}.dropdown__list-wrapper{position:relative;z-index:6;top:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e2e5ec;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15)}.dropdown__list-header{display:none}.dropdown__list::-webkit-scrollbar{width:4px}.dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.dropdown__list-top{top:auto;bottom:calc(100% + 4px);box-shadow:0 -3px 10px rgba(0,0,0,.15)}.dropdown__list-item{position:relative;display:flex;overflow:hidden;align-items:center;width:100%;min-height:24px;padding:0 20px 0 30px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;white-space:nowrap;color:#1e1e2d;border:none;background:rgba(0,0,0,0)}.dropdown__list-item-label{text-align:left;white-space:wrap}.dropdown__list-item-description{margin-left:4px;color:#757f8c}.dropdown__list-item--modal{position:relative;width:100%;font-size:14px;line-height:20px;text-align:left;letter-spacing:.2px;color:#1f7499}.dropdown__list-item--modal::after{position:absolute;bottom:-2px;width:300%;height:1px;content:"";background-color:#e8e9ec;transform:translateX(-50%)}.dropdown__list-item--no-options{box-sizing:border-box}.dropdown__list-item:hover,.dropdown__list-item_active{background:#f2f2f8}.dropdown__list-item_disabled{pointer-events:none;opacity:.3}.dropdown__list-item-postfix{margin-left:4px}.dropdown__list--with-label{top:45px}.dropdown__arrow{position:absolute;top:50%;right:4px;display:flex;align-items:center;width:16px;height:16px;transform:translate(0, -50%)}.dropdown__arrow svg{width:16px;height:16px}.dropdown__active-icon{position:absolute;top:0;bottom:0;left:9px;display:none;align-items:center;margin:auto}.dropdown__active-icon_active{display:flex}.dropdown__active-icon_active svg{width:16px;height:16px}.dropdown-group{margin-top:10px}.dropdown-group__name{margin-bottom:6px;margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.dropdown-label{margin-bottom:4px}.dropdown__error{position:absolute;top:50px;left:2px;display:block;font-size:10px;color:#f06d8d}.dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.dropdown.disabled{pointer-events:none;opacity:.5}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px),screen and (max-width: 1024px)and (orientation: landscape){.dropdown-mobile .dropdown__arrow{top:50% !important;right:16px !important;width:16px;height:16px;text-align:center;transform:translateY(-50%) rotate(90deg) !important}.dropdown-mobile .dropdown__arrow svg.mobile-icon{position:relative !important;top:5px !important;right:unset !important;display:flex;height:12px}.dropdown-mobile .dropdown__container{overflow:hidden !important}.dropdown-mobile .dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.dropdown-mobile .dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.dropdown-mobile .dropdown__list{top:0;padding:16px !important}.dropdown-mobile .dropdown__list-wrapper{position:sticky;bottom:0;overflow:hidden;box-sizing:border-box;max-height:500px;border-radius:24px !important}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow::after{position:absolute;z-index:6;bottom:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__list-wrapper--with-bottom-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-wrapper--fixed-height{height:500px !important}.dropdown-mobile .dropdown__list-header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.dropdown-mobile .dropdown__list-header-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:24px}.dropdown-mobile .dropdown__list-header-row:first-child{padding-right:50px}.dropdown-mobile .dropdown__list-header-row .input__wrap{display:flex;align-items:center;width:100%;padding-right:8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.dropdown-mobile .dropdown__list-header-row .input__wrap input{background:unset !important}.dropdown-mobile .dropdown__list-header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.dropdown-mobile .dropdown__list-header-row .input__close::before,.dropdown-mobile .dropdown__list-header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.dropdown-mobile .dropdown__list-header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.dropdown-mobile .dropdown__list-header-with-shadow::after{position:absolute;z-index:10;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.dropdown-mobile .dropdown__list-header-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__list-close-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.dropdown-mobile .dropdown__list-close-icon svg{width:16px;height:16px;color:#a0a4b0}.dropdown-mobile .dropdown-group{margin:0 0 4px}.dropdown-mobile .dropdown-group:last-child{margin-bottom:16px}.dropdown-mobile .dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid rgba(58,72,122,.15)}.dropdown-mobile .dropdown__list-item{display:flex;justify-content:space-between;height:auto !important;padding:10px 8px !important;line-height:24px}.dropdown-mobile .dropdown__list-item-label{white-space:wrap !important}.dropdown-mobile .dropdown__list-item-label span.bg--yellow{font-weight:600;background-color:unset !important}.dropdown-mobile .dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.dropdown-mobile .dropdown__footer{position:absolute;z-index:4;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;height:unset;padding:0;border:none;background:none}.dropdown-mobile .dropdown__footer-with-shadow::after{position:absolute;top:-15px;bottom:0;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s;transform:rotate(180deg)}.dropdown-mobile .dropdown__footer-with-shadow-hidden::after{opacity:0}.dropdown-mobile .dropdown__footer button{box-sizing:border-box;width:100%;padding:8px 16px}}.dropdown-loader-box{position:absolute;z-index:100;opacity:.1;background:#fff;top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:100px;height:100px}.lds-ring.lds-ring_little{width:20px;height:20px}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:84px;height:84px;margin:8px;border:8px solid #000;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.lds-ring_little div{width:20px;height:20px}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.date-range-input{--input-height: 28px;--label-line-height: 16px;--border-color: #e2e5ec;--calendar-range-point-color: #6b81dd;--font-family: roboto, sans-serif;--font-size: 13px;--line-height: 20px;--border-radius: 3px;position:relative;z-index:1}.date-range-input input::-webkit-outer-spin-button,.date-range-input input::-webkit-inner-spin-button{appearance:none}.date-range-input__label{margin-bottom:2px;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--label-line-height)}.date-range-input__wraper{position:relative;box-sizing:border-box;width:100%;height:100%}.date-range-input__absolut-wraper{position:relative;z-index:1;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%;height:fit-content;background:rgba(0,0,0,0)}.date-range-input__absolut-wraper_right-position{right:0;left:auto}.date-range-input__static-part{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;width:100%;height:var(--input-height);border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff}.date-range-input_focused{z-index:2}.date-range-input_focused .date-range-input__static-part{border:1px solid blue;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.date-range-input__toggle-button{display:flex;flex-direction:row;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 10px;cursor:pointer}.date-range-input__interval-key{display:inline-block;margin-right:5px;text-align:left;white-space:nowrap;text-transform:capitalize;pointer-events:none}.date-range-input__range{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;word-wrap:break-word;pointer-events:none}.date-range-input__range-text{display:inline-block}.date-range-input__range-text:first-of-type{margin-right:5px}.date-range-input__range-text_little{font-size:calc(var(--font-size) - 2px)}.date-range-input__arrows-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;height:100%}.date-range-input__arrow{box-sizing:border-box;height:100%;cursor:pointer}.date-range-input__compact .date-range-input__toggle-button{padding-right:18px}.date-range-input_hide-arrows .date-range-input__toggle-button{padding:9px 18px}.date-range-input_error .date-range-input__wraper{border-color:#fa564c}.date-range-input_disabled .date-range-input__wraper{pointer-events:none;opacity:.7}.date-range-input_disabled .date-range-input__toggle-button{cursor:auto}.date-range-input__error-block{position:absolute;bottom:-20px;left:8px;font-size:var(--font-size);line-height:var(--line-height);color:#fa564c}.date-range-input__opened-part{width:fit-content;height:fit-content;background-color:rgba(0,0,0,0)}.opened-part{position:absolute;top:31px;left:0}.opened-part__wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff;box-shadow:0 4px 25px rgba(0,0,0,.25)}.opened-part__wrapper_right-position-once-element{justify-content:flex-end}.opened-part__intervals-list{width:fit-content;padding:6px 0;border-right:1px solid var(--border-color)}.opened-part__intervals-item{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;padding:0 20px 0 30px;font-family:var(--font-family);font-size:12px;font-weight:300;font-style:normal;line-height:24px;cursor:pointer;white-space:nowrap;text-transform:capitalize}.opened-part__intervals-item:hover{background-color:#f2f2f8}.opened-part__intervals-item_active{background:#f2f2f8}.opened-part__intervals-item-icon-active{position:absolute;top:5px;left:10px}.opened-part__intervals-item_disabled{pointer-events:none;color:rgba(0,0,0,.3)}.opened-part__date-picker{width:fit-content;border:none}.opened-part--left{right:0;left:auto}.opened-part--top{top:auto;bottom:31px}.date-picker{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start}.date-picker__header{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;height:fit-content;padding:7.5px 15px;border:none;background-color:#f7fafc}.date-picker__date-row{gap:8px;margin-right:0 !important}.date-picker__date-row .input__wrap{width:100% !important;margin:0 !important}.date-picker__inputs-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:fit-content;font-size:var(--font-size);line-height:var(--line-height)}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input){box-sizing:border-box;min-width:100px;min-height:100%;margin-right:9px;border:1px solid var(--border-color)}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input):last-child{margin-right:0}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input).input__wrap{box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none}.date-picker__inputs-block .date-picker__date-row>div:not(.date-picker__inputs-separator):not(.date-picker__date-input).input__wrap_focus{border:1px solid blue;box-shadow:none}.date-picker__inputs-block>div.dropdown{width:80px;border-radius:var(--border-radius)}.date-picker__inputs-block .date-picker__inputs-separator{margin:0 !important}.date-picker__inputs-block input{font-weight:300}.date-picker__date-row{display:flex;align-items:stretch;width:100%}.date-picker__date-input{box-sizing:border-box;padding:3px 10px;font-family:var(--font-family);font-size:var(--font-size);font-weight:300;font-style:normal;line-height:calc(var(--input-height)/2);letter-spacing:inherit;color:inherit;border-radius:var(--border-radius);background-color:#fff}.date-picker__date-input-emulation{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%;min-height:40px;padding:0px 15px !important;font-family:inherit;font-size:16px;font-weight:500;font-style:normal;line-height:22px;cursor:pointer;white-space:nowrap;letter-spacing:.2px;color:#3b414b;background-color:#fff}.date-picker__date-input-emulation span{display:block;width:100%;height:100%;padding-top:2px;line-height:24px}.date-picker__date-input-emulation_disabled{cursor:auto;pointer-events:none;opacity:.5}.date-picker__hour-select-input{box-sizing:border-box;width:70px;height:100%;min-height:100%;border-radius:var(--border-radius)}.date-picker__hour-select-input button{min-height:38px !important}.date-picker__hour-select-input>.dropdown__trigger{box-sizing:border-box;width:100%;height:28px;padding-right:15px;padding-left:10px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;border:none;box-shadow:none}.date-picker__hour-select-input>.dropdown__trigger>.text{padding:0}.date-picker__hour-select-input .dropdown__list-item{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.date-picker__calendars{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;box-sizing:border-box;width:100%;height:100%;padding:10px 16px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:#fff}.date-picker__calendars-wrapper{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;width:100%}.date-picker__calendars .date-picker__calendar:first-child{margin-right:10px}.date-picker__calendars .range-calendar{box-sizing:border-box;width:fit-content;height:fit-content}.date-picker__calendars .range-calendar-header{display:flex;justify-content:space-between;align-items:center;height:fit-content;margin-bottom:12px;font-size:calc(var(--font-size) + 2px);font-weight:500;font-style:normal;line-height:calc(var(--line-height) + 4px)}.date-picker__calendars .range-calendar-header__title{text-align:center}.date-picker__calendars .range-calendar-header__next,.date-picker__calendars .range-calendar-header__prev{cursor:pointer;background-color:rgba(0,0,0,0)}.date-picker__calendars .range-calendar__week{display:flex}.date-picker__calendars .range-calendar__week-title{margin-bottom:5px}.date-picker__calendars .range-calendar__day{position:relative;display:flex;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;box-sizing:border-box;width:29px;height:22px;margin:1px 0;font-size:var(--font-size);line-height:var(--line-height);user-select:none;text-align:center}.date-picker__calendars .range-calendar__day--clickable{cursor:pointer}.date-picker__calendars .range-calendar__day--clickable:hover{background:#e2e6f8}.date-picker__calendars .range-calendar__day--disabled{cursor:default;pointer-events:none;opacity:.2}.date-picker__calendars .range-calendar__day--disabled:hover{background:inherit}.date-picker__calendars .range-calendar__day--range-start,.date-picker__calendars .range-calendar__day--range-end{box-sizing:border-box;color:#f8fbff;border:1px solid var(--calendar-range-point-color);border-radius:var(--border-radius);background:var(--calendar-range-point-color)}.date-picker__calendars .range-calendar__day--range-start:hover,.date-picker__calendars .range-calendar__day--range-end:hover{color:#f8fbff;background:var(--calendar-range-point-color)}.date-picker__calendars .range-calendar__day--range-inside{background:#eaf2ff}.date-picker__calendars .range-calendar__day--prev-range-end{border-radius:var(--border-radius);background:#e2e5ec}.date-picker__calendars .range-calendar__day--prev-range-inside{background:#f7f8fa}.date-picker__calendars .range-calendar__day--title{font-size:var(--font-size);line-height:var(--line-height)}.date-picker__calendars .range-calendar__day--title:hover{background:inherit}.date-picker__footer{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:8px 16px;border:none;border-radius:0 0 var(--border-radius) 0;background-color:#f7fafc}.date-picker__footer_once-element{justify-content:flex-end}.date-picker__buttons-block{box-sizing:border-box;width:fit-content;height:100%}.date-picker__button{text-transform:capitalize}.date-picker__button:first-child{width:80px;margin-right:16px;border:1px solid #a6acb1;border-radius:var(--border-radius);background-color:#fff}.date-picker__button:last-child{width:110px;border-radius:var(--border-radius)}.date-picker__compare-block{box-sizing:border-box;width:fit-content;height:100%}@media screen and (max-width: 992px){.opened-part__intervals-list{display:none}}@media screen and (max-width: 768px){.date-picker-modal .modal__body{display:flex;flex-direction:column;gap:16px}.date-picker-modal .modal__footer button{height:40px;box-shadow:none}.date-picker-modal .modal__footer button.button_dark-outline{font-family:Sarabun;font-size:14.4px;font-weight:500;font-style:normal;line-height:150%;text-align:center;color:#171d33;border:1px solid #e1e8f1;border-radius:32px;background:var(--white, #fff)}.date-picker-modal .modal__footer button.button_primary{font-family:Sarabun;font-size:14.4px;font-weight:600;font-style:normal;line-height:150%;text-align:center;color:var(--white, #fff)}.date-picker.opened-part__date-picker{display:flex;flex-direction:column;gap:16px}.date-picker__header{padding:0 !important}.date-picker__inputs-block{display:flex;flex-direction:column;gap:16px}.date-picker__inputs-separator{display:none}.date-picker__hour-select-input{box-sizing:border-box}.date-picker__hour-select-input button{min-height:38px !important}.date-picker__calendars{border:1px solid var(--border-color);border-radius:var(--border-radius)}.date-picker__calendars-wrapper{display:flex;justify-content:center;align-items:center}.date-picker__calendar{margin:0 !important}}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}.radio-input{display:inline-flex;align-items:center;cursor:pointer}.radio-input_disabled .radio-input__input{cursor:auto;pointer-events:none;opacity:.3}.radio-input:hover .radio-input__input{background-color:#e2e5ec}.radio-input__input{position:relative;width:14px;min-width:14px;height:14px;min-height:14px;border:1px solid #a6acb1;border-radius:50%;background-color:#fff}.radio-input__mark{position:absolute;z-index:1;inset:0;display:none;width:10px;height:10px;margin:auto;border-radius:50%;background-color:#6b81dd}.radio-input .radio-input__radio:checked~.radio-input__mark{display:block}.radio-input__radio{position:absolute;width:0;height:0;opacity:0}.radio-input__label{margin-left:5px;font-size:13px;font-weight:400;user-select:none}.range-calendar,.calendar{display:flex;flex-direction:column;width:195px;min-height:195px;user-select:none}.range-calendar-header,.calendar-header{display:flex;justify-content:space-between;align-items:center;height:24px;margin-bottom:12px}.range-calendar-header__title,.calendar-header__title{display:flex;flex-grow:1;justify-content:center;align-items:center;font-weight:500;line-height:20px;text-align:center;color:#000}.range-calendar-header__next,.range-calendar-header__prev,.calendar-header__next,.calendar-header__prev{width:16px;height:16px;color:#171d33;border-radius:5px}.range-calendar__week,.calendar__week{display:flex}.range-calendar__day,.calendar__day{flex-grow:1;flex-basis:0;margin:1px 0;padding:1px 6px;font-size:13px;line-height:20px;user-select:none;text-align:center}.range-calendar__day--clickable,.calendar__day--clickable{cursor:pointer}.range-calendar__day--clickable:hover,.calendar__day--clickable:hover{background:#e2e6f8}.range-calendar__day--disabled,.calendar__day--disabled{cursor:default;pointer-events:none;color:#9aa0b9}.range-calendar__day--disabled:hover,.calendar__day--disabled:hover{background:inherit}.range-calendar__day--range-start,.range-calendar__day--range-end,.calendar__day--range-start,.calendar__day--range-end{color:#fff;border-radius:4px;background:#6b81dd}.range-calendar__day--range-start:hover,.range-calendar__day--range-end:hover,.calendar__day--range-start:hover,.calendar__day--range-end:hover{background:#6b81dd}.range-calendar__day--range-inside,.calendar__day--range-inside{background:#e2e6f8}.range-calendar__day--prev-range-end,.calendar__day--prev-range-end{border-radius:4px;background:#e2e5ec}.range-calendar__day--prev-range-inside,.calendar__day--prev-range-inside{background:#f7f8fa}.range-calendar__day--title,.calendar__day--title{font-size:10px;font-weight:normal;color:#9aa0b9}.range-calendar__day--title:hover,.calendar__day--title:hover{background:inherit}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.arrow{width:24px;height:24px}.arrow_disabled{pointer-events:none;opacity:.5}.arrow>svg{width:100%;height:100%;pointer-events:none}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}.modal{--modal-overlay-bg: black;--modal-overlay-opacity: 0.5;--modal-bg: #fff;--modal-header-bg: #f7fafc;--modal-body-bg: #f7fafc;--modal-footer-bg: #f7fafc;--modal-border-color: #e2e5ec;--modal-title-color: vars.$color--primary;--modal-title-font-size: 16px;--modal-title-font-weight: 400;--modal-width: 600px;--modal-min-height: 300px;--modal-margin: 0 10px;--modal-padding: 15px;--modal-header-padding: 10px 15px;--modal-footer-padding: 7.5px 15px;--modal-border-radius: 6px;--modal-inner-radius: 4px;--modal-box-shadow: 0 20px 20px rgb(0 0 0 / 20%);--modal-close-btn-size: 40px;--modal-close-icon-size: 20px;--modal-close-btn-color: #1e1e2d;--modal-close-hover-bg: #e2e5ec;--modal-primary-bg: #6b81dd;--modal-primary-title-color: #ffffff;--modal-primary-close-hover: #5162d4;--max-height: calc(100% - 30px);position:relative;z-index:5;display:flex;flex-direction:column;width:var(--modal-width, 600px);min-height:var(--modal-min-height, 300px);max-height:var(--max-height, calc(100% - 30px));margin:var(--modal-margin, 0 10px);border-radius:var(--modal-border-radius, 6px);background-color:var(--modal-bg, #fff);box-shadow:var(--modal-box-shadow, 0 20px 20px rgba(0, 0, 0, 0.2))}.modal__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--modal-header-padding, 10px 15px);border-bottom:1px solid var(--modal-border-color, #e2e5ec);border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-header-bg, #f7fafc)}.modal__header-primary{background-color:var(--modal-primary-bg, #6b81dd)}.modal__header-primary-title{font-size:var(--modal-title-font-size, 16px);font-weight:var(--modal-title-font-weight, 400);color:var(--modal-primary-title-color, #ffffff)}.modal__header-title{font-size:var(--modal-title-font-size, 16px);font-weight:normal;color:var(--modal-title-color, #6b81dd)}.modal__body{overflow-y:auto;flex-grow:1;box-sizing:border-box;padding:var(--modal-padding, 15px);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-body-bg, #f7fafc)}.modal__body scrollbar{-moz-appearance:none !important}.modal__body scrollbarbutton{-moz-appearance:none !important}.modal__body thumb{-moz-appearance:none !important}.modal__body scrollcorner{-moz-appearance:none !important;resize:both}.modal__body::-webkit-scrollbar{width:4px}.modal__body::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.modal__body::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.modal__body::-webkit-scrollbar:horizontal{height:8px}.modal__body::-webkit-scrollbar-track:horizontal{background:inherit}.modal__body::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.modal__body::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.modal__body:first-of-type{overflow-x:hidden;border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px)}.modal__body--no-footer{padding:var(--modal-padding, 15px)}.modal__footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--modal-footer-padding, 7.5px 15px);border-top:1px solid var(--modal-border-color, #e2e5ec);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-footer-bg, #f7fafc)}.modal__footer_with-left-content{justify-content:space-between}.modal__footer--inbody{position:absolute;bottom:0;left:0;width:calc(100% - 30px);background-color:var(--modal-bg, #fff)}.modal__buttons-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.modal-overlay{position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;opacity:var(--modal-overlay-opacity, 0.5);background-color:var(--modal-overlay-bg, black);transition:opacity .2s ease}.modal__footer--noborder{border-top:none}.modal-box{position:fixed;z-index:100;inset:0;animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.consumer-info-modal{overflow-x:auto}.consumer-info-modal .button-fin{background-color:#fff}.consumer-info-modal .modal__body{min-height:200px;padding:0 15px}.modal-close-icon-box{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:var(--modal-close-btn-size, 40px);height:100%;cursor:pointer;color:var(--modal-close-btn-color, #1e1e2d);border-top-right-radius:var(--modal-inner-radius, 4px);background:rgba(0,0,0,0)}.modal-close-icon-box:hover{background-color:var(--modal-close-hover-bg, #e2e5ec)}.modal-close-icon-box-primary{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-primary:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon-box-merchant{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-merchant:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon{width:var(--modal-close-icon-size, 20px);min-width:var(--modal-close-icon-size, 20px);height:var(--modal-close-icon-size, 20px)}.modal-text-card{padding:15px 0;font-size:13px;font-weight:400;line-height:20px;text-align:left;white-space:normal}.prompt-text-card{padding:0}.included-selector-modal--box{overflow-x:auto;max-height:calc(100% - 32px)}.included-selector-modal__th--id{width:1%}.included-selector-modal__td--id{color:#9aa0b9}.included-selector-modal .simple-table{overflow-x:unset;min-height:400px;max-height:500px}.included-selector-modal .simple-table thead{background-color:unset}.included-selector-modal .simple-table thead th{padding:10px 15px;font-weight:400;border-right:1px solid var(--modal-border-color, #e2e5ec)}.included-selector-modal .simple-table thead th:first-child,.included-selector-modal .simple-table thead th:last-child{border:none}.included-selector-modal .simple-table tbody tr:first-child{position:relative}.included-selector-modal .simple-table tbody tr:first-child::after{position:absolute;top:0;left:0;width:100%;height:8px;content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.152) 0%, rgba(0, 0, 0, 0) 100%)}.included-selector-modal .simple-table tbody tr:last-child{border-bottom:none}.included-selector-modal .simple-table td{padding:2.25px 15px}.included-selector-modal .simple-table .tr-as-selector:hover td{background-color:#ffedc8}.reports-settings-modal-box .modal__body{padding:0}.confirm-modal{border-radius:var(--modal-inner-radius, 4px)}.confirm-modal .modal__header-title{font-size:13px;font-weight:700}.confirm-modal .modal__body .modal-text-card{padding:0}.confirm-modal .modal__footer{background-color:var(--modal-bg, #fff)}.modal-close-icon-box--hidden{display:none}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width: 768px),(width <= 1024px)and (orientation: landscape){.modal-mobile-container{--modal-container-z-index: 100;--modal-container-width: 100dvw;--modal-container-height: 100dvh;--modal-container-border-radius: 16px;--modal-content-margin-top: 16px;--modal-animation-duration: 0.4s;--modal-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);position:relative;z-index:var(--modal-container-z-index, 100);overflow-y:auto;box-sizing:border-box;width:var(--modal-container-width, 100dvw);height:var(--modal-container-height, 100dvh);border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0}.modal-mobile-container .modal{--modal-header-footer-width: 100%;--modal-header-top: 0;--modal-footer-bottom: 0;max-width:100vw;max-height:unset !important;margin-top:var(--modal-content-margin-top, 16px) !important;border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0;animation-name:slideup;animation-duration:var(--modal-animation-duration, 0.4s)}.modal-mobile-container .modal__header,.modal-mobile-container .modal__footer{z-index:2;left:0;box-sizing:border-box;width:var(--modal-header-footer-width, 100%)}.modal-mobile-container .modal__header--hidden,.modal-mobile-container .modal__footer--hidden{position:relative}.modal-mobile-container .modal__header--sticky,.modal-mobile-container .modal__footer--sticky{position:sticky;box-shadow:var(--modal-shadow, 0px 0px 16px 0px rgba(0, 0, 0, 0.15))}.modal-mobile-container .modal__header{top:var(--modal-header-top, 0)}.modal-mobile-container .modal__footer{bottom:var(--modal-footer-bottom, 0);border-radius:0 !important}.modal-mobile-container .modal:not(.modal--no-header) .modal__body{border-radius:0 !important}}