.lpswitch::after,.lpswitch::before{content:"";position:absolute;display:block;top:0;left:0;height:100%;width:100%;border-radius:36px}.lpswitch{position:relative;display:flex;margin:auto;--onwidth: 0;--onoffset: 0;--linkcolor: white;--linkoncolor: var(--linkcolor);--hovercolor: #15A0DA;--background: rgba(21,160,218, 0.25);--onbackground: linear-gradient(45deg, #15A0DA, #36D0DC);--onshadowrgb: 0,158,217}.lpswitch::before{z-index:0;background:var(--background)}.lpswitch::after{z-index:1;width:var(--onwidth);will-change:transform;transform:translate3d(var(--onoffset), 0, 0);background:var(--onbackground);box-shadow:0 6px 30px rgba(var(--onshadowrgb), 0.35);transition:width 200ms ease-in-out, transform 200ms ease-out}.lpswitch-link{position:relative;z-index:3;display:flex;align-items:center;font-size:18px;height:56px;padding:0 30px;color:var(--linkcolor);text-decoration:none}.lpswitch-link--on{font-weight:800;color:var(--linkoncolor)}.lpswitch-link--off{font-weight:500}.lpswitch-link--off:first-of-type{padding-right:16px}.lpswitch-link--off:last-of-type{padding-left:16px}.lpswitch-link--off:hover{color:var(--hovercolor)}@media screen and (max-width: 992px){.lpswitch-link{height:44px;font-size:14px}}