intelicoreact 2.0.15 → 2.0.16

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 (91) hide show
  1. package/dist/css/accordion-table.css +1 -0
  2. package/dist/css/accordion-text.css +1 -0
  3. package/dist/css/accordion.css +1 -0
  4. package/dist/css/action-alert.css +1 -0
  5. package/dist/css/advanced-status.css +1 -0
  6. package/dist/css/advanced-tag.css +1 -0
  7. package/dist/css/alert.css +1 -0
  8. package/dist/css/arrow.css +1 -0
  9. package/dist/css/base.css +1 -0
  10. package/dist/css/box.css +1 -0
  11. package/dist/css/button.css +1 -0
  12. package/dist/css/buttons-bar.css +1 -0
  13. package/dist/css/calendar.css +1 -0
  14. package/dist/css/chart.css +1 -0
  15. package/dist/css/checkbox-input.css +1 -0
  16. package/dist/css/checkboxes-line.css +1 -0
  17. package/dist/css/circle-progress-bar.css +1 -0
  18. package/dist/css/date-time.css +1 -0
  19. package/dist/css/datepicker.css +1 -0
  20. package/dist/css/debug-container.css +1 -0
  21. package/dist/css/double-string.css +1 -0
  22. package/dist/css/dropdown-live-search.css +1 -0
  23. package/dist/css/dropdown.css +1 -0
  24. package/dist/css/file-loader-description.css +1 -0
  25. package/dist/css/file-loader-local-group.css +1 -0
  26. package/dist/css/file-loader-local.css +1 -0
  27. package/dist/css/file-loader.css +1 -0
  28. package/dist/css/form-element.css +1 -0
  29. package/dist/css/formatted-raw-ssn.css +1 -0
  30. package/dist/css/header.css +1 -0
  31. package/dist/css/hint.css +1 -0
  32. package/dist/css/input-address.css +1 -0
  33. package/dist/css/input-calendar.css +1 -0
  34. package/dist/css/input-color.css +1 -0
  35. package/dist/css/input-currency.css +1 -0
  36. package/dist/css/input-custom-fetch.css +1 -0
  37. package/dist/css/input-date-range.css +1 -0
  38. package/dist/css/input-link.css +1 -0
  39. package/dist/css/input-mask3.css +1 -0
  40. package/dist/css/input-password.css +1 -0
  41. package/dist/css/input-with-action.css +1 -0
  42. package/dist/css/input.css +1 -0
  43. package/dist/css/inputs-row.css +1 -0
  44. package/dist/css/label.css +1 -0
  45. package/dist/css/main-menu.css +1 -0
  46. package/dist/css/manifest.json +594 -0
  47. package/dist/css/mobile-calendar.css +1 -0
  48. package/dist/css/modal.css +1 -0
  49. package/dist/css/mono-accordion.css +1 -0
  50. package/dist/css/multi-select.css +1 -0
  51. package/dist/css/nav-line.css +1 -0
  52. package/dist/css/numeric-input.css +1 -0
  53. package/dist/css/page-title.css +1 -0
  54. package/dist/css/pie-chart.css +1 -0
  55. package/dist/css/progress-line.css +1 -0
  56. package/dist/css/radio-group-with-input.css +1 -0
  57. package/dist/css/radio-group.css +1 -0
  58. package/dist/css/radio-input.css +1 -0
  59. package/dist/css/radio-row-switcher.css +1 -0
  60. package/dist/css/range-calendar.css +1 -0
  61. package/dist/css/range-inputs.css +1 -0
  62. package/dist/css/range-list.css +1 -0
  63. package/dist/css/range-slider.css +1 -0
  64. package/dist/css/range-slider2.css +1 -0
  65. package/dist/css/spinner.css +1 -0
  66. package/dist/css/status.css +1 -0
  67. package/dist/css/switchable-row.css +1 -0
  68. package/dist/css/switcher-checkbox.css +1 -0
  69. package/dist/css/switcher-hide.css +1 -0
  70. package/dist/css/switcher-radio.css +1 -0
  71. package/dist/css/switcher-range-list.css +1 -0
  72. package/dist/css/switcher-range.css +1 -0
  73. package/dist/css/switcher-tags-dropdown.css +1 -0
  74. package/dist/css/switcher-textarea.css +1 -0
  75. package/dist/css/switcher.css +1 -0
  76. package/dist/css/table.css +1 -0
  77. package/dist/css/tag-list.css +1 -0
  78. package/dist/css/tag.css +1 -0
  79. package/dist/css/tags-dropdown.css +1 -0
  80. package/dist/css/text-switcher.css +1 -0
  81. package/dist/css/text.css +1 -0
  82. package/dist/css/textarea.css +1 -0
  83. package/dist/css/tiered-checkboxes.css +1 -0
  84. package/dist/css/time-range.css +1 -0
  85. package/dist/css/user-box.css +1 -0
  86. package/dist/css/user-contacts.css +1 -0
  87. package/dist/css/variants-list-radio.css +1 -0
  88. package/dist/css/widget-pseudo-table.css +1 -0
  89. package/dist/css/widget-with-switchable-rows.css +1 -0
  90. package/dist/css/wizard-stepper.css +1 -0
  91. package/package.json +2 -1
package/dist/css/progress-line.css ADDED
@@ -0,0 +1 @@
1
+ .progress-line{--progress-line-font-family: "Sarabun, sans-serif";--progress-line-font-size: 14px;--progress-line-font-weight: 400;--progress-line-font-style: normal;--progress-line-line-height: 20px;--progress-line-letter-spacing: 0.2px;--progress-line-color-default: #171d33;--progress-line-color-info: #46aaf2;--progress-line-color-success: #54d3ad;--progress-line-color-error: #fa2e69;--progress-line-color-grey: #a6aab4;--progress-line-color-warning: #ffdb7c;--progress-line-color-primary-light: #a6c2ed;--progress-line-color-de-york: #78c58d;--progress-line-color-purple: #a193ef;--progress-line-color-sea-buckthorn: #f59a2f;--progress-line-color-pink: #ffcad6;--progress-line-color-froly: #f06d8d;--progress-line-color-brown: #b4a287;--progress-line-background-default: #e6f0f7;position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%}.progress-line__wrapper{position:relative;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%}.progress-line__wrapper__label{margin-bottom:8px;font-family:var(--progress-line-font-family, "Sarabun, sans-serif");font-size:var(--progress-line-font-size, 14px);font-weight:var(--progress-line-font-weight, 400);font-style:var(--progress-line-font-style, normal);line-height:var(--progress-line-line-height, 20px);letter-spacing:var(--progress-line-letter-spacing, 0.2px);color:var(--progress-line-color-default, #171d33)}.progress-line__wrapper__label.align-left{text-align:left}.progress-line__wrapper__label.align-center{text-align:center}.progress-line__wrapper__label.align-right{text-align:right}.progress-line__wrapper__value{display:flex;flex-wrap:nowrap;font-family:var(--progress-line-font-family, "Sarabun, sans-serif");font-size:var(--progress-line-font-size, 14px);font-weight:var(--progress-line-font-weight, 400);font-style:var(--progress-line-font-style, normal);line-height:var(--progress-line-line-height, 20px);white-space:nowrap;letter-spacing:var(--progress-line-letter-spacing, 0.2px);color:var(--progress-line-color-default, #171d33)}.progress-line__wrapper[class*=value-top-]{flex-flow:column}.progress-line__wrapper[class*=value-top-] [class*=__value]{margin-bottom:8px}.progress-line__wrapper.value-top-center{align-items:center}.progress-line__wrapper.value-top-left{align-items:flex-start;text-align:left}.progress-line__wrapper.value-top-right{align-items:flex-end;padding-right:8px;text-align:right}.progress-line__wrapper[class*=value-center-]{align-items:center}.progress-line__wrapper.value-center-left{flex-flow:row}.progress-line__wrapper.value-center-left [class*=__value]{margin-right:8px;text-align:center}.progress-line__wrapper.value-center-right{flex-flow:row-reverse}.progress-line__wrapper.value-center-right [class*=__value]{margin-left:8px;text-align:center}.progress-line__wrapper[class*=value-bottom-]{flex-flow:column-reverse}.progress-line__wrapper[class*=value-bottom-] [class*=__value]{margin-top:8px}.progress-line__wrapper.value-bottom-center{align-items:center}.progress-line__wrapper.value-bottom-left{align-items:flex-start}.progress-line__wrapper.value-bottom-right{align-items:flex-end}.progress-line__wrapper__line{position:relative;width:100%;height:4px;border-radius:8px;background:var(--progress-line-background-default, #e6f0f7)}.progress-line__wrapper__line--filled{width:0;height:100%;border-radius:8px}.progress-line__wrapper.variant-info [class$=__line--filled]{background:var(--progress-line-color-info, #46aaf2)}.progress-line__wrapper.variant-info .variant-label-color{color:var(--progress-line-color-info, #46aaf2)}.progress-line__wrapper.variant-success [class$=__line--filled]{background:var(--progress-line-color-success, #54d3ad)}.progress-line__wrapper.variant-success .variant-label-color{color:var(--progress-line-color-success, #54d3ad)}.progress-line__wrapper.variant-error [class$=__line--filled]{background:var(--progress-line-color-error, #fa2e69)}.progress-line__wrapper.variant-error .variant-label-color{color:var(--progress-line-color-error, #fa2e69)}.progress-line__wrapper.variant-grey [class$=__line--filled]{background:var(--progress-line-color-grey, #a6aab4)}.progress-line__wrapper.variant-grey .variant-label-color{color:var(--progress-line-color-grey, #a6aab4)}.progress-line__wrapper.variant-warning [class$=__line--filled]{background:var(--progress-line-color-warning, #ffdb7c)}.progress-line__wrapper.variant-warning .variant-label-color{color:var(--progress-line-color-warning, #ffdb7c)}.progress-line__wrapper.variant-primary-light [class$=__line--filled]{background:var(--progress-line-color-primary-light, #a6c2ed)}.progress-line__wrapper.variant-primary-light .variant-label-color{color:var(--progress-line-color-primary-light, #a6c2ed)}.progress-line__wrapper.variant-de-york [class$=__line--filled]{background:var(--progress-line-color-de-york, #78c58d)}.progress-line__wrapper.variant-de-york .variant-label-color{color:var(--progress-line-color-de-york, #78c58d)}.progress-line__wrapper.variant-purple [class$=__line--filled]{background:var(--progress-line-color-purple, #a193ef)}.progress-line__wrapper.variant-purple .variant-label-color{color:var(--progress-line-color-purple, #a193ef)}.progress-line__wrapper.variant-sea-buckthorn [class$=__line--filled]{background:var(--progress-line-color-sea-buckthorn, #f59a2f)}.progress-line__wrapper.variant-sea-buckthorn .variant-label-color{color:var(--progress-line-color-sea-buckthorn, #f59a2f)}.progress-line__wrapper.variant-pink [class$=__line--filled]{background:var(--progress-line-color-pink, #ffcad6)}.progress-line__wrapper.variant-pink .variant-label-color{color:var(--progress-line-color-pink, #ffcad6)}.progress-line__wrapper.variant-froly [class$=__line--filled]{background:var(--progress-line-color-froly, #f06d8d)}.progress-line__wrapper.variant-froly .variant-label-color{color:var(--progress-line-color-froly, #f06d8d)}.progress-line__wrapper.variant-brown [class$=__line--filled]{background:var(--progress-line-color-brown, #b4a287)}.progress-line__wrapper.variant-brown .variant-label-color{color:var(--progress-line-color-brown, #b4a287)}.progress-line__wrapper__extremums{position:absolute;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;font-family:var(--progress-line-font-family, "Sarabun, sans-serif");font-size:var(--progress-line-font-size, 14px);font-weight:var(--progress-line-font-weight, 400);font-style:var(--progress-line-font-style, normal);line-height:1;letter-spacing:var(--progress-line-letter-spacing, 0.2px);color:var(--progress-line-color-default, #171d33)}.progress-line__wrapper__extremums--min{top:0;left:0}.progress-line__wrapper__extremums--max{right:0}.progress-line__wrapper__extremums.position-top{transform:translateY(calc(-100% - 8px))}.progress-line__wrapper__extremums.position-bottom{transform:translateY(8px)}.progress-line__wrapper__extremums.position-top .progress-line__wrapper__extremums--min,.progress-line__wrapper__extremums.position-bottom .progress-line__wrapper__extremums--min{transform:translateX(-50%)}.progress-line__wrapper__extremums.position-top .progress-line__wrapper__extremums--max,.progress-line__wrapper__extremums.position-bottom .progress-line__wrapper__extremums--max{transform:translateX(50%)}.progress-line__wrapper__extremums.position-center{top:50%;transform:translateY(-50%)}.progress-line__wrapper__extremums.position-center .progress-line__wrapper__extremums--min{transform:translateX(calc(-100% - 8px))}.progress-line__wrapper__extremums.position-center .progress-line__wrapper__extremums--max{transform:translateX(calc(100% + 8px))}
package/dist/css/radio-group-with-input.css ADDED
@@ -0,0 +1 @@
1
+ .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}.label{--label-margin-bottom: 5px;--label-font-size: 13px;--label-color: #1e1e2d;--label-asterisk-color: red;--label-bold-font-weight: 500;--label-note-hint-margin-left: 4px;position:relative;display:inline-flex;align-items:center;width:100%;margin-bottom:var(--label-margin-bottom);font-size:var(--label-font-size);color:var(--label-color)}.label .label_text{width:100%;vertical-align:middle;white-space:normal;word-wrap:break-word}.label.isRequired .label_asterisk{color:var(--label-asterisk-color)}.label_bold{font-weight:var(--label-bold-font-weight)}.label_note,.label-hint{margin-left:var(--label-note-hint-margin-left)}.radio-group-input{display:flex}.radio-group-input--col{flex-direction:column}.radio-group-input--col .radio-input:not(:last-child){margin-bottom:10px}.radio-group-input--row{align-items:center;min-height:28px}.radio-group-input--row .radio-input:not(:last-child){margin-right:10px}.radio-group-input--disabled{pointer-events:none;opacity:.5}.radio-group-input .input__wrap{margin-bottom:5px}: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)}}.alert{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:15px;font-size:13px;border-top-right-radius:5px;border-bottom-right-radius:5px}.alert--loading .loader-box{opacity:.2}.alert--error{color:#f06d8d;border-left:2px solid #f06d8d;background-color:#fce2e8}.alert--warning{color:#f59a2f;border-left:2px solid #f59a2f;background-color:#ffedc8}.alert--success{color:#00b031;border-left:2px solid #00b031;background-color:#e4f3e8}.alert--info{color:#6b81dd;border-left:2px solid #6b81dd;background-color:#e2e6f8}.alert__close-btn{display:flex;justify-content:flex-end;align-self:flex-start;min-width:15px;margin-left:10px;cursor:pointer;user-select:none}.alert--title{height:37px;font-size:13px;font-weight:400;text-transform:uppercase;color:#1e1e2d;border-radius:4px;background-color:#ebeff2}.alert--title .alert__close-btn{display:none}.alert__icon-text-box svg{margin-right:10px}.alert svg{align-self:flex-start;width:16px;min-width:16px;height:16px}.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}.form-element{position:relative}.form-element__alert{margin-top:5px;border-left:none;border-radius:5px}.form-element__error{position:static;display:block;margin-top:2px;margin-bottom:-15px;margin-left:1px;font-size:10px;color:#f06d8d}.form-element__error--with-alert{margin-bottom:0}
package/dist/css/radio-group.css ADDED
@@ -0,0 +1 @@
1
+ .radio-group{display:flex}.radio-group--col{flex-direction:column}.radio-group--col .radio-input:not(:last-child){margin-bottom:10px}.radio-group--row{align-items:center;min-height:28px}.radio-group--row .radio-input:not(:last-child){margin-right:10px}.radio-group--disabled{pointer-events:none;opacity:.5}: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}
package/dist/css/radio-input.css ADDED
@@ -0,0 +1 @@
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}
package/dist/css/radio-row-switcher.css ADDED
@@ -0,0 +1 @@
1
+ .radio-row-switcher{display:flex;align-items:center}.radio-row-switcher__label{flex-basis:300px;margin-right:10px;font-size:13px;font-weight:400;color:#1e1e2d}.radio-row-switcher__items-box{position:relative;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(5, 1fr);box-sizing:border-box;min-width:275px;max-width:275px;min-height:28px;padding:1px;border-radius:26px;background:#fff}.radio-row-switcher__item{display:flex;justify-content:center;align-items:center;width:20%;height:18px;padding:3px 8px;font-size:13px;font-weight:300;cursor:pointer;user-select:none;white-space:nowrap;color:#1e1e2d;border:1px solid rgba(0,0,0,0);border-radius:16px;transition:.2s ease}.radio-row-switcher__item:first-child{min-width:27px}.radio-row-switcher__item:first-child:hover{color:#78c58d}.radio-row-switcher__item:nth-child(2){min-width:19px}.radio-row-switcher__item:nth-child(2):hover{color:#f06d8d}.radio-row-switcher__item:nth-child(3){min-width:46px}.radio-row-switcher__item:nth-child(3):hover{color:#f59a2f}.radio-row-switcher__item:nth-child(4){min-width:22px}.radio-row-switcher__item:nth-child(4):hover{color:#9aa0b9}.radio-row-switcher__item:nth-child(5){min-width:54px}.radio-row-switcher__item:nth-child(5):hover{color:#6b81dd}.radio-row-switcher__item--active:first-child{color:#78c58d}.radio-row-switcher__item--active:nth-child(2){color:#f06d8d}.radio-row-switcher__item--active:nth-child(3){color:#f59a2f}.radio-row-switcher__item--active:nth-child(4){font-weight:400}.radio-row-switcher__item--active:nth-child(5){color:#6b81dd}.radio-row-switcher__slider{position:absolute;top:2px;bottom:2px;left:1px;width:0;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:28px;transition:.3s ease}.radio-row-switcher__slider--pass{left:1px;width:44px;border:1px solid #00b031}.radio-row-switcher__slider--fail{left:46px;width:37px;border:1px solid #f06d8d}.radio-row-switcher__slider--pending{left:91px;width:64px;border:1px solid #f59a2f}.radio-row-switcher__slider--na{left:155px;width:40px;border:1px solid #9aa0b9}.radio-row-switcher__slider--exception{left:200px;width:72px;border:1px solid #6b81dd}
package/dist/css/range-calendar.css ADDED
@@ -0,0 +1 @@
1
+ .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}.arrow{width:24px;height:24px}.arrow_disabled{pointer-events:none;opacity:.5}.arrow>svg{width:100%;height:100%;pointer-events:none}
package/dist/css/range-inputs.css ADDED
@@ -0,0 +1 @@
1
+ .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}.range-inputs{display:flex;flex-direction:column;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.range-inputs__wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.range-inputs__input-from,.range-inputs__input-to{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:fit-content}.range-inputs__input-from{margin-right:15px}.range-inputs__input-label{margin-right:15px;font-size:12px;line-height:24px}.range-inputs_column{align-items:flex-start}.range-inputs_column .range-inputs__wrapper{flex-flow:column nowrap;justify-content:flex-start;align-items:flex-end;width:fit-content}.range-inputs_column .range-inputs__input-from{margin-right:0;margin-bottom:15px}.range-inputs .range-inputs__label{margin-bottom:8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:24px}: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/range-list.css ADDED
@@ -0,0 +1 @@
1
+ .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}.range-list{--border-color: black;--button-size: 56px;--labels-font-size: 16px;--inputs-font-size: 14px;--values-font-size: 16px;--button-text-font-size: 14px;--labels-color: black;--inputs-color: black;--values-color: black;--background-color: transparent;--labels-background-color: transparent;--inputs-background-color: transparent;--tag-input-background-color: #fff;--values-background-color: #fff;width:500px;height:fit-content;background-color:rgba(0,0,0,0)}.range-list__row{display:grid;grid-template-columns:1fr 1fr var(--button-size);width:100%;height:30px}.range-list__labels,.range-list__inputs{grid-column-gap:2px}.range-list__labels{margin-bottom:10px;font-family:inherit;font-size:var(--labels-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--labels-color);background-color:var(--labels-background-color)}.range-list__inputs{margin-bottom:6px;font-family:inherit;font-size:var(--inputs-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--inputs-color);background-color:var(--inputs-background-color)}.range-list__inputs input{background-color:var(--tag-input-background-color)}.range-list__values{font-family:inherit;font-size:var(--values-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--values-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);background-color:var(--values-background-color)}.range-list__values_first-value{border-top:1px solid var(--border-color)}.range-list__cell>button{width:100%;font-size:var(--button-text-font-size)}.range-list__cell-label,.range-list__cell-input input,.range-list__cell-value{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:inherit}.range-list__cell-label{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.range-list__cell-value{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:0 7.5px;border-right:1px solid var(--border-color)}.range-list__cell-action{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer;color:#f06d8d}.range-list__error{display:block;margin-bottom:5px;margin-left:5px;font-family:inherit;font-size:10px;font-weight:400;font-style:normal;line-height:normal;color:#f06d8d}.range-list_disabled{pointer-events:none;opacity:.5}.range-list__null-value{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border: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)}}.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}
package/dist/css/range-slider.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";.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}.range-slider{display:flex;flex-direction:column;width:100%;max-width:270px}.range-slider__header{display:flex;justify-content:space-between;margin-bottom:2px}.range-slider__header__label{font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:18px;letter-spacing:.2px;color:#757f8c}.range-slider__header__selected-range{display:flex;align-items:center;padding:0 4px 0 8px;border-radius:16px;background:#eaf2ff}.range-slider__header__selected-range--text{margin-right:2px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:18px;letter-spacing:.2px;color:#3b414b}.range-slider__header__selected-range--reset{display:flex;align-items:center;cursor:pointer;color:#9aa0b9;border-left:1px solid #cde1ff}.range-slider__header__selected-range--reset svg{width:16px;height:16px}.range-slider__inputs{display:flex}.range-slider__inputs--from{margin-right:4px}.range-slider__inputs--to{margin-left:4px}.range-slider__inputs .input__wrap{box-sizing:border-box;height:auto;max-height:40px;padding:9px 16px;border:1px solid #e1e8f1;border-radius:6px;background:#fff}.range-slider__inputs .input__wrap_focus{border-color:#166c92;filter:none}.range-slider__inputs .input__wrap input{box-sizing:border-box;padding:0;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:22px;letter-spacing:.2px;color:#171d33}.range-slider__track{position:relative;display:flex;align-items:center;height:16px;margin-top:2px;padding:0 8px}.range-slider__track__line{position:absolute;left:0;box-sizing:border-box;width:100%;height:4px;border-radius:4px;background:#d6d9e4}.range-slider__track__range{position:relative;display:flex;justify-content:space-between;height:4px;border-radius:4px;background:#1f7499}.range-slider__track__range-triggers{position:absolute;width:100%}.range-slider__track__range-triggers--trigger{position:absolute;z-index:3;top:50%;box-sizing:border-box;width:16px;height:16px;cursor:move;border:1px solid #1f7499;border-radius:50%;background:#fff;box-shadow:0 4px 26px rgba(0,67,96,.1)}.range-slider__track__range-triggers--trigger-left{transform:translate(-50%, -50%)}.range-slider__track__range-triggers--trigger-right{transform:translate(-50%, -50%)}.moving-cursor{cursor:move !important}: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/range-slider2.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(1px, 0, 0)}30%,50%,70%{transform:translate3d(-2px, 0, 0)}40%,60%{transform:translate3d(2px, 0, 0)}}.range-slider2{display:flex;flex-direction:column;width:100%;max-width:100%;margin-top:16px}.range-slider2 .collision,.range-slider2 .range-slider2__track__range-triggers--trigger__collision,.range-slider2 .range-slider2__track__range-triggers--add-trigger__collision{position:absolute;z-index:1;top:8px;width:0;height:4px;font-size:0;opacity:0;border-radius:5px;background:#f06d8d}.range-slider2 .collision--visible{opacity:1}.range-slider2 .collision--left{left:10px;transform:translateX(-100%)}.range-slider2 .collision--right{left:10px}.range-slider2 .collision--both{left:10px;transform:translateX(-50%)}.range-slider2__track{position:relative;display:flex;align-items:center;box-sizing:border-box;height:20px}.range-slider2__track__line{position:absolute;left:0;box-sizing:border-box;width:100%;height:4px;border-radius:4px;background:linear-gradient(270deg, #99c28c 0%, #f06d8d 100.94%)}.range-slider2__track__line__dividers{display:flex;height:100%}.range-slider2__track__line__dividers--item{position:relative;box-sizing:border-box;width:100%}.range-slider2__track__line__dividers--item:not(:last-child)::after{position:absolute;right:-1px;width:2px;height:100%;content:"";background:hsla(0,0%,100%,.4)}.range-slider2__track__line__extremum--min,.range-slider2__track__line__extremum--max{position:absolute;bottom:0;font-family:"Roboto";font-size:13px;font-weight:400;font-style:normal;line-height:20px;color:#1e1e2d;transform:translateY(-22px)}.range-slider2__track__line__extremum--min{left:0}.range-slider2__track__line__extremum--max{right:0}.range-slider2__track__range-triggers{position:absolute;left:0;width:100%;height:100%}.range-slider2__track__range-triggers--add-trigger{position:absolute;z-index:1;display:flex;opacity:0;transition:opacity .3s;transform:translateX(-50%)}.range-slider2__track__range-triggers--add-trigger--fixed{z-index:999 !important;opacity:1 !important}.range-slider2__track__range-triggers--add-trigger--force-visible{opacity:1 !important}.range-slider2__track__range-triggers--add-trigger--moved-smoothly{transition:all .3s}.range-slider2__track__range-triggers--add-trigger__point{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:20px;height:20px;margin:0 auto;cursor:pointer;border:1px solid #6b81dd;border-radius:50%;background:#f4f6ff;box-shadow:0 4px 4px 0 rgba(0,0,0,.1019607843);transition:opacity .5s}.range-slider2__track__range-triggers--add-trigger__point svg{position:relative;width:16px;height:16px;cursor:pointer;color:#6b81dd}.range-slider2__track__range-triggers--add-trigger__point:before{position:absolute;top:calc(-100% - 13px);font-family:"Roboto";font-size:13px;font-weight:400;font-style:normal;line-height:20px;content:attr(data-point-value);white-space:nowrap;color:#9aa0b9}.range-slider2__track__range-triggers--add-trigger__point--shake{animation:shake .7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.range-slider2__track__range-triggers--add-trigger__settings{position:absolute;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:125px;padding:2px;border-radius:3px;background:#fff;box-shadow:0px 0px 2px rgba(0,0,0,.15),0px 4px 4px rgba(0,0,0,.05);transform:translate(calc(-50% + 10px), 0px)}.range-slider2__track__range-triggers--add-trigger__settings-body{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.range-slider2__track__range-triggers--add-trigger__settings-body--assign-left,.range-slider2__track__range-triggers--add-trigger__settings-body--assign-right{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;width:22px;height:24px;cursor:pointer;border-radius:3px;background:#f4f6ff}.range-slider2__track__range-triggers--add-trigger__settings-body--assign-left[attr-is-active=true],.range-slider2__track__range-triggers--add-trigger__settings-body--assign-right[attr-is-active=true]{border:1px solid #6b81dd;border-radius:3px;background:#e2e6f8}.range-slider2__track__range-triggers--add-trigger__settings-body--assign-left svg,.range-slider2__track__range-triggers--add-trigger__settings-body--assign-right svg{width:16px;height:16px}.range-slider2__track__range-triggers--add-trigger__settings-body--lenders-count{font-size:13px;line-height:20px;color:#1e1e2d}.range-slider2__track__range-triggers--add-trigger__settings-actions{display:flex;flex-direction:row;justify-content:space-between;width:100%}.range-slider2__track__range-triggers--add-trigger__settings-actions--cancel,.range-slider2__track__range-triggers--add-trigger__settings-actions--apply{width:calc(100% - 4px);font-size:11px;line-height:20px;cursor:pointer;text-align:center;color:#6b81dd}.range-slider2__track__range-triggers--add-trigger__settings-actions--apply{color:#fff;border-radius:3px;background:#6b81dd}.range-slider2__track__range-triggers--trigger{position:absolute;z-index:3;top:50%;width:20px;height:20px;transform:translate(-50%, -50%)}.range-slider2__track__range-triggers--trigger__moving{z-index:2}.range-slider2__track__range-triggers--trigger__fixed{pointer-events:none}.range-slider2__track__range-triggers--trigger__point{position:absolute;z-index:10;box-sizing:border-box;width:20px;height:20px;cursor:move;border:1px solid #fff;border-radius:50%;background:#6b81dd;box-shadow:0px 4px 6px rgba(0,0,0,.2)}.range-slider2__track__range-triggers--trigger__point:before{position:absolute;top:calc(-100% - 13px);left:9px;width:fit-content;font-family:"Roboto";font-size:13px;font-weight:400;font-style:normal;line-height:20px;content:attr(data-point-value);white-space:nowrap;color:#1e1e2d;transform:translateX(-50%)}.range-slider2__track__range-triggers--trigger__point:after{position:absolute;top:50%;left:50%;width:50%;height:50%;content:"";border-radius:50%;background:#e2e6f8;transform:translate(-50%, -50%)}.range-slider2__track__range-triggers--trigger__point--shake{animation:shake .7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.range-slider2__track__range-triggers--trigger__actions{position:absolute;z-index:9;top:0;left:0;display:flex;overflow:hidden;justify-content:center;align-items:flex-end;box-sizing:border-box;width:20px;height:0;opacity:0;border:1px solid #fff;border-radius:16px;background:#fff4f7;box-shadow:0px 2px 2px rgba(0,0,0,.05);transition:all .3s}.range-slider2__track__range-triggers--trigger__actions--hidden{height:0 !important}.range-slider2__track__range-triggers--trigger__actions--remove{position:relative;display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer;color:#f06d8d;transition:margin .5s}.range-slider2__track__range-triggers--trigger__actions--remove[is-hidden=true]{margin-top:-20px !important}.range-slider2__track__range-triggers--trigger__actions--remove svg{width:16px;height:16px}.range-slider2__track__range-triggers--trigger__hidden .range-slider2__track__range-triggers--trigger__point,.range-slider2__track__range-triggers--trigger__hidden .range-slider2__track__range-triggers--trigger__collision,.range-slider2__track__range-triggers--trigger__hidden .range-slider2__track__range-triggers--trigger__actions{display:none}.range-slider2__track__range-triggers--trigger:hover .range-slider2__track__range-triggers--trigger__point{background:#4f68d1}.range-slider2__track__range-triggers--trigger:hover .range-slider2__track__range-triggers--trigger__actions{height:40px;opacity:1}.range-slider2__track__ranges-value{position:absolute;display:flex;width:100%;height:100%;transform:translateY(calc(50% + 6px))}.range-slider2__track__ranges-value--item{position:absolute;display:flex;padding:2px;font-size:13px;line-height:20px;white-space:nowrap;color:#1e1e2d;border-radius:3px;background:#fff;box-shadow:0px 0px 2px rgba(0,0,0,.15),0px 4px 4px rgba(0,0,0,.05);transition:left .3s;transform:translateX(-50%)}.range-slider2:hover [class*=add-trigger]{opacity:1}.moving-cursor{cursor:move !important}
package/dist/css/spinner.css ADDED
@@ -0,0 +1 @@
1
+ :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/status.css ADDED
@@ -0,0 +1 @@
1
+ :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)}
package/dist/css/switchable-row.css ADDED
@@ -0,0 +1 @@
1
+ .switchable-row{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.switchable-row__cell{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:border-box;height:100%}: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)}}.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/switcher-checkbox.css ADDED
@@ -0,0 +1 @@
1
+ .checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.checkboxes-line{--checkboxes-line-margin-right: 10px;--checkboxes-line-margin-bottom: 10px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.checkboxes-line__checkbox-input{width:fit-content;margin-right:var(--checkboxes-line-margin-right)}.checkboxes-line__checkbox-input:last-of-type{margin-right:0}.checkboxes-line_column{flex-flow:column wrap;align-items:flex-start}.checkboxes-line_column .checkboxes-line__checkbox-input{margin-right:0;margin-bottom:var(--checkboxes-line-margin-bottom)}.checkboxes-line_column .checkboxes-line__checkbox-input:last-of-type{margin-bottom:0}.switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}: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)}}.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/switcher-hide.css ADDED
@@ -0,0 +1 @@
1
+ .switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}: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)}}.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/switcher-radio.css ADDED
@@ -0,0 +1 @@
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}.switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}.switcher-radio__wrap{display:flex}.switcher-radio__radio{margin-bottom:10px}.switcher-radio__radio:not(:last-child){margin-right:29px}.switcher-radio_row{flex-wrap:wrap;align-items:center}.switcher-radio_col{flex-direction:column}.switcher-radio_col .radio-input{margin-bottom:8px}.switcher-radio_col .switcher-radio__radio{margin-right:0}: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)}}.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/switcher-range-list.css ADDED
@@ -0,0 +1 @@
1
+ .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}.range-list{--border-color: black;--button-size: 56px;--labels-font-size: 16px;--inputs-font-size: 14px;--values-font-size: 16px;--button-text-font-size: 14px;--labels-color: black;--inputs-color: black;--values-color: black;--background-color: transparent;--labels-background-color: transparent;--inputs-background-color: transparent;--tag-input-background-color: #fff;--values-background-color: #fff;width:500px;height:fit-content;background-color:rgba(0,0,0,0)}.range-list__row{display:grid;grid-template-columns:1fr 1fr var(--button-size);width:100%;height:30px}.range-list__labels,.range-list__inputs{grid-column-gap:2px}.range-list__labels{margin-bottom:10px;font-family:inherit;font-size:var(--labels-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--labels-color);background-color:var(--labels-background-color)}.range-list__inputs{margin-bottom:6px;font-family:inherit;font-size:var(--inputs-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--inputs-color);background-color:var(--inputs-background-color)}.range-list__inputs input{background-color:var(--tag-input-background-color)}.range-list__values{font-family:inherit;font-size:var(--values-font-size);font-weight:400;font-style:inherit;line-height:24px;color:var(--values-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);background-color:var(--values-background-color)}.range-list__values_first-value{border-top:1px solid var(--border-color)}.range-list__cell>button{width:100%;font-size:var(--button-text-font-size)}.range-list__cell-label,.range-list__cell-input input,.range-list__cell-value{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:inherit}.range-list__cell-label{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.range-list__cell-value{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:0 7.5px;border-right:1px solid var(--border-color)}.range-list__cell-action{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer;color:#f06d8d}.range-list__error{display:block;margin-bottom:5px;margin-left:5px;font-family:inherit;font-size:10px;font-weight:400;font-style:normal;line-height:normal;color:#f06d8d}.range-list_disabled{pointer-events:none;opacity:.5}.range-list__null-value{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border:none}.switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}: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}
package/dist/css/switcher-range.css ADDED
@@ -0,0 +1 @@
1
+ .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}.range-inputs{display:flex;flex-direction:column;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.range-inputs__wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.range-inputs__input-from,.range-inputs__input-to{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:fit-content}.range-inputs__input-from{margin-right:15px}.range-inputs__input-label{margin-right:15px;font-size:12px;line-height:24px}.range-inputs_column{align-items:flex-start}.range-inputs_column .range-inputs__wrapper{flex-flow:column nowrap;justify-content:flex-start;align-items:flex-end;width:fit-content}.range-inputs_column .range-inputs__input-from{margin-right:0;margin-bottom:15px}.range-inputs .range-inputs__label{margin-bottom:8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:24px}.switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}.switcher-range{height:56px}.switcher-range__row{display:flex;align-items:center;margin-top:8px}.switcher-range__input{width:68px}.switcher-range__input_first{margin-right:16px}.switcher-range__input-label{margin-right:16px;font-size:12px;line-height:24px}: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)}}.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/switcher-tags-dropdown.css ADDED
@@ -0,0 +1 @@
1
+ .checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.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}.switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher-tags-dropdown__wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.switcher-tags-dropdown__btn{font-size:12px;cursor:pointer;color:#6b81dd}.switcher-tags-dropdown__btn:not(:last-child){margin-right:8px}.switcher-tags-dropdown__tags-dropdown{width:100%}.switcher-tags-dropdown__tags-dropdown .tags-dropdown__trigger{position:static}.switcher-tags-dropdown__tags-dropdown .switcher-tags-dropdown__tag{background-color:#e4f3e8}.switcher-tags-dropdown__tags-dropdown .switcher-tags-dropdown__tag_inactive{background-color:#fce2e8}.switcher-tags-dropdown__tags-dropdown .tags-dropdown__arrow{top:6px;right:5px}.switcher-tags-dropdown__apply{height:20px;margin-right:8px}: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}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tags-dropdown{position:relative;display:flex;overflow:hidden;flex-direction:row;flex-wrap:nowrap;width:100%;border:1px solid #e2e5ec;border-radius:3px}.tags-dropdown--custom-trigger{border:none}.tags-dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.tags-dropdown_disabled{pointer-events:none;opacity:.5}.tags-dropdown__trigger{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;height:fit-content;min-height:28px;padding:1px 24px 1px 5px;cursor:pointer;border-radius:3px;background:#fff}.tags-dropdown__trigger--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.tags-dropdown__trigger .input__wrap{flex-grow:1;width:0;min-width:200px;height:20px;border:none}.tags-dropdown__trigger .input__wrap_focus{border:none;filter:none}.tags-dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.tags-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)}.tags-dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.tags-dropdown--focused{border:1px solid #6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.tags-dropdown__input{overflow:hidden;flex-grow:1;height:16px;padding:0;padding-right:2px;text-overflow:ellipsis}.tags-dropdown__input:not(.tags-dropdown__input--in-list){border:none;background:none}.tags-dropdown__input-list-wrapper{padding:8px 8px 4px;background:#fff}.tags-dropdown__input--in-list{box-sizing:border-box;width:100%;height:28px;padding:4px 8px}.tags-dropdown__input--in-list:focus{border-color:#6b81dd;box-shadow:0px 0px 4px 0px rgba(93,120,255,.5)}.tags-dropdown__header,.tags-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}.tags-dropdown__header{box-sizing:border-box;border-bottom:1px solid #e8e9ec}.tags-dropdown__creatable-helper{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9);background:#fff}.tags-dropdown__create-option{display:flex;align-items:center;align-self:stretch;gap:3px;height:24px;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;cursor:pointer;color:var(--Text-Main, #1e1e2d);background:var(--Background-Form-Main, #f7fafc)}.tags-dropdown__no-options{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:14px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__selector-wrapper{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:320px;margin-top:4px;border:1px solid #e2e5ec;box-shadow:0 4px 25px rgba(0,0,0,.25)}.tags-dropdown__list{position:relative;z-index:3;overflow-y:auto;box-sizing:border-box;min-width:100%;height:100%;padding:2px 0;text-align:left;background:#fff}.tags-dropdown__list::-webkit-scrollbar{width:4px}.tags-dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.tags-dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.tags-dropdown__list--with-header{box-shadow:none}.tags-dropdown__list-item{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%;min-height:24px;padding-right:4px;padding-left:35px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;color:#1e1e2d}.tags-dropdown__list-item:hover,.tags-dropdown__list-item_active,.tags-dropdown__list-item--editing{background:#f7fafc}.tags-dropdown__list-item_disabled{pointer-events:none;opacity:.3}.tags-dropdown__list-item_freezed{pointer-events:none;opacity:1;color:#757f8c}.tags-dropdown__list-item-body{text-align:left;white-space:wrap}.tags-dropdown__list-item-description{margin-left:4px;color:#757f8c}.tags-dropdown__list-item-edit-trigger{display:inline-flex;align-items:flex-start;gap:4px;width:20px;min-width:20px;height:20px;min-height:20px;padding:2px}.tags-dropdown__list-item-edit-trigger:hover{background-color:#ebeff2}.tags-dropdown__list-item-edit-trigger:hover svg{color:#1e1e2d}.tags-dropdown__list-item-edit-trigger svg{width:16px;height:16px;color:#9aa0b9}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger{background-color:#ebeff2}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger svg{color:#1e1e2d}.tags-dropdown__list-item pre.inherit-styles{margin:0;padding:0;font:inherit !important}.tags-dropdown__list-item .search-match{background-color:rgba(255,255,0,.5)}.tags-dropdown__arrow{position:absolute;top:calc(50% - 8px);right:5px;width:16px;height:16px;cursor:pointer}.tags-dropdown__arrow svg{width:auto;height:100%}.tags-dropdown__edit-option-modal{position:absolute;z-index:999999;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:182px;border-radius:4px;background:var(--White, #fff);box-shadow:0px 4px 25px 0px rgba(0,0,0,.25)}.tags-dropdown__edit-option-modal:before{position:absolute;width:12px;height:12px;content:"";background:#fff;transform:rotate(45deg)}.tags-dropdown__edit-option-modal-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:8px;padding:8px}.tags-dropdown__edit-option-modal-section button{display:flex;align-items:center;gap:4px;box-sizing:border-box;height:auto;padding:0;color:var(--Text-Main, #1e1e2d)}.tags-dropdown__edit-option-modal-section button .button__text{width:auto;margin:0;font-family:Roboto;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.tags-dropdown__edit-option-modal-section button svg{display:block;width:16px;height:16px}.tags-dropdown__edit-option-modal-section h3{margin:0;font-family:Roboto;font-size:10px;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__edit-option-modal-section-divider{width:100%;height:1px;background:#e2e5ec}.tags-dropdown__edit-option-modal-section-colors{display:flex;flex-wrap:wrap;gap:8px}.tags-dropdown__edit-option-modal-section-colors .color-block{display:flex;align-items:flex-start;gap:4px;box-sizing:border-box;width:20px;height:20px;padding:2px;cursor:pointer;border:1px solid rgba(0,0,0,.15);border-radius:3px}.tags-dropdown__edit-option-modal-section-colors .color-block svg{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;color:#1e1e2d}.tags-dropdown__edit-option-modal.modal-left::before{right:15px}.tags-dropdown__edit-option-modal.modal-right::before{left:15px}.tags-dropdown__edit-option-modal.modal-top::before{bottom:-6px}.tags-dropdown__edit-option-modal.modal-bottom::before{top:-6px}.tags-dropdown__active-icon{position:absolute;top:0;bottom:0;left:12px;display:none;align-items:center;margin:auto}.tags-dropdown__active-icon_active{display:flex}.tags-dropdown-group{margin-top:6px}.tags-dropdown-group__name{margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.tags-dropdown-label{margin-bottom:5px}.tags-dropdown__error{border-color:#f06d8d}.tags-dropdown .tag{overflow:hidden;max-width:100%;margin-top:1px;margin-bottom:1px;cursor:auto}.tags-dropdown .tag__label{overflow:hidden;text-overflow:ellipsis}.tags-dropdown .tag-list_wrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;width:auto;padding:0;background-color:rgba(0,0,0,0)}.tags-dropdown_arrow-static .tags-dropdown__trigger{position:static}.tags-dropdown_arrow-static .tags-dropdown__arrow{top:6px}@media(max-width: 768px){.tags-dropdown-mobile .tags-dropdown__container{overflow:hidden !important}.tags-dropdown-mobile .tags-dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.tags-dropdown-mobile .tags-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}.tags-dropdown-mobile .tags-dropdown__selector-wrapper{position:absolute;bottom:8px;display:block;overflow:hidden;box-sizing:border-box;width:calc(100% - 16px);max-height:500px;border-radius:24px !important;background:#fff}.tags-dropdown-mobile .tags-dropdown__selector-wrapper--fixed-height{height:500px !important}.tags-dropdown-mobile .tags-dropdown__header,.tags-dropdown-mobile .tags-dropdown__footer{z-index:4;height:unset;border:none;background:none}.tags-dropdown-mobile .tags-dropdown__header-with-shadow::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{position:absolute;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}.tags-dropdown-mobile .tags-dropdown__header-with-shadow-hidden::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow-hidden::after{opacity:0}.tags-dropdown-mobile .tags-dropdown__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}.tags-dropdown-mobile .tags-dropdown__header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:24px}.tags-dropdown-mobile .tags-dropdown__header-row:first-child{padding-right:50px}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap{display:flex;align-items:center;width:100%;padding:0 8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap input{background:unset !important}.tags-dropdown-mobile .tags-dropdown__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)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::before,.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.tags-dropdown-mobile .tags-dropdown__footer{position:relative;bottom:0;padding:0}.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{top:-15px;bottom:0;transform:rotate(180deg)}.tags-dropdown-mobile .tags-dropdown__footer button{width:100%;height:40px}.tags-dropdown-mobile .tags-dropdown__close-icon{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.tags-dropdown-mobile .tags-dropdown__close-icon svg{width:16px;height:16px;color:#a0a4b0}.tags-dropdown-mobile .tags-dropdown__list{top:0;display:flex;flex-direction:column;gap:4px;max-height:unset;padding:16px 16px !important}.tags-dropdown-mobile .tags-dropdown-group{display:flex;flex-direction:column;gap:4px;margin:0}.tags-dropdown-mobile .tags-dropdown-group:first-child{margin-top:calc(8px*-1)}.tags-dropdown-mobile .tags-dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));box-shadow:none !important}.tags-dropdown-mobile .tags-dropdown__list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;height:auto !important;min-height:unset !important;padding:10px 8px !important;line-height:24px}.tags-dropdown-mobile .tags-dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.tags-dropdown-mobile .tags-dropdown__list-item-body{display:flex;box-sizing:border-box;width:100%}.tags-dropdown-mobile .tags-dropdown__list-item-body pre{white-space:normal}.tags-dropdown-mobile .tags-dropdown__list-item label{box-sizing:border-box;width:16px;margin-top:4px}.tags-dropdown-mobile .tags-dropdown__list-item label .checkbox-input__input{margin:0}.tags-dropdown-mobile .tags-dropdown__list-item .search-match{font-weight:600}.tags-dropdown-mobile .tags-dropdown__arrow{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.tags-dropdown-mobile .tags-dropdown__arrow svg.mobile-icon{height:12px;transform:rotate(90deg)}.tags-dropdown-mobile .tags-dropdown__no-options{padding-left:0 !important;text-align:center}}@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}.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}.textarea{--symbols-limit-right-padding: 8px;--symbols-limit-bottom-padding: -12px;--symbols-limit-font-size: 10px;--symbols-limit-color: var(--color-text-muted, #757f8c);position:relative}.textarea__textarea{box-sizing:border-box;width:100%;min-width:224px;min-height:100px;padding:4px 8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;resize:none;border:1px solid #e2e5ec;outline:none;background-color:#fff}.textarea__textarea scrollbar{-moz-appearance:none !important}.textarea__textarea scrollbarbutton{-moz-appearance:none !important}.textarea__textarea thumb{-moz-appearance:none !important}.textarea__textarea scrollcorner{-moz-appearance:none !important;resize:both}.textarea__textarea::-webkit-scrollbar{width:4px}.textarea__textarea::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.textarea__textarea::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.textarea__textarea::-webkit-scrollbar:horizontal{height:8px}.textarea__textarea::-webkit-scrollbar-track:horizontal{background:inherit}.textarea__textarea::-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)}.textarea__textarea::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.textarea__textarea:focus{border-color:#6b81dd;box-shadow:none;filter:none}.textarea__textarea:disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.textarea__symbols-limit{position:absolute;right:var(--symbols-limit-right-padding);bottom:var(--symbols-limit-bottom-padding);font-size:var(--symbols-limit-font-size);color:var(--symbols-limit-color)}: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}.tag-list_wrapper{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:100%;max-width:100%}.tag-list_wrapper--disabled{filter:grayscale(0.2)}.tag-list_wrapper--disabled *{pointer-events:none !important}.tag-list_wrapper--only-static-items{display:flex}.tag-list_wrapper--only-static-items .tag-list_wrapper_item{margin-bottom:0}.tag-list_wrapper_item{display:inline-block;box-sizing:border-box;width:auto}.tag-list_wrapper_item .tag{box-sizing:border-box;max-width:100%;margin:0 !important}.tag-list_wrapper_item .tag__label{overflow:hidden;text-overflow:ellipsis}.tag-list_wrapper_item--hidden{display:none}.tag-list_wrapper_render-more,.tag-list_wrapper_hide-more{margin:0 !important;cursor:pointer;background:#ffedc8}.tag-list_wrapper .tag{margin:2px}.tag-list__edit-trigger{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;padding:2px;cursor:pointer}.tag-list__edit-trigger svg{width:16px;height:16px;color:#6b81dd}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/switcher-textarea.css ADDED
@@ -0,0 +1 @@
1
+ .switcher-hide{display:inline-block;width:100%}.switcher-hide__switcher,.switcher-hide__content{margin-bottom:8px}.switcher-hide__switcher{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit}.switcher-hide_closed{height:16px !important}.switcher-hide_disabled{pointer-events:none;opacity:.5}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher-textarea__wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.switcher-textarea__text-switcher{height:20px}.switcher-textarea__btn{font-size:12px;cursor:pointer;color:#6b81dd}.switcher-textarea__btn:not(:last-child){margin-right:8px}: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}: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}.textarea{--symbols-limit-right-padding: 8px;--symbols-limit-bottom-padding: -12px;--symbols-limit-font-size: 10px;--symbols-limit-color: var(--color-text-muted, #757f8c);position:relative}.textarea__textarea{box-sizing:border-box;width:100%;min-width:224px;min-height:100px;padding:4px 8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;resize:none;border:1px solid #e2e5ec;outline:none;background-color:#fff}.textarea__textarea scrollbar{-moz-appearance:none !important}.textarea__textarea scrollbarbutton{-moz-appearance:none !important}.textarea__textarea thumb{-moz-appearance:none !important}.textarea__textarea scrollcorner{-moz-appearance:none !important;resize:both}.textarea__textarea::-webkit-scrollbar{width:4px}.textarea__textarea::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.textarea__textarea::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.textarea__textarea::-webkit-scrollbar:horizontal{height:8px}.textarea__textarea::-webkit-scrollbar-track:horizontal{background:inherit}.textarea__textarea::-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)}.textarea__textarea::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.textarea__textarea:focus{border-color:#6b81dd;box-shadow:none;filter:none}.textarea__textarea:disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.textarea__symbols-limit{position:absolute;right:var(--symbols-limit-right-padding);bottom:var(--symbols-limit-bottom-padding);font-size:var(--symbols-limit-font-size);color:var(--symbols-limit-color)}: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)}}.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/switcher.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}.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/table.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}: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)}.advanced-tags{position:relative;display:inline-flex;justify-content:center;align-items:center;height:24px;margin-top:2.5px;margin-right:4px;margin-bottom:2.5px;padding:2px 8px;font-size:10px;border-radius:2px;background-color:#e2e5ec}.advanced-tags--error{background-color:#fce2e8}.advanced-tags--warning-icon{min-width:16px;min-height:16px;font-size:17px;color:#f06d8d}.advanced-tags--warning-icon-wrapper{display:flex;cursor:pointer}.advanced-tags__warn-text{position:absolute;z-index:2;min-width:80px;max-width:270px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.advanced-tags__warn-text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.advanced-tags__warn-text--warnLeft{top:30px;left:4px}.advanced-tags__warn-text--warnLeft::before{top:-4px;left:8px}.advanced-tags__warn-text--warnLeft--to-top{top:-50px}.advanced-tags__warn-text--warnRight{top:30px}.advanced-tags__warn-text--warnRight::before{top:-4px;right:10px}.advanced-tags__warn-text--warnRight--to-top{top:-50px}.advanced-tags--showMore{cursor:pointer;user-select:none;background-color:#ffedc8}.advanced-tags__counter{position:relative;width:fit-content;margin-right:-8px;padding:0 8px;text-align:center}.advanced-tags__counter::after{position:absolute;top:-4px;left:0;width:2px;height:27px;content:"";opacity:.2;background-color:#9aa0b9}.advanced-tags__counter--null{opacity:.7;color:#9aa0b9}.advanced-tags__counter--bold{font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#1e1e2d}.advanced-tags svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px}.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}}: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)}.table-header--weight-actions{width:3%}.table--icon{min-width:16px;min-height:16px;padding:5px;cursor:pointer;color:#9aa0b9;border-radius:5px}.table--icon:hover{background-color:#f3f3f3}.simple-table{overflow-x:auto;width:100%;color:#1e1e2d}.simple-table table{width:100%;border-spacing:0;border-collapse:collapse}.simple-table table thead{font-size:10px;white-space:nowrap;text-transform:uppercase;color:#9aa0b9;background-color:#ebeff2}.simple-table table thead th{padding:10px 15px;font-weight:400}.simple-table table thead th:last-child{text-align:right}.simple-table table tbody{font-size:13px}.simple-table table tbody tr{border-bottom:1px solid #f1f1f1}.simple-table table tbody td{padding:7.5px 15px;background-color:#fff}.accordion--table{overflow:visible}.accordion--table tr{border:none !important}.accordion--table td{padding:3px 15px !important;font-size:10px;border:none !important;background-color:#f7fafc !important}.td-actions--item{display:flex;justify-content:center;align-items:center;min-width:28px;min-height:28px;margin-left:5px;font-size:16px;cursor:pointer;user-select:none;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.05),0 0 2px rgba(0,0,0,.15)}.td-actions--delete{color:#f06d8d !important}.td-actions--undo{color:#f06d8d !important}.td-actions--edit{color:#6b81dd !important}.td-actions--download{color:#6b81dd}.td-weight{cursor:pointer}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/tag-list.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}.tag-list_wrapper{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:100%;max-width:100%}.tag-list_wrapper--disabled{filter:grayscale(0.2)}.tag-list_wrapper--disabled *{pointer-events:none !important}.tag-list_wrapper--only-static-items{display:flex}.tag-list_wrapper--only-static-items .tag-list_wrapper_item{margin-bottom:0}.tag-list_wrapper_item{display:inline-block;box-sizing:border-box;width:auto}.tag-list_wrapper_item .tag{box-sizing:border-box;max-width:100%;margin:0 !important}.tag-list_wrapper_item .tag__label{overflow:hidden;text-overflow:ellipsis}.tag-list_wrapper_item--hidden{display:none}.tag-list_wrapper_render-more,.tag-list_wrapper_hide-more{margin:0 !important;cursor:pointer;background:#ffedc8}.tag-list_wrapper .tag{margin:2px}.tag-list__edit-trigger{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;padding:2px;cursor:pointer}.tag-list__edit-trigger svg{width:16px;height:16px;color:#6b81dd}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/tag.css ADDED
@@ -0,0 +1 @@
1
+ :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)}}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/tags-dropdown.css ADDED
@@ -0,0 +1 @@
1
+ .checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.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}.tags-dropdown{position:relative;display:flex;overflow:hidden;flex-direction:row;flex-wrap:nowrap;width:100%;border:1px solid #e2e5ec;border-radius:3px}.tags-dropdown--custom-trigger{border:none}.tags-dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.tags-dropdown_disabled{pointer-events:none;opacity:.5}.tags-dropdown__trigger{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;height:fit-content;min-height:28px;padding:1px 24px 1px 5px;cursor:pointer;border-radius:3px;background:#fff}.tags-dropdown__trigger--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.tags-dropdown__trigger .input__wrap{flex-grow:1;width:0;min-width:200px;height:20px;border:none}.tags-dropdown__trigger .input__wrap_focus{border:none;filter:none}.tags-dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.tags-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)}.tags-dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.tags-dropdown--focused{border:1px solid #6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.tags-dropdown__input{overflow:hidden;flex-grow:1;height:16px;padding:0;padding-right:2px;text-overflow:ellipsis}.tags-dropdown__input:not(.tags-dropdown__input--in-list){border:none;background:none}.tags-dropdown__input-list-wrapper{padding:8px 8px 4px;background:#fff}.tags-dropdown__input--in-list{box-sizing:border-box;width:100%;height:28px;padding:4px 8px}.tags-dropdown__input--in-list:focus{border-color:#6b81dd;box-shadow:0px 0px 4px 0px rgba(93,120,255,.5)}.tags-dropdown__header,.tags-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}.tags-dropdown__header{box-sizing:border-box;border-bottom:1px solid #e8e9ec}.tags-dropdown__creatable-helper{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9);background:#fff}.tags-dropdown__create-option{display:flex;align-items:center;align-self:stretch;gap:3px;height:24px;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;cursor:pointer;color:var(--Text-Main, #1e1e2d);background:var(--Background-Form-Main, #f7fafc)}.tags-dropdown__no-options{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:14px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__selector-wrapper{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:320px;margin-top:4px;border:1px solid #e2e5ec;box-shadow:0 4px 25px rgba(0,0,0,.25)}.tags-dropdown__list{position:relative;z-index:3;overflow-y:auto;box-sizing:border-box;min-width:100%;height:100%;padding:2px 0;text-align:left;background:#fff}.tags-dropdown__list::-webkit-scrollbar{width:4px}.tags-dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.tags-dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.tags-dropdown__list--with-header{box-shadow:none}.tags-dropdown__list-item{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%;min-height:24px;padding-right:4px;padding-left:35px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;color:#1e1e2d}.tags-dropdown__list-item:hover,.tags-dropdown__list-item_active,.tags-dropdown__list-item--editing{background:#f7fafc}.tags-dropdown__list-item_disabled{pointer-events:none;opacity:.3}.tags-dropdown__list-item_freezed{pointer-events:none;opacity:1;color:#757f8c}.tags-dropdown__list-item-body{text-align:left;white-space:wrap}.tags-dropdown__list-item-description{margin-left:4px;color:#757f8c}.tags-dropdown__list-item-edit-trigger{display:inline-flex;align-items:flex-start;gap:4px;width:20px;min-width:20px;height:20px;min-height:20px;padding:2px}.tags-dropdown__list-item-edit-trigger:hover{background-color:#ebeff2}.tags-dropdown__list-item-edit-trigger:hover svg{color:#1e1e2d}.tags-dropdown__list-item-edit-trigger svg{width:16px;height:16px;color:#9aa0b9}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger{background-color:#ebeff2}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger svg{color:#1e1e2d}.tags-dropdown__list-item pre.inherit-styles{margin:0;padding:0;font:inherit !important}.tags-dropdown__list-item .search-match{background-color:rgba(255,255,0,.5)}.tags-dropdown__arrow{position:absolute;top:calc(50% - 8px);right:5px;width:16px;height:16px;cursor:pointer}.tags-dropdown__arrow svg{width:auto;height:100%}.tags-dropdown__edit-option-modal{position:absolute;z-index:999999;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:182px;border-radius:4px;background:var(--White, #fff);box-shadow:0px 4px 25px 0px rgba(0,0,0,.25)}.tags-dropdown__edit-option-modal:before{position:absolute;width:12px;height:12px;content:"";background:#fff;transform:rotate(45deg)}.tags-dropdown__edit-option-modal-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:8px;padding:8px}.tags-dropdown__edit-option-modal-section button{display:flex;align-items:center;gap:4px;box-sizing:border-box;height:auto;padding:0;color:var(--Text-Main, #1e1e2d)}.tags-dropdown__edit-option-modal-section button .button__text{width:auto;margin:0;font-family:Roboto;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.tags-dropdown__edit-option-modal-section button svg{display:block;width:16px;height:16px}.tags-dropdown__edit-option-modal-section h3{margin:0;font-family:Roboto;font-size:10px;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__edit-option-modal-section-divider{width:100%;height:1px;background:#e2e5ec}.tags-dropdown__edit-option-modal-section-colors{display:flex;flex-wrap:wrap;gap:8px}.tags-dropdown__edit-option-modal-section-colors .color-block{display:flex;align-items:flex-start;gap:4px;box-sizing:border-box;width:20px;height:20px;padding:2px;cursor:pointer;border:1px solid rgba(0,0,0,.15);border-radius:3px}.tags-dropdown__edit-option-modal-section-colors .color-block svg{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;color:#1e1e2d}.tags-dropdown__edit-option-modal.modal-left::before{right:15px}.tags-dropdown__edit-option-modal.modal-right::before{left:15px}.tags-dropdown__edit-option-modal.modal-top::before{bottom:-6px}.tags-dropdown__edit-option-modal.modal-bottom::before{top:-6px}.tags-dropdown__active-icon{position:absolute;top:0;bottom:0;left:12px;display:none;align-items:center;margin:auto}.tags-dropdown__active-icon_active{display:flex}.tags-dropdown-group{margin-top:6px}.tags-dropdown-group__name{margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.tags-dropdown-label{margin-bottom:5px}.tags-dropdown__error{border-color:#f06d8d}.tags-dropdown .tag{overflow:hidden;max-width:100%;margin-top:1px;margin-bottom:1px;cursor:auto}.tags-dropdown .tag__label{overflow:hidden;text-overflow:ellipsis}.tags-dropdown .tag-list_wrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;width:auto;padding:0;background-color:rgba(0,0,0,0)}.tags-dropdown_arrow-static .tags-dropdown__trigger{position:static}.tags-dropdown_arrow-static .tags-dropdown__arrow{top:6px}@media(max-width: 768px){.tags-dropdown-mobile .tags-dropdown__container{overflow:hidden !important}.tags-dropdown-mobile .tags-dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.tags-dropdown-mobile .tags-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}.tags-dropdown-mobile .tags-dropdown__selector-wrapper{position:absolute;bottom:8px;display:block;overflow:hidden;box-sizing:border-box;width:calc(100% - 16px);max-height:500px;border-radius:24px !important;background:#fff}.tags-dropdown-mobile .tags-dropdown__selector-wrapper--fixed-height{height:500px !important}.tags-dropdown-mobile .tags-dropdown__header,.tags-dropdown-mobile .tags-dropdown__footer{z-index:4;height:unset;border:none;background:none}.tags-dropdown-mobile .tags-dropdown__header-with-shadow::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{position:absolute;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}.tags-dropdown-mobile .tags-dropdown__header-with-shadow-hidden::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow-hidden::after{opacity:0}.tags-dropdown-mobile .tags-dropdown__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}.tags-dropdown-mobile .tags-dropdown__header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:24px}.tags-dropdown-mobile .tags-dropdown__header-row:first-child{padding-right:50px}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap{display:flex;align-items:center;width:100%;padding:0 8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap input{background:unset !important}.tags-dropdown-mobile .tags-dropdown__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)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::before,.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.tags-dropdown-mobile .tags-dropdown__footer{position:relative;bottom:0;padding:0}.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{top:-15px;bottom:0;transform:rotate(180deg)}.tags-dropdown-mobile .tags-dropdown__footer button{width:100%;height:40px}.tags-dropdown-mobile .tags-dropdown__close-icon{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.tags-dropdown-mobile .tags-dropdown__close-icon svg{width:16px;height:16px;color:#a0a4b0}.tags-dropdown-mobile .tags-dropdown__list{top:0;display:flex;flex-direction:column;gap:4px;max-height:unset;padding:16px 16px !important}.tags-dropdown-mobile .tags-dropdown-group{display:flex;flex-direction:column;gap:4px;margin:0}.tags-dropdown-mobile .tags-dropdown-group:first-child{margin-top:calc(8px*-1)}.tags-dropdown-mobile .tags-dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));box-shadow:none !important}.tags-dropdown-mobile .tags-dropdown__list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;height:auto !important;min-height:unset !important;padding:10px 8px !important;line-height:24px}.tags-dropdown-mobile .tags-dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.tags-dropdown-mobile .tags-dropdown__list-item-body{display:flex;box-sizing:border-box;width:100%}.tags-dropdown-mobile .tags-dropdown__list-item-body pre{white-space:normal}.tags-dropdown-mobile .tags-dropdown__list-item label{box-sizing:border-box;width:16px;margin-top:4px}.tags-dropdown-mobile .tags-dropdown__list-item label .checkbox-input__input{margin:0}.tags-dropdown-mobile .tags-dropdown__list-item .search-match{font-weight:600}.tags-dropdown-mobile .tags-dropdown__arrow{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.tags-dropdown-mobile .tags-dropdown__arrow svg.mobile-icon{height:12px;transform:rotate(90deg)}.tags-dropdown-mobile .tags-dropdown__no-options{padding-left:0 !important;text-align:center}}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}: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}.tag-list_wrapper{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:100%;max-width:100%}.tag-list_wrapper--disabled{filter:grayscale(0.2)}.tag-list_wrapper--disabled *{pointer-events:none !important}.tag-list_wrapper--only-static-items{display:flex}.tag-list_wrapper--only-static-items .tag-list_wrapper_item{margin-bottom:0}.tag-list_wrapper_item{display:inline-block;box-sizing:border-box;width:auto}.tag-list_wrapper_item .tag{box-sizing:border-box;max-width:100%;margin:0 !important}.tag-list_wrapper_item .tag__label{overflow:hidden;text-overflow:ellipsis}.tag-list_wrapper_item--hidden{display:none}.tag-list_wrapper_render-more,.tag-list_wrapper_hide-more{margin:0 !important;cursor:pointer;background:#ffedc8}.tag-list_wrapper .tag{margin:2px}.tag-list__edit-trigger{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;padding:2px;cursor:pointer}.tag-list__edit-trigger svg{width:16px;height:16px;color:#6b81dd}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
package/dist/css/text-switcher.css ADDED
@@ -0,0 +1 @@
1
+ :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}
package/dist/css/text.css ADDED
@@ -0,0 +1 @@
1
+ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}
package/dist/css/textarea.css ADDED
@@ -0,0 +1 @@
1
+ :export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.textarea{--symbols-limit-right-padding: 8px;--symbols-limit-bottom-padding: -12px;--symbols-limit-font-size: 10px;--symbols-limit-color: var(--color-text-muted, #757f8c);position:relative}.textarea__textarea{box-sizing:border-box;width:100%;min-width:224px;min-height:100px;padding:4px 8px;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;resize:none;border:1px solid #e2e5ec;outline:none;background-color:#fff}.textarea__textarea scrollbar{-moz-appearance:none !important}.textarea__textarea scrollbarbutton{-moz-appearance:none !important}.textarea__textarea thumb{-moz-appearance:none !important}.textarea__textarea scrollcorner{-moz-appearance:none !important;resize:both}.textarea__textarea::-webkit-scrollbar{width:4px}.textarea__textarea::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.textarea__textarea::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.textarea__textarea::-webkit-scrollbar:horizontal{height:8px}.textarea__textarea::-webkit-scrollbar-track:horizontal{background:inherit}.textarea__textarea::-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)}.textarea__textarea::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.textarea__textarea:focus{border-color:#6b81dd;box-shadow:none;filter:none}.textarea__textarea:disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.textarea__symbols-limit{position:absolute;right:var(--symbols-limit-right-padding);bottom:var(--symbols-limit-bottom-padding);font-size:var(--symbols-limit-font-size);color:var(--symbols-limit-color)}