.toggle{margin:0 auto;margin-top:.4rem;box-sizing:border-box;font-size:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:center;justify-content:center;position:relative}.toggle input{width:0;height:0;position:absolute;left:-9999px}.toggle input + label{margin:0;padding:.5rem 1.25rem;box-sizing:border-box;position:relative;display:inline-block;border:solid 1px #DDD;background-color:#FFF;font-size:calc(.95 * var(--altura-base));line-height:140%;text-align:center;box-shadow:0 0 0 rgba(255,255,255,0);-webkit-transition:border-color .15s ease-out,color .25s ease-out,background-color .15s ease-out,box-shadow .15s ease-out;transition:border-color .15s ease-out,color .25s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.toggle input + label:first-of-type{border-radius:6px 0 0 6px}.toggle input + label:last-of-type{border-radius:0 6px 6px 0;border-left:none}.toggle input:hover + label{border-color:#bababa}.toggle input:checked + label{background-color:#008ca1;color:#FFF;box-shadow:0 0 10px rgba(102,179,251,0.5);border-color:#008ca1;z-index:1}.toggle input:focus + label{outline:dotted 1px #CCC;outline-offset:.45rem}@media (max-width: 400px){.toggle input + label{padding:.5rem .75rem;font-size:calc(.9 * var(--altura-base))}}