rsuite 5.51.0 → 5.53.0

package/TagPicker/styles/index.less

@@ -1,7 +1,8 @@
-@import '../../styles/common';
-@import '../../Form/styles/mixin';
-@import '../../Picker/styles/mixin';
-@import '../../InputPicker/styles/index';
+@import '../../styles/common.less';
+@import '../../Form/styles/mixin.less';
+@import '../../Checkbox/styles/index.less';
+@import '../../internals/Picker/styles/mixin.less';
+@import '../../InputPicker/styles/index.less';
 
 .rs-picker-tag {
   .rs-picker-toggle {

package/Timeline/stories/styles.less

@@ -0,0 +1,29 @@
+.custom-timeline {
+  margin-left: 20px;
+
+  .rs-timeline-item-custom-dot {
+    .rs-icon {
+      position: absolute;
+      background: #fff;
+      top: 0;
+      left: -2px;
+      border: 2px solid #ddd;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      font-size: 18px;
+      color: #999;
+      margin-left: -13px;
+      justify-content: center;
+      padding: 8px;
+    }
+  }
+
+  .rs-timeline-item-content {
+    margin-left: 24px;
+  }
+}
+
+.rs-timeline-item-content p {
+  margin: 0;
+}

package/Timeline/styles/index.css

@@ -0,0 +1,187 @@
+:root,
+.rs-theme-light {
+  --rs-gray-300: #d9d9d9;
+  --rs-gray-500: #a6a6a6;
+  --rs-primary-500: #3498ff;
+  --rs-timeline-indicator-bg: var(--rs-gray-300);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+}
+.rs-theme-dark {
+  --rs-gray-300: #858b94;
+  --rs-gray-500: #5c6066;
+  --rs-primary-500: #34c3ff;
+  --rs-timeline-indicator-bg: var(--rs-gray-500);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+}
+.rs-theme-high-contrast {
+  --rs-gray-300: #858b94;
+  --rs-gray-500: #5c6066;
+  --rs-primary-500: #ffff00;
+  --rs-timeline-indicator-bg: var(--rs-gray-500);
+  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.rs-timeline {
+  list-style: none;
+  padding: 0;
+  margin-bottom: 0;
+  direction: ltr;
+}
+.rs-timeline-item {
+  position: relative;
+  text-align: left;
+}
+.rs-timeline-item:not(:last-child) .rs-timeline-item-content {
+  padding-bottom: 18px;
+}
+.rs-timeline-item-dot {
+  position: absolute;
+  top: 5px;
+}
+.rs-timeline-item-dot::before {
+  content: '';
+  display: block;
+  width: 10px;
+  height: 10px;
+  background-color: #d9d9d9;
+  background-color: var(--rs-timeline-indicator-bg);
+  border-radius: 50%;
+}
+.rs-timeline-item-custom-dot {
+  text-align: center;
+}
+.rs-timeline-item-custom-dot::before {
+  display: none;
+}
+.rs-timeline-item-active .rs-timeline-item-dot::before {
+  background-color: #3498ff;
+  background-color: var(--rs-timeline-indicator-active-bg);
+}
+.rs-timeline-item-tail {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: #d9d9d9;
+  background-color: var(--rs-timeline-indicator-bg);
+}
+.rs-timeline-item:first-child .rs-timeline-item-tail {
+  top: 5px;
+}
+.rs-timeline-item:last-child .rs-timeline-item-tail {
+  bottom: auto;
+  height: 15px;
+}
+.rs-timeline-endless .rs-timeline-item:last-child .rs-timeline-item-tail {
+  height: auto;
+  min-height: 38px;
+}
+.rs-timeline-item:only-child .rs-timeline-item-tail {
+  display: none;
+}
+.rs-timeline-align-left .rs-timeline-item-dot {
+  left: 0;
+}
+.rs-timeline-align-left .rs-timeline-item-tail {
+  left: 4px;
+}
+.rs-timeline-align-left .rs-timeline-item {
+  padding-left: 22px;
+}
+.rs-timeline-align-left .rs-timeline-item {
+  padding-left: 22px;
+}
+.rs-timeline-align-right .rs-timeline-item-dot {
+  right: 0;
+}
+.rs-timeline-align-right .rs-timeline-item-tail {
+  right: 4px;
+}
+.rs-timeline-align-right .rs-timeline-item {
+  padding-right: 22px;
+}
+.rs-timeline-align-right .rs-timeline-item-content {
+  text-align: right;
+}
+.rs-timeline-align-alternate .rs-timeline-item-dot {
+  left: calc(50% - 5px);
+}
+.rs-timeline-align-alternate .rs-timeline-item-tail {
+  left: calc(50% - 1px);
+}
+.rs-timeline-align-alternate .rs-timeline-item-content {
+  width: 50%;
+}
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(even) .rs-timeline-item-content {
+  text-align: right;
+}
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(odd) {
+  text-align: right;
+}
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(odd) .rs-timeline-item-content {
+  display: inline-block;
+  text-align: left;
+}
+.rs-timeline-with-time .rs-timeline-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+}
+.rs-timeline-with-time .rs-timeline-item-dot {
+  left: calc(50% - 5px);
+}
+.rs-timeline-with-time .rs-timeline-item-tail {
+  left: calc(50% - 1px);
+}
+.rs-timeline-with-time .rs-timeline-item-time,
+.rs-timeline-with-time .rs-timeline-item-content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 50%;
+          flex: 1 0 50%;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-timeline-with-time .rs-timeline-item-time,
+  .rs-timeline-with-time .rs-timeline-item-content {
+    max-width: 50%;
+  }
+}
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n),
+.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: row-reverse;
+          flex-direction: row-reverse;
+}
+.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item {
+  padding-right: 0;
+}
+.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-time {
+  text-align: right;
+}
+.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-time {
+  text-align: left;
+}
+.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-time,
+.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-content,
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n + 1) .rs-timeline-item-time,
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n) .rs-timeline-item-content {
+  padding-right: 17px;
+}
+.rs-timeline-with-time.rs-timeline-align-left .rs-timeline-item-content,
+.rs-timeline-with-time.rs-timeline-align-right .rs-timeline-item-time,
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n + 1) .rs-timeline-item-content,
+.rs-timeline-align-alternate .rs-timeline-item:nth-child(2n) .rs-timeline-item-time {
+  padding-left: 17px;
+}
+
+/*# sourceMappingURL=index.css.map */

package/Toggle/styles/index.css

@@ -0,0 +1,448 @@
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #f7f7fa;
+  --rs-gray-100: #f2f2f5;
+  --rs-gray-300: #d9d9d9;
+  --rs-gray-400: #c5c6c7;
+  --rs-gray-500: #a6a6a6;
+  --rs-gray-600: #8e8e93;
+  --rs-gray-800: #575757;
+  --rs-gray-900: #272c36;
+  --rs-primary-100: #cce9ff;
+  --rs-primary-400: #59afff;
+  --rs-primary-500: #3498ff;
+  --rs-primary-600: #2589f5;
+  --rs-primary-700: #1675e0;
+  --rs-primary-900: #004299;
+  --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-toggle-bg: var(--rs-gray-300);
+  --rs-toggle-thumb: #fff;
+  --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-toggle-loader-rotor: var(--rs-gray-0);
+  --rs-toggle-hover-bg: var(--rs-gray-400);
+  --rs-toggle-disabled-bg: var(--rs-gray-50);
+  --rs-toggle-disabled-thumb: #fff;
+  --rs-toggle-checked-bg: var(--rs-primary-500);
+  --rs-toggle-checked-thumb: #fff;
+  --rs-toggle-checked-hover-bg: var(--rs-primary-600);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-100);
+  --rs-toggle-checked-disabled-thumb: #fff;
+}
+@supports not (color: rgb(from white r g b)) {
+  :root,
+  .rs-theme-light {
+    --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
+    --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
+  }
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-primary-100: #ccf3ff;
+  --rs-primary-400: #59d0ff;
+  --rs-primary-500: #34c3ff;
+  --rs-primary-600: #25b3f5;
+  --rs-primary-700: #169de0;
+  --rs-primary-900: #006199;
+  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-toggle-bg: var(--rs-gray-400);
+  --rs-toggle-thumb: #fff;
+  --rs-toggle-hover-bg: var(--rs-gray-300);
+  --rs-toggle-disabled-bg: var(--rs-gray-600);
+  --rs-toggle-disabled-thumb: var(--rs-gray-500);
+  --rs-toggle-checked-bg: var(--rs-primary-700);
+  --rs-toggle-checked-thumb: #fff;
+  --rs-toggle-checked-hover-bg: var(--rs-primary-600);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
+  --rs-toggle-checked-disabled-thumb: var(--rs-gray-300);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-dark {
+    --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
+  }
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-300: #858b94;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-primary-100: #fffbc2;
+  --rs-primary-400: #fffc30;
+  --rs-primary-500: #ffff00;
+  --rs-primary-600: #f1f500;
+  --rs-primary-700: #d9e000;
+  --rs-primary-900: #8f9900;
+  --rs-color-focus-ring: var(--rs-gray-0);
+  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-toggle-bg: var(--rs-gray-800);
+  --rs-toggle-thumb: var(--rs-gray-100);
+  --rs-toggle-hover-bg: var(--rs-gray-800);
+  --rs-toggle-disabled-bg: var(--rs-gray-800);
+  --rs-toggle-disabled-thumb: var(--rs-gray-300);
+  --rs-toggle-checked-bg: var(--rs-primary-500);
+  --rs-toggle-checked-thumb: var(--rs-gray-800);
+  --rs-toggle-checked-hover-bg: var(--rs-primary-400);
+  --rs-toggle-checked-disabled-bg: var(--rs-primary-900);
+  --rs-toggle-checked-disabled-thumb: var(--rs-gray-800);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.rs-toggle {
+  position: relative;
+}
+.rs-toggle .rs-toggle-loader {
+  width: 18px;
+  height: 18px;
+  left: 3px;
+  top: 3px;
+}
+.rs-toggle .rs-toggle-loader .rs-loader-spin,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
+.rs-toggle .rs-toggle-presentation {
+  height: 24px;
+  min-width: 44px;
+  border-radius: 12px;
+}
+.rs-toggle .rs-toggle-presentation::after {
+  width: 18px;
+  height: 18px;
+  left: 3px;
+  top: 3px;
+  border-radius: 9px;
+}
+.rs-toggle .rs-toggle-presentation:active::after {
+  width: 21.6px;
+}
+.rs-toggle .rs-toggle-inner {
+  margin-left: 24px;
+  margin-right: 8px;
+  height: 24px;
+  line-height: 2;
+  font-size: 12px;
+}
+.rs-toggle .rs-toggle-inner .rs-icon {
+  font-size: 12px;
+}
+.rs-toggle.rs-toggle-checked .rs-toggle-presentation::after {
+  left: 100%;
+  margin-left: -21px;
+}
+.rs-toggle.rs-toggle-checked .rs-toggle-presentation:active::after {
+  margin-left: -24.6px;
+}
+.rs-toggle.rs-toggle-checked .rs-toggle-presentation .rs-toggle-inner {
+  margin-right: 24px;
+  margin-left: 8px;
+}
+.rs-toggle.rs-toggle-checked .rs-toggle-loader {
+  left: 100%;
+  margin-left: -21px;
+}
+.rs-toggle-input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 0;
+}
+.rs-toggle-presentation {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  vertical-align: middle;
+  background-color: #d9d9d9;
+  background-color: var(--rs-toggle-bg);
+  color: #fff;
+  color: var(--rs-toggle-thumb);
+  cursor: pointer;
+  -webkit-transition: background-color 0.15s ease-out, width 0.15s ease-out;
+  transition: background-color 0.15s ease-out, width 0.15s ease-out;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.rs-theme-high-contrast .rs-toggle-presentation {
+  -webkit-transition: none;
+  transition: none;
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
+          box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
+}
+.rs-toggle-input:focus-visible + .rs-toggle-presentation {
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
+  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
+  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
+          box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
+          box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
+}
+.rs-toggle-presentation:hover {
+  background-color: #c5c6c7;
+  background-color: var(--rs-toggle-hover-bg);
+}
+.rs-toggle-presentation::after {
+  content: '';
+  cursor: pointer;
+  position: absolute;
+  background-color: currentColor;
+  -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
+  transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
+}
+.rs-theme-high-contrast .rs-toggle-presentation::after {
+  -webkit-transition: none;
+  transition: none;
+}
+.rs-toggle-disabled .rs-toggle-presentation {
+  background-color: #f7f7fa;
+  background-color: var(--rs-toggle-disabled-bg);
+  color: #fff;
+  color: var(--rs-toggle-disabled-thumb);
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+  -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
+          box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
+  cursor: not-allowed;
+}
+.rs-toggle-checked .rs-toggle-presentation {
+  background-color: #3498ff;
+  background-color: var(--rs-toggle-checked-bg);
+  color: #fff;
+  color: var(--rs-toggle-checked-thumb);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.rs-toggle-checked .rs-toggle-presentation:hover {
+  background-color: #2589f5;
+  background-color: var(--rs-toggle-checked-hover-bg);
+}
+.rs-toggle-disabled.rs-toggle-checked .rs-toggle-presentation {
+  background-color: #cce9ff;
+  background-color: var(--rs-toggle-checked-disabled-bg);
+  color: #fff;
+  color: var(--rs-toggle-checked-disabled-thumb);
+}
+.rs-toggle-loading .rs-toggle-presentation::after {
+  display: none;
+}
+.rs-toggle-inner {
+  display: block;
+  -webkit-transition: margin 0.15s ease-out;
+  transition: margin 0.15s ease-out;
+}
+.rs-theme-high-contrast .rs-toggle-inner {
+  -webkit-transition: none;
+  transition: none;
+}
+.rs-toggle-loader {
+  position: absolute;
+  -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
+  transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
+}
+.rs-toggle-loader .rs-loader-spin::before {
+  border-color: rgb(from #f7f7fa r g b / 30%);
+  border-color: var(--rs-toggle-loader-ring);
+}
+.rs-toggle-loader .rs-loader-spin::after {
+  border-top-color: #fff;
+  border-top-color: var(--rs-toggle-loader-rotor);
+}
+.rs-toggle-sm .rs-toggle-loader {
+  width: 10px;
+  height: 10px;
+  left: 2px;
+  top: 2px;
+}
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  width: 10px;
+  height: 10px;
+}
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-sm .rs-toggle-loader .rs-loader-spin::after {
+  border-width: 2px;
+}
+.rs-toggle-sm .rs-toggle-presentation {
+  height: 14px;
+  min-width: 26px;
+  border-radius: 7px;
+}
+.rs-toggle-sm .rs-toggle-presentation::after {
+  width: 10px;
+  height: 10px;
+  left: 2px;
+  top: 2px;
+  border-radius: 5px;
+}
+.rs-toggle-sm .rs-toggle-presentation:active::after {
+  width: 12px;
+}
+.rs-toggle-sm .rs-toggle-inner {
+  margin-left: 14px;
+  margin-right: 6px;
+  height: 14px;
+  line-height: 1.4;
+  font-size: 10px;
+}
+.rs-toggle-sm .rs-toggle-inner .rs-icon {
+  font-size: 10px;
+}
+.rs-toggle-sm.rs-toggle-checked .rs-toggle-presentation::after {
+  left: 100%;
+  margin-left: -12px;
+}
+.rs-toggle-sm.rs-toggle-checked .rs-toggle-presentation:active::after {
+  margin-left: -14px;
+}
+.rs-toggle-sm.rs-toggle-checked .rs-toggle-presentation .rs-toggle-inner {
+  margin-right: 14px;
+  margin-left: 6px;
+}
+.rs-toggle-sm.rs-toggle-checked .rs-toggle-loader {
+  left: 100%;
+  margin-left: -12px;
+}
+.rs-toggle-md .rs-toggle-loader {
+  width: 18px;
+  height: 18px;
+  left: 3px;
+  top: 3px;
+}
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-md .rs-toggle-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
+.rs-toggle-md .rs-toggle-presentation {
+  height: 24px;
+  min-width: 44px;
+  border-radius: 12px;
+}
+.rs-toggle-md .rs-toggle-presentation::after {
+  width: 18px;
+  height: 18px;
+  left: 3px;
+  top: 3px;
+  border-radius: 9px;
+}
+.rs-toggle-md .rs-toggle-presentation:active::after {
+  width: 21.6px;
+}
+.rs-toggle-md .rs-toggle-inner {
+  margin-left: 24px;
+  margin-right: 8px;
+  height: 24px;
+  line-height: 2;
+  font-size: 12px;
+}
+.rs-toggle-md .rs-toggle-inner .rs-icon {
+  font-size: 12px;
+}
+.rs-toggle-md.rs-toggle-checked .rs-toggle-presentation::after {
+  left: 100%;
+  margin-left: -21px;
+}
+.rs-toggle-md.rs-toggle-checked .rs-toggle-presentation:active::after {
+  margin-left: -24.6px;
+}
+.rs-toggle-md.rs-toggle-checked .rs-toggle-presentation .rs-toggle-inner {
+  margin-right: 24px;
+  margin-left: 8px;
+}
+.rs-toggle-md.rs-toggle-checked .rs-toggle-loader {
+  left: 100%;
+  margin-left: -21px;
+}
+.rs-toggle-lg .rs-toggle-loader {
+  width: 22px;
+  height: 22px;
+  left: 4px;
+  top: 4px;
+}
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::before,
+.rs-toggle-lg .rs-toggle-loader .rs-loader-spin::after {
+  width: 22px;
+  height: 22px;
+}
+.rs-toggle-lg .rs-toggle-presentation {
+  height: 30px;
+  min-width: 55px;
+  border-radius: 15px;
+}
+.rs-toggle-lg .rs-toggle-presentation::after {
+  width: 22px;
+  height: 22px;
+  left: 4px;
+  top: 4px;
+  border-radius: 11px;
+}
+.rs-toggle-lg .rs-toggle-presentation:active::after {
+  width: 26.4px;
+}
+.rs-toggle-lg .rs-toggle-inner {
+  margin-left: 30px;
+  margin-right: 10px;
+  height: 30px;
+  line-height: 2.14285714;
+  font-size: 14px;
+}
+.rs-toggle-lg .rs-toggle-inner .rs-icon {
+  font-size: 14px;
+}
+.rs-toggle-lg.rs-toggle-checked .rs-toggle-presentation::after {
+  left: 100%;
+  margin-left: -26px;
+}
+.rs-toggle-lg.rs-toggle-checked .rs-toggle-presentation:active::after {
+  margin-left: -30.4px;
+}
+.rs-toggle-lg.rs-toggle-checked .rs-toggle-presentation .rs-toggle-inner {
+  margin-right: 30px;
+  margin-left: 10px;
+}
+.rs-toggle-lg.rs-toggle-checked .rs-toggle-loader {
+  left: 100%;
+  margin-left: -26px;
+}
+
+/*# sourceMappingURL=index.css.map */