.pill-wrap{display:flex;flex-flow:row nowrap;overflow:hidden;border-radius:3em;padding:2px;background:#fff;position:relative;box-shadow:0px 3px 14px rgba(0, 0, 0, 0.2)}.pill-wrap .custom-radio{flex:1 1 20%;text-align:center;overflow:hidden;margin:0;position:relative;z-index:1}.pill-wrap .custom-radio input{position:absolute;left:-10000px}.pill-wrap .custom-radio .check{padding:1.4rem 0;white-space:nowrap;display:block;cursor:pointer;font-weight:500;color:#333;border-radius:3em;position:relative;background:transparent;width:100%;font-weight:400;transition:all 0.2s ease-out}.pill-wrap .custom-radio input:checked~.check,.pill-wrap .custom-radio .check.checked{color:#fff;font-weight:600}.pill-wrap .custom-radio input:checked~.check:before,.pill-wrap .custom-radio .check.checked:before{opacity:0}.pill-wrap .custom-radio:before{content:"";position:absolute;top:1rem;bottom:1rem;left:0;width:1px;background:#e1e1e1;opacity:1;transition:all 0.2s ease-out}.pill-wrap .custom-radio.noBorder:before{opacity:0;animation:noBorder 0.2s forwards ease-out}.pill-wrap .custom-radio:first-of-type:before{display:none}.pill-wrap .pill-highlight{position:absolute;top:50%;height:calc(100% - 4px);transform:translateY(-50%);width:calc(50% - 2px);background:linear-gradient(128.84deg, #1a73e8 20.46%, #3966cd 72.3%);border-radius:3em;z-index:0;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);transition:all 0.2s ease-in-out}.pill-wrap .pill-highlight.left{left:2px}.pill-wrap .pill-highlight.right{left:50%}.pill-wrap .pill-highlight.movingleft{animation:highlight_move_left 0.2s forwards ease-out}.pill-wrap .pill-highlight.movingright{animation:highlight_move_right 0.2s forwards ease-out}.pill-wrap.three-options .pill-highlight{width:calc(33.333% - 2px)}.pill-wrap.three-options .pill-highlight .left{left:2px}.pill-wrap.three-options .pill-highlight.middle{left:calc(33.333% + 1px)}.pill-wrap.three-options .pill-highlight.right{left:calc(66.666% + 1px)}.pill-wrap.three-options .pill-highlight.movingleft{animation:highlight_move_left_three_options 0.2s forwards ease-out}.pill-wrap.three-options .pill-highlight.movingright{animation:highlight_move_right_three_options 0.2s forwards ease-out}.pill-wrap.four-options .pill-highlight{width:calc(25% - 2px)}.pill-wrap.four-options .pill-highlight .left{left:2px}.pill-wrap.four-options .pill-highlight.middleleft{left:calc(25% + 1px)}.pill-wrap.four-options .pill-highlight.middleright{left:calc(50% + 1px)}.pill-wrap.four-options .pill-highlight.right{left:calc(75% + 1px)}.pill-wrap.four-options .pill-highlight.movingleft{animation:highlight_move_left_four_options 0.2s forwards ease-out}.pill-wrap.four-options .pill-highlight.movingright{animation:highlight_move_right_four_options 0.2s forwards ease-out}@keyframes noBorder{0%{opacity:1}65%{opacity:1}100%{opacity:0}}@keyframes highlight_move_right{0%{width:calc(50% - 2px);left:2px}50%{width:80%;left:2px;border-radius:3em 5em 5em 3em}100%{width:calc(50% - 2px);left:50%;border-radius:3em}}@keyframes highlight_move_left{0%{width:calc(50% - 2px);left:50%}50%{width:80%;left:20%;border-radius:5em 3em 3em 5em}100%{width:calc(50% - 2px);left:2px;border-radius:3em}}@keyframes highlight_move_left_three_options{0%{width:calc(33.333% - 2px)}50%{width:50%;transform:translateY(-50%) translateX(-25%);border-radius:5em 3em 3em 5em}100%{width:calc(33.333% - 2px);transform:translateY(-50%) translateX(0%);border-radius:3em}}@keyframes highlight_move_right_three_options{0%{width:calc(33.333% - 2px)}50%{width:50%;border-radius:3em 5em 5em 3em}100%{width:calc(33.333% - 2px);border-radius:3em}}@keyframes highlight_move_left_four_options{0%{width:calc(25% - 2px)}50%{width:35%;transform:translateY(-50%) translateX(-20%);border-radius:5em 3em 3em 5em}100%{width:calc(25% - 2px);transform:translateY(-50%) translateX(0%);border-radius:3em}}@keyframes highlight_move_right_four_options{0%{width:calc(25% - 2px)}50%{width:35%;border-radius:3em 5em 5em 3em}100%{width:calc(25% - 2px);border-radius:3em}}@media screen and (min-width:768px){.pill-wrap .custom-radio .check{padding:1.9rem 0}}