+
+
+
+
+
+.toggle-input{
+ &#switch-once:checked {
+ ~.l-switch__wrapper {
+ label {
+ &:nth-of-type(1) { color: #003C3C; }
+ &:nth-of-type(2) { color: #74BDC2; }
+ }
+ .toggle {
+ left: 5px;
+ }
+ }
+ ~.payments-once {
+ display: flex;
+ }
+ }
+ &#switch-monthly:checked {
+ ~.l-switch__wrapper {
+ label {
+ &:nth-of-type(1) { color: #74BDC2; }
+ &:nth-of-type(2) { color: #003C3C; }
+ }
+ .toggle {
+ left: 39px;
+ }
+ }
+ ~.payments-recurring {
+ display: flex;
+ }
+ }
+}