.light-switch--container{position:relative;overflow:hidden;width:100%;height:100%}.light-switch--image{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.light-off{opacity:1;z-index:1}.light-on{opacity:0;z-index:2}.light-animation{animation:lightUp .8s ease-out}@keyframes lightUp{0%{opacity:0;filter:brightness(.5) blur(5px)}50%{filter:brightness(1.2) blur(2px)}to{opacity:1;filter:brightness(1) blur(0)}}.light-switch--button{display:inline-flex;cursor:pointer;padding:7px 30px;align-items:center;justify-content:center;height:46px;font-size:.875rem;font-weight:var(--font-body-medium-weight, 500);letter-spacing:var(--button-letter-spacing, 0em);background:var(--solid-button-background, --color-body);color:var(--solid-button-label, var(--bg-body));border:0;border-radius:var(--button-border-radius, 3px);text-align:center;position:relative;z-index:10;overflow:hidden;-webkit-appearance:none;appearance:none;margin-top:20px;transition:all .25s cubic-bezier(.104,.204,.492,1)}.light-switch--button:hover{background:var(--solid-button-background-hover, --color-body);color:var(--solid-button-label, #fff)}.light-switch--button:active{transform:translateY(1px)}.light-switch--content{margin-top:30px}@media only screen and (max-width: 767px){.light-switch--button{padding:5px 20px;font-size:.8125rem;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/light-switch.css.map */