.index-change-light{--section-padding: 16px;--content-border-radius: 8px;--toggle-border-radius: 8px;--toggle-height: 60px;--toggle-padding: 5px;--backdrop-blur: 40px;--index-change-light-toggle-track-background: var(--color-warm-gray-neutral-300);--index-change-light-toggle-track-radius: var(--toggle-border-radius);--index-change-light-toggle-inactive-text-color: var(--color-warm-gray-neutral-500);--index-change-light-toggle-inactive-icon-color: currentColor;--index-change-light-toggle-inactive-opacity: .7;--index-change-light-toggle-active-background: var(--color-lilypad-300);--index-change-light-toggle-active-text-color: var(--color-warm-gray-neutral-100);display:flex;align-items:center;padding:32px 0;background-color:var(--index-change-light-background-color, var(--color-warm-gray-neutral-100))}.index-change-light--with-background{--index-change-light-toggle-track-background: var(--color-warm-gray-neutral-100);--index-change-light-toggle-track-radius: 12px;--index-change-light-toggle-inactive-text-color: var(--color-warm-gray-neutral-800);--index-change-light-toggle-inactive-opacity: .5;--index-change-light-toggle-active-background: var(--color-lilypad-300)}.index-change-light__container{width:var(--content-width);max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:32px}.index-change-light__content{background:transparent;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:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:var(--toggle-height);background-color:var(--index-change-light-toggle-track-background);border-radius:var(--index-change-light-toggle-track-radius);padding:var(--toggle-padding);align-items:center}.index-change-light__toggle-slider{position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:calc(50% - 7px);height:calc(100% - (var(--toggle-padding) * 2));background-color:var(--index-change-light-toggle-active-background);border-radius:6px;opacity:1;transition:transform .3s ease;z-index:1}.index-change-light__toggle-option{position:relative;z-index:2;display:flex;min-width:0;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--evening.active~.index-change-light__toggle-slider{transform:translate(calc(100% + 4px))}.index-change-light__toggle-text{font-size:18px;line-height:1.4;font-weight:400;color:var(--index-change-light-toggle-inactive-text-color);transition:all .3s ease}.index-change-light__toggle-option.active .index-change-light__toggle-text{color:var(--index-change-light-toggle-active-text-color);font-weight:700}.index-change-light__toggle-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--index-change-light-toggle-inactive-icon-color);opacity:var(--index-change-light-toggle-inactive-opacity);transition:opacity .3s ease,color .3s ease}.index-change-light__toggle-option.active .index-change-light__toggle-icon{opacity:1;color:var(--index-change-light-toggle-active-text-color)}.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:64px 0}.index-change-light__container{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__toggle-track{width:min(100%,360px)}.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/26/assets/section-index-change-light.css.map */