.segmented-control{display:flex;grid-column:span 2;align-items:center;order:1;width:100%;height:var(--space-32)}@media screen and (min-width: 768px){.segmented-control[data-small=false]{justify-content:flex-end;order:4;width:auto;height:5.2rem}.segmented-control[data-small=false] label{padding-right:var(--space-16);padding-left:var(--space-16)}.segmented-control[data-small=false] label:before{padding-right:var(--space-16);padding-left:var(--space-16)}}.segmented-control-type{display:flex;flex-grow:1;height:100%}.segmented-control-type input{position:absolute;opacity:0;width:0;height:0}.segmented-control-type input:checked+label{transition-duration:0!important;cursor:default;border-color:var(--color-black);background:var(--color-black);color:var(--color-white);font-weight:700}.segmented-control-type input:checked+label>div{opacity:0}.segmented-control-type label{display:flex;position:relative;flex-grow:1;justify-content:center;align-items:center;transition:.3s background;cursor:pointer;border-top:1px solid var(--color-gray);border-right:1px solid transparent;border-bottom:1px solid var(--color-gray);border-left:1px solid transparent;background:var(--color-white);padding-right:var(--space-8);padding-left:var(--space-8);height:100%;color:transparent;font-weight:700;font-size:var(--typography-text-small);-webkit-user-select:none;user-select:none;text-wrap:nowrap}.segmented-control-type label:hover{border-color:var(--color-gray-superdark-darker)!important;background-color:var(--color-gray-neutral);color:transparent}.segmented-control-type label svg{margin-right:var(--space-4);width:var(--space-18);height:var(--space-18)}.segmented-control-type label:last-of-type{border-right:1px solid var(--color-gray);border-left:1px solid transparent;border-radius:0 9000px 9000px 0}.segmented-control-type label:first-of-type{border-right:1px solid transparent;border-left:1px solid var(--color-gray);border-radius:9000px 0 0 9000px}.segmented-control-type label>div{display:flex;position:absolute;justify-content:center;align-items:center;z-index:10;width:100%;height:100%;color:var(--color-warm-gray-superdark);font-weight:500}.segmented-control-type label>div:hover{color:#000}