.led-toggle{display:block;margin:14px 0}.led-toggle__card{background:#f7f7f7;border-radius:8px;padding:10px}.led-toggle__banner{display:flex;align-items:center;gap:10px;background:#373b3e;color:#fff;border-radius:5px 5px 0 0;margin:-10px -10px 10px;padding:6px 8px;font-size:14px;font-weight:600;line-height:1.42}.led-toggle__spark{display:inline-flex;width:16px;height:16px;flex:none}.led-toggle__spark svg{width:100%;height:100%}.led-toggle__content{display:grid;grid-template-columns:28px 1fr auto;column-gap:5px;row-gap:1px;align-items:center}.led-toggle__bulb{grid-row:1;grid-column:1;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:#373b3e}.led-toggle__bulb svg{width:100%;height:100%}.led-toggle__title{grid-row:1;grid-column:2;margin:0;font-size:14px;font-weight:700;line-height:1.42;color:#373b3e}.led-toggle__subtitle{grid-row:2;grid-column:1 / -1;margin:0 0 0 31px;font-size:13px;font-weight:400;line-height:1.42;color:#373b3e}.led-toggle__control{grid-row:1;grid-column:3;display:flex;align-items:center;gap:5px}.led-toggle__price-now{font-size:14px;font-weight:600;line-height:1.42;color:#373b3e;white-space:nowrap}.led-toggle__price-was{margin-left:5px;font-size:12px;color:#373b3e99;white-space:nowrap}.led-toggle__switch{position:relative;display:inline-block;width:37px;height:20px;flex:none;cursor:pointer}.led-toggle__input{position:absolute;opacity:0;width:0;height:0}.led-toggle__knob{position:absolute;top:0;right:0;bottom:0;left:0;background:#373b3e80;border-radius:999px;transition:background .15s}.led-toggle__knob:before{content:"";position:absolute;top:1.5px;left:1.5px;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform .15s}.led-toggle__input:checked+.led-toggle__knob{background:#71903e}.led-toggle__input:checked+.led-toggle__knob:before{transform:translate(17px)}.led-toggle--on .led-toggle__card{padding:12px}.led-toggle--on .led-toggle__banner{background:#dbe3ce;color:#71903e;border-radius:5px;margin:0 0 6px;padding:3px 8px}.led-toggle--on .led-toggle__content{grid-template-columns:42px 1fr auto;column-gap:19px;row-gap:0}.led-toggle--on .led-toggle__bulb{grid-row:1 / 3;width:42px;height:42px}.led-toggle--on .led-toggle__title{font-size:16px;line-height:1.42}.led-toggle--on .led-toggle__subtitle{grid-column:2;margin-left:0;font-size:14px}.led-toggle--on .led-toggle__control{grid-row:1 / 3;gap:10px}.led-toggle--on .led-toggle__switch{width:44px;height:24px}.led-toggle--on .led-toggle__knob:before{top:2px;left:2px;width:20px;height:20px}.led-toggle--on .led-toggle__input:checked+.led-toggle__knob:before{transform:translate(20px)}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-led-toggle.css.map */