.light-control{width:100%}.light-control__wrapper{display:flex;flex-direction:column;gap:32px}.light-control__media{position:relative;width:100%;aspect-ratio:var(--light-control-ratio, 1 / 1);overflow:hidden;border-radius:8px;background-color:#eaeaea}.light-control__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;will-change:opacity}.light-control__layer.is-active{opacity:1}.light-control__layer img,.light-control__layer svg{display:block;width:100%;height:100%;object-fit:cover}.light-control__content{display:flex;flex-direction:column;align-items:flex-start}.light-control__eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b;margin:0}.light-control__title{font-size:28px;font-weight:500;line-height:1.15;color:#000;margin:14px 0 0}.light-control__text{font-size:15px;font-weight:400;line-height:1.5;color:#4b4b4b;margin:16px 0 0;max-width:560px}.light-control__label{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b;margin:28px 0 0}.light-control__levels{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.light-control__level{min-width:74px;padding:10px 20px;font-size:15px;font-weight:500;line-height:1.3;color:#1f1f1f;background-color:transparent;border:1px solid #3D534E;border-radius:999px;cursor:pointer;transition:background-color .25s ease,color .25s ease;white-space:nowrap}.light-control__level:hover,.light-control__level.is-active{background-color:#3d534e;color:#fff}.light-control__hint{font-size:13px;line-height:1.5;color:#8a8a8a;margin:12px 0 0}.light-control__result{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding:12px 18px;border-radius:6px;background-color:#d6e0c2;transition:opacity .35s ease}.light-control__result.is-fading{opacity:0}.light-control__result-title{font-size:15px;font-weight:500;color:#1f1f1f}.light-control__result-separator{color:#7c8a69}.light-control__result-text{font-size:15px;color:#3f4a33}.light-control__form{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;width:100%;max-width:560px}.light-control__phone-wrap{position:relative;flex:1 1 260px;min-width:0}.light-control__phone-wrap .iti{width:100%}.light-control__field{display:block;width:100%;padding:16px 20px;font-size:15px;font-weight:400;line-height:1.3;color:#1f1f1f;background-color:#fff;border:1px solid #DCDCDC;border-radius:8px;transition:border-color .2s ease}.light-control__field::placeholder{color:#9a9a9a}.light-control__field:focus{outline:none;border-color:#3d534e}.light-control__field.input--invalid{border-color:#d33}.light-control__phone-wrap .iti__flag-container,.light-control__phone-wrap .iti--separate-dial-code .iti__selected-flag{background-color:#fff;border-radius:8px 0 0 8px}.light-control__submit{flex:0 0 auto;padding:12px 28px;font-size:17px;font-weight:500;line-height:1.3;color:#fff;background-color:#3d534e;border:none;cursor:pointer;transition:background-color .25s ease}.light-control__submit:hover{background-color:#2f423e}.light-control__submit[disabled]{opacity:.6;cursor:not-allowed}.light-control__note{font-size:13px;line-height:1.5;color:#8a8a8a;margin:12px 0 0}.light-control__status{font-size:14px;line-height:1.5;margin:12px 0 0}.light-control__status.is-error{color:#d33}.light-control__success{margin-top:24px;padding:20px 24px;border-radius:8px;background-color:#d6e0c2;max-width:560px}.light-control__success-title{font-size:20px;font-weight:500;color:#1f1f1f;margin:0}.light-control__success-text{font-size:15px;line-height:1.5;color:#3f4a33;margin:8px 0 0}@media screen and (max-width:767.98px){.light-control__wrapper{gap:0}.light-control__content{display:contents}.light-control__eyebrow,.light-control__title,.light-control__text{order:1}.light-control__media{order:2;margin-top:28px}.light-control__form-root{order:3}.light-control__form-root>:first-child{margin-top:28px}.light-control__success{order:4}}@media screen and (min-width:768px){.light-control__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.light-control--image-right .light-control__media{order:2}}@media(prefers-reduced-motion:reduce){.light-control__layer,.light-control__result{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/light-control.css.map */