/* @group @a-nav-separater-primary */

.a-nav-separater-primary {
position: relative;
}

.a-nav-separater-primary:before {
content: '';
position: absolute;
top: 50%;
right: -1px;
width: 1px;
height: var(--form-spacing-paragraph);
background: var(--neutral-colors-90);
transform: translateY(-50%);
}

/* @end @a-nav-separater-primary */

/* @group @a-nav-separater-secondary */

@media all and (min-width: 36em) {

.a-nav-separater-secondary {
position: relative;
}

.a-nav-separater-secondary:before {
content: '';
position: absolute;
top: 50%;
left: -2px;
width: 1px;
height: var(--form-spacing-paragraph);
background: var(--neutral-colors-90);
transform: translateY(-50%);
}

}

@media all and (min-width: 36em) and (max-width: 47.9375em) {

.a-nav-separater-secondary:first-of-type:before {
display: none;
}

}

@media all and (min-width: 48em) {

.a-nav-separater-secondary:last-of-type {
position: relative;
}

.a-nav-separater-secondary:last-of-type:after {
content: '';
position: absolute;
top: 50%;
right: -2px;
width: 1px;
height: var(--form-spacing-paragraph);
background: var(--neutral-colors-90);
transform: translateY(-50%);
}

}

/* @end @a-nav-separater-secondary */