.segmented-control {
    height: 48px;
    background-color: var(--branded-theme-colours-fill-quaternary);
    border: 2px solid var(--branded-theme-colours-fill-tertiary);
    border-radius: calc(var(--constant-padding-small) + 2px);
}

.segmented-control-item {
    justify-content: center !important;
    text-align: center;
    padding: 0 var(--constant-padding);
    border-radius: calc(var(--constant-padding-small));
    color: var(--branded-theme-colours-label-primary);
}

.segmented-control-item.selected {
    color: #FFFFFF;
    background-color: var(--branded-theme-colours-brand-primary);
}

.new-segmented-control {
    height: 44px;
    background-color: var(--branded-theme-colours-fill-quaternary);
    border-radius: var(--constant-padding-small);
    outline: 2px solid var(--branded-theme-colours-fill-quaternary);
    position: relative;
}

.new-segmented-control-item {
    padding: 0 var(--constant-padding);
    border-radius: calc(var(--constant-padding-small));
    position: relative;
    cursor: pointer;
}

.new-segmented-control-item.selected {
    background-color: var(--branded-theme-colours-background-default-secondary);
    box-shadow: rgba(0, 0, 0, 0.15) 0 4px 16px;
    z-index: 100;
}



.tab-segmented-control {
    background-color: var(--branded-theme-colours-fill-quaternary);
}

.tab-segmented-control-item {
    justify-content: center !important;
    padding: var(--constant-padding-small) var(--constant-padding);
    color: var(--branded-theme-colours-label-secondary);
    border-bottom: 2px solid var(--branded-theme-colours-fill-tertiary);
}

.tab-segmented-control-item.selected {
    border-bottom: 2px solid transparent;
    background-color: var(--branded-theme-colours-background-default-secondary);
    color: var(--branded-theme-colours-label-primary);
}

.tab-segmented-control-item.left.selected 
{
    border-right: 2px solid var(--branded-theme-colours-fill-tertiary);
    border-top-right-radius: var(--constant-padding-small);
}

.tab-segmented-control-item.right.selected 
{
    border-left: 2px solid var(--branded-theme-colours-fill-tertiary);
    border-top-left-radius: var(--constant-padding-small);
}