.toggler{text-align:center;font-size:0.8em;font-weight:bold;white-space:nowrap;margin:1em 0}.toggler .options{display:inline-block;vertical-align:middle;background:#243657;padding:3px;font-size:1.5rem;border-radius:1em;line-height:1;margin:0 0.25em;position:relative;overflow:hidden}.toggler > label{transition:opacity 0.5s,color 0.5s}.toggler > label.hidden{opacity:0.3}.toggler > label.selected{color:#243657}.toggler .options label{display:inline-block;vertical-align:top}.toggler .options label input{display:none}.toggler .options label input + span{display:inline-block;width:1em;height:1em;background:transparent;vertical-align:top;border-radius:100%}.toggler .options label input:checked + span{background-color:white}@supports (transition:left){.toggler .options label input + span{position:relative;transition:left 0.5s;left:-1em}.toggler .options label:first-child input + span{left:1em}.toggler .options label input:checked + span{left:0}}.toggler .options .switcher{position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer}.toggler-items{white-space:nowrap;overflow:hidden}.toggler-items .toggler-item{display:inline-block;vertical-align:middle;width:100%;vertical-align:middle;text-align:center}.toggler-items .toggler-item:not(:first-child){visibility:hidden}