@import "~cosmoUiVariables";
@import "~cosmoui/src/components/styles/mixins/margins";

$stop-font-size: 10px;
$stop-waypoint-margin-y: 4px;
$stop-waypoint-connector: dotted 1px $text-global;

.waypoints {
    flex-basis: 15%;
}

.details {
    flex-basis: 85%;
    p {
        margin: 0;
        font-size: $stop-font-size;
    }
}

.connector {
    height: 45px;
    border-left: $stop-waypoint-connector;
}

.icon {
    @include margin-y($stop-waypoint-margin-y);
    fill: $brand-primary;
}

.time {
    font-weight: bold;
}