.index-change-light{--section-padding: 16px;--content-border-radius: 8px;--toggle-border-radius: 8px;--toggle-height: 60px;--toggle-padding: 5px;--backdrop-blur: 40px;display:flex;align-items:center;background-color:var(--color-warm-gray-neutral-100)}.index-change-light__container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:32px}.index-change-light__content{background:#fff6;order:1}.index-change-light__text-content{margin-bottom:32px}.index-change-light__heading{color:var(--color-warm-gray-neutral-800);margin-bottom:16px;font-size:38px;line-height:1em;letter-spacing:-.03em}.index-change-light__description{color:var(--color-warm-gray-neutral-800);margin-bottom:0}.index-change-light__toggle-section{display:flex;flex-direction:column;gap:16px}.index-change-light__toggle-heading{color:var(--color-warm-gray-neutral-800);margin-bottom:0}.index-change-light__toggle-container{display:flex;width:100%}.index-change-light__toggle-track{position:relative;display:inline-flex;height:var(--toggle-height);background-color:var(--color-warm-gray-neutral-300);border-radius:var(--toggle-border-radius);padding:var(--toggle-padding);align-items:center}.index-change-light__toggle-slider{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);height:calc(100% - (var(--toggle-padding) * 2));background-color:var(--color-lilypad-300);border-radius:calc(var(--toggle-border-radius));transition:all .3s ease;z-index:1}.index-change-light__toggle-option{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;cursor:pointer;white-space:nowrap;justify-content:center;transition:all .3s ease;color:#000}.index-change-light__toggle-option--daytime.active~.index-change-light__toggle-slider{left:var(--toggle-padding);width:calc(var(--daytime-width) - var(--toggle-padding))}.index-change-light__toggle-option--evening.active~.index-change-light__toggle-slider{left:calc(var(--daytime-width) + var(--toggle-padding));width:calc(var(--evening-width) - var(--toggle-padding))}.index-change-light__toggle-text{font-size:18px;line-height:1.4;font-weight:400;color:var(--color-warm-gray-neutral-500);transition:all .3s ease}.index-change-light__toggle-option.active .index-change-light__toggle-text{color:var(--color-warm-gray-neutral-100);font-weight:700}.index-change-light__toggle-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;opacity:.7;transition:opacity .3s ease}.index-change-light__toggle-option.active .index-change-light__toggle-icon{opacity:1;color:var(--color-warm-gray-neutral-100)}.index-change-light__toggle-icon svg{width:100%;height:100%;fill:currentColor}.index-change-light__video-container{position:relative;width:100%;height:273px;border-radius:var(--content-border-radius);overflow:hidden;order:2}.index-change-light__video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.index-change-light__video.active{opacity:1}.index-change-light__video-element{width:100%;height:100%;object-fit:cover;border-radius:var(--content-border-radius)}@media(min-width:768px){.index-change-light{--content-border-radius: 16px;--toggle-border-radius: 8px;--toggle-height: 60px;--toggle-padding: 5px;padding:32px 16px}.index-change-light__container{max-width:1440px;margin:0 auto;flex-direction:row;gap:0;align-items:stretch}.index-change-light__content{flex:0 0 420px;margin:auto 0;height:fit-content;order:1}.index-change-light__text-content{margin-bottom:36px}.index-change-light__heading{font-size:48px;line-height:1em;letter-spacing:-.02em}.index-change-light__toggle-container{justify-content:flex-start}.index-change-light__video-container{flex:1;height:640px;margin-left:38px;order:2}.index-change-light__video-element{border-radius:var(--content-border-radius)}}@media(min-width:1024px){.index-change-light__video-container{height:800px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-index-change-light.css.map */