.container {margin: auto;max-width: 150px;width: 100%;height: auto;text-align: center;padding: 0 6em;padding-left: 0px;}.segmented-control {font-size: 0.9em;background: var(--formContainerBackground);position: relative;display: inline-block;border: 1px solid var(--buttonBorder);font-style: normal;font-weight: bold;text-decoration: none;overflow: hidden;margin: 5px auto 0px auto;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-user-select: -moz-none;-ms-user-select: none;-webkit-user-select: none;user-select: none;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;transition-duration: 0.4s;-moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);-o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-tap-highlight-color: transparent;margin-bottom:10px;}.segmented-control:nth-child(1) {width: 100%;color: var(--tableHeaderBackground);vertical-align: middle;text-align: center;}.segmented-control > input {position: absolute;left: -10000px;opacity: 0;}.segmented-control > input[type='checkbox'] ~ label {-moz-transition-duration: 0;-o-transition-duration: 0;-webkit-transition-duration: 0;transition-duration: 0;}.segmented-control > input[type='checkbox'] ~ label:before {opacity: 0;}.segmented-control > input:disabled:nth-child(1) ~ label:nth-of-type(1) {opacity: 0.3;cursor: not-allowed;}.segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):before {opacity: 1;}.segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:before {left: 0%;}.segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {left: 0%;}.segmented-control > input:nth-child(1):checked, .segmented-control > input:nth-child(1):checked, .segmented-control > input:nth-child(1):checked ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:before {left: 0%;}.segmented-control > input:nth-child(1):checked, .segmented-control > input:nth-child(1):checked, .segmented-control > input:nth-child(1):checked ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:before {left: 0%;}.segmented-control > input:disabled:nth-child(2) ~ label:nth-of-type(2) {opacity: 0.3;cursor: not-allowed;}.segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):before {opacity: 1;}.segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {left: 50%;}.segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {left: 33.33333%;}.segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {left: 25%;}.segmented-control > input:disabled:nth-child(3) ~ label:nth-of-type(3) {opacity: 0.3;cursor: not-allowed;}.segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):before {opacity: 1;}.segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {left: 66.66667%;}.segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(4) ~ label:before {left: 50%;}.segmented-control > label {display: inline-block;padding: 0 .2em;cursor: pointer;float: left;width:100px;line-height: 3em;font-style: inherit;font-weight: inherit;text-decoration: inherit;-moz-transition-property: none;-o-transition-property: none;-webkit-transition-property: none;transition-property: none;-moz-transition-duration: inherit;-o-transition-duration: inherit;-webkit-transition-duration: inherit;transition-duration: inherit;-moz-transition-timing-function: inherit;-o-transition-timing-function: inherit;-webkit-transition-timing-function: inherit;transition-timing-function: inherit;border: 2px solid var(--formContainerBackground);}.segmented-control > label:before, .segmented-control > label:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}.segmented-control > label:after {color: white;content: attr(data-value);text-align: center;padding: inherit;z-index: 10;font-style: inherit;text-decoration: inherit;font-weight: inherit;opacity: 0;-moz-transition-property: opacity, left;-o-transition-property: opacity, left;-webkit-transition-property: opacity, left;transition-property: opacity, left;-moz-transition-duration: inherit;-o-transition-duration: inherit;-webkit-transition-duration: inherit;transition-duration: inherit;-moz-transition-timing-function: inherit;-o-transition-timing-function: inherit;-webkit-transition-timing-function: inherit;transition-timing-function: inherit;border: 2px solid var(--formContainerBackground);}.segmented-control > label:after, .segmented-control > label {text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.segmented-control > label:before {content: '';color: inherit;background: currentColor;-moz-transition-property: left;-o-transition-property: left;-webkit-transition-property: left;transition-property: left;-moz-transition-duration: inherit;-o-transition-duration: inherit;-webkit-transition-duration: inherit;transition-duration: inherit;-moz-transition-timing-function: inherit;-o-transition-timing-function: inherit;-webkit-transition-timing-function: inherit;transition-timing-function: inherit;}.segmented-control > label:first-of-type:nth-last-of-type(1), .segmented-control > label:first-of-type:nth-last-of-type(1):after, .segmented-control > label:first-of-type:nth-last-of-type(1):before, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:before {width: 100%;}.segmented-control > label:first-of-type:nth-last-of-type(2), .segmented-control > label:first-of-type:nth-last-of-type(2):after, .segmented-control > label:first-of-type:nth-last-of-type(2):before, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:before {width: 50%;}.segmented-control > label:first-of-type:nth-last-of-type(3), .segmented-control > label:first-of-type:nth-last-of-type(3):after, .segmented-control > label:first-of-type:nth-last-of-type(3):before, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:before {width: 33%;}